/*全局*/

::-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*/
.banner { width:100%; overflow: hidden;}
.banner img { display:block; width:100%;}

/*search*/
.search { height:90px; }
.search .sea_l { max-width:835px; height:90px; overflow: hidden;}
.search .sea_l span{ color: #003c85;}
.search .sea_l a{ font-size: 14px; line-height: 90px; padding-right: 20px;}
.search .sea_r { width: 333px; height: 32px; border: 1px solid #666; margin-top: 28px;}
.search .sea_r input.text{ line-height: 32px;color: #333; float: left; padding-left: 10px; width: 280px;}
.search .sea_r input.submit{ width:40px; height: 32px; float: right; background:url("../images/search.png") no-repeat center; cursor: pointer;}

/*reason*/
.reason  { background: url("../images/bg.jpg") no-repeat center; width: 100%; height: 981px; margin-top: 60px; }
.reason .box { position: relative;}
.reason .box .title { position: absolute; top:175px; left: 85px;}
.reason .box .title h3 { font-size: 26px; font-weight: bold; color: #fff; }
.reason .box .title h4 { color: #fff; font-size: 14px; letter-spacing: 2px;}
.reason .box .title p { color: #575757; text-transform: uppercase; font-size: 12px; line-height: 24px;}
.reason .box .tel { position: absolute; top:330px; left: 130px;}
.reason .box .tel h5 { color: #fff; font-family: "Times New Roman"; font-size: 36px; margin-bottom: 10px;}
.reason .box .tel a { background-color: #003c85; color: #fff; padding: 10px 76px;}
.reason .box .tel a:hover { background-color: #da251d; }
.reason .box .content h4 { font-size: 18px; font-weight:bold; }
.reason .box .content h5 { font-size: 14px; color: #808080; }
.reason .box .content i { display: block; width: 21px; height: 2px; margin: 15px 0 10px; background-color: #003c85;}
.reason .box .content p { line-height: 28px; width: 504px;font-size: 16px; }
.reason .box .content .list1 { position: absolute; top:36px; right:48px; }
.reason .box .content .list2 { position: absolute; top:284px; right:135px; }
.reason .box .content .list3 { position: absolute; top:539px; right:42px; }
.reason .box .content .list4 { position: absolute; top:810px; right:127px; }

/*product*/
.product .hd { text-align:center; background: url("../images/ico2.png") no-repeat center;}
.product .hd h3 { font-size:28px; color: #003c85;}
.product .hd p { font-size: 16px; text-transform: uppercase; }
.product .pro_li { text-align: center; margin: 30px 0 10px; }
.product .pro_li h4 { background-color: #424445; text-align: center; width:264px; height:40px; line-height:40px; display: inline-block; _display:inline; *display:inline; zoom: 1;
  margin: 0 20px; }
.product .pro_li h4 i { display: block; background: url("../images/ico3.png") no-repeat center; height: 7px; opacity: 0;}
.product .pro_li h4 a { display:block; width:100%;  white-space: nowrap; text-overflow: ellipsis; overflow:hidden; color: #fff; }
.product .pro_li h4.on { background-color: #003c85;}
.product .pro_li h4.on i { opacity: 1;}
.product_below ul li{ float:left; width:280px; margin:20px 20px 0 0; }
.product_below ul li .pic { width:100%; height:200px;}
.product_below ul li .pic img { width:100%; height:100%; display: block;}
.product_below ul li .title { text-align: center; line-height:36px; height:36px; background-color: #333; }
.product_below ul li .title a { display:block; color: #fff;}
.product_below ul li:hover .title { background-color:#003c85; }

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

/*about*/
.about { background: url("../images/bg1.png") no-repeat center; width: 100%; height:643px; padding: 60px 0; position: relative;}
.about .content { width: 504px; padding: 62px 0 0 58px;}
.about .content .tit2 h3 { font-size: 22px; font-weight: bold; color: #003c85; }
.about .content .tit2 i { display: block; width: 242px; height: 1px; background-color: #e5e5e5; margin: 10px 0;}
.about .content .tit2 span { color: #ccc; font-size: 16px; }
.about .content .tit2 b { display: block; width: 34px; height: 2px; background-color: #003c85; margin: 15px 0; }
.about .content .word p { line-height: 28px; height: 112px; overflow: hidden;}
.about .content .word a { font-size: 16px; text-transform: uppercase; background: url("../images/ico4.png") no-repeat right center; width: 129px; height: 30px;
  line-height: 30px; margin-top: 10px;}
.about .content .word a:hover { background: url("../images/ico4-h.png") no-repeat right center;}
.about .content .word a span { padding-left: 30px;}
.about .pic { position: absolute; right: 0; top:202px; width: 513px; height: 357px;}
.about .pic img { width: 100%; height: 100%;}

/*company*/
.company .company_tit { border-bottom: 1px solid #707070; margin: 20px 0 30px;}
.company .company_tit .tit h3 { font-size: 18px; display: block;  padding:0 10px 10px; }
.company .company_tit .tit h3.on { border-bottom: 1px solid #003c85; color: #003c85; }
.company .main { height: 189px; overflow: hidden;}
.company .bd ul { width: 600px;}
.company .bd ul li{ margin-right:37px; float:left; overflow:hidden; text-align:center;}
.company .bd ul li .pic1 { width:233px; height:149px; overflow: hidden; }
.company .bd ul li .pic1 img { width:100%; height:100%; display:block; transition: .5s; }
.company .bd ul li .pic1 img:hover { transform: scale(1.2); }
.company .bd ul li .title3 { line-height:40px;}
.company .bd ul li .title3 a { color:#6f6f6f; }

/*news*/
.new { height: 471px; overflow: hidden; }
.new .link { width: 1182px; margin-bottom:30px; }
.new .link li{ width: 392px; float: left; height: 60px; line-height: 60px; text-align: center; background-color: #333; margin-right: 2px; font-size: 18px; color: #fff; }
.new .link li span { font-size: 12px; color: #fff; text-transform: uppercase; padding-left: 10px;}
.new .link li.on { background-color: #003c85;}
.new .content .new_lf { width:530px; height: 381px; position: relative;}
.new .content .new_lf img { width:100%; height: 100%; display: block;}
.new .content .new_lf p { width:100%; height:50px; position: absolute; background: url("../images/hei.png"); text-align: center; bottom: 0; left: 0; line-height: 50px; }
.new .content .new_lf p a { display: block; color: #fff;}
.new .content .new_rt { width:650px; height: 381px; background-color: #f2f2f2; overflow: hidden; padding: 0 20px; box-sizing: border-box; }
.new .content .new_rt ul li { border-bottom: 1px dashed #ccc; line-height: 46px; padding: 0 10px; box-sizing: border-box; float: left; width: 48%; margin: 0 1%; }
.new .content .new_rt ul li:hover { border-bottom: 1px dashed #003c85; }
.new .content .new_rt ul li a { line-height: 46px; height:46px; width:70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}

/*flink*/
.flink { padding:40px 0 20px; }
.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:hover a { color: #da251d; }