@charset "utf-8";
div{margin:0;padding:0;border:0; }p{margin:0;padding:0;border:0; }span{margin:0;padding:0;border:0; }form{margin:0;padding:0;border:0; }ul{margin:0;padding:0;border:0; }ol{margin:0;padding:0;border:0; }li{margin:0;padding:0;border:0; }input{margin:0;padding:0;border:0; }img{margin:0;padding:0;border:0; }a{margin:0;padding:0;border:0; }hr{margin:0;padding:0;border:0; }h4{margin:0;padding:0;border:0; }h5{margin:0;padding:0;border:0; }h6{margin:0;padding:0;border:0; }dl{margin:0;padding:0;border:0; }dd{margin:0;padding:0;border:0; }dt{margin:0;padding:0;border:0; } body{margin:0;padding:0;border:0;}*{margin:0;padding:0;border:0;}
h1{margin:0;padding:0;border:0; font-weight: normal; }
h2{margin:0;padding:0;border:0; font-weight: normal; }
h3{margin:0;padding:0;border:0; font-weight: normal; }
a{ text-decoration:none;}
a img{ border:0;}
.clear{ clear:both;}
a{ color:#000;}
a:hover{ color:#01519b;}
.tb0{ border:0 !important; }
ul{ list-style-type: none;}
.fl{ float: left;}
.fr{ float:right;}
.m10{ margin:10px;}.m20{ margin:20px;} .p20{ padding:20px;} .p10{ padding:10px;}
.mt20{ margin-top:20px;}.mt10{ margin-top:10px;}.ml20{ margin-left:20px;}.ml10{ margin-left:10px;}
.mr20{ margin-right:20px;}.mr10{ margin-right:10px;}.mb20{ margin-bottom:20px;}.mb10{ margin-bottom:10px;}
.pt20{ padding-top:20px;}.pt10{ padding-top:10px;}.pl20{ padding-left:20px;}.pl10{ padding-left:10px;}
.pr20{ padding-right:20px;}.pr10{ padding-right:10px;}.pb20{ padding-bottom:20px;}.pb10{ padding-bottom:10px;}
.fw{ font-family:"微软雅黑";}
.fs{ font-family:"宋体";}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}


.center{ width:1300px; margin:0 auto;}
body{ background:#fff;  font-family:"微软雅黑";  font-size:12px; color:#000;}

.page{ background-size:100% 100%;}
.page2,.page4 {background: #fff;}
.page3,.page5 {background:url(../images/bg2.jpg) center center no-repeat;}
.page6{background:url(../images/bg3.jpg) center center no-repeat;}
.page7{background:url(../images/bg4.jpg) center center no-repeat;}



.top{ height:70px; background:#fff;  top:0; width: 100%; position: fixed;}
.logo{ padding-top:5px; float:left; padding-left:50px;}.logo1 img{ width:auto; height:60px;}
.nav{ float:right; margin-right:200px;}
.nav li{ float:left;}
.nav li .crg{ display:block; height:68px; line-height:68px; padding:0 30px; color:#5c5c5c; font-size:18px;}
.nav li .crg:hover{ color:#01519b; background:rgba(0,0,0,0.05); border-bottom:2px solid #01519b;}


.top1{ height:69px; position: fixed; z-index:999; top:0; width:100%; background:rgba(255,255,255,0.8); border-bottom:1px solid #fff;box-shadow: 0px 1px 3px rgba(0,0,0,0.25);}
.logo1{ padding-top:5px; float:left;}.logo1 img{ width:auto; height:60px;}
.nav1{ float:right; }
.nav1 li .crg{ display:block; height:68px; line-height:68px; padding:0 30px; color:#5c5c5c; font-size:18px;float: left;border-bottom:2px solid rgba(255,255,255,0.8);}
.nav1 li .crg:hover{ color:#01519b; background:rgba(0,0,0,0.05); border-bottom:2px solid #01519b;}
.nav1 .tel_nav img{width: 35px;padding: 15px 0;margin-left: 10px;}
.nav1 .tel_nav p{font-size: 18px; height:68px; line-height:68px;color: #5c5c5c;float: right;margin-left: 10px;}

.nav1 .tel_nav p a{    float: right;
    border: 1px solid #01519b;
    color: #01519b;
    height: auto;
    line-height: normal;
    padding: 5px;
    margin-top: 15px;
    margin-left: 10px;}
.nav1 .tel_nav p a:hover{
  background-color: #01519b;
  color: #fff;
}

.fw2{ width:100%; height:300px;}
.fw2 ul{ width:1300px; margin:0 auto;}
.fw2 li{ float:left; width:14.2%; height:300px;; text-align:center;}
.fw2 li a{ display:block; width:100%; height:260px; color:#01519b; padding:10px 0;}
.fw2 li a .bg_tp{ background-color: #fff; width:120px; height:120px;overflow:hidden; border-radius:50%; border:1px solid #01519b; margin: 0 auto; position: relative;}
.fw2 li a .bg_tp img{display: block;
 max-width: 100%; max-height: 100%; position: absolute; margin: auto;
 top: 0; right: 0;
 bottom: 0; left: 0;}
.fw2 li a h2{ line-height:40px; font-size:18px;}
.fw2 li a p{ font-size:14px; display:none;line-height:20px;padding: 0 5px;}
.fw2 li a:hover{ color:#FFF; background:#01519b;border:1px solid #fff;}
.fw2 li a:hover .bg_tp{border:1px solid #fff;}
.fw2 li a:hover p{ display:block;}
.fw3{max-width: 1300px;position: relative;bottom: 30px;margin: auto}
.fw3 img{width: 100%;height: auto;}
.fw3_1{ width:1300px; margin: 0 auto; overflow:hidden; height:80px; text-align:center;}
.fw3_1 h2{line-height:40px; line-height:40px; font-size:18px;}
.fw3_1 ul{display:table; text-align:center; margin: 0 auto;}
.fw3_1 li{ float:left; display:table; margin:0 auto; height:40px;}
.fw3_1 li img{ height:40px; padding:0 20px;}
.al1{ width:50%; height:100%; background:url(../images/img22.jpg) center center no-repeat; float:left;background-size: 100% 100%;}
.al1 a{ float:right; display:block; margin-top:70px;}
.al1 a img{ display:block;width:284px; height:52px;}
.al2{ width:50%; height:100%; background:url(../images/img33.jpg) center center no-repeat; float:left;background-size: 100% 100%;}
.al2 a{ margin-top:70px; display:block;}

.fg_10{ height:10%; width:100%;}
.anli_top{ height:35%; background:url(../images/anli_top.png) bottom center no-repeat;}



/* case */
.case{height:100%;width:100%;}
.case_box{position:relative;height:100%;width:100%;}
.case_box p{z-index:2;position:absolute;text-indent:-9999px;width:295px;height:52px;top:70px;cursor:pointer}
/*.case_box .prev{text-indent:-9999px;background:url(../images/previous.png) no-repeat;left:0px}*/
.case_box .next{background:url(../images/next222.png) no-repeat;top:70px;right:0px}
.case_box ul{position:absolute;width:100%;height:100%;overflow:hidden;top:0px;left:0px}
.case_box ul li img{ width:100%; height:100%;}
/* case */
.case2{height:100%;overflow:hidden;width:100%;}
.case_box2{position:relative;width:100%;height:100%;overflow:hidden}
.case_box2 p{z-index:2;position:absolute;text-indent:-9999px;width:295px;height:52px;top:70px;cursor:pointer}
.case_box2 .prev{text-indent:-9999px;background:url(../images/previous.png) no-repeat;left:0;}
/*.case_box2 .next{background:url(../images/next222.png) no-repeat;top:0;right:0px}*/
.case_box2 ul{position:absolute;height:100%;overflow:hidden;top:0px;left:0px}
.case_box2 ul li img{ width:100%; height:100%;}

.news_top{ height:40%; background:url(../images/news_top_bg.png) bottom center no-repeat;width:100%;}
.news_nr{ width:1300px; margin:0 auto; padding: 35px 0;}
.news_nr_l{ width:650px; float:left;}
.tj_news{ width:610px; float:right; padding-right:30px; }
.tn_img{ width:610px; height:265px; position: relative;overflow: hidden; }
.tn_img img{transform: scale(1);transition: all 1s ease 0s; display: block;
 max-width: 100%; max-height: 100%; position: absolute; margin: auto;
 top: 0; right: 0;
 bottom: 0; left: 0;}
.tn_img img:hover{
  transform: scale(1.2);transition: all 1s ease 0s;
}
.tn_p h2{ font-size:18px;font-weight:bold; color:#5c5c5c; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:350px;}
.tn_p span{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;font-size: 16px; line-height:27px; height:60px; width:610px;color:#888282;position: absolute;}
.tn_a{ margin-top:70px;}


/* case */
.case3{background:url(../images/case.jpg) no-repeat;height:610px;overflow:hidden;width:610px;margin:0 auto;}
.case_box3{position:relative;width:610px;height:400px;overflow:hidden}
.case_box3 p{z-index:2;position:absolute;text-indent:-9999px;width:29px;height:32px;cursor:pointer}
.case_box3 .prev{text-indent:-9999px;background:url(../images/tn_syg2.png) no-repeat;left:0px;bottom:0;}
.case_box3 .next{background:url(../images/tn_xyg2.png) no-repeat;left:28px;bottom:0;}
.case_box3 ul{position:absolute;height:610px;overflow:hidden;top:0px;left:0px}
.case_box3 ul li{float:left;height:470px}
.case_box3 ul li dl.case_info{line-height:17px;width:295px;zoom:1;color:#616741;font-size:13px;overflow:hidden}
.case_box3 ol{ display:none;}

.news_nr_r{ width:650px; float:right;}
.lb_news { float:left;}
.lb_news li{height:70px; margin-bottom:50px;}
.lb_news li .riqi{ width:90px; height:90px; background:#0194df; float:left; margin-right:20px; color:#FFF;}
.lb_news li .riqi h2{ line-height:64px; height:64px; font-size:36px; text-align:center;}
.lb_news li .riqi h3{ width:90px; height:25px; line-height:25px; text-align:center; background:rgba(0,0,0,0.2); font-size:14px;}
.lb_news_nr h2{ font-size:18px; line-height:20px; margin-bottom:10px; font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lb_news_nr span{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; line-height:27px; font-size: 16px;  height:60px; color:#888282;}
.news_more{ }
.news_more a{ padding: 5px 20px;
background: #0194df;
color: #fff;
font-size: 14px;position: absolute;}

.about_top{ height:35%; background:url(../images/about_top_bg.png) bottom center no-repeat;width:100%;}
.hide{display:none;}
#tab{position: absolute;}
.tab_l{width:650px; height:300px; background: url(../images/fgx.png) top right no-repeat; float:left; background-size: auto 100%;}
.tab_menu{ margin-top:40px; float:right; }
.tab_l ul li{ width:110px; height:40px; line-height:40px; text-align:center; font-size:20px; background:#fff; color:#3a3a3a; display:block; margin-top:20px; margin-right:1px;}
#tab .tab_menu .selected{ color: #fff; background:#068ed4;}
.tab_box{ width:500px; padding-left:35px; color:#fff; float:left; height:300px; background:rgba(0,0,0,0.25);}
.tab_box h2{ margin-top:20px; font-size:24px; line-height:24px;}
.tab_box p{ padding-right:35px; line-height:28px; font-size:14px;overflow:hidden;}


.lx_top{ height:35%; background:url(../images/lx_top_bg.png) bottom center no-repeat;width:100%;}
.lx_nr{ width:1300px; height:320px; border-bottom:1px solid #068ed4; margin:0 auto; padding:30px 0;}
.lx_nr_l{ float:left; width:600px;}
.ewm{ float:left; height:280px; width:130px;}
.ewm p{font-size: 12px;text-align: center;line-height: 20px;color:#fff;margin-bottom: 10px;}
.ewm img{ width:130px; height:auto;}
.lx_wz{ float:left; margin-left:40px; color:#fff; font-size:14px; line-height:30px; width:350px;}
.lx_wz .lx{font-size: 16px;line-height: 30px;margin-top: 15px;}
.tel{ font-size:30px; line-height:30px;}
.lx_wz li{ float:left; padding:20px 5px;}
.lx_nr_r{ float:right; }
.lx_foot{ width:1300px; margin:0 auto; margin-top:10px; color:#fff; font-size:14px;}
.lx_foot a{color: #fff;}


/* flexslider */
.flexslider{position:relative;height:100%;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{z-index:1; }
.slides li{height:100%;position:absolute !important; background-size: cover !important;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a img{ height:100% !important; width:auto !important;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
.slides li{ width:100%; height:100%; overflow:hidden; }
.slides li a img{ min-height:100% !important; width:100% !important; height:auto;}

/*导航样式*/


#main {
  position: relative;
  list-style: none;
  font-weight: 400;
  font-size: 0;
  text-transform: uppercase;
  display: inline-block;
  padding: 0;
}
#main li {
  display: inline-block;
  position: relative;
  cursor: pointer;
  z-index: 5;
  min-width: 105px;
}


.page_title .cn_title{
  font-size: 52px;
  font-family: "宋体";
  margin-top: 80px;
 }
.page_title p{text-align: center;}
.page_title .en_title{
    font-size:26px;
    text-transform:uppercase; 
  }


  .about2,.product{
    width: 1300px;
    margin:auto;
    padding: 30px 0;
  }
  .about2 ul,.product dl{display:table;margin: auto;}
  /*关于我们*/

.about2 ul li{width: 280px; height: 280px;float: left; margin: 30px 45px; padding: 24px;border:1px solid #01519a;border-radius: 50%;text-align: center}
.about2 ul li .yuan img{border-radius: 50%;vertical-align: middle; }
.about2 ul li .yuan{transition: all 0.3s;vertical-align: middle;width: 280px;height: 280px; }
.about2 ul li .yuan:hover{transform: scale(1.1);
             -webkit-transform: scale(1.1); /*Safari 和 Chrome*/
             -moz-transform: scale(1.1); /*Firefox*/
             -ms-transform: scale(1.1); /*IE9*/
             -o-transform: scale(1.1); /*Opera*/}
.about2 ul li p{padding: 0px;text-align:center;vertical-align:middle; color: #fff;font-size: 26px;position: relative;top: -180px;}
.about2 ul li p:last-child{font-size: 22px;text-transform: uppercase;}

.more{width: 1300px;text-align: center;/*position: absolute;*/margin-top:50px;}
.more a{padding: 10px 50px;border:1px solid #000;color: #000;font-size: 18px;}
.more a:hover{background-color: #01519b;color: #fff;border:1px solid #01519b;}

/*产品中心*/
.product{padding: 10px 0;}
.product dl a:hover{color: #01519b;}
.product dl{
  margin: 10px 10px;
  float: left;
  width: 300px;
}
.product dl dt{
  width: 300px;
  height: 275px;
  position: relative;
  overflow: hidden;
}
.product dl dt img{
  transform: scale(1);  
  transition: all 1s ease 0s;
  display: block;
 max-width: 84%;
 max-height: 84%;
 position: absolute;
 margin: auto;
 top: 0; right: 0;
 bottom: 0; left: 0;}
.product .yangshi1:hover img,.yangshi3:hover img,.yangshi2:hover img,.yangshi4:hover img{
  transform: scale(1.2);
  transition: all 1s ease 0s;
 }
.product dl dd{font-size: 20px;text-align: center;}
.product .dd1{margin-top: 30px;width: 300px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height:40px;}
.product .dd2{line-height:30px; font-size: 16px;padding: 25px 5px; height: 155px;overflow: hidden;}

.product .yangshi1,.yangshi3,.yangshi2,.yangshi4{position:relative;z-index:2;}
.product .yangshi1:hover,.yangshi3:hover,.yangshi2:hover,.yangshi4:hover{z-index:3;background:none; /*没有这个在IE中不可用*/box-shadow: 0px 1px 3px rgba(0,0,0,0.25);}
.product .yangshi1:hover a,.yangshi3:hover a,.yangshi2:hover a,.yangshi4:hover a{color: #01519b;}

.product .yangshi1 dd,.yangshi3 dd,.yangshi2 dd,.yangshi4 dd{display: block;}
.product .yangshi1:hover dd,.yangshi3:hover dd,.yangshi2:hover dd,.yangshi4:hover dd{display:block;}

.product dl dd:last-child{}
.product .yangshi2 dt,.yangshi4 dt{top: 275px;}
.product .yangshi2 dd,.yangshi4 dd{top: -275px;position: relative;}
/*新闻资讯*/
.page5 .tit_er{text-align: center;line-height: 30px;color: #8d8d8d;}
/*服务体系*/
.fwtx{width: 1300px; margin: auto;padding: 30px 0;}
.fwtx dl{height: 445px;width: 400px;float: left; text-align: center;margin-right: 30px;background-color: #f2f2f2;}
.fwtx dt{width: 400px;height:280px;overflow: hidden;}
.fwtx dl:hover{box-shadow: 0px 1px 3px rgba(0,0,0,0.25);}
.fwtx dt img{width: 100%;transform: scale(1);transition: all 1s ease 0s;}
.fwtx dt img:hover{transform: scale(1.2);transition: all 1s ease 0s;}
.fwtx dd:nth-child(2){color: #0194df; font-size: 18px;margin-top:15px;}
.fwtx dd:nth-child(3){color: #797979;font-size: 16px;line-height: 30px;padding: 10px;}

/*导航*/
/* Sub Cat Menu stuff*/
  .navigation  ul {
    position:absolute; 
    left:0; 
    top: 70px;
    display:none; /* Hide it by default */
    padding:0; 
    list-style:none;
    border-bottom:3px solid #01519b;
    text-align:center;
  }
    
  .navigation  ul li {
    float:left; 
    border-top:none;
    background-color: rgba(255,255,255,0.8);
border-bottom:1px dashed #ccc;
min-width: 110px;
display: inline;
  }
    
  /* Sub Cat menu link properties */
  .navigation  ul a {
    display:block;      /* Making sure a element covers whole li area */
    height:50px;
    line-height: 50px;
    padding:0 10px; 
    color:#5c5c5c;
    text-decoration:none; 
    border-top:none;
    min-width: 110px;
  }
    
/*首页内容样式调整*/
.about_content,.product_content,.hyyy_content,.news_content,.fwtx_content,.lxwm_content{
  position: absolute;
  left: 50%;
  margin-left: -650px;
  top: 50%;
}

.about_content{
  margin-top: -387px;
}

.product_content{
  margin-top: -390px;
}

.hyyy_content{
  margin-top: -390px;
}

.news_content{
  margin-top: -320px;
}

.fwtx_content{
  margin-top: -370px;
}

.lxwm_content{
  margin-top: -337.5px;
}

/*导航样式*/
.nav1 li .xial{position: absolute;top: 70px;background: url(../images/hbg02.png);padding: 36px 0 0 40px;width: 590px;height: 324px;display: none;}
.nav1 li .xial dt{float: left;width: 315px;}
/*.nav1 li .xial dt img{display: block;width: 315px;height: 195px;cursor: default;}*/
.nav1 li .xial dt h3{font-size: 18px;color: #fff;font-weight: normal;margin: 30px 0 4px 0;}
.nav1 li .xial dt h3 a{color: #fff;text-decoration: none;cursor: default;}
.nav1 li .xial dt p{font-size: 14px;color: #fff;}
.nav1 li .xial dd{float: left;margin-left: 60px;width: 200px;}
.nav1 li .xial dd a{display: block;margin-bottom: 20px;font-size: 16px;color: #fff;text-decoration: none;padding-left: 30px;background: url(../images/nav_icon09.png) no-repeat left center;}
.nav1 li .xial dd a:hover{background: url(../images/nav_icon10.png) no-repeat left center;color: #01519b;}
.nav1 li:hover .xial{display: block;}

.nav1 li .xial2{
  padding: 36px 10px 0 10px;
  width: 745px;
}
.nav1 li .xial2 dl{
  width: 175px;
  float: left;
  margin: 0 5px;
  height: 300px;
}
.nav1 li .xial2 dt{
  width: 175px;
  height: 150px;
  position: relative;
  overflow: hidden;
}
.nav1 li .xial2 dt img{
  transform: scale(1);  
  transition: all 1s ease 0s;
  display: block;
 max-width: 100%; max-height: 100%; position: absolute; margin: auto;
 top: 0; right: 0;
 bottom: 0; left: 0;width: auto;height: auto;    cursor: pointer;
}
.nav1 li .xial2 dt img:hover,.nav1 li .xial2 dl:hover img{
  transform: scale(1.2);
  transition: all 1s ease 0s;
}
.nav1 li .xial2 dd{
  clear: both;
  width: 175px;
  margin: auto;

}
.nav1 li .xial2 dd a{
  font-size: 14px;
}
.nav1 li .xial2 dl:hover{
  z-index: 99px;
  background:none; /*没有这个在IE中不可用*/
  box-shadow: 0px 1px 3px rgba(255,255,255,0.25);
}
.nav1 li .xial2 dl:hover a{
  color:#01519b ;
}
.nav1 li .xial2 dd p{
  font-size: 14px;
  color: #fff;
  padding:0 10px;
}
.nav1 li .xial2 dd a{background:none;padding-left:0px;text-align: center;}
.nav1 li .xial2 dd a:hover{background:none }

.nav1 li .xial4{left:-498px;}
.nav1 li .xial5{left:-498px;}

/*头部产品下拉菜单图片样式*/
.top_pro{width: 315px;height: 195px;position: relative;}
.top_pro img{display: block;
 max-width: 100%; max-height: 100%; position: absolute; margin: auto;
 top: 0; right: 0;
 bottom: 0; left: 0;}