@charset "utf-8";
* { -webkit-text-size-adjust: none; margin: 0; padding: 0 }
body { width: 100%; background: #fff; line-height: 1.6; font-size: 12px; color: #666; font-family: 'Microsoft YaHei', Helvetica, sans-serif }
address, caption, cite, code, em, figcaption, h1, h2, h3, h4, h5, h6, pre, th { font-size: 14px; font-weight: 400; font-style: normal }
fieldset, iframe, img { border: none }
caption, th { text-align: left }
article, aside, figcaption, figure, footer, header, hgroup, nav, section { display: block }
table { border-collapse: collapse; border-spacing: 0 }
b, em, i, strong { font-style: normal; }
area, button, input, select, textarea { color: #666; font-family: 'Microsoft YaHei', Helvetica, sans-serif; }
area:focus, button:focus, input:focus, select:focus, textarea:focus { outline: 0 }
dd, dl, li, ul { list-style: none }
.fl { float: left }
.fr { float: right }
.clear { clear: both }
.clearfix:after { visibility: hidden; display: block; content: " "; clear: both }
.clearfix { zoom: 1 }
a { text-decoration: none; cursor: pointer; color: #666; outline: 0;  blr: expression(this.onFocus=this.blur())
}
a:visited { color: #666 }
a:hover { color: #1d3c7a; text-decoration: none }
.war { min-width: 1200px; margin: 0 auto; overflow: hidden; }
.main { width: 1200px; margin: 0 auto; }
.header { height: 100px; background: #1d3c7a; }
.logo { display: block; float: left; margin-top: 28px; }
.logo img {}
.logo a { font-size: 0; line-height: 0;  display: block; height: 44px;  }
.nav { float: right; }
.nav a, .nav a:visited { display: block; height: 100px; line-height: 100px; color: #fff; float: left; font-size: 16px;padding-left:30px;padding-right:30px; }
.nav a:visited.on, .nav a.on { background: #7abe5b; font-weight: bold;color:#ffffff; }
.nav a:hover.on {color:#ffffff;}
.nav a:hover {color:#7abe5b;}
.banner { width: 100%; position: relative; height: 670px; z-index: 0; overflow: hidden; }
.banner .bd ul { width: 100%!important }
.banner .bd li { width: 100%!important; height: 670px; overflow: hidden; }
.banner .bd li a { display: block; height: 670px }
.banner .hd { width: 100%; position: absolute; z-index: 1; bottom: 20px; left: 0; text-align: center }
.banner .hd ul { font-size: 0; }
.banner .hd ul li { cursor: pointer; display: inline-block; zoom: 1; width: 10px; height: 10px; background: #fff; overflow: hidden; font-size: 0; text-indent: -9999px; border-radius: 100%; margin: 0 10px; opacity: .6; }
.banner .hd ul .on { background: #ffbd1f; opacity: 1; }
.product { height: auto;padding-bottom:70px; background-color: #1d3c7a; background-image: url(../img/m1Bg.jpg); background-repeat: no-repeat; background-position: center bottom; }
.index_title { text-align: center; padding: 60px 0; }
.index_title em { color: #5e6e97; font-size: 13px; display: block; font-family: Arial, Helvetica, sans-serif; }
.index_title h2 { width: 500px; margin:  auto; line-height: 40px; font-size:19px; position: relative; display: block; padding:10px; clear: both; text-align: center; }
.index_title h2 i { font-size: 30px; color: #fff; margin:auto; display: inline; }
.index_title h2 span { color: #475d8e; letter-spacing: -2px; padding-right: 12px; padding-left: 12px; }
.index_title p { width: 960px; margin: 0 auto; color: #bdc2d1;font-size:13px;line-height:1.7em; }
.index_title p  a ,.index_title p  a:visited {color:#7abe5b;}
.product_slide { width: 1200px; margin: 0 auto; position: relative; }
.product_slide ul { margin-left: -35px !important; }
.product_slide li { width: 254px; height: 364px; float: left; margin-left: 55px; padding-top: 50px; }
.product_slide li a { width: 254px; height: 364px; background: #152b58; position: relative; display: block;  -webkit-transition: .2s;
 -moz-transition: .2s;
 transition: .2s;
}
.product_slide li a:hover .pr_icon { background: url(../img/icon2.png) no-repeat; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.product_slide li a:hover { background: #fff; }
.product_slide li a:hover .pr_txt { color: #333; }
.pr_pic { position: absolute; width: 235px; height: 360px; left: -20px; bottom: 50px; z-index: 1; }
.pr_pic img { width: 235px; height: 360px; display: block; }
.pr_icon { width: 36px; height: 36px; display: block; background: url(../img/icon1.png) no-repeat; position: absolute; left: 160px; bottom: 36px; z-index: 2;  -webkit-transition: .3s;
 -moz-transition: .3s;
 transition: .3s;
}
.pr_txt { height: 50px; line-height: 50px; position: absolute; left: 0; bottom: 0; color: #fff; padding: 0 20px; overflow: hidden; }
.prve_btn, .next_btn { font-size: 84px; font-family: "宋体"; color: #485c8c; position: absolute; top: 150px; }
.prve_btn { left: -90px; }
.next_btn { right: -90px; }
.prve_btn:hover, .next_btn:hover { color: #f29f1d; }
.product_slide .tempWrap { width: 1202px !important; }
.case { height: auto;padding-bottom:70px; background: #f2f2f2; }
.case .index_title em { color: #5e6e97; font-size: 13px; display: block; font-family: Arial, Helvetica, sans-serif; }
.case .index_title h2 {width: 500px; margin:  auto; line-height: 40px; font-size:19px; position: relative; display: block; padding:10px; clear: both; text-align: center;  }
.case .index_title h2 i { color: #555555; }
.case .index_title h2 span { background: #f2f2f2; color: #cccccc; }




.case ul { margin-left: -75px; margin-top: -90px; }
.case li { float: left; width: 350px; margin-left: 75px; margin-top: 60px; }
.case li a { display: block; width: 350px; height: 240px; background: #fff;  -webkit-transition: .2s;
 transition: .2s;
}
.case li a:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, .2); box-shadow: 0 20px 40px rgba(0, 0, 0, .2); background-color: #7abe5b; }
.case li a:hover h3 { color: #fff; }
.case li i {display:block;width: 350px; height: 190px; overflow:hidden;}
.case li img { width: 100%; height: auto; display: block; }
.case li h3 { display: block; text-align: center; height: 50px; line-height: 50px; overflow: hidden; }
.blue_bg { background: #1d3c7a; }
.about .index_title p { color: #fff; padding-top: 10px; }
.about ul { overflow: hidden; text-align: center; margin-top: -40px; }
.about li { width: 280px; background: url(../img/aboutbg.jpg) no-repeat top; overflow: hidden; display: inline-block; margin: 0 8px; }
.about li img { width: 222px; height: 166px; display: block; margin: 27px auto 0 auto; }
.about li strong { color: #fff; font-size: 16px; display: block; text-align: center; margin-top: 15px; }
.about li a:hover strong { color: #ffc02f }
.contact ul { overflow: hidden; padding: 40px 0 40px 30px; border-top: 1px solid #3d588d; border-bottom: 1px solid #3d588d; margin-top: 70px; }
.contact li { color: #fff;  display: inline-block; }
.contact li img { float: left; width: 35px; margin-right: 10px; }
.contact li em, .contact li i { line-height: 35px; display: block; float: left; }
.contact li em { font-size: 24px; font-family: simhei; }
.contact li i { font-size: 16px; }
.bottom { color: #fff; overflow: hidden; padding: 30px 0; }
.bottom a,.bottom a:visited { color: #fff; }
.bottom a:hover { color: #ffc02f; }
.bottom dl { float: left; margin-right: 110px; }
.bottom dt { font-size: 16px; }
.bottom em { display: block; color: #40598a; font-weight: bold; line-height: 30px; }
.bottom dd a { display: block; margin-bottom: 5px; }
.wx { float: right; text-align: center; }
.wx img { width: 120px; height: auto; display: block; }
.wx p { font-size: 14px; margin-top: 10px; }
.footer { background: #0a162c; height: 50px; line-height: 50px; }
.footer span { color: #999; }
.clh30 {clear:both;height:30px;}
.m-nav {display:none;}