body,  div,  p { margin: 0; padding: 0;}
ul { list-style: none;margin: 0; padding: 0;}
a:hover{cursor: pointer;}
html {width: 100%;overflow-x: hidden;}
.left{float: left;}
.right{float: right;}
.clear{clear: both}
body { width: 100%;  *cursor: default;
font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;overflow-x:hidden;}
.nr{min-height:640px}
img{border:0px;max-width: 100%}
a{text-decoration: none;outline: none}
div{outline: none}
ul,li{list-style-type: none}
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;}
.main{width:94%;margin:0 auto;}
header .main{width: 92%;margin:0 auto;}

header img{display: block;}
.clearfix:before,.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  zoom: 1;
}
/*头部*/
header{position: relative;width: 100%;padding:7px 0;height: 44px;}
.ss{width:0;height:35px;position:absolute;left:0;top:44px;overflow:hidden;z-index:7;}
.ss_bd{width:80%;height:35px;border:none;background:#fff;float:left;color:#333333;padding:0 0 0 12%;font-family:"微软雅黑";border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:14px;}
.ss_btn{width:20%;float:left;line-height:35px;background:#3082e9;border:none;color:#fff;font-family:"微软雅黑";border-radius:3px;
-moz-border-radius:3px;-webkit-border-radius:3px;font-size:15px;}
.logo{float: left;width:40%;padding-top:7px}
.header_right{width:25%;float: right;background: #3082e9;padding:5px 0 5px 17px;border-radius: 20px}
.nav img{height:15px;margin-top:3px}
.search{margin-left:12px}
.search img {
    height:20px;
}
.banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:40px}
.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 7px;}
.banner .swiper-pagination-bullet{background:#fff;width:9px;height:9px;opacity: 1}
.banner .swiper-pagination-bullet-active{background:#357cd5}
html{height: 100%;}
body.open {height: 100%;
  overflow: hidden;
}
body.open #sidebar {
   width: 70%
}
#sidebar {
    width: 0%;
    height: 100%;
    background: #3082e9;
    position: absolute;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
  
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    z-index: 10;
}
#sidebar ul li {
    display: block;
    min-height: 49px;
    border-bottom: 1px solid #267ae3;
    font-size: 14px;
    width: 100%;
}
.agent-mobile #sidebar ul li {
    border-color: rgba(255, 255, 255, .05);
}
#sidebar ul li a {
    display: block;
    color: #fff;
    padding: 0 25px;
    height: 49px;
    line-height: 49px;
    /*text-align: center;*/
}

.nr {
    position: relative;
    z-index: 10;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
body.open .nr {
    transform: translate3d(70%,0,0)!important;
    -webkit-transform: translate3d(70%,0,0)!important;
   
}
#close{position: absolute;right: 10px;top:10px;}
#close img{height:15px;}

li.navitem{
    position: relative;
    top: 100px;
    opacity: 0;
    transition: .3s;
    transitino-delay: 1s;
}

body.open li.navitem{
    top: 0px;
    opacity: 1;
    transition: 1s;
}
body.open li.navitem:nth-child(2)  {
    transition-delay: 0.2s;
}

body.open li.navitem:nth-child(3)  {
    transition-delay: 0.4s;
}

body.open li.navitem:nth-child(4)  {
    transition-delay: 0.6s;
}

body.open li.navitem:nth-child(5)  {
    transition-delay: 0.8s;
}

body.open li.navitem:nth-child(6)  {
    transition-delay: 1s;
}

body.open li.navitem:nth-child(7)  {
    transition-delay: 1.2s;
}
body.open li.navitem:nth-child(8)  {
    transition-delay: 1.4s;
}
body.open li.navitem:nth-child(9)  {
    transition-delay: 1.6s;
}
body.open li.navitem:nth-child(10)  {
    transition-delay: 1.8s;
}

body.open li.navitem:nth-child(11)  {
    transition-delay: 2s;
}
body.open li.navitem:nth-child(12)  {
    transition-delay: 2.2s;
}
body.open li.navitem:nth-child(13)  {
    transition-delay: 2.4s;
}
body.open li.navitem:nth-child(14)  {
    transition-delay: 2.6s;
}
/*底部*/
.h70{height:70px;}
.foot{width: 100%;background:#252525;height:70px;position: fixed;bottom: 0px;left: 0;width: 100%;display: block;z-index: 100;}
.foot a{display: block;float: left;text-align: center;color: #fff;width: 25%;padding-top:45px;font-size: 14px;}
.foot a:nth-child(1){background: url('../images/foot1.png') no-repeat center top 8px;background-size: auto 35px;}
.foot a:nth-child(2){background: url('../images/foot2.png') no-repeat center top 8px;background-size: auto 35px;}
.foot a:nth-child(3){background: url('../images/foot3.png') no-repeat center top 8px;background-size: auto 35px;}
.foot a:nth-child(4){background: url('../images/foot4.png') no-repeat center top 8px;background-size: auto 35px;}



.keywords{background: #fff;padding:15px  2px 15px 10px;position: relative;top:-25px;font-size: 13px;z-index: 1000;box-shadow:0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.3); -ms-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);-o-box-shadow:0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3)}
.keywords a{display: inline-block;color: #111111;margin:0 1px;font-size: 13px;}
.keywords_main{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.title{text-align: center;width:94%;margin:0 auto;}
.title p{color: #241717;font-size:21px;font-weight: bold;background: url('../images/tit.png') no-repeat center bottom;padding-bottom:12px;margin-bottom:7px;background-size:60%}
.title span{font-size:12px;color: #5c5c5c}

.sec1_list{margin:20px 0}
.sec1_list li{float: left;width:33%;text-align: center;height:95px;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd}
.sec1_list li a{display: block;font-size:15px;color: #5c5c5c;padding-top:58px;padding-bottom:10px}
.sec1_list li.icon1{background: url('../images/icon1.png') no-repeat center top 10px;background-size: auto 42px;border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;}
.sec1_list li.icon2{background: url('../images/icon2.png') no-repeat center top 14px;background-size: auto 35px;border-top: 1px solid #dddddd;}
.sec1_list li.icon3{background: url('../images/icon3.png') no-repeat center top 14px;background-size: auto 35px;border-top: 1px solid #dddddd;}
.sec1_list li.icon4{background: url('../images/icon4.png') no-repeat center top 14px;background-size: auto 35px;border-left: 1px solid #dddddd;}
.sec1_list li.icon5{background: url('../images/icon5.png') no-repeat center top 14px;background-size: auto 35px}
.sec1_list li.icon6{background: url('../images/icon6.png') no-repeat center top 14px;background-size: auto 35px}

.sec2_top{width: 100%;background:url('../images/sec2.jpg') no-repeat center top;background-size:cover;margin:15px 0;}
.sec2_main{width: 80%;float: right;margin-right:3%;padding:15px 0 20px}
.sec2_top{color: #424242;font-size: 13px;line-height: 2;}
.sec2_top strong{font-size:18px;}
.sec2_top_nr{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.sec2_more{display: block;font-size:14px;color: #dc3c33;border-bottom: 2px solid #dc3c33;width:100px;text-align: right;line-height:30px;float: right;}

.sec2_bot_type{width: 100%}
.sec2_bot_type li{display: block;width: 32%;margin-right:2%;height: 35px;line-height: 35px;background: #ebebeb;text-align: center;float: left;margin-bottom: 7px}
.sec2_bot_type li:nth-child(3n){margin-right: 0}
.sec2_bot_type li a{display: block;font-size: 13px;color: #202020;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sec2_bot_list li{width: 48.5%;float: left;margin-bottom:15px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.sec2_bot_list li:nth-child(2n){float: right;}
.sec2_pic{position:relative;width:100%;height:0;padding-top:62%;}
.sec2_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.sec2_bot_list li p{width: 100%;height: 35px;line-height: 35px;text-align: center;color: #252320;font-size:14px;verflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sec2_bot_list{margin-top: 7px;margin-bottom:5px}
.sec3_nr{padding-top: 40px;margin-top: 15px}
.sec3_content{background: #fff;padding: 15px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);padding-bottom: 20px;margin-bottom:30px}
.sec3_tit{color: #292929;font-size:16px;font-weight: bold;margin-bottom: 7px;}

.sec3_con{font-size: 13px;line-height: 2;margin-bottom:10px}
.sec3_more{display: block;width:95px;height: 30px;line-height: 30px;text-align: center;background: #3082e9;font-size:13px;color: #fff;float: right;}

.sec4{width: 100%;background: url('../images/sec4.jpg') no-repeat center top;padding: 15px 0 10px;background-size:cover;margin-bottom: 15px}
.sec4_tit p{color: #fff;font-size:22px;background: url('../images/x.jpg') no-repeat center bottom;margin-bottom:3px;padding-bottom: 5px;}
.sec4_tit{color: #707375;font-size:11px;text-align: center;text-transform: uppercase;}
.sec4 ul{padding: 20px 0}
.sec4 li{display: block;margin-right:2%;float: left;}
.sec4 li{position:relative;width: 32%;height:0;padding-top:24%;}
.sec4 li img{position:absolute;top:0;left:0;width:100%;height:100%;}

.sec4 li:nth-child(3n){margin-right: 0}

.sec5_list li{width: 48.5%;float: left;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.sec5_list li:nth-child(2n){float: right;}
.sec5_list{margin: 15px auto 25px}
.sec5_pic{position:relative;width:100%;height:0;padding-top:50%;}
.sec5_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.sec5_info {padding:8px 7px 0;background: #fff;}
.sec5_tit{color: #3a3a3a;margin-bottom:10px;font-size:13px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sec5_info p{border-top: 1px solid #e1e1e1;padding:7px 0 10px;}
.sec5_info p span{color: #505050;font-size: 12px;}

.sec5_info p span{float: left;background: url('../images/time.jpg') no-repeat center left;padding-left: 17px;font-size:13px;color: #505050}
.sec5_info p a{float: right;display: block;width: 16px;height: 15px;background: url('../images/link.jpg') no-repeat center right;margin-top: 3px;background-size: auto 12px}

.sec5_more {display: block;width:110px;height:30px;line-height:28px;text-align: center;font-size: 14px;color: #a7a7a7;border: 1px dashed #a7a7a7;border-radius: 30px;margin: 0 auto;}
.sec5_list ul{margin-bottom: 20px}

.banner2{position: relative;}
.banner2_info{position: absolute;bottom: 0;left:0;width: 100%;height: 100%;color:#fff}
.banner2_info a{color: #fff}
.banner2_info .main{position: relative;height: 100%;}
.lanmu{position: absolute;top:45%;left:5%;transform:translateY(-50%);}
.lanmu p{font-size:23px;font-weight: bold;}
.lanmu span{font-size: 20px;font-weight: bold;text-transform: uppercase;}
.nail{position: absolute;left:0;bottom: 0;height:29px;line-height: 28px;padding:0 37px;text-align: center;background: url('../images/nail.png') no-repeat center left;min-width:70%;text-align: center;background-size:100%;font-size: 14px;max-width: 100%;}
.nail p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%}
.banner2 img{display: block;}

.about1{margin:25px 0;}
.about1 .main{padding-top:75px;}
.about1_con{background: #fff;width:96%;margin:0 auto;padding:20px 4%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.about1_tit{text-align: center;color: #2d2d2d}
.about1_tit p{font-size: 13px;line-height: 15px;}
.about1_tit span{font-size:22px;}
.about1_nr{color: #2d2d2d;line-height: 2;margin-top:7px;font-size: 14px;}

.about2{width: 100%;background: #f3f3f3;padding: 20px 0 30px}
.about_tit{text-align: center;}
.about_tit p{font-size:22px;color: #1f64ba;line-height: 25px;}
.about_tit span{font-size: 13px;color: #000000;text-transform: uppercase;}
.about2_his{padding-top: 20px}
.about2_his ul{padding:15px 0;border-left: 1px solid #1a1a1a;margin-left:13px}
.about2_his li{padding:0 0 15px 20px;position: relative;}
.about2_his a{display: block;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size:13px;color: #898989;line-height:1.7;}
.about2_his .about2_time{color: #a9a9a9;font-size: 22px;font-family: Impact;}
.about2_his li span{display: block;width: 25px;height: 1px;background: #1a1a1a;position: absolute;top:15px;left:-17px;}

.about3{width: 100%;padding:25px 0 20px}
.about3_list {
    background: url('../images/about3.jpg') no-repeat center top;
    padding: 25px 0 20px;margin-top:17px;
}
.about3_list .main {
    position: relative;
    padding-bottom:50px;
}
.about3 .swiper-button-next {
    right:calc(50% - 31px);width:30px;height:30px;z-index: 10;top:auto;bottom: 0!important;
    background:url('../images/next.jpg') no-repeat center left;margin-top:0px;background-size: 100%;
}
.about3 .swiper-button-prev {
    left:calc(50% - 31px);width:30px;height:30px;z-index: 10;top:auto;bottom: 0!important;
    background:url('../images/prev.jpg') no-repeat center right;margin-top:0px;background-size: 100%;
}
.about3_list li{background: #e5e5e5}
.about3_list li img{display: block;}
.about3_tit{height:30px;line-height:28px;text-align: center;color: #0b0205;font-size:14px;}
.about3_list li .about3_pic{position:relative;width:100%;height:0;padding-top:69%;}
.about3_list li .about3_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}

.about4_con {
    width: 100%;
    background: url('../images/about4.jpg') no-repeat center;
    background-size: cover;
    margin:20px 0 25px 0;
    padding: 30px 10px 40px 70px;
    font-size: 13px;
    color: #0b0205;
    line-height:2;
}

.ns{padding: 20px 0 25px}
.ns_tit{text-align: center;font-size: 16px;}
.his_nr{color: #454242;line-height: 2;font-size: 14px;padding-top:15px}
.type li.active a{color: #006eae;}
.type li.active{border-bottom:2px solid #3082e9}
.contact_top{padding-top: 30px}
.contact_top li{padding-top:75px;text-align: center;font-size: 13px;margin-bottom: 25px}
.contact_top1 {background: url('../images/tel.jpg') no-repeat center top;background-size: auto 70px}
.contact_top2 {background: url('../images/addr.jpg') no-repeat center top;background-size: auto 70px}
.contact_top3 {background: url('../images/lianxi.jpg') no-repeat center top;background-size: auto 70px}
.contact_bot{padding-bottom: 20px}
.prod_list li{width: 48.5%;margin-bottom:20px;background: #fbfbfb;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.prod_list li:nth-child(2n+1){float: left;}
.prod_list li:nth-child(2n){float: right;}
.prod_list li .prod_pic{position:relative;width:100%;height:0;padding-top:62%;}
.prod_list li .prod_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.prod_list p{display: block;width: 100%;height: 35px;padding: 0 5px;line-height: 35px;font-size: 14px;color: #252320;}
.prod_list li p span{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.prod_list ul{padding: 20px 0 10px}

.page{text-align: center;padding-bottom: 30px}
.page a{display:inline-block;height:23px;line-height:21px;text-align: center;color: #2a2a2a;font-size:13px;margin:0 2px;padding: 0 7px;background: #e6e6e6}
.page a.pre_page{margin-right:5px;background: transparent;}
.page a.select{background:#3082e9;color: #fff;}
.page a.next_page{background: transparent;}

.type{width: 100%;background:#f3f3f3;height: 40px;line-height: 40px;}
.type li{float: left;font-size: 14px;text-align: center;margin-right:15px;}
.type li a{color: #575757;display: block;}
.type li:hover a{color: #006eae}
.type li:hover{border-bottom:2px solid #3082e9}

.find_nav {
    width: 100%;
    z-index: 9999;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    padding: 0 4%;
    background: #f3f3f3;
    height: 40px;
    line-height: 40px;
}
.find_nav_left {
    position: relative;
    overflow: hidden;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
}
.find_nav_list {
    position: absolute;
    left: 0px;
}
.find_nav_list ul {
    position: relative;
    white-space: nowrap;
    font-size: 0;
}
.find_nav_list ul li {
    display: inline-block;
    position: relative;
    font-size: 14px;
text-align: center;
margin-right: 15px;
}

.find_nav_list ul li a{color: #575757;
display: block;}

.sideline {
    display: block;
    position: absolute;
    border: 0;
    height: 2px;
    background-color: #3082e9;
    top: 38px;
    width: 100%;
    pointer-events: none;
}

.find_nav_list ul li.find_nav_cur a{color:#006eae}
.case_type{margin-bottom: 0}

.sec1_list li.active a{color: #3082e9}
.sec1_list li.icon1.active{background: url('../images/icon11.png') no-repeat center top 10px;background-size: auto 42px;}
.sec1_list li.icon2.active{background: url('../images/icon22.png') no-repeat center top 14px;background-size: auto 35px;}
.sec1_list li.icon3.active{background: url('../images/icon33.png') no-repeat center top 14px;background-size: auto 35px;}
.sec1_list li.icon4.active{background: url('../images/icon44.png') no-repeat center top 14px;background-size: auto 35px;}
.sec1_list li.icon5.active{background: url('../images/icon55.png') no-repeat center top 14px;background-size: auto 35px;}
.sec1_list li.icon6.active{background: url('../images/icon66.png') no-repeat center top 14px;background-size: auto 35px;}

.case_list ul{padding-top: 25px}

.ps{padding: 20px 0}
.ps_tit{text-align: center;font-size:18px;color: #090909;line-height: 1.7;}
.ps_date{text-align: center;font-size: 12px;color: #b0b0b0}
.ps_pic{margin:15px auto 15px;text-align: center;}
.ps_xx{font-size:18px;color: #181818;font-weight: bold;padding-bottom: 7px;border-bottom: 1px solid #bdbdbd}
.ps_nr{color: #181818;line-height: 2;padding:15px 0 20px;font-size: 14px;}
.fenye li{width: 100%;height: 35px;background:#e1e1e1;padding: 0 12px;line-height: 35px;font-size: 14px;margin-bottom:10px;color: #333333}
.fenye li p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.fenye li a{color:#333333}

.news_list{padding-top:5px}
.news_list li{margin-bottom: 20px}

.ns_tit{text-align: center;font-size: 18px;color: #151515;line-height: 1.7;}
.ns_date{text-align: center;font-size: 12px;color: #afafaf;}
.ns_nr{color:#454242;line-height: 2;padding:15px 0 20px;font-size: 14px;}

.message{width: 100%;background: url('../images/mes.jpg') no-repeat center top;padding:25px 0 40px}
.mes{background: rgba(255,255,255,0.5);padding: 20px 0 30px;}
.mes_tit{text-align: center;font-size:22px;color: #3d3d3d;font-weight: bold;}
.mes_tit p{font-size:12px;color: #2361ad;text-transform: uppercase;font-weight: normal;}
.mes form{width:87%;margin:20px auto 0;}

.mes .mes_input1{width: 100%;height: 35px;line-height: 35px;background: #fff;padding: 0 10px;border:0px;margin-bottom:15px}
.mes_input2{width: 100%;height: 100px;background: #fff;padding:10px;border:0px;margin-bottom:15px;font-family:微软雅黑;font-size: 14px;}
.mes_btn{width: 100%;height: 35px;line-height: 35px;text-align: center;background: #3082e9;font-size: 16px;border:0px;color: #fff}
.search_list{padding:15px 0 25px}
.search_list li{
    border-radius:8px;
    width:100%;
    background: #3082e9;
    padding: 3% 10px;
    margin-top:3%;
    font-size: 14px;
}
.search_list li a{
    color:#fff;
    float: left;
    text-align: left;
    width: calc(100% - 100px);
    display: block;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.search_list li span{
    display: block;
    color:#fff;
    float: right;
    text-align: right;
    width: 100px;
    font-size: 13px;
}

.sec3{overflow: hidden;}
.sec1{padding-top: 5px}