/*全局*/

::-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: "Arial", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; }
body { font: 14px/1.231 "Arial", '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; font-size: 14px; 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, em {  font-weight: normal;  font-style: normal; }

/*banner*/
.slideBox { width: 100%; position: relative; z-index: 0; height: 550px; overflow: hidden;}
.slideBox .hd  { position: absolute; left: 50%; margin-left: -27px; bottom: 10px;}
.slideBox .hd ul li { float: left; margin-right:10px; width:8px; height:8px; cursor: pointer; background-color: #fff; }
.slideBox .hd ul li.on { background-color: #0079e3;}
.slideBox .bd { width: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1;}
.slideBox .bd li a { display: block; width: 100%; height: 550px;}

/*search*/
.search  { width: 100%; background: url("../images/ico3.png"); height:61px; }
.search .sea_l { max-width:835px; height:61px; overflow: hidden; line-height: 60px;}
.search .sea_l span{ color: #fff;}
.search .sea_l a{ font-size: 14px; padding-right: 20px; color: #fff;}
.search .sea_r { width: 340px; height: 61px;}
.search .sea_r input.text{ line-height: 61px;color: #333; float: left; width: 320px; background: none;}
.search .sea_r input.submit{ width:20px; height: 60px; float: right; background:url("../images/search.png") no-repeat center #fff; cursor: pointer;}

/*customer*/
.customer { padding-top: 60px;}
.customer .tit { background: url("../images/customer-tit.png") no-repeat center; width: 295px; height: 477px; position: relative; z-index: 1;}
.customer .tit h3 a { font-size: 28px; color: #fff; padding: 200px 0 0 42px; font-weight: bold; display: block;}
.customer .tit span { display: block; background-color: #fff; width: 20px; height: 3px; margin: 30px 0 30px 42px;}
.customer .tit h4 { color: #fff; font-size: 14px; margin: 0 0 30px 42px;}
.customer .tit .more { color: #0079e3; background-color: #fff; padding: 6px 36px; margin-left: 42px;}
.customer .container { width: 885px;}
.customer .container ul li { float: left; width: 294px; height: 237px; position: relative; overflow: hidden; border: 1px solid #d9d9d9; margin-left: -1px;}
.customer .container ul li:nth-child(4),.customer .container ul li:nth-child(5),.customer .container ul li:nth-child(6) { margin-top: -1px;}
.customer .container ul li img { width: 100%; height: 100%; display: block; transition: .5s .1s; }
.customer .container ul li:hover img { transform: scale(1.1); }
.customer .container ul li .tit1 { position: absolute; top:0; left: 0; background: url("../images/hei.png"); width: 100%; height: 100%; transition:.5s; text-align: center;
  transform: scale(0,0); opacity: 0; padding-top:120px; }
.customer .container ul li .tit1 span { background: url("../images/ico4.png"); padding:8px 20px; color: #fff; border-radius: 30px; width: 100%; white-space: nowrap;
  text-overflow: ellipsis; overflow: hidden;}
.customer .container ul li:hover .tit1 { transform: scale(1,1); opacity: 1; transition: all 1.5s cubic-bezier(0.23, 1, 0.38, 1); }

/*product*/
.product .box b { display: block; width: 100%; background: url("../images/ad1.jpg") no-repeat center; height: 177px; margin: 30px 0; }
.product .box .product_left { width:279px; text-align: center; }
.product .box .product_left .pro_title { margin-bottom: 17px; background-color: #bbc3c9; height: 119px; padding: 29px 40px; box-sizing: border-box; }
.product .box .product_left .pro_title h2 { color: #fff; font-weight: bold; font-size: 26px;}
.product .box .product_left .pro_title span { color: #fff; font-size: 14px; }
.product .box .product_left .content .list { margin-bottom: 17px;}
.product .box .product_left .content .list h4 a { display:block; background-color: #0079e3; line-height: 40px; width: 100%; height: 40px; font-size: 16px; color: #fff; }
.product .box .product_left .content .list ul li a { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; border-bottom: 1px solid #e6e6e6;
  line-height: 40px;}
.product .box .product_left .content .list ul li a:hover { color: #0079e3; }
.product .box .product_right { width:868px; height: 1126px; overflow: hidden; }
.product .box .product_right .right_box { margin-top: 25px;}
.product .box .product_right .right_box .hd1 { position: relative;}
.product .box .product_right .right_box .hd1 li { float: left; height: 50px; line-height: 50px; width: 182px; text-align: center; margin-right: 30px;}
.product .box .product_right .right_box .hd1 li:nth-child(1) { background: url("../images/ico7.png") no-repeat center;}
.product .box .product_right .right_box .hd1 li:nth-child(2) { background: url("../images/ico8.png") no-repeat center; margin-left: -50px;}
.product .box .product_right .right_box .hd1 li a { font-size:18px; font-weight:bold; color: #fff;}
.product .box .product_right .right_box .hd1 i { position: absolute; top: 28px; right: 104px; display: block; width: 382px; height: 1px; background-color: #ccc; }
.product .box .product_right .right_box .hd1 .more { position: absolute; font-size: 18px; top: 15px; right: 0; text-transform: uppercase; transition: .5s; }
.product .box .product_right .right_box .hd1 .more:hover { color:#0079e3; padding-bottom: 5px; border-bottom: 1px solid #0079e3; }
.product .box .product_right .right_box .bd1 { width: 1000px; }
.product .box .product_right .right_box .bd1 li{ float:left; margin-top:36px; margin-right:27px; width: 270px; height: 277px; box-shadow: 1px 0 9px rgba(0,121,227,0.17);
  background-color: #fff; transition: .5s;}
.product .box .product_right .right_box .bd1 li:hover { transform: translate(-5px,-5px)}
.product .box .product_right .right_box .bd1 li img { width:270px; height:225px; display: block; }
.product .box .product_right .right_box .bd1 li p { text-align: center; overflow:hidden; line-height: 52px; width: 100%; white-space: nowrap;text-overflow: ellipsis;}
.product .box .product_right .right_box .bd1 li:hover p { color: #0079e3; }
.product .box .ad1 { margin-top: 40px; }
.product .box .ad1 h4 { font-size: 18px; line-height: 36px;}
.product .box .ad1 .tel { margin-top: 20px; }
.product .box .ad1 .tel h5 { font-size: 26px; font-family: "Times New Roman"; line-height: 33px; }
.product .box .ad1 .tel .ask { color: #fff; background-color: #0079e3; padding: 6px 36px; margin-left: 10px; }

/*case*/
.case .head { margin: 40px 0;}
.case .head .tit h3 { font-size:26px; color:#0079e3; font-weight: bold; }
.case .head .tit p { text-transform: uppercase; }
.case .head .list { margin-top: 19px; }
.case .head .list a { padding: 8px 20px; }
.case .head .list a:hover { background-color: #0079e3; color: #fff; }
.case .below ul { width: 1232px;}
.case .below ul li{ float:left; margin:0 24px 0 0; width:375px; height: 362px; text-align: center; border: 1px solid #e5e5e5;}
.case .below ul li:hover { border: 1px solid #0079e3;}
.case .below ul li .pic { overflow: hidden; width:327px; height:220px; margin: 24px auto 0; }
.case .below ul li .pic img { width:100%; height:100%; transition: .5s;}
.case .below ul li .tit p { line-height:70px; font-size: 16px; }
.case .below ul li .tit a { color: #ccc; padding: 7px 36px; border: 1px solid #e5e5e5; }
.case .below ul li:hover .tit a { color: #fff; background-color: #0079e3; }
.case .below ul li:hover img{ transform: scale(1.1) }

/*reason*/
.reason  { background: url("../images/bg.jpg") no-repeat center; width: 100%; margin-top: 60px; height: 851px;}
.reason .box { position: relative;}
.reason .box .title { text-align: center; padding-top: 50px;}
.reason .box .title h3 { font-size: 42px; font-weight: bold; color: #fff; background: url("../images/ico9.png") no-repeat center; }
.reason .box .title span { font-size: 18px; color: #fff; letter-spacing: 20px;}
.reason .box .content { height: 550px; }
.reason .box .content h4 { color: #fff; font-size: 24px; font-weight:bold; margin-bottom: 10px;}
.reason .box .content p { line-height: 28px; color: #fff; width: 378px;}
.reason .box .content .list1 { position: absolute; top:214px; left:0; }
.reason .box .content .list2 { position: absolute; top:214px; right:0; }
.reason .box .content .list3 { position: absolute; top:537px; left:0; }
.reason .box .content .list4 { position: absolute; top:537px; right:0; }
.reason .box .tel { text-align: center; }
.reason .box .tel h5 { font-size: 36px; font-family: "Times New Roman"; color: #fff; }
.reason .box .tel h5 span { padding: 0 10px; }
.reason .box .tel a { font-size: 16px; background-color: #fff; padding:8px 66px; color: #0079e3; }

/*flow*/
.flow .title { text-align: center; padding: 60px 0 50px;}
.flow .title h3 { font-size: 30px; color: #0079e3; background: url("../images/ico10.png") no-repeat center; }
.flow .title span { font-size: 18px; color: #808080; letter-spacing: 20px; text-transform: uppercase;}
.flow .box { background: url("../images/flow.png") no-repeat center; width: 100%; height: 144px;}
.flow .box .content { position: relative;}
.flow .box .content p { position: absolute; font-size: 16px;}
.flow .box .content .p1 { top:45px; left:3px;}
.flow .box .content .p2 { top:45px; left:162px;}
.flow .box .content .p3 { top:45px; left:322px;}
.flow .box .content .p4 { top:45px; left:480px;}
.flow .box .content .p5 { top:45px; left:638px;}
.flow .box .content .p6 { top:45px; left:798px;}
.flow .box .content .p7 { top:45px; left:955px;}
.flow .box .content .p8 { top:45px; left:1115px;}

/*witness*/
.witness { margin-top: 60px; background-color: #f2f2f2;}
.witness .box { padding: 60px 0; position: relative;}
.witness .left { width: 340px;}
.witness .left .title span { font-size: 42px; color: #ccc; font-family: "Times New Roman"; text-transform: uppercase; line-height: 48px;}
.witness .left .title h3 { font-size: 34px; font-weight: bold; color: #0079e3;}
.witness .left b { display: block; width: 40px; height: 2px; background-color: #333; margin: 40px 0;}
.witness .left .ad2 { padding-top: 95px;}
.witness .left .ad2 p { color: #7d7d7d; line-height: 32px; margin-bottom: 25px; font-size: 16px;}
.witness .left .ad2 .tel h4 i { font-family: "Times New Roman"; font-size: 30px; line-height: 32px;}
.witness .left .ad2 .tel a { color: #fff; background-color: #0079e3; margin-left: 20px; padding: 5px 46px;}
.witness .right { width: 770px; height: 450px; overflow: hidden; }
.witness .right .bd .tempWrap { width: 100%!important;}
.witness .right .bd ul li { float: left; width:365px; margin-left:20px; border-bottom: 2px solid #0079e3; box-sizing: border-box; }
.witness .right .bd ul li .pic { width: 100%; height:250px;}
.witness .right .bd ul li .pic img { width: 100%; height: 100%; display: block;}
.witness .right .bd ul li .tit { background-color: #fff; padding: 40px 30px; box-sizing: border-box; text-align: center; }
.witness .right .bd ul li .tit h5 a { font-size: 16px; font-weight: bold;}
.witness .right .bd ul li .tit p { line-height: 28px;  margin-top: 10px; color: #7d7d7d; text-align: left; height: 84px; overflow: hidden;}
.witness .right .bd ul li:hover a { color: #0079e3; }
.witness .right .hd span { display:block; width:50px; height:50px; cursor:pointer; position: absolute; z-index: 1;}
.witness .right .hd .prev { left:0; top:294px; background:url("../images/arrow1.png") no-repeat;}
.witness .right .hd .next { left:50px; top:294px; background: url("../images/arrow2.png") no-repeat; }

/*about*/
.about { background: url("../images/bg2.png") no-repeat center; width: 100%; height: 640px; position: relative;}
.about .box { padding-top: 100px;}
.about .box .content { width:540px;}
.about .box .content span { color: #fff; font-size: 62px; font-weight: bold; text-transform: uppercase;}
.about .box .content h3 { padding: 20px 0 0 45px;}
.about .box .content h3 a { color: #fff; font-size: 18px; font-weight: bold; }
.about .box .content p { color: #fff; line-height: 28px; height:168px; width: 495px; overflow: hidden; background: url("../images/ico5.png") no-repeat left 24px;
  padding:10px 0 0 45px; }
.about .box .content .more { color: #fff; background-color: #1d384c; display: block; width: 148px; height: 37px; text-align: center; line-height: 37px; margin: 20px 0 0 45px;}
.about .box .content .more:hover { background-color: #005299; }
.about .box .content .tel { margin: 60px 0 0 45px;}
.about .box .content .tel h4 i { font-family: "Times New Roman"; color: #fff; font-size: 36px; line-height: 36px;}
.about .box .content .tel a { width: 138px; height: 36px; background-color: #fff; color: #0079e3; line-height: 36px; text-align: center; margin-left: 20px;}
.about .box .content .tel a:hover { background-color: #1d384c; color: #fff;}
.about .box .pic { width: 50%; height: 620px; position: absolute; right: 0; top:70px;}
.about .box .pic img { width: 100%; height: 100%; display: block;}

/*company*/
.company { padding-top:23px; height: 297px; overflow: auto; }
.company .company_tit { margin-bottom: 30px; }
.company .company_tit .tit h3 a{ font-size: 18px; font-weight: bold; padding-right: 50px; }
.company .company_tit .tit.on h3 a{ color: #0079e3; }
.company .content .main { position: relative;}
.company .content .main .hd span { display:block; width:24px; height:24px; cursor:pointer; position: absolute;}
.company .content .main .hd .prev { left:470px; top:-54px; background:url("../images/arrow3.png") no-repeat;}
.company .content .main .hd .next{ left:520px; top:-54px; background: url("../images/arrow4.png") no-repeat; }
.company .content .main .tempWrap{ width: 100%!important; }
.company .content .main ul{ overflow:hidden; zoom:1;}
.company .content .main ul li{ margin-right:16px; float:left; _display:inline; overflow:hidden; text-align:center;}
.company .content .main ul li .pic{ text-align:center; width:282px; height:199px; overflow: hidden;}
.company .content .main ul li .pic img{ width:100%; height:100%; display:block;  border: 1px solid #d3d3d3; transition: all .6s; }
.company .content .main ul li .title3 { line-height:40px; border-bottom: 1px solid #dedede; position: relative}
.company .content .main ul li .title3 a { color:#6f6f6f; }
.company .content .main ul li .title3 .border-bottom { display: block; position: absolute; background-color:#0079e3; -webkit-transition: all 0.6s ease-out; width: 0; height: 1px;
  transition: all 0.6s ease-out; bottom: -1px; left:0; }
.company .content .main ul li:hover .pic img { transform: scale(1.1) }
.company .content .main ul li:hover .title3 .border-bottom { width: 284px; }

/*news*/
.new .head { margin: 40px 0;}
.new .head .tit h3 { font-size:26px; color:#0079e3; font-weight: bold; }
.new .head .tit p { text-transform: uppercase; }
.new .head .list { margin-top: 19px; }
.new .head .list a { padding: 8px 20px; }
.new .head .list a:hover { background-color: #0079e3; color: #fff; }
.new .main { height: 492px; overflow: hidden; }
.new .content .new_lf { width:569px; }
.new .content .new_lf ul li { background-color: #f6f6f6; height: 91px; margin-bottom: 32px; padding: 14px 30px; box-sizing: border-box; }
.new .content .new_lf ul li:hover { background-color: #0079e3; }
.new .content .date { text-align: center; padding-top: 10px; }
.new .content .date p { color: #a6a6a6; }
.new .content .date h4 { color: #a6a6a6; font-size: 14px; font-weight: bold; }
.new .content .line { background-color: #bfbfbf; width: 1px; height: 62px; margin: 0 20px; }
.new .content .word { padding-top: 10px; width: 430px; }
.new .content .word h6 { font-size: 14px; color: #999; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.new .content .new_lf ul li:hover .date p { color: #fff; }
.new .content .new_lf ul li:hover .date h4 { color: #fff; }
.new .content .new_lf ul li:hover .line { background-color: #4da1eb; }
.new .content .new_lf ul li:hover .word h5 a { color: #fff; }
.new .content .new_lf ul li:hover .word h6 { color: #fff; }
.new .content .new_rt { width: 572px; height: 460px; background-color: #f6f6f6; padding: 27px 33px; box-sizing: border-box; }
.new .content .new_rt .pic { width: 506px; height: 336px; overflow: hidden; }
.new .content .new_rt .pic img { width: 100%; height: 100%; transition: .5s; }
.new .content .new_rt .below  { margin-top: 20px; }

/*flink*/
.flink { padding:20px 0 40px; }
.flink .f_tit{ background: url("../images/link.png") no-repeat left center; width: 1180px; height: 43px; }

.flink ul li { float: left;  margin-right: 20px; line-height: 40px; }
.flink ul li a { color: #202020; }
.flink ul li:hover a { color: #0079e3; }