﻿ @import url(jquery.bxslider.css); @import url(pscroll.css); 
 /*顶部*/
 .header_box {
 max-width:84%;
    margin-left: auto;
    margin-right: auto;
}
.left {
    float: left;
}
.right {
    float: right;
}
i{ font-style:normal}
.dinbu{width: 100%; height: 35px;line-height: 35px; background: #073190; color: #fff;overflow: hidden;}
.dinbu i{display: inline-block;font-size: 14px; padding-right:20px;}
.dinbu a{color: #fff; cursor: pointer;}
.dinbu span{display: inline-block; padding: 0 8px;}
 .i_product_bg{background-color:#f5fafe;overflow:hidden;padding-bottom:2.5%}
.i_title{margin-top:5%;margin-bottom:4%;overflow:hidden;text-align:center}
.i_title h2{overflow:hidden;font-weight:normal;color:#073190;text-transform:uppercase;}
.i_title p{background:url(../../images/images/i_bg1.png) center bottom no-repeat;color:#000;padding-bottom:15px}
.nproduct_list2{overflow:hidden;padding-bottom:20px;padding-top:8px}
.nproduct_list2 ul li{float:left;width:32.6%;margin-left:0;margin-right:1%;overflow:hidden;margin-bottom:1.5%;text-align:center;background-color:#fff;padding-bottom:4%}
.nproduct_list2 ul li:nth-child(3n+0){margin-right:0}
.nproduct_list2 ul li img{display:inline-block;width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;vertical-align:middle; height:318px;}
.nproduct_list2 ul li .imgs{width:100%;overflow:hidden}
.nproduct_list2 ul li h2{font-weight:400;color:#333;line-height:30px;height:30px;text-align:left;overflow:hidden;padding-left:4%;padding-right:2%;white-space:nowrap;text-overflow:ellipsis;transition:all .3s;margin-bottom:0}
.nproduct_list2 ul li p{line-height:30px;height:30px;overflow:hidden;color:#929292;font-size:14px;padding-left:4%;padding-right:2%;margin:0 auto; text-align:left; }
.nproduct_list2 ul li .imgs p{margin-top:5%;}
.nproduct_list2 ul li em{display:block;color:#ee697e;font-size:14px;margin-top:10px;line-height:20px;height:20px;overflow:hidden}
.nproduct_list2 ul li label{display:block;color:#333;font-size:14px;line-height:20px;height:20px;overflow:hidden;margin-top:5px}
.nproduct_list2 ul li:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.nproduct_list2 ul li:hover{-webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);box-shadow:0 5px 20px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);transition:all .3s}
.nproduct_list2 ul li:hover h2{color:#00a1e9}
.i_solution{overflow:hidden;padding-bottom:4%;padding-top:8px}
.i_solution ul li{float:left;width:49%;margin-right:2%;overflow:hidden;margin-bottom:1.5%;text-align:center}
.i_solution ul li:nth-child(2n+0){margin-right:0}
.i_solution ul li img{display:block;width:100%; height:400px;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;vertical-align:middle}
.i_solution ul li .imgs{margin:0 auto;overflow:hidden}
.i_solution ul li .txts{position:absolute;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,.5);top:0;left:0}
.i_solution ul li h2{font-weight:400;color:#fff;line-height:36px;height:36px;text-align:center;overflow:hidden;padding-left:2%;padding-right:2%;white-space:nowrap;text-overflow:ellipsis;transition:all .3s;margin-bottom:1%;margin-top:30%}
.i_solution ul li p{line-height:20px;height:40px;overflow:hidden;color:#fff;font-size:14px;padding-left:2%;padding-right:2%;max-width:350px;margin:0 auto}
.i_solution ul li:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.i_case_bg{background:url(../../images/images/i_bg2.jpg) center center no-repeat;background-size:cover;overflow:hidden;padding-bottom:4%; margin-top:4%}
.i_case_bg .i_title h2{color:#fff}
.i_case_bg .i_title p{color:#fff;background:url(../../images/images/i_bg3.png) center bottom no-repeat}
.i_link{overflow:hidden;margin-bottom:3%}
.i_link ul li{float:left;width:15.8%;margin-right:1%;margin-bottom:1%;overflow:hidden}
.i_link ul li:nth-child(6n+0){margin-right:0}
.i_link ul li .imgs{overflow:hidden;border:1px solid #f0f0f0}
.i_link ul li .imgs img{display:block;width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.i_link ul li .imgs:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.banner_pos{overflow:hidden;position:absolute;width:100%;height:100%;bottom:0;left:0}
.banner_pos .banner_div{height:100%;width:100%;position:relative}
.banner_pos .img001{height:100%;width:57.6%;vertical-align:bottom;position:absolute;bottom:0;right:0}
.banner_pos .img001 img{height:100%;filter:Alpha(Opacity=0);opacity:0}
.banner_pos .txtsbox{float:left;width:50%}
.banner_pos .txts{float:right;margin-right:3%;margin-top:20%;width:94%;max-width:536px;text-align:left}
.banner_pos .txts h2{color:#00a1e9}
.banner_pos .txts p{color:#767676;margin-top:6%}
.banner_pos .txts a{margin-top:6%;width:220px;display:block;height:48px;line-height:48px;border:1px solid #606060;text-align:center;font-size:12px;color:#a2a2a2}
.banner_pos .txts a em{float:right;margin-right:7%;font-style:normal;font-family:宋体;font-size:18px}
.banner_pos .txts a:hover{border:1px solid #00a1e9}
.banner_pos .txts a:hover{color:#00a1e9}


.home_product{ width:84%; margin:0 auto; }
.first_title {
margin-top:80px; 
}

.first_title dl{ float:left; display:inline-block; margin-bottom:35px;}
.first_title dt{ font-size:26px; color:#000; font-weight:bold; text-transform:uppercase; }
.first_title dd{ font-size:16px; color:#777777; line-height:30px;}
.first_title dd em{ font-style:normal; font-weight:normal; color:#1d2088;}



.nproduct_list2{overflow:hidden;padding-bottom:20px;padding-top:8px}
.nproduct_list2 ul li{float:left;width:48%;margin-right:4%;overflow:hidden;margin-bottom:1.5%;text-align:center;background-color:#fff;padding-bottom:2.5%; border:1px #f2f2f2 solid; border-bottom:8px #1d2088 solid; position:relative;}
.nproduct_list2 ul li:nth-child(2n){margin-right:0}
.nproduct_list2 ul li img{display:inline-block;width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;vertical-align:middle; max-height:430px;}
.nproduct_list2 ul li .imgs{width:100%;overflow:hidden}
.nproduct_list2 ul li h2{font-weight:bold;color:#1c1c1c; font-size:20px;line-height:36px;height:36px;text-align:left;overflow:hidden;padding-left:4%;padding-right:2%;white-space:nowrap;text-overflow:ellipsis;transition:all .3s;margin-bottom:1%}
.nproduct_list2 ul li .disp{ height:60px; overflow:hidden}
.nproduct_list2 ul li .more{ float:right; padding:5px 10px; background:#828282; color:#fff; font-size:16px;border-radius:8px; position:absolute; right:30px; bottom:50px;}
.nproduct_list2 ul li p{line-height:30px;overflow:hidden;color:#828282;font-size:16px;margin-left:4%; padding-left:2%;padding-right:2%;text-align:left;background:url(../../images/images/pro_li.jpg) no-repeat left center;}
.nproduct_list2 ul li em{display:block;color:#ee697e;font-size:14px;margin-top:10px;line-height:20px;height:20px;overflow:hidden}
.nproduct_list2 ul li label{display:block;color:#333;font-size:14px;line-height:20px;height:20px;overflow:hidden;margin-top:5px}
.nproduct_list2 ul li:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.nproduct_list2 ul li:hover{-webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);box-shadow:0 5px 20px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);transition:all .3s}
.nproduct_list2 ul li:hover h2{color:#1d2088}

.help_cut{height: 520px; box-sizing: border-box;}
.help_nav{height: 50px; margin-bottom: 30px; position: relative; }
.help_nav:before{content: ""; width: 402px; background:url(../images/line_l.png) no-repeat; height: 5px; left:0;top:13px;position: absolute;}
.help_nav:after{content: ""; width: 402px; background:url(../images/line_r.png) no-repeat; height: 5px; right:0;top:13px;position: absolute;}
.help_nav ul{}
.help_nav li{ height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #000; float: left; margin-right:2px; padding:0 40px;background:url(../images/xcx.png) no-repeat 20px #f5f5f5;  }
.help_nav li a{ text-decoration: none; color: #000; }
.help_nav li.cur{background:#194377; }
.help_nav li.cur a{ color: #fff; font-size:16px; }
.more{ float:right;background:url(../images/more.png) no-repeat left;}

.m_help{ height:428px;width: 100%; position: relative; }
.jt{width:14px; height: 26px; position: absolute;display: block; top:80px;}
.prev1{background: url(../images/l.png) no-repeat; left:-40px;}
.next1{background: url(../images/r.png) no-repeat; right:-40px;}
.next1{ left:4%!important}
.xc{width:100%;  overflow: hidden;}
.xc li{ width:33%; position:relative;margin-right: 8px; float: left; }
.xc li img{ display:block;width:100%; height:264px;}
.xc li em{ height:50px;  font:16px "Microsoft YaHei"; line-height:50px; color:#666666; overflow:hidden; display: block; text-align: center; display: block; }
.xc li a{ text-decoration: none; }
.xc li.nones{margin-right: 0;}

.list-wrap li {
  width: 31.7%;
  margin-right: 1.6%;
  transition: box-shadow 0.3s ease 0s;
  margin-bottom: 20px;
}
.list-wrap .img {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.list-wrap .img img.up-pic {
  transform: translateZ(0px);
  transition: transform 0.3s ease 0s;
}
.list-wrap .up-graybox {
  z-index: 3;
}
.list-wrap .img:hover img.up-pic {
  transform: scale(1.05, 1.05);
  transition: transform 0.6s ease 0s;
}
.list-wrap .img:hover .up-graybox {
  opacity: 1;
  filter: alpha(opacity=1);
}

 .list-wrap .cont-wrap {
  width: 86.5%;
  padding: 20px 6.5% 0;
  border: 1px solid #f2f2f2;
  margin-top: -1px;
}
 .list-wrap .tit {
  line-height: 32px;
  font-size: 18px;
  height:32px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
 .list-wrap .tit a {
  display: inline-block;
  color: #000;
}
 .list-wrap .intr {
  display: block;
  line-height: 22px;
  font-size: 12px;
  height: 52px;
}
 .list-wrap .intr a {
  display: inline-block;
}
 .list-wrap .bot-link {
  display: block;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  line-height: 40px;
  position: relative; height:40px;
}
 .list-wrap .bot-link .stt {
  font-size: 14px; color:#8b8b8b;
}
 .list-wrap .bot-link .point {
  display: inline-block;
  width: 24px;
  height: 8px;
  background: url(../images/jian.png) no-repeat right center;
  margin-top: 14px;
}
 .list-wrap .bot-link:hover a {
  color: #333;
}
 .list-wrap .bot-link:hover .point {
  background: url(../images/jian.png) no-repeat right center;
}
 .mobile-scroll {
  display: none;
  position: relative;
  overflow: hidden;
  padding-bottom: 48px;
}
 .mobile-scroll ul {
  width: 100%;
}
 .mobile-scroll li {
  margin-right: 0;
}
 .mobile-scroll .cont-wrap {
  padding-bottom: 10px;
}

/*news*/
#news{width:100%; overflow:hidden;   background:#f8f8f8;}
.news_d{width:84%; margin:0 auto; overflow:hidden; }
.news_d .help_nav li{ background:#f5f5f5}
.news_d .help_nav li:nth-child(1){ background:#194377;}
.news_d  .help_nav li.cur {
    background: #194377;
}
.news_xt{width:84%; overflow:hidden; margin:0 auto; height:1px;  position:relative; top:20px;}

.lanrenzhijia{ width:84%; height: auto; margin:0px auto; margin-top:40px;}
.lanrenzhijia .tab{ overflow:hidden; width:548px; margin:0 auto; z-index:99; position:relative;border-radius: 50px;border: 1px solid #d9d9d9;}
.lanrenzhijia .tab a{ background:#fff;color:#000; display:block; float:left; text-decoration:none; height:50px; line-height:50px; width:182px; text-align:center; font-size:16px;     border-right: 1px solid #d9d9d9;font-family:"Microsoft YaHei";}
.lanrenzhijia .tab a:hover{ background:#e8e8e8; color:#000; text-decoration:none;}
.lanrenzhijia .tab a.on{ background:#073190; color:#000; text-decoration:none; color:#fff;}
.lanrenzhijia .content{ overflow:hidden; width:100%; height:400px; position:relative; float:left; margin-top:36px;}
.lanrenzhijia .content .ul{ }
.lanrenzhijia .content .li{ width:100%; float:left;}



#news2{width:1300px; height:500px; margin:0 auto; padding-bottom:5px;}
.news21{ float:left; width:60%;}
.news21 .news_div_item{ position:relative;}
.news21 .news_div_item_pic{ }
.news21 .news_div_item_content{line-height:30px; width:100%; position:absolute; top:300px;}
.news21 .news_div_item_a{ font-size:16px;font-family:"Microsoft YaHei"; color:#194377}
.news21 .news_div_item_body{ color:#595757; line-height:24px;}
.news_div{ position:relative; width:45%; margin-right:5%; float:left}
.news_div_item_date{ position:absolute; width:60px; height:60px; top:0; background:#194377; text-align:center; color:#fff; }
.news_div_item_year{ font-size:26px;}

.news22{ float:right; width:770px; }
.news22 .news_div .news_div_item:nth-child(1){ }
.news22 .news_div_item{ background:#fff; width:100%; height:100px; margin-bottom:20px; transition:0.2s;}
.news22 .news_div_item_date{float:left; width:15%; background:#194377;  height:100px; position:relative;  font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:center;}

.news22 .news_div_item_month{ color:#fff; font-size:25px; margin-top:20px;}
.news22 .news_div_item_year{ font-size:16px;}
.news22 .news_div_item_title{ height:30px; line-height:30px; margin-top:0; overflow:hidden}
.news22 .news_div_item_content{ float:left; line-height:22px;  width:78%; padding-top:10px; margin-left:2%;}
.news_div_item_image {
    width: 100%;
    height: 300px;
}
.news22 .news_div_item_body{ color:#595757;}

.news21 .divdgweb_new_div_item{ position:relative;}
.news21 .divdgweb_new_div_item_pic{ position:absolute; top:0;}
.news21 .divdgweb_new_div_item_content{line-height:30px; width:400px;  position:absolute; top:275px;}
.news21 .divdgweb_new_div_item_a{ font-size:16px;font-family:"Microsoft YaHei";}
.news21 .divdgweb_new_div_item_body{ color:#999; line-height:24px;}


.news22{ float:right; width:40%; }
.news22 .divdgweb_new_div .divdgweb_new_div_item:nth-child(1){ display:none;}
.news22 .divdgweb_new_div_item{ background:#f6f6f6; width:770px; height:80px; margin-bottom:20px; transition:0.2s;}
.news22 .divdgweb_new_div_item_date{float:left; width:92px; background:url(http://login.114my.cn/memberpic/aochang/uploadfile/image/20170422/20170422230035_759287846.jpg) right no-repeat;  height:80px; position:relative;  font-family:Arial, Helvetica, sans-serif;}
.news22 .divdgweb_new_div_item_day{position:absolute; top:24px; left:35px; font-size:20px; font-weight:bold;font-family:"Microsoft YaHei";}
.news22 .divdgweb_new_div_item_month{position:absolute; top:50px; left:57px; color:#999;}
.news22 .divdgweb_new_div_item_year{position:absolute; top:50px; left:19px; color:#999;}
.news22 .divdgweb_new_div_item_content{ float:left; line-height:30px; margin-left:20px; width:650px; padding-top:10px;}
.news22 .divdgweb_new_div_item_body{ color:#999;}
.news22 .divdgweb_new_div_item:hover { background:#073190; transition:0.2s;}
.news22 .divdgweb_new_div_item:hover .divdgweb_new_div_item_day,.news22 .divdgweb_new_div_item:hover .divdgweb_new_div_item_month,.news22 .divdgweb_new_div_item:hover .divdgweb_new_div_item_year,.news22 .divdgweb_new_div_item:hover .divdgweb_new_div_item_title,.news22 .divdgweb_new_div_item:hover .divdgweb_new_div_item_body{ color:#FFF;}
.news22 .divdgweb_new_div_item:hover .divdgweb_new_div_item_title a{ color:#FFF;}

.news_div_item_title{ font-size:16px; height:50px; line-height:50px; margin-top:20px;}
.news_div_item_a{ font-size:16px; color:#0c0c0c;}


.w1200 {
    max-width: 84%;
    margin: 0 auto;
}
.title001{ text-align:center; margin-bottom:2.375rem; margin-top:1rem;}
.title001 h3{ position:relative; padding-bottom:1.5rem; font-size:2.25rem; color:#333333; font-weight:bold}
.title001 h3:before{ content:""; position:absolute; width:1.875rem; height:2px; background:#1fa3cc; bottom:0; left:50%; margin-left:-0.9375rem;}

.container01{ padding:0 0 1.125rem; background:#fff; overflow:hidden}
.container01 ul{ margin:0 -5px; display:block}
.container01 ul li{ float:left; width:32.533333%; padding:0 5px;}
.container01 ul li a{ display:block; position:relative; overflow:hidden}
.container01 ul li a .img{ position:relative; width:100%; padding-bottom:74.04%; overflow:hidden}
.container01 ul li a .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%}
.container01 ul li a .img:after{ content:""; background:url(../images/jianbian.png) center no-repeat; width:100%; height:4.1875rem; background-size:100% 100%; position:absolute; bottom:0; transition:.6s}
.container01 ul li a .top{ position:absolute; bottom:0; width:100%; height:4.375rem; left:0; right:0}
.container01 ul li a .top:before{ content:""; width:100%; height:4.5rem; position:absolute; bottom:0; transition:.6s; transform:translateY(12.5rem)}
.container01 ul li a .top .box_table{ position:relative}
.container01 ul li a .top .yuanquan{ display:inline-block; width:3.125rem; height:3.125rem; position:relative; margin-bottom:1rem; transition:.6s; transform:scale(0); opacity:0; visibility:hidden}
.container01 ul li a .top .yuanquan:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(255,255,255,.1); transition:.6s; border-radius:50%; transform:scale(1.375)}
.container01 ul li a .top .yuanquan span{ display:inline-block; width:3.125rem; height:3.125rem; line-height:3.125rem; background:#fff; border-radius:50%;}
.container01 ul li a .top .yuanquan span svg{ fill:#000000; width:1rem; height:1rem; vertical-align:middle; margin:-3px 0 0}
.container01 ul li a .top h5{font-size:1.25rem;color:#fff;line-height:1.5rem;margin:0 0 1rem;padding: 0 15px; font-weight:normal}
.container01 ul li a .top .con{ position:relative; padding:1.375rem 0 0}

.container01 ul li a .top .con p{ font-size:0.875rem; color:rgba(255,255,255,0.7); line-height:1.5rem; height:0; transition:.6s; opacity:0; visibility:hidden; max-width:25.125rem; display:inline-block}

.container02 .fl01{ background:url(../images/about_bg.jpg) center no-repeat; padding:0 0 5.75rem; position:relative; overflow:hidden; background-size:cover}
.container02 .fl01 .title002{ margin-bottom:4rem}
.container02 .fl01 .title002 h3{ padding-left:90px; display:inline-block; background:url(../images/shuangyin_bg.png) left center no-repeat; font-size:2.25rem; color:#333333; font-weight:bold}
.container02 .fl01 .title002 h4{ font-size:1.375rem; color:#2caadd; margin-top:1.5rem; line-height:1.75rem;}
canvas{display:block;}
.waves{position:absolute;z-index:0;left:0; right:0; bottom:0;height:25rem;}

.container02{ position:relative}
.container02 .fl02{ box-shadow: 0 0 10px rgba(0,0,0,.2); max-width:84%; margin:0 auto; margin-top:-80px; background:#fff; z-index:99999; height:10.375rem;}
.container02 .fl02 ul{ margin:0 0}
.container02 .fl02 ul li{ float:left; width:20%; text-align:center; height:10.375rem; position:relative; cursor:pointer}
.container02 .fl02 ul li:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; transition:.6s}
.container02 .fl02 ul li:after{ content:""; height:50px; width:1px; background:#dcdcdc;  position:absolute; top:50px; right:0; }
.container02 .fl02 ul li:last-child li:after{ background:none}
.container02 .fl02 ul li h3{ height:5.75rem; transition:.6s; position:relative}
.container02 .fl02 ul li h3:before{ content:""; position:absolute; top:3.5rem; left:50%; width:1px; height:0; transition:.6s}
.container02 .fl02 ul li h3 img{ transition:.6s}
.container02 .fl02 ul li:last-child{ border:none}
.container02 .fl02 ul li h5{ position:relative; transition:.6s;}
.container02 .fl02 ul li big{font-size: 3.25rem;color: #073190;font-weight:bold;font-family: FRADMCN;}
.container02 .fl02 ul li up{font-size: 1.375rem;color: #073190;font-weight:bold;transition:.6s;position:relative;vertical-align: top;font-family: FRADMCN;margin-left: 0.25rem;}
.container02 .fl02 ul li h6{font-size: 1.0625rem;color: #393939;margin:0 0 0.25rem;line-height: 1.5rem; transition:.6s; position:relative}


.cp_ys{padding-top: 57px; height: 172px; background: #f3f3f3;box-sizing: border-box; font-family: "Microsoft YaHei";  }
.cp_ys ul{width: 84%; margin:0 auto;}
.cp_ys ul li{width: 23%; float: left; height:240px; text-align: center;font-size: 16px; color: #666666; margin-right:2%;box-shadow: 0 0 5px rgba(19,181,177,.2);}
.cp_ys ul li:nth-child(4){ margin-right:0}
.cp_ys ul li em{width: 58px; height: 40px; margin:0 auto 5px;  display: block;}
.cp_ys ul li:nth-child(1){background: url(../images/a1.jpg) no-repeat;}
.cp_ys ul li:nth-child(2){background: url(../images/a2.jpg) no-repeat;}
.cp_ys ul li:nth-child(3){background: url(../images/a3.jpg) no-repeat;}
.cp_ys ul li:nth-child(4){background: url(../images/a4.jpg) no-repeat;}
.cp_ys ul li:nth-child(5) em{background: url(../images/a5.jpg) no-repeat;}
.cp_ys ul li:nth-child(6) em{background: url(../images/a6.jpg) no-repeat;}
.cp_ys ul li:hover{color:#172e7a;font-weight:bold;}
.cp_ys ul li:hover:nth-child(1){background: url(../images/a1.jpg) no-repeat;}
.cp_ys ul li:hover:nth-child(2){background: url(../images/a2_h.jpg) no-repeat;}
.cp_ys ul li:hover:nth-child(3){background: url(../images/a3_h.jpg) no-repeat;}
.cp_ys ul li:hover:nth-child(4){background: url(../images/a4_h.jpg) no-repeat;}
.cp_ys ul li:hover:nth-child(5) em{background: url(../images/cpico5cur.png) no-repeat;}
.cp_ys ul li:hover:nth-child(6) em{background: url(../images/cpico6cur.png) no-repeat;}
.cp_ys ul li:last-child{border-right: 0;}

.navBar .nav .sub .pic img{ width:504px; height:340px;}


.hz_bg { padding-top:22px; height:135px; width:84%; margin:0 auto;}
.fl{ float:left}
.hz01 { width:12%; height:130px; background:#194377; line-height:130px; text-align:center; }
.hz02{ width:87%; float:right}
.zz02{ width:100%}
.hz01 a { display:block; font-size:30px; color:#fff;  padding-bottom:10px;} 
.hz01 a:hover{ text-decoration:underline;}
.zz01,.zz03 { padding:15px 5px 0}
.zz01 a { background:url(Img/Index/hz_le01.gif) no-repeat; width:35px; height:35px; display:block;}
.zz01 a:hover { background:url(Img/Index/hz_le02.gif) no-repeat;}
.zz03 a { background:url(Img/Index/hz_ri01.gif) no-repeat; width:35px; height:35px; display:block;}
.zz03 a:hover { background:url(Img/Index/hz_ri02.gif) no-repeat;}
.zz02 ul li { float:left; width:24%; margin-right:1%; height:130px; line-height:130px; text-align:center; padding:0;background-size: 100% 100%;}
.zz02 ul li a{ font-size:18px; color:#000; width:100%; display:inline-block;background:url(../images/yh.png) no-repeat;}
.zz02 ul li a:hover{ background:url(../images/yh1.png) no-repeat; color:#fff;background-size: 100% 100%;}
.zz02 ul li:nth-child(4){ margin-right:0}
.zz02 ul li:nth-child(1){background: url(../images/y1.jpg) no-repeat;}
.zz02 ul li:nth-child(2){background: url(../images/y2.jpg) no-repeat;}
.zz02 ul li:nth-child(3){background: url(../images/y3.jpg) no-repeat;}
.zz02 ul li:nth-child(4){background: url(../images/y4.jpg) no-repeat;}

.zz02 ul li a img { width:153px; height:65px; border:solid 2px #c2c2c2}
.zz02 ul li a:hover img {  border:solid 2px #b73133}
.zz02 ul li span { display:block; height:35px; line-height:35px; overflow:hidden; text-align:center;}
.zz02 ul li span a { color:#474747}


/*合作客户*/
 .kehu{height: 550px;}
.kehu ul{}
.kehu ul li{float: left;width: 310px;margin-right: 12px;margin-bottom: 12px;background: #fff;cursor: pointer;}
.kehu ul li img{display: block;width: 100%;height: 125px;border: 1px solid #d9d9d9;transition: all .5s;}
.kehu ul li:hover img{border-color: var(--colour1);}
.kehu ul li:nth-child(5n){margin-right: 0;}
@media (max-width: 1600px){
.kehu{height: 480px;}
.kehu ul li{width: 230px;}
.kehu ul li img{height: 93px;}}

.more a{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.box_table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.box_table_cell{ display:table-cell; vertical-align:middle;  }
.box_table_cell *{ white-space:normal; word-wrap:break-word; }
.pro_nr ul{ margin-top:30px;}
.container01 ul li a:hover .top .con p{ height:3rem; opacity:1; visibility:visible}
	.container01 ul li a:hover .img:after{ transform:translateY(13rem)}
	.container01 ul li a:hover .top:before{ background:#092b82; transform:translateY(0)}
	.container01 ul li a:hover .top .con:before{ width:0; margin-left:0; opacity:0; visibility:hidden}
	.container01 ul li a:hover .top .yuanquan{ transform:scale(1); opacity:1; visibility:visible}
	.container01 ul li a:hover .img img{ transform:scale(1.05)}
	
	.container02 .fl02 ul li:hover h3:before{ height:3.125rem; background:#fff}
	.container02 .fl02 ul li:hover h3{ height:8.25rem}
	.container02 .fl02 ul li:hover h3 img{-webkit-filter:brightness(4);-moz-filter:brightness(4);-ms-filter:brightness(4);-o-filter:brightness(4);filter:brightness(4);filter: bright;transform:rotateY(360deg);}
	.container02 .fl02 ul li:hover:before{ transform:scaleY(1.1); background:#073190}
	.container02 .fl02 ul li:hover up, .container02 .fl02 ul li:hover big, .container02 .fl02 ul li:hover h6{ color:#fff}
	
	.container03 ul li:hover a:before{ background:#ededed; transform:scale(1.2)}





.pro_a li{float:left;width:350px; height:254px;margin:0 15px 15px 0;font-size:0;line-height: 0;position:relative; background-size:100% 100%;background:rgba(0,0,0,0.2);-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    vertical-align: middle; overflow:hidden;
}
.pro_a li div{  height:100%;width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    vertical-align: middle;}
.pro_a li div:hover{-webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1); 
}


.pro_a li:nth-child(1){ width:350px; height:524px; background:#fff;}

.pro_a li:nth-child(2){ width:570px; height:254px; background:#fff;}


.pro_a li:nth-child(2) .xq{ margin-top:10px;}

.pro_a li:nth-child(3) .xq{ margin-top:10px; margin-left:40px;}

.pro_a li:nth-child(4) .xq{ margin-top:10px; margin-left:40px;}

.pro_a li:nth-child(3) h3{ width:230px; height:auto;white-space:normal}

.pro_a li:nth-child(4) h3{ width:230px;white-space:normal; height:auto}
.pro_a li:nth-child(5){ width:277px;}
.pro_a li:nth-child(6){width:350px; margin-right:0}
.pro_a li:nth-child(3){ height:254px; margin-right:0}
.pro_a li:nth-child(4){ height:254px; width:277px;}
.pro_a li:nth-child(6)  h3{ margin-top:50px; margin-left:75px;}

.pro_a li .xq:hover{ background:#015cb5;}

.pro_a li i{display: block;width:392px;overflow: hidden;}

.pro_a li i img{width:392px;height: 294px;transition: all 0.5s}

.pro_a li span {float:left;width:262px;box-sizing: border-box;padding-left:23px;height: 66px;border-top:1px solid #efefef;font-size:12px;color: #dcdcdc;line-height:18px;line-height:66px;}

.pro_a li span a {display:block;/*height: 24px;line-height: 24px;*/font-size:16px;color: #2b2b2b;}

.pro_a li:hover i img{transform: scale(1.1);}





.pro_a li h3{font-size: 24px; color: #363636; height:42px; line-height: 42px; overflow: hidden;  font-weight: normal; white-space: nowrap; padding-left:50px; padding-top:50px;z-index:9999}

.pro_a li h3 a{color: #046eb9; font-weight:normal; z-index:9999; text-shadow: #fff 2px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}

.pro_a li p{font-size: 18px; color: #ccc; line-height: 30px; padding-left:50px; margin-bottom:40px;}

.pro_a li .xq{ display: block; width: 136px; height: 36px; margin-top:10px; line-height: 36px; text-align: center; font-size: 18px; color: #fff; font-weight: normal;margin-left:50px;border-radius:25px; background:#015cb5}

@media screen and (max-width:1000px){.i_link ul li{width:19%}
.i_link ul li:nth-child(6n+0){margin-right:1.1%}
.i_link ul li:nth-child(5n+0){margin-right:0}
.container02 .fl02 ul li big{ font-size:0.25rem;}
.container02 .fl02 ul li up{ font-size:0.20rem;}
.container02 .fl02 ul li h6{font-size:0.25rem;}
.container02 .fl02{ width:90%; margin-top:-20px; height:5rem;}
.container02 .fl02 ul li{ height:5rem;}
.container02 .fl02 ul li:after{ top:20px; height:30px;}
.first_title{ margin-top:20px;}
.first_title dt{ font-size:18px;}
.first_title dd{ font-size:14px;}
.home_product{ width:95%;}
.first_title dl{ margin-bottom:15px;}
.help_nav li{ padding:0 15px; height:30px; line-height:30px; background:#f5f5f5}
.list-wrap li{ width:100%; margin-right:0; float:none; display:block}
.help_cut{ height:auto}
.m_help{ height:auto}
.cp_ys ul li{ width:48%; height:100px; background-size:100% auto;}
.cp_ys ul li:nth-child(1){background-size:100% auto;}
.cp_ys ul li:nth-child(2){background-size:100% auto;}
.cp_ys ul li:nth-child(3){background-size:100% auto;}
.cp_ys ul li:nth-child(4){background-size:100% auto;}
.container02 .fl01{ padding-bottom:1.5rem;}
.container01 ul li{ width:98%; float:none; margin-bottom:10px;}
.cp_ys{ padding-top:27px;}
.w1200{ max-width:95%}
.cp_ys ul{ width:95%}
.hz_bg{ width:95%;}
.hz01{ width:100%; height:40px; line-height:40px;}
.hz01 a{ font-size:18px;}
.hz02{ width:98%}
.news_d{ width:95%}
.news_div{ width:100%; margin-right:0; display:block; margin-bottom:20px;}
}


@media screen and (max-width:830px){#slider{display:none}
.flash_div{display:block}
.i_link ul li{width:24%}
.i_link ul li:nth-child(5n+0){margin-right:1.1%}
.i_link ul li:nth-child(4n+0){margin-right:0}
}
@media screen and (max-width:780px){.nproduct_list2 ul li{width:49%}
.nproduct_list2 ul li:nth-child(3n+0){margin-right:1%}
.nproduct_list2 ul li:nth-child(2n+0){margin-right:0}
}
@media screen and (max-width:640px){.nproduct_list2 ul li p{font-size:13px}
.i_link ul li{width:32.5%}
.i_link ul li:nth-child(4n+0){margin-right:1.1%}
.i_link ul li:nth-child(3n+0){margin-right:0}
.nproduct_list2 ul li img{ height:150px;}
.pro_a li:nth-child(4){ width:100%}
.pro_a li:nth-child(5){ width:100%}
.pro_a li:nth-child(6){ width:100%}
.pro_a li:nth-child(3){ width:100%}
.pro_a li:nth-child(2){ width:100%}
.pro_a li:nth-child(1){ width:100%}
#owl-demo3 .item dd .imgs img{ height:100px;}
.news_div_item_image{ width:100%; height:auto}
.lanrenzhijia{ width:100%}
.lanrenzhijia .content{ width:100%}
.lanrenzhijia .content .ul{ width:100%!important;}
.news22{ display:block; width:100%;}
.lanrenzhijia .content .li{ width:100%}
.news21 .news_div_item_content{ top:290px; left:5%}
.news21 .news_div_item_content{ width:90%; margin:0 auto;}
.news21{ width:100%; display:none}
}
@media screen and (max-width:480px){.nproduct_list2 ul li p{font-size:12px}
}
