﻿@charset "utf-8";
html, body { height:100%; padding:0px; margin:0px; min-width: 1200px; font:14px 微软雅黑; color:#444; }
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p { margin: 0; }
li { list-style-type: none; vertical-align: top; margin: 0; padding:0; }
ul { margin: 0; padding: 0; }
img { margin: 0; padding: 0; border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0; padding: 0 }
dl, dt, dd { padding: 0; margin:0; }
i, em { font-style: normal; }
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.w0 { width: 100%; }
.w1200 { width: 1200px; margin:0 auto; }
.w1300 { width: 1300px; margin:0 auto; }
.ellipsis { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/*header start*/
.header { border-top:5px solid #025bb9; }
.header .head_top { background: url(img/bei.png) no-repeat 895px 0px; height: 120px; }
.header .head_top .tel_box { width: 275px; height: 120px; color: #fff; text-align:center }
.header .head_top .tel_box > a { color:#333; padding: 0 8px; line-height: 36px; }
.header .head_top .tel_box .tel { margin-top:5px; width: 235px; text-align: right; line-height:50px; }
.header .head_top .tel_box .tel p { display:block; font-size: 14px; color: #696969; text-align: right; background: url(img/tell.png) 130px 2px no-repeat; height: 18px; line-height: 18px; }
.header .head_top .tel_box .tel b { font-size: 30px; color: #F00; font-family: arial; font-weight: bold; margin-top: 3px; }
.head_nav { background: #025bb9; border-bottom: 3px solid #F00 }

.nav { width: 1200px; height:50px; line-height:50px; position:relative; z-index:999; margin: 0 auto }
.nav .nLi { width: 165px; float:left; position:relative; display:inline; }
.nav .nLi > a { display:block; width: 150px; font-size:18px; font-weight: normal; text-align: center; color: #fff; }
.nav .sub { display:none; width:165px; left:0; top:54px; position:absolute; z-index: 9999; background:rgba(0, 0, 0, 0.7); line-height:35px; }
.nav .sub li { zoom:1; }
.nav .sub a { display:block; padding:0 10px; text-align: center; font-size: 15px; color: #fff }
.nav .sub a:hover { background:#F00; color:#fff; }
.nav .on > a { background:#F00; color:#fff; border-bottom: 3px solid #025bb9 }
/*header end*/

/*banner start*/
.flexslider { margin: 0px auto 0px; position: relative; width: 100%; height:500px; overflow: hidden; zoom: 1; }
.flexslider .slides li { width: 100%; height: 100%; }
.flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(img/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0);  -webkit-transition: all .3s ease;
border-radius: 35px; }
.flex-direction-nav .flex-next { background-position: 0 -70px; right: 0; }
.flex-direction-nav .flex-prev { left: 0; }
.flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); }
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; overflow: hidden;}
.flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1;  *display: inline;
}
.flex-control-paging li a { background: rgba(0, 0, 0, 0.3); display: block; height: 10px; overflow: hidden; text-indent: -99em; width: 10px; cursor: pointer; -webkit-transition: all 0s ease; border-radius: 10px; }
.flex-control-paging li a.flex-active, .flex-control-paging li.active a { background: #F00; }
.flexslider .slides a img { width: 100%; height: 500px; display: block; }
/*banner end*/

.title { text-align: center; margin-bottom: 30px }
.title b { font-size: 35px; letter-spacing: 1px; line-height: 35px; color: #fff; display: inline-block; }
.title span { padding-left: 5px; font-size: 18px; font-family: Arial; color: #999; display: inline-block; }
/*product start*/
.product { padding: 50px 0 20px; }
.pro_l { width: 270px; box-shadow: -10px -10px 0px #dfdfdf; position: relative; top: 10px }
.pro_l .pro_top { width: 270px; height:93px; line-height:93px; background: url(img/protop.jpg) no-repeat center; color: #fff; text-align: center; }
.pro_l .pro_top b { font-size: 32px; color: #fff; letter-spacing: 2px; }
.pro_l .pro_list { width: 264px; border-left:3px solid #025BB9; border-right:3px solid #025BB9; border-bottom:3px solid #025BB9; padding: 10px 0; }
.pro_l .pro_list .nLi { width: 240px; height: 49px; margin:0 13px; line-height: 49px; position: relative; border-bottom: 1px solid #dfdfdf; background: url(img/bian.png) no-repeat 95% center; }
.pro_l .pro_list .nLi > a { padding-left: 10px; font-size: 16px }
.pro_l .pro_list .nLi:hover { background:url(img/bian.png) no-repeat 95% center #025bb9 }
.pro_l .pro_list .nLi:hover > a { color: #fff }
.pro_l ul.sub { display:none; width: 300px; left: 269px; top: 0px; position: absolute; background:#025bb9; z-index: 9999; }
.pro_l ul.sub li { width: 100%; height: auto; height: 40px; line-height: 40px; text-align: center; font-size:14px; border-bottom: 1px solid #dedede!important; }
.pro_l ul.sub li a { color: #fff }
.pro_l ul.sub li:hover { background: #F00 }
.pro_l ul.sub li:hover a { color: #fff }
.pro_l .pro_bot { height: 188px; background: url(img/bei1.jpg) no-repeat center; text-align: center; color: #fff }
.pro_l .pro_bot p { text-align: center; display: block; padding: 15px 0 5px 0; font-size: 20px; }
.pro_l .pro_bot img { margin: 20px 0 16px 0; }
.pro_l .pro_bot i { display: block; line-height: 30px; font-size: 18px }
.pro_r { width: 910px; }
.pro_r .pr_top { width:910px; height: 50px; border-bottom:2px solid #e4e4e4; background: #f3f3f3; position: relative; margin-bottom: 22px; }
.pro_r .pr_top .title1 { font-size: 18px; color: #025bb9; font-weight: bold; padding-left: 20px; line-height: 50px; position: relative; height: 50px; }
.pro_r .pr_top .title1:before { content: ""; width: 145px; height: 2px; background: #025bb9; position: absolute; left: 0; bottom: -2px; }
.pro_r .pr_top .title1 span { font-size: 12px; color: #595959; font-family: Arial; font-weight: normal; margin-left: 3px; display: inline-block; text-transform: uppercase; }
.pro_r .pr_top .more { position: absolute; right: 20px; top: 18px; display: block; font-size: 12px; color: #595959; font-family: Arial; }
.pro_r ul li { width: 280px; float: left; margin-left: 32px; border:1px solid #e4e4e4; margin-bottom: 32px; transition: all 0.2s ease-in; background: #e4e4e4 }
.pro_r ul li:nth-child(3n+1) {
margin-left: 0px;
}
.pro_r ul li .img { width: 268px; height: 201px; overflow: hidden; border:1px solid #e4e4e4; margin: 5px }
.pro_r ul li img { width: 268px; height: 201px; display: block; -moz-transition:.5s ease-in;
-webkit-transition:.5s ease-in;
-o-transition:.5s ease-in;
-ms-transition:.5s ease-in;
transition:.5s ease-in;
}
.pro_r ul li img:hover { transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1) }
.pro_r ul li :hover .img { border-color: #025bb9 }
.pro_r ul li p { width:270px; height: 40px; line-height: 40px; padding-bottom: 5px; text-align: center; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 5px 5px; font-size: 15px; }
.pro_r ul li:hover { background: #025bb9 }
.pro_r ul li:hover p { color: #fff }
/*product end*/

/*company start*/
.company { padding: 50px 0; background: url(img/combg.jpg) no-repeat center; }
.company .com_body { width: 1200px; margin: 0 auto; }
.company .com_body .com_r { width: 660px; }
.company .com_body .com_r b { font-size: 35px; letter-spacing: 1px; line-height: 35px; color: #025bb9 }
.company .com_body .com_r span { padding-left: 5px; font-size: 18px; font-family: Arial; color: #999 }
.company .com_body .com_r p { line-height: 180%; text-indent: 2em; font-size: 15px }
.company .com_body .com_r .com_top { height: 100px; border-bottom: 1px dashed #ccc; margin-bottom: 15px; }
.company .com_body .com_r .com_top em { display: inline-block; padding: 0 20px; height: 35px; line-height: 35px; font-size: 20px; background: #F00; letter-spacing: 2px; margin-top: 15px; border-radius: 20px; color: #fff }
/*case start*/
.case { padding: 50px 0; background: url(img/casebg.jpg) no-repeat center top; }
.case .slideBox { overflow:hidden; zoom:1; padding:20px 0 10px 50px; position:relative; }
.case .slideBox .sPrev, .slideBox .sNext { position:absolute; left:5px; top:30px; display:block; width:46px; height:274px; background: url(img/arrow-left.png) no-repeat center; }
.case .slideBox .sNext { left:auto; right:5px; background: url(img/arrow-right.png) no-repeat center; }
.case .slideBox .sPrev:hover, .slideBox .sNext:hover { border-color:#f60; }
.case .slideBox ul { overflow:hidden; zoom:1; }
.case .slideBox ul li { margin:0 22px; float:left; _display:inline; overflow:hidden; text-align:center; }
.case .slideBox ul li .pic { text-align:center; }
.case .slideBox ul li .pic img { width:365px; height:274px; display:block; border: 3px solid #fff; }
.case .slideBox ul li .pic a:hover img { border-color:#999; }
.case .slideBox ul li .title1 { line-height:30px; }
.case .slideBox ul li .title1 a { display: block; width: 371px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 16px }
/*new start*/
.new { height:400px; margin-top:50px }
.new .title b { font-size: 35px; letter-spacing: 1px; line-height: 35px; color: #025BB9; display: inline-block; }
.new_l { width:630px; }
.new_l ul { display:block; width:630px; margin-top:20px }
.new_l ul li { display:block; height:40px; width:630px; background-image:url(img/news3.png); background-repeat:no-repeat; background-position:0 center; border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:#ccc }
.new_l ul li a { display:block; line-height:40px; height:40px; width:470px; font-size:15px; color:#4c4c4c; padding:0 0 0 15px; float: left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.new_l ul li a:hover { color:#025BB9 }
.new_l ul li span { color: #aaa; line-height: 40px }
.new_r { width: 510px; padding-top: 30px; }
.new_r ul li { width: 220px; height: 35px; border:1px solid #aaa; margin-left: 26px; float: left; margin-top: 20px; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 35px; }
.new_r ul li:nth-child(2n+1) {
margin-left: 0px;
}
/*new end*/

/*footer start*/
.footer { background-color:#025BB9; height:50px; width:100% }
.foot_nav { height:50px; width:1200px; margin-right:auto; margin-left:auto; text-align:center }
.foot_nav a { font-size:16px; line-height:50px; color:#fff; height:50px; padding-right:40px; padding-left:40px }
.dibu_intro { padding: 50px 0px; font-size: 15px; background: #ccc; text-align: center; width:100%; display:block; }
.dibu_intro span { display: inline-block; line-height: 200%; color: #333; padding: 0 20px }
.dibu_intro span a { color: #fff }
/*footer end*/

.NewsContent{line-height:28px;}
#pro_content img{ max-width:800px; width:auto; display:block; clear:both;}