﻿@charset "utf-8";
/* CSS Document */
html,body,ul,li,p,input,form,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0;}
ul,li{ list-style:none;}
body{ font-size:12px; color:#666; line-height:24px; margin:0px; padding:0px;  font-family:"Microsoft YaHei"; }
img{ border:none;}
form{ margin:0px; padding:0px;}
.clear{ clear:both;}
a{ text-decoration:none; color:#383838; font-family:"Microsoft YaHei";}
a:hover{ color:#ff0000; text-decoration:underline; font-family:"Microsoft YaHei";text-decoration:none; }
em{font-style:normal}
h1,h2,h3,h4{font-weight:normal;}


/*顶部*/
.top_dg{width: 100%; height: 50px;border-top:4px solid #0559ad; background: url(../images/top_bg.jpg);}
.top_box{width: 1200px; margin:0 auto;}
.top_left{float: left; height: 50px;}
.top_left ul li{line-height: 50px; height: 50px; float: left; padding-right: 23px;}
.top_left ul li img{display: inline-block; vertical-align: middle;}
.top_right {float:right;height: 50px; width: 330px;}
.top_right em{line-height: 50px; height: 50px; float: left; padding-right: 15px;display: block;}
.top_right em img{padding-top: 17px;}
.top_right ul{float: left;}
.top_right ul li a{color:#fff; font-size: 14px;line-height: 50px;}
.top_right ul li i{ font-size: 0;  
    line-height: 0;  
    border-width: 8px;  
    border-color: #fff;  
    border-bottom-width: 0;  
    border-style: dashed;  
    border-top-style: solid;  
    border-left-color: transparent;  
    border-right-color: transparent;  }
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  min-width: 50px;
  margin-left: -60px;
  margin-top: 2px;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
}
.dropdown:hover .dropdown-content {
  display: block;
}


.search-box {float: right;margin-top:12px;}
.input-box input{width: 135px;height:26px; color: #fff; border: solid 1px rgba(255,255,255,0); background: rgba(255,255,255,0); }
.search-botton{margin-left: -24px;margin-top: 6px;}
.header-logo,.input-box,.search-botton {display: inline-block}
.div-inline img {margin-left: 15px}
.input-box {width: 135px;height: 26px;border: 1px solid #fff;border-radius: 20px;font-size: 1.4rem;padding: 0 30px 0 5px;float: left;}


/*logo*/
.nav_dg{background-position:center;background: url(../images/icon_08.png) no-repeat center;height: 132px;}
.nav_box {width: 1200px; margin: 0 auto;}
.nav_box img{display: block;margin: 0 auto; padding-top: 28px;}
.nav_box ul{background: url(../images/logo.png) no-repeat center;z-index:1;width: 1200px;height:100px;display: block;background-position:center;}
.nav_box ul li{height: 85px;line-height: 85px;font-size:16px; float: left;width: 120px;text-align: center;}
.nav_box ul li a{color:#666;}
.nav_box ul li a:hover{color: #0559ad;border-bottom:2px solid #0559ad;padding-bottom: 10px;}
.nav_hover{color: #0559ad !important;border-bottom:2px solid #0559ad;padding-bottom: 10px;}


/*banner*/
#banner{min-width:1100px; margin:auto; height:566px; position:relative; overflow:hidden; background:#fff;z-index:-1;margin-top: -47px;}

#banner .list,#banner .list ul,#banner .list ul li,#banner .list ul li a{ height:566px; width:100% !important; display:block; background-position:center; background-size:cover; background-repeat:no-repeat;}
#banner .hd{ z-index:10;  width:1100px; text-align:center; position:absolute;  height:8px; padding:0px 0; margin-left:-550px; bottom:20px; left:50%;  }
#banner .hd ul li{ display:inline-block; *display:inline; *zoom:1; height:3px; width:23px; margin:0 8px; background:#fff; cursor:pointer;  position:relative; top:-3px;}
#banner .hd ul li.on{ background:#ea0325;}
/*banner-h5*/
@media screen  and (max-width: 1000px) {
#banner-h5{ display:block !important;}	
#banner{ display:none;}
}
#banner-h5 { overflow: hidden; position: relative; margin: auto; border-radius: 3px; background:#ccc;}

#banner-h5 .list { position: relative; z-index: 0; margin: 0 0%; }

#banner-h5 .list ul li { position: relative; text-align: center;  display:block;}

#banner-h5 .list ul li a { -webkit-tap-highlight-color: rgba(0,0,0,0);position: relative; height:100%; display:block; background-position:center; background-repeat:no-repeat; background-size:cover; }

#banner-h5 .list ul li  img { vertical-align: top; width: 100%; }

#banner-h5 .hd { margin: auto; text-align:center; }

#banner-h5 .hd ul { width: 94%; padding: 0 3%; height: 20px; position: absolute; z-index: 100; left: 0px; bottom: 15px; z-index: 10; }

#banner-h5 .hd ul li { display: inline-block; width: 8px; height: 8px; margin: 5px 3px; background: #fff; text-indent: 100px; overflow: hidden; background: #fff; opacity: .8; border-radius:100%;}

#banner-h5 .hd ul li.on { opacity: .9; background: #ea0325; }

/*banner end*/

.banner_gg ul li{width: 50%;float: left;height: 2px;background: #0559ad;}


.title{text-align: center;}
.title h2{color:#0559ad;font-size:46px; font-family:"Arial"; margin-bottom: 20px;}
.title h2 em{color:#1a1a1a;}
.title i{width:40px; height: 3px;background:#0559ad;display: block;margin: 0 auto;}
.title dd{color:#999;margin-top: 10px;}

/*荣誉资质*/
.ryzz{ width:100%; margin-top:30px; overflow: hidden;}
.ryzz-title{ width:860px; height:55px; margin:0 auto;}
.ryzz-title ul{}
.ryzz-title ul li{ width:210px; height:40px;text-align:center; border:1px solid #cecece; float:left; position:relative;margin: 0 37px;margin-top: 18px;background:#09695d; border-radius: 20px  20px  20px 20px; }
.ryzz-title ul li a{ display:inline-block; width:100%; height:40px; line-height:40px; font-size:14px; color:#ffffff; text-decoration:none;}
.ryzz-title ul li i{display: none; width:7px; height:4px; background:url(../images/hnsj.png) no-repeat; position: absolute; bottom: -4px; left: 50%; margin-left: -3px;}
.ryzz-title li:hover,.ryzz-title li.on{}
.ryzz-title li:hover a,.ryzz-title li.on a{ color: #fff;}
.ryzz-title li:hover i,.ryzz-title li.on i{ display: block;}

.tab_conbox4{ width:100%;margin: 0 auto;background: #fafafa;padding-bottom:60px;margin-top: 15px;}
.tab_con2{ height: 290px;}
.ryzz-r{ padding:25px 0 0 0; position:relative; margin:0 auto; margin-top:25px; width:1200px; height:290px;}
.ryzz-r ul{ overflow:hidden;}
.ryzz-r ul li{ width:290px; margin:0 6px; text-align:center; overflow: hidden; float:left;position:relative;}
.ryzz-r ul li img{ width:290px; height:217px; border:none;}
.ryzz-r ul li span{ display: block; font-size:14px; line-height:70px;height: 70px; background:#fff;width: 290px;margin: 0 auto;margin-top:2px;}
.ryzz-r ul li span a{ color:#999;}
.ryzz-r .input_l{ position:absolute; top:151px; width:38px; left:-45px; height:38px; background:url(../images/prev.png) no-repeat;}
.ryzz-r .input_r{ position:absolute; top:151px; right:-45px; background:url(../images/next.png) no-repeat; width:38px; height:38px;}
.ryzz-r .input_l:hover{ background:url(../images/prev_h.png) no-repeat;}
.ryzz-r .input_r:hover{ background:url(../images/next_h.png) no-repeat;}
.ryzz_ck{ background:url(../images/icon_20.png) no-repeat center; position: absolute; top:0; left: 0; width: 290px;font-size:16px; color:#fff; height: 100%; display: none;}
.ryzz_ck i{ background: url(../images/icon_21.png) center no-repeat; display: block; height: 75px; margin-top:80px; margin-bottom:10px;}
.ryzz_ck a{ color:hsl(0, 100%, 50%);font-family:"Arial";}
.ryzz-r ul li:hover .ryzz_ck{ display: block;transition:400ms ease-in-out;
-o-transition:400ms ease-in-out;
-ms-transition:400ms ease-in-out;
-moz-transition:400ms ease-in-out;
-webkit-transition:400ms ease-in-out}
.ryzz-r ul li:hover img{transform:scale(1.4,1.4);transform-origin: 50% 0% 0;transition:400ms ease-in-out;
-o-transition:400ms ease-in-out;
-ms-transition:400ms ease-in-out;
-moz-transition:400ms ease-in-out;
-webkit-transition:400ms ease-in-out}

.about{margin-top: 60px;width: 1200px;margin: 0 auto;}
.about_box{float: left;margin-top: 60px;}
.about_box h2{color:#0559ad;font-size:46px; font-family:"Arial"; margin-bottom: 20px;}
.about_box h2 em{color:#1a1a1a;}
.about_box i{width:40px; height: 3px;background:#0559ad;display: block;margin-top:30px;}
.about_box p{width: 580px; color:#999;margin-top: 20px;font-size:14px; font-family:"Arial";line-height: 30px;}
.about_box dd{text-transform:uppercase; background:#0559ad;width:160px;height:40px;border-radius:20px;text-align:center;margin-top:50px;}
.about_box dd a{color:#fff;line-height:40px;}
.about_img{margin-top: 60px;float: right;}


.gg_img{background-position:center;background: url(../images/gg.jpg) no-repeat center;height: 220px;margin-top: 60px;margin-bottom: 15px;}
.gg_dg{width: 1200px;margin: 0 auto;}
.gg_box{float: left;margin-top:80px;}
.gg_box h2{color:#fff;font-family:"Arial";text-transform:uppercase;font-size:36px;margin-bottom: 20px;}
.gg_box dd{text-transform:uppercase; background:#fff;width:120px;height:30px;border-radius:20px;text-align:center;margin: 0 auto;}
.gg_box dd a{color:#0559ad;line-height:30px;}
.gg_dg ul{float: right;margin-top:50px;}
.gg_dg ul li{float: left;width: 250px;}
.gg_dg ul li img{display: block;margin: 0 auto;}
.gg_dg ul li dd{text-align: center; color:#fff;font-family:"Arial";font-size:14px;padding-top: 20px;}


.pro_bg{ min-width:1230px; margin-bottom: 100px;}
.pro{width:1230px; margin:0 auto; padding-top: 20px;}

.pro_c{margin-top:20px; height:212px; position:relative}
.pro_c .pa{height:212px; width:1200px;left:0; top:0;}
.pro_l{width:47px; height:47px; display:inline-block; top:110px; left:-60px;position:absolute; z-index:5;}
.pro_l a{width:47px; height:47px; background:url(../images/prev.png) no-repeat; display:inline-block;}
.pro_l a:hover{background:url(../images/prev_h.png) no-repeat;}
.pro_r{width:47px; height:47px; display:inline-block; right:-60px; top:110px; position:absolute;}
.pro_r a{width:47px; height:47px; background:url(../images/next.png) no-repeat; display:inline-block;}
.pro_r a:hover{background:url(../images/next_h.png) no-repeat;}
.pro_pp{width:1200px; margin-left:15px; *margin-left:8px; overflow:hidden;}
.pro_pp li{width:305px; float:left; position:relative;overflow:hidden; display:inline;}
.pro_pp li img{width:285px; height:212px; display:block;}

.pro_pp li.nomr{margin-right: 0;}
.pro_pp li .pro_ck{width:285px; height:212px; background: rgba(5, 89, 173, 0.6); position:absolute; top:0; left:0; overflow:hidden;text-transform:uppercase; text-align:center; color:#fff; display:none;}
.pro_pp li .pro_ck span{width:40px; height:40px;margin:0 auto; margin-top: 90px;display:block;background:url(../images/icon_13.png) no-repeat center;}
.pro_pp li .pro_ck a{color:#fff;}


.bottom_dg{background-position:center;background: url(../images/bottom.jpg) no-repeat center;height: 430px;}
.bottom_box{width: 1200px;margin: 0 auto;}
.bottom_bt{background: url(../images/bottom_bt.jpg) no-repeat;z-index:1;width: 370px; height: 60px;}
.bottom_bt dd{float: left;line-height: 60px; color:#fff;padding-left: 20px; padding-right: 38px; font-size:14px;}
.bottom_bt li{line-height: 60px; height: 60px; float: left; padding-right: 23px;}
.bottom_bt li img{display: inline-block; vertical-align: middle;}

.bottom_lxwm {width: 300px;float: left;margin-top: 30px;margin-left: 30px;}
.bottom_lxwm li{color:#fff;font-family:"Arial";font-size:14px;line-height: 25px; height: 25px; margin-bottom: 15px;}
.bottom_lxwm img{display: inline-block; vertical-align: middle;padding-right: 10px;}

.bottom_right{float: left;}
.bottom_nav h2{color:#fff;font-size:23px;font-family:"Arial";font-weight:bold;}
.bottom_nav i{height: 3px;width: 30px;background: #0559ad;display: block;margin-top: 10px;}
.bottom_nav{margin-left: 90px;}
.bottom_nav ul{margin-top: 15px;width: 780px;}
.bottom_nav ul li{float: left;padding-right: 180px;width: 80px;line-height: 30px;}
.bottom_nav ul li a{color:#fff;font-size: 14px;}

.bottom_Links{margin-left: 90px;margin-top: 70px;}
.bottom_Links h2{color:#fff;font-size:23px;font-family:"Arial";font-weight:bold;}
.bottom_Links i{height: 3px;width: 30px;background: #0559ad;display: block;margin-top: 10px;}
.bottom_Links ul{margin-top: 20px;}
.bottom_Links ul li{float: left;margin-right: 30px;}

.foot_dg{background: #0559ad; height: 40px;}
.foot_dg li{line-height: 40px;color:#99c8f8;text-align: center;}
