@charset "utf-8";


*{margin:0;padding:0; font-family:"微软雅黑";}
.search *, .section *, .iad *, .section02 *, .sectionnext *, .nmain *, .footer *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{  line-height:30px;font-size:16px;-webkit-font-smoothing: antialiased; overflow-x:hidden;color:#333; }
a{color:#333; text-decoration:none;outline:none;}
a:hover{color:#005cb8;text-decoration:none;}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button{ outline:none;-webkit-appearance: none ;font-size:14px;}

#a01{ position: absolute;  margin-top:-160px;}
#a02{ position:absolute; margin-top:-160px;}
#a03{ position:absolute; margin-top:-160px;}
#a04{ position:absolute; margin-top:-160px;}
#a05{ position:absolute; margin-top:-160px;}

.wrap{ width:80%; max-width:1300px; margin:0 auto;}
.probg{ background:#e5ebf4}
.blue{ color:#053f90}
.green{ color:#65b52c}
.cheng{ color:#ff3f00}

.section02{ padding:60px 0 }
.section{ padding:80px 0 }
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:80px;}
.space{ height:170px;}

.fr{ float:right !important}
.fl{ float:left !important}

.jvzhong{ text-align:center}
.title{ margin-bottom:35px}
.title h3{ font-size:45px; font-weight:bold; margin-bottom:20px;}
.title h3 span{ display:inline-block; position:relative;}
.title h3 span:before{ content:""; position: absolute; left:-70px; width:57px; height:12px; top:50%; margin-top:-6px; background:url(../images/tb.png) no-repeat center center;}
.title h3 span:after{ content:""; position: absolute; right:-70px; width:57px; height:12px; top:50%; margin-top:-6px; background:url(../images/tb02.png) no-repeat center center;}
.title p { font-size:24px; color:#666}
.ntitle{ margin-bottom:35px}
.ntitle h3{font-size:36px; font-weight:bold; margin-bottom:10px; padding-bottom:20px; position:relative}
.ntitle h3:after{ content:""; position:absolute; bottom:0; left:0%; width:70px; height:2px; background:#ff3f00;}
.ntitle.jvzhong h3:after{left:50%;  margin-left:-35px;}
.ntitle p{ font-size:18px; color:#666}

.mbg{ background:#eeeeee}

.titleabout{ margin-bottom:35px}
.titleabout h3{ font-size:36px; line-height:70px; font-weight:bold;background:url(../images/line.png) no-repeat left bottom; margin:10px 0}
.titleabout.jvzhong h3{background:url(../images/line.png) no-repeat center bottom;}
.titleabout p{color:#aaa; font-size:24px; text-transform: uppercase; }

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.kuai:hover .pic img, .item:hover .pic img, li:hover .pic img, a:hover .pic img,  .pic:hover img{transform:scale(1.05);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}

.header{width: 100%;top:0;left:0; position:fixed; z-index: 999;transition:1s;-webkit-transition:1s;-moz-transition:1s;background:#fff;box-shadow: 0 0 10px rgba(0%,0%,0%,0.2)}
.header .top{ background:#fff;}
.header .top .wrap{ position:relative; height:110px;}
.header .top .logo{ position:absolute; left:0; top:50%; margin-top:-30px; }
.header .top .logo img{ float:left;height:60px; width:auto; position:relative; background:url(../images/line.png) no-repeat center right; padding-right:22px; margin-right:22px}
.header .top .logo .ad{ float:left; margin-top:5px}
.header .top .logo .ad h3{ font-size:18px; line-height:30px; font-weight:bold;}
.header .top .logo .ad p{ font-size:14px; line-height:25px;}
.header .top .tel{ position:absolute; right:120px; top:50%; margin-top:-24px; line-height:20px; font-size:22px;  background:url(../images/tel.png) no-repeat left top; padding-left:58px;}
.header .top .tel p{ font-size:14px;}
.header .top .tel h3{ font-size:24px; font-weight:bold;line-height:28px;}
.header .menu { border-top:solid 1px #ccc; }
.header .menu li{ text-align:center; display:inline-block; float:left;}

.header .menu li .menu_a{ line-height:60px; display:block; position:relative; font-size:17px;  }
.header .menu li .menu_a:after{ content:""; height:0; width:100%; background:#005cb8; position:absolute; left:0; bottom:0;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s; }
.header .menu li .menu_a:hover:after{ height:100%}
.header .menu li .menu_a:hover{ color:#fff}
.header .menu li .sub{ position:absolute; text-align:center;border-top:solid 1px #ccc; display:none;clear:both; z-index:999;background-color:#fff; width:100%; left:0;overflow:hidden; padding:20px 0 50px 0;}
.header .menu li .menu_a span{ position:relative; padding:0 31px; display:block; z-index:9}
.header .menu li .menu_a span:after{ content:""; position:absolute; right:0; top:50%; margin-top:-10px; width:1px; height:20px; background:#ddd}
.header .menu li:last-child .menu_a span:after{ display:none}
.header .menu li .menu_a:hover span:after{ display:none}
.header .prosub p{ display:inline-block;width:22.5%; margin:0 1%; text-align:center}
.header .sub p img{ display:block; width:auto; max-width:60%; margin:0 auto}
.header .sub p a:hover{color:#005cb8}
/*.header li:nth-child(2) .prosub{ text-align:left}*/
.header li:nth-child(2) .prosub p{ width:14%}
.header li:nth-child(2) .prosub p img{ max-width:80%;}
.header li:nth-child(3) .prosub p img{ max-width:70%;}
.header .casesub p{display:inline-block; float:left;  width:9.111%; margin:0 1%; padding-top:20px}
.header .casesub p img{ padding-bottom:10px;width:auto; max-width:64px;}
.header .newssub p{display:inline-block;  width:22.5%; margin:0 1%; padding-top:20px}
.header .newssub p img{ display:block; width:auto; max-width:100%; margin:0 auto; padding-bottom:10px}
.header .aboutsub p{display:block; float:left; width:10.5%; margin:0 1%; padding-top:20px}
.header .aboutsub p img{ display:block; width:auto; max-width:64px; margin:0 auto; padding-bottom:10px}

.header .top .toperweima{ position:absolute; height:76px; right:0; top:50%; margin-top:-38px;}
.header .top .toperweima span{ display:block; float:left; line-height:18px; margin-right:5px; margin-top:6px; font-size:14px}
.header .top .toperweima img{ display:block;float:left; height:76px; border:solid 3px #ddd}

.banner{ position:relative; z-index:1}
.banner a{ display:block; width:100%}
.banner img{ display:block; width:100%; height:auto;}
.banner .swiper-pagination{bottom:4% !important;}
.banner .swiper-pagination-bullet{ width:32px; height:4px; background:#fff; opacity:1; margin:0 5px; border-radius:3px;}
.banner .swiper-pagination-bullet-active{ background:#005cb8}


.search{  border-bottom:solid 1px #ddd;}
.search .wrap{ position:relative; height:60px; }
.search .keyword{ position:absolute; left:0; top:50%; margin-top:-15px;}
.search .keyword a{position:relative; padding-right:42px }
.search .keyword a:last-child{ padding-right:0}
.search .keyword a:after{ position:absolute; content:""; right:21px; top:3px; height:18px; width:1px; background-color:#999;}
.search .keyword a:last-child:after{ display:none}
.search .sform{ width:30%;max-width:278px; position:absolute; right:0; top:50%; height:34px; border:1px solid #ddd; border-radius:25px;  margin-top:-16px; }
.search .sform form .input01{ width:calc(100% - 73px); line-height:32px; padding-left:35px; background:url(../images/fdj.png) no-repeat 15px center; border:none; color:#999; border-radius:25px; float:left}
.search .sform form .sytijiao{ background:#005cb8; border:none; width:73px; height:32px; color:#fff;border-radius:25px; float:right;}

.iyoushi .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.iyoushi .item{ display:inline-block; width:calc(25% - 14px); margin-right:16px; border:solid 1px #ddd; background:#fff; position:relative}
.iyoushi .item:after{ content:""; position:absolute; left:50%; margin-left:-21px; height:1px; width:42px; bottom:-1px; background:#005cb8;}
.iyoushi .item .icon{ width:89px; height:100px; margin:-50px auto 0 auto; position:relative; background:url(../images/lan.png) no-repeat center center; background-size:cover;}
.iyoushi .item:hover .icon{background:url(../images/cheng.png) no-repeat center center; background-size:cover;}
.iyoushi .item .icon img{ display:block; width:100%; height:auto}
.iyoushi .item:last-child{ margin-right:0}
.iyoushi .item .wenzi{ text-align:center; padding:30px 20px;}
.iyoushi .item .wenzi h3{ font-size:22px; margin-bottom:15px; font-weight:bold}
.iyoushi .item .wenzi p{ line-height:24px; font-size:17px;}


.idingzhi{ position:relative}
.idingzhi:after{ content:""; position:absolute; z-index:-1; left:0; top:-230px; width:100%; height:calc(100% + 230px);  background:url(../images/dzbg.jpg) no-repeat center center; background-size:cover;}
.idingzhi .conn{ position:relative}
.idingzhi .npguide{ width:240px; position: absolute; left:0; top:0; height:100%; background:#fff;}
.idingzhi .npguide .kuai .prtitle a{ display:block; line-height:40px; font-size:18px; padding:0 20px; background:#005cb8; color:#fff; }
.idingzhi .npguide .kuai .prtitle a:hover{ background:#ff3f00}
.idingzhi .npguide .kuai .intro{ padding:5px 20px 18px 20px}
.idingzhi .npguide .kuai .intro p{ line-height:30px;font-size:15px;}
.idingzhi .npguide .intro p a{ display:block;cursor:pointer; padding-left:16px; position:relative}
.idingzhi .npguide .intro p a:after{ content:""; position:absolute; left:0; top:50%; margin-top:-5px; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #ccc; }
.idingzhi .npguide .intro p a:hover{ color:#005cb8}
.idingzhi .npguide .intro p a:hover:after{border-left:5px solid #005cb8;}
.idingzhi .npguide .intro p.last a{ background:none; padding-left:0; color:#999; text-decoration:underline;}
.idingzhi .npguide .intro p.last a:hover{color:#005cb8}
.idingzhi .npguide .intro p.last a:after{ display:none}
.idingzhi .rolls{ float:right; width:calc(100% - 260px)}

.idingzhi .swiper-slide{ position:relative;}
.idingzhi .swiper-slide img { display:block; width:100%; height:auto}
.idingzhi .swiper-slide .text{ width:30%; height:100%; padding:25px 20px; color:#fff; background:#0d64bb; position:absolute; top:0; right:0}
.idingzhi .swiper-slide .text .ptitle{ font-size:28px; border-bottom:solid 1px #fff; text-align:center; padding-bottom:15px; margin-bottom:15px;}
.idingzhi .swiper-slide .text .intro h3{ font-size:16px; margin-top:10px; background:url(../images/dui.png) no-repeat left center; padding-left:30px;}
.idingzhi .swiper-slide .text .intro p{ line-height:20px; font-size:14px; padding-left:30px;}
.idingzhi .swiper-slide .text .more a{ display:block; border-radius:25px; margin-left:30px; width:115px; line-height:34px; text-align:center; color:#fff; margin-top:30px; background:#ff3f00}
.idingzhi .swiper-slide .text .more a:hover{background:#005cb8}
.idingzhi .swiper-pagination{bottom:6% !important; padding-right:32%; text-align:right}
.idingzhi .swiper-pagination-bullet{ width:26px; height:4px; background:#fff; opacity:1; margin:0 5px; border-radius:3px;}
.idingzhi .swiper-pagination-bullet-active{ background:#ff3f00}


.idingzhi .prosrolls .marqueeleft{overflow:hidden; width:100%;}
.idingzhi .prosrolls .marqueeleft ul{float:left;}
.idingzhi .prosrolls .marqueeleft li{float:left;overflow:hidden; }
.idingzhi .prosrolls{ margin-top:10px}
.idingzhi .prosrolls li{ position: relative;float:left;  padding:10px}
.idingzhi .prosrolls .plogo{ position:absolute; z-index:9; margin:5%; }
.idingzhi .prosrolls .plogo img{ display: block; width:auto;max-width:130px; height:auto}
.idingzhi .prosrolls .pic{ display:block; width:280px; padding:20px 0 0 0;background:#fff;}
.idingzhi .prosrolls .wenzi { text-align:center; padding-bottom:50px; background:#fff;}
.idingzhi .prosrolls .wenzi h3{ font-size:18px; font-weight:bold}
.idingzhi .prosrolls .wenzi p{  color:#999; text-decoration:underline; font-size:14px;}
.idingzhi .prosrolls li:hover .wenzi p{ color:#005cb8}





.isolution{ background:url(../images/isolbg.jpg) no-repeat center center; background-size:cover;}
.isolution .title h3, .isolution .title p{ color:#fff;}
.isolution .title h3 span:before, .isolution .title h3 span:after{ display:none}
.isolution .conn { background:#fff}
.isolution .conn .lc{ float:left; width:50%}
.isolution .tabmenu{text-align:center; position:relative;box-shadow: 0 5px 25px rgba(0,0,0,.2); }
.isolution .tabmenu li{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;height:80px;float:left; width:20%; border-right:solid 1px #ddd; cursor:pointer; font-weight:bold; background:url(../images/jt02.png) no-repeat center 20%; padding-top:40px; position:relative;}
.isolution .tabmenu li:hover, .isolution .tabmenu li.cli{ background:url(../images/jt01.png) no-repeat #ff3f00 center 20%; color:#fff}
.isolution #tabcontent .hidden, .isolution #tabcontent02 .hidden {display:none;}
.isolution #tabcontent ul, .isolution #tabcontent02 ul{ position:relative;}
.isolution .solright{ width:50%; float:right; padding:35px 35px 0 35px;}
.isolution .solright .coptitle h3{ font-size:24px; font-weight:bold}
.isolution .solright .caseroll{ margin-top:20px;}
.isolution .solright .caseroll li{ position: relative; float:left; width:185px; height:105px;display:flex;align-items:center;  background:#fff; border:solid 1px #ddd;}
.isolution .solright .caseroll li img{ display:block; margin:0 auto; width:auto; height:auto; max-width:80%; height:80%;}
.isolution .solright .caseroll .marqueeleft{overflow:hidden; width:100%;}
.isolution .solright .caseroll .marqueeleft ul{float:left;}
.isolution .solright .caseroll .marqueeleft li{float:left;margin-right:15px; overflow:hidden;}
.isolution .solright .tuanys{ margin:25px 0}
.isolution .solright .tuanys .item{ float:left; width:25%; text-align:center}
.isolution .solright .tuanys .item .icon{ width:50%; max-width:70px; margin:10px auto}
.isolution .solright .tuanys .item .icon img{ display:block; width:100%; height:auto}
.isolution .solright .tuanys .item .wenzi{ font-size:17px; font-weight:bold}
.isolution .solright .bottom{ border-top:solid 1px #ccc; padding-top:20px; line-height:35px;}
.isolution .solright .bottom .stel{ float:left; font-size:24px; font-weight:bold; padding-left:35px; background:url(../images/itel.png) no-repeat left center}
.isolution .solright .bottom .szixun{ margin-left:30px; width:140px; padding-left:30px; border-radius:20px; line-height:35px; background:url(../images/iliuyan.png) #ff3f00 no-repeat 20px center; float:left; text-align:center}
.isolution .solright .bottom .szixun a{ color:#fff}
.isolution .solright .bottom .szixun:hover{background:url(../images/iliuyan.png) #005cb8 no-repeat 20px center; }


.icase .title i{ font-style:normal;}
.icase .gallery-thumbs{float:left; width:35% }
.icase .gallery-thumbs .swiper-slide { cursor:pointer}
.icase .gallery-thumbs .swiper-slide .kuai{ background:#eee; padding:15px 0 20px 0; font-size:18px; text-align:center; margin:0 15px 15px 0}
.icase .gallery-thumbs .swiper-slide .kuai .img001{ display:block; margin:0 auto}
.icase .gallery-thumbs .swiper-slide .kuai .img002{ display:none;margin:0 auto}
.icase .gallery-thumbs .swiper-slide-thumb-active .kuai{ background:#005cb8; color:#fff}
.icase .gallery-thumbs .swiper-slide-thumb-active .kuai .img001{ display:none}
.icase .gallery-thumbs .swiper-slide-thumb-active .kuai .img002{ display:block}
.icase .gallery-top .swiper-slide{ position:relative;}
.icase .swiper-slide .img2 { display:block; width:100%; height:auto}
.icase .swiper-slide .text{padding:20px; color:#fff; background-color:rgba(0,0,0,0.5); position:absolute; bottom:0; left:0; width:100%}
.icase .swiper-slide .text h3{ font-size:18px;}
.icase .swiper-slide .text p{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; font-size:14px;}
.icase .casesrolls .marqueeleft{overflow:hidden; width:100%;}
.icase .casesrolls .marqueeleft ul{float:left;}
.icase .casesrolls .marqueeleft li{float:left; padding:20px 0px;overflow:hidden;}
.icase .casesrolls .qimo8 .qimo ul li img{ display:block; box-shadow: 0 5px 15px rgba(0,0,0,.15);}
.icase .casesrolls{ margin-top:40px}
.icase .casesrolls li{ position: relative; float:left; display:flex;align-items:center;height:85px; border-right:solid 1px #ccc}
.icase .casesrolls li img{ display:block; width:75%; margin:0 auto; height:auto}


.iad{background:url(../images/ad.png) no-repeat center center; background-size:cover;  padding:58px 0}
.iad .adleft{ float:left; color:#fff}
.iad .adleft h3{ font-size:18px; margin-bottom:10px;}
.iad .adleft h2{ font-size:40px; line-height:40px; border-bottom:solid 1px rgba(255,255,255,0.2); padding-bottom:20px; margin-bottom:25px;}
.iad .adleft .liuc .kuai{ padding:0 5px; float:left; margin-right:35px; text-align:center; font-size:18px; position: relative;}
.iad .adleft .liuc .kuai .icon{ width:47px; margin:0 auto 5px auto}
.iad .adleft .liuc .kuai .icon img{ display:block; width:100%;  height:auto;}
.iad .adleft .liuc .kuai:last-child{ margin-right:0}
.iad .adleft .liuc .kuai:after{ content:""; position:absolute; right:-25px; bottom:10px; background:url(../images/jt.png) no-repeat center bottom; width:16px; height:13px;}
.iad .adleft .liuc .kuai:last-child:after{ display:none}
.iad .adleft h2 span{ color:#ff3f00}
.iad .adright{ float:right;}
.iad .adright .zixun{ margin-top:30px; margin-bottom:20px; text-align:center}
.iad .adright .zixun a{ display:block; width:140px; text-align:center; color:#fff; padding-left:30px; border-radius:20px; line-height:35px; background:url(../images/iliuyan.png) #ff3f00 no-repeat 20px center; }
.iad .adright .zixun a:hover{background:url(../images/iliuyan.png) #005cb8 no-repeat 20px center;}
.iad .adright .dianhua{background:url(../images/tel02.png) no-repeat left center; padding-left:60px; color:#fff}
.iad .adright .dianhua p{ line-height:20px}
.iad .adright .dianhua h3{ font-size:30px; font-weight:bold}

.iyoushi02 ul{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.iyoushi02 li{ width:49%; margin-right:2%; padding:18px;margin-bottom:2%; background:#fff; border:solid 1px #ddd}
.iyoushi02 li:nth-child(2n){ margin-right:0}
.iyoushi02 li .wenzi h3{ font-size:24px; font-weight:bold; color:#005cb8; margin-top:18px}
.iyoushi02 li .wenzi h4{ margin:8px 0; font-weight:bold;font-size:18px;}
.iyoushi02 li .wenzi h4 span{ color:#005cb8;}
.iyoushi02 li .wenzi p{ line-height:24px; min-height:84px;}


.inews{background:url(../images/inewsbg.jpg) no-repeat center center; background-size:cover;}
.inews .inewsleft{ float:left; width:66%; background:#fff; border:solid 1px #ddd; padding:20px;}
.inews .inewsright{ float:right; width:calc(34% - 15px); background:#fff; border:solid 1px #ddd;  padding:20px;}
.inews .newstitle h3{ font-size:24px; font-weight:bold; margin-bottom:15px;}
.inews .newstitle h3 .gengduo{ float:right}
.inews .newstitle h3 .gengduo a{ font-size:16px; color:#005cb8; font-weight:normal}
.inews .inewsleft .topnews .pic{ float:left; width:37%}
.inews .inewsleft .topnews .wenzi{ float:right; width:59%; position:relative}
.inews .inewsleft .topnews .wenzi h3{ font-size:18px; font-weight:bold; line-height:24px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inews .inewsleft .topnews .wenzi .time{ color:#888; padding:0px 0 8px 0}
.inews .inewsleft .topnews .wenzi p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; line-height:24px; font-size:14px;}
.inews .inewsleft .topnews .wenzi .more{ margin-top:20px;display:inline-block; line-height:35px; width:115px; text-align:center; color:#fff; background:#005cb8;border-radius:25px;}
.inews .inewsleft .topnews .wenzi .more:hover{background:#ff3f00;}
.inews .inewsleft .othernews{ margin-top:20px;}
.inews .inewsleft .othernews .kuai{ float:left; width:50%; border-top:solid 1px #ddd; padding:12px 0;line-height:25px;}
.inews .inewsleft .othernews .kuai:nth-child(2n){ float:right}
.inews .inewsleft .othernews .kuai:nth-child(2n+1){ clear:both;}
.inews .inewsleft .othernews .kuai{ font-size:18px;}
.inews .inewsleft .othernews .kuai p{ color:#888; font-size:14px; line-height:24px}
.inews .inewsleft .othernews .kuai h3{ font-size:17px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:calc(100% - 20px); font-weight:bold; line-height:24px;}
.inews .inewsleft .othernews .kuai a{ background:url(../images/newsa.png) no-repeat 99.5% center; display:block}
.inews .inewsleft .othernews .kuai a:hover{ background:url(../images/newsahover.png) no-repeat 99.5% center}


.inews .aqlist .tit {cursor:pointer; transition:.3s; overflow:hidden;background:url(../images/jtt.png) no-repeat left center; padding-left:20px; line-height:38px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inews .aqlist .tit.on{ background:url(../images/jtt02.png) no-repeat left center;}
.inews .aqlist .cont{display: none; padding-bottom:15px; margin-bottom:15px; border-bottom:solid 1px #ddd}
.inews .aqlist .cont .da{ float:left; text-align:center; line-height:25px; width:25px; height:25px; background:#005cb8; border-radius:50%; color:#fff; font-size:14px}
.inews .aqlist .cont .huida{ color:#666; font-size:14px; line-height:24px; height:72px; float:right; width:calc(100% - 35px);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}



.iabout{background:url(../images/iabbg.jpg) no-repeat center center; background-size:cover; }
.iabout .title h3, .iabout .title p{ color:#fff}
.iabout .conn{background:#fff;padding:35px 35px 0px 35px;}
.iabout .pic{ float:right; width:50%;}
.iabout .pic img{ display:block; width:100%; height:auto}
.iabout .wenzi{ float:left; width:48%}
.iabout .wenzi h3{ font-size:30px; font-weight:bold; margin:15px 0; padding-bottom:15px; border-bottom:solid 1px #ddd}
.iabout .more{ margin-top:35px;}
.iabout .more a{ display:block;  width:115px; line-height:35px; background-color:#005cb8; height:35px; text-align:center; color:#fff; border-radius:20px;}
.iabout .more a:hover{ background:#ff3f00}


.shilizhen .tabmenu{position:relative; text-align:center; max-width:860px; margin:0 auto}
.shilizhen .tabmenu li{ display:inline-block; text-align:left; margin-right:8%;padding-left:55px; cursor:pointer; padding-bottom:20px; position:relative}
.shilizhen .tabmenu li:after{width:100%; height:3px; background:#fff; content:""; position:absolute; left:0; bottom:0;}
.shilizhen .tabmenu li:nth-child(3){ margin-right:0}
.shilizhen .tabmenu li:nth-child(1){ background:url(../images/pics01.png) no-repeat left top; }
.shilizhen .tabmenu li:nth-child(2){ background:url(../images/pics02.png) no-repeat left top; }
.shilizhen .tabmenu li:nth-child(3){ background:url(../images/pics03.png) no-repeat left top; }
.shilizhen .tabmenu li h3{ font-size:24px; font-weight:bold}
.shilizhen .tabmenu li p{ font-size:12px; color:#999; line-height:15px; text-transform:uppercase}
.shilizhen .tabmenu li:hover, .shilizhen .tabmenu li.cli{ color:#005cb8;}
.shilizhen .tabmenu li:hover:after, .shilizhen .tabmenu li.cli:after{ background:#005cb8;}
.shilizhen #tatabcontent{ clear:both; margin-top:30px;}
.shilizhen #tatabcontent .hidden{display:none;}
.shilizhen #tatabcontent ul{ position:relative;}
.shilizhen #tatabcontent ul .item{ float:left; width:calc(25% - 13.5px); margin-right:18px; position: relative;}
.shilizhen #tatabcontent ul .item:nth-child(4){ margin-right:0}
.shilizhen #tatabcontent ul .item .wenzi{ line-height:60px; text-align:center; border-bottom:solid 1px #ddd; position:relative}
.shilizhen #tatabcontent ul .item:hover .wenzi{ color:#fff}
.shilizhen #tatabcontent ul .item .wenzi span{ position:relative; z-index:2}
.shilizhen #tatabcontent ul .item .wenzi:before{ content:""; width:0%; height:100%; display:block;position:absolute; left:50%;top:0; background:#005cb8;transition: 0.5s;}
.shilizhen #tatabcontent ul .item:hover .wenzi:before{ left:0; width:100%}
.shilizhen #tatabcontent ul .item .img-dv .img2{ max-width:100%; max-height:100%; width:auto}

.footer{ background:#005cb8; color:#fff}
.footer .fnav{ text-align:center; padding:15px 0; text-align:center; border-bottom:solid 1px #276db4}
.footer .fnav li{ display:inline-block; position:relative}
.footer .fnav li:after{ content:""; width:1px; height:16px; right:0; top:50%; margin-top:-8px; background:#fff; opacity:0.8; position:absolute}
.footer .fnav li:last-child:after{ display:none}
.footer .fnav li a{ color:#fff; padding:0 25px;}
.footer .fcontent{padding:35px 0;}
.footer .fcontent .flianxi{ float:left; border-left:solid 1px #fff; padding-left:25px;}
.footer .fcontent .flianxi a{ color:#fff}
.footer .fcontent .flogo{ float:left; margin-top:30px; margin-right:25px;}
.footer .fcontent .erweima01{ float:right; margin-right:15px}
.footer .fcontent .erweima02{ float:right;}
.footer .fcontent .saoyisao{border:solid 1px #276db4; padding-top:70px; background:url(../images/saoyisao.png) no-repeat center top; text-align:center; }
.footer .fcontent .ewm{ float:left}
.footer .fcontent .ewm, .footer .fcontent .ewm img{ width:112px; height:112px; }
.footer .fcontent .erweima02 .wenzi{ background:#ff3f00;line-height:20px; width:35px; padding-top:14px; height:112px;text-align:center; float:right}

.footer .copyright { border-top:solid 1px #276db4; text-align:center; color:#fff; padding:15px 0; line-height:28px;}
.footer .copyright a{ color:#fff}

.float_kf{ position:fixed;right:10px; bottom:30%; z-index:99}
.float_kf img{ display:block; }
.float_kf li{ width:46px; text-align:center; position:relative; margin-top:2px;}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li .hd{ display:none}
.float_kf .qq .hd{ position:absolute; right:50px;top:0px;background:#fff;padding:0 20px ;color:#fff; background:#005cb8; line-height:45px; color:#fff;width:180px;}
.float_kf .qq .hd a{ color:#fff}
.float_kf .fwh .hd{ position:absolute; right:70px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:25px;color:#535353}
.float_kf .fwh .hd img{ width:120px; display:block;}
.float_kf .tel .hd{ position:absolute; right:50px;top:0px;background:#fff;padding:0 20px ;color:#fff; background:#005cb8; line-height:45px; color:#fff; width:180px;}
.float_kf .tel .hd a{ color:#fff}

.float_kf .ly .hd{ position:absolute; right:50px;top:0px;background:#fff;padding:0 20px ;color:#fff; background:#005cb8; line-height:45px; color:#fff; width:180px;}
.float_kf .ly .hd a{ color:#fff}

.nbanner img{ display:block; width:100%; height:auto;}
.location{ line-height:62px;}
.location .wrap p{position:relative}

.nmenus li{ float:left; width:12.5%; background:#eee; line-height:52px;}
.nmenus li a{ text-align:center; position:relative; display:block}
.nmenus li a:hover, .nmenus li.cur a{ background:#005cb8; color:#fff}

.ncontact li{ float:left; width:25%;text-align:center; padding:30px 0; border-right:solid 1px #ddd}
.ncontact li:last-child{ border-right:none}
.ncontact li .icon{ width:40%; max-width:71px; height:auto;transition: 0.5s; margin:15px auto 15px auto;}
.ncontact li:hover .icon{margin:0px auto 30px auto;}
.ncontact .icon img{ display:block; width:100%; height:auto}
.ncontact li h3{ color:#222}
.ncontact li p{ color:#666}

.message {background:url(../images/liuyanbg.png) no-repeat center bottom; background-size:cover; }
.message .conn{ width:100%; max-width:808px; margin:0 auto}
.message .red{ color:#e72c35}
.message .conn p { color:#999; margin-bottom:10px;}
.message .item{ margin-bottom:20px; float:left; width:47%; position:relative}
.message .item:nth-child(even){ float:right}
.message label{ display:block;line-height:53px; color:#999;position:absolute; left:15px;top:0;bottom:0; font-size:14px;}
.message label span{ margin-right:5px;}
.message input[type=text], .message textarea {display: block;width: 100%;border:solid 1px #ddd;background:#fff; padding: 0 10px; padding-left:120px; line-height:50px;color: #333;font-size:14px;}

.message textarea{ height:120px;}
.message .item2{ width:100%}
.message .item2 label{ bottom:auto;top:0}
.message .item3{ float:left !important; position:relative}
.message .yzm[type=text] { padding-left:85px;}
.message .submit{ width:120px; height:40px; display:block; font-size:16px; line-height:40px; border:0; color:#fff; background:#005cb8; border-radius:25px; cursor:pointer; margin:20px auto; float:none; clear:both}
.message .submit:hover{ background:#ff3f00;}


.npros{ margin-top:40px;}
.nmain .pleft{ float:left; width:25%}
.nmain .pright{ float:right; width:73%}
.nmain .pleft .pnav{background:#fff;box-shadow: 0 0 10px rgba(0%,0%,0%,0.2)}
.nmain .pleft .pnav .biaoti, .nmain .pleft .pctuijian .biaoti{color:#fff; background:#005cb8; padding:20px; text-align:center; font-size:24px; line-height:45px; font-weight:bold; border-bottom:solid 1px #fff}
.nmain .pleft .pnav .kuai{ border-bottom:solid 1px #fff;}
.nmain .pleft .pnav .kuai h3{text-align:left; line-height:50px; font-size:20px; color:#fff; padding:0 18px; background:url(../images/jias.png) #005cb8 no-repeat 94% center; display:block; padding:0 20px;}
.nmain .pleft .pnav .kuai.cur h3{background:url(../images/jians.png) #ff3f00 no-repeat 94% center; }
.nmain .pleft .pnav .kuai h3 a{ color:#fff}
.nmain .pleft .pnav .kuai .conn{ padding:10px 20px 20px 20px; display:none}
.nmain .pleft .pnav .kuai.cur .conn{ display:block}
.nmain .pleft .pnav .kuai .conn p{ line-height:40px; cursor:pointer; padding-left:13px; background:url(../images/jtt.png) no-repeat left center; }
.nmain .pleft .pnav .kuai .conn p:hover, .nmain .pleft .pnav .kuai .conn p.cur{background:url(../images/jiantou02.png) no-repeat left center; color:#005cb8; }
.nmain .pleft .pnav .kuai .conn p.cur a, .nmain .pleft .pnav .kuai .conn p:hover a{ color:#ff3f00}
.nmain .pleft .pnav .kuai .conn p:nth-child(2n+1) { clear:both}

.nmain .pleft .nllx{ margin-top:25px;text-align:center; color:#fff;box-shadow: 0 0 10px rgba(0%,0%,0%,0.2)}
.nmain .pleft .nllx .conn{ padding:25px 15px; background:#005cb8}
.nmain .pleft .nllx .conn .txt{ font-size:15px}
.nmain .pleft .nllx .conn .txt h3{ font-size:18px; text-align:center}
.nmain .pleft .nllx .conn .txt h3:nth-child(1){ display:inline-block;background:url(../images/tel02.png) no-repeat left center; background-size:25px auto; padding-left:35px;}
.nmain .pleft .nllx .conn .txt h3:nth-child(2){ margin-bottom:5px;}
.nmain .pleft .nllx .conn .txt p{ text-align:left}
.nmain .pleft .nllx .conn .ewm .ma{  width:80%; max-width:188px;background:url(../images/mabg.png) no-repeat center center;background-size:100%; margin:20px auto }
.nmain .pleft .nllx .conn .ewm .ma img{ display:block; width:100%; padding:13px; height:auto}
.nmain .pleft .nllx .conn .ewm p{ margin-top:-20px; text-align:center}

.nmain .pleft .pctuijian{background:#fff;box-shadow: 0 0 10px rgba(0%,0%,0%,0.2); margin-top:15px;}
.nmain .tjpics{ padding:8px;}
.nmain .tjpics .swiper-slide{ width:100%; height:auto !important; position:relative}
.nmain .tjpics .swiper-slide img{ width:100%; height:auto; display:block}
.nmain .tjpics .swiper-slide .plogo{ position:absolute; left:10px; top:10px; z-index:9; max-width:130px}
.nmain .tjpics .swiper-slide .pic{ border:solid 1px #ddd}
.nmain .tjpics .swiper-button-prev{ width:32px !important; height:32px !important;  left:0%; top:auto; bottom:66px !important; margin-top:-16px; outline:none;border-radius:50%}
.nmain .tjpics .swiper-button-next{ width:32px !important; height:32px !important;  right:0%; top:auto; bottom:66px !important;margin-top:-16px; outline:none;border-radius:50%}
.nmain .tjpics .swiper-slide a{margin:0 auto;}
.nmain .tjpics .swiper-button-next{ background:url(../images/next.png) no-repeat center;left:auto; background-size:cover }
.nmain .tjpics .swiper-button-next:hover{background:url(../images/next02.png) no-repeat center;background-size:cover;}
.nmain .tjpics .swiper-button-prev{ background:url(../images/pre.png) no-repeat center;background-size:cover; }
.nmain .tjpics .swiper-button-prev:hover{ background:url(../images/pre02.png) no-repeat center;background-size:cover;}
.nmain .tjpics .swiper-pagination{ display:none}
.nmain .tjpics .text{ padding:15px 30px 25px 30px; text-align:center}
.nmain .tjpics .text h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:6px}
.nmain .tjpics .text p{ font-size:14px; color:#888; line-height:20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.nmain .tjpics .text{ padding:15px 20px 25px 20px; text-align:center}
.nmain .tjpics .text h3{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:6px}
.nmain .tjpics .text p{ font-size:14px; color:#888; line-height:20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.nmain .pleft .pctuijian .swiper-wrapper{ height:auto !important}


.nmain .pright .protile{ border-bottom:solid 2px #ddd; line-height:52px; margin-bottom:28px;}
.nmain .pright .protile h3{ float:left; display:inline-block; position:relative; font-size:24px; font-weight:bold}
.nmain .pright .protile h3:after{ content:""; position:absolute; left:0; bottom:-2px; width:70px; height:2px; background:#ff3f00;}
.nmain .pright .protile p{ float:right; color:#4d4d4d}
.nmain .pright .protile p a{ color:#4d4d4d}
.nmain .pright .protile p a:hover{ color:#005cb8}
.nmain .pright .prolist .item{ float:left; width:32%; margin-right:2%; margin-bottom:2%; border:solid 1px #ddd;}
.nmain .pright .prolist .item:nth-child(3n){ margin-right:0}
.nmain .pright .prolist .item:nth-child(3n+1){ clear:both}
.nmain .pright .prolist .item:hover{border:solid 1px #005cb8;box-shadow: 0 0 10px rgba(0%,0%,0%,0.2);}
.nmain .pright .prolist .plogo{ position:absolute; z-index:9; margin:15px; }
.nmain .pright .prolist .plogo img{ display: block; width:auto;max-width:130px; height:auto}
.nmain .pright .prolist .wenzi{ padding:0 15px}
.nmain .pright .prolist .wenzi h3{ font-size:18px;}
.nmain .pright .prolist .wenzi p{ font-size:14px; line-height:20px; color:#999; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.nmain .pright .prolist .wenzi .more{ margin:15px auto 25px auto; color:#999; text-align:center; font-size:14px; width:95px; line-height:35px; border:solid 1px #ddd; border-radius:20px;}
.nmain .pright .prolist .item:hover .wenzi .more{border:solid 1px #005cb8; color:#fff; background:#005cb8}

.pright .toppro{position:relative}
.pright .pkuai{ margin-top:50px;}
.pright .toppro .picrolls{ float:left; width:48%;  position:relative}
.pright .toppro .picrolls .plogo{ position:absolute; z-index:9; margin:3%; }
.pright .toppro .picrolls .plogo img{ display: block;max-width:190px; height:auto}
.pright .toppro .picrolls .gallery-top,  .pright .toppro .picrolls .gallery-thumbs .swiper-slide{ position:relative}
.pright .toppro .picrolls .gallery-top{ border:solid 1px #ddd}
.pright .toppro .picrolls .gallery-thumbs{ padding:20px 20px 0 20px;}
.pright .toppro .picrolls .swiper-button-prev{ cursor:pointer; background:url(../images/ppre.png) no-repeat center center !important; left:0 !important; background-size:cover;}
.pright .toppro .picrolls .swiper-button-next{cursor:pointer; background:url(../images/pnext.png) no-repeat center center !important;  right:0 !important;background-size:cover;}
.pright .toppro .picrolls .swiper-button-next, .pright .toppro .picrolls .swiper-button-prev{ width:11px; height:22px; margin-top:2px}
.pright .toppro .picrolls .gallery-thumbs .plogo img{ max-width:50px;} 
.pright .toppro .picrolls .gallery-thumbs .swiper-slide .pic{border:solid 1px #ddd; width:calc(100% - 2px)}
.pright .toppro .picrolls .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .pic{border:solid 1px #ff3f00; }
.picrolls img{ display:block; width:100%; height:auto;}
.pright .toppro .wenzi{ width:48%; float:right}
.pright .toppro .wenzi h3{ margin:20px 0; font-size:24px; color:#005cb8; font-weight:bold}
.pright .toppro .wenzi p{ color:#666; }
.pright .toppro .use{ position:absolute; left:52%; bottom:18px; width:48%}
.pright .toppro .use .ptel{ float:left;background:url(../images/tel.png) no-repeat left center; padding-left:50px; float:left}
.pright .toppro .use .ptel p{ line-height:20px; font-size:14px;}
.pright .toppro .use .ptel h3{ font-size:24px; line-height:28px; margin:0; color:#333}
.pright .toppro .use .zixun{ float:right}
.pright .toppro .use .zixun a{ display:block; width:158px; line-height:38px; text-align:center;  padding-left:25px; font-size:15px; color:#fff; border-radius:25px; background:url(../images/ly.png) #005cb8 no-repeat 20% center;}
.pright .toppro .use .zixun a:hover{background:url(../images/ly.png) #ff3f00 no-repeat 20% center;}
.pright .pkuai .text img{ display:block; width:auto; max-width:100%}

.protile02{ padding-bottom:15px; margin-bottom:25px; position:relative; border-bottom:solid 2px #ddd}
.protile02:after{ content:""; position:absolute; left:0; bottom:-2px; width:60px; height:2px; background:#ff3f00;}
.protile02 h3{ font-size:24px; font-weight:bold; line-height:36px;}
.protile02 h3 span{ display:inline-block; font-size:18px; margin-left:10px; font-weight:normal; color:#4b4b4b}


.pxyskuai01 .kuai{ float:left; width:33.33%; padding:25px; border-right:solid 1px #ddd;  border-top:solid 1px #ddd;text-align:center}
.pxyskuai01 .kuai:nth-child(3n){ border-right:none}
.pxyskuai01 .kuai:nth-child(1), .pxyskuai01 .kuai:nth-child(2), .pxyskuai01 .kuai:nth-child(3){ border-top:none}
.pxyskuai01 .kuai:nth-child(3n+1){ clear:both}
.pxyskuai01 .kuai .icon{ width:58px; margin:0 auto 20px auto}
.pxyskuai01 .kuai .icon .img001{ display:block}
.pxyskuai01 .kuai .icon .img002{ display:none}
.pxyskuai01 .kuai:hover .icon .img001{ display:none}
.pxyskuai01 .kuai:hover .icon .img002{ display:block}
.pxyskuai01 .kuai:hover { background:#005cb8; color:#fff}
.pxyskuai01 .kuai .wenzi h3{ font-size:20px; font-weight:bold}

.pxyskuai02 .shuzih02{padding:30px 0; background:#005cb8}
.pxyskuai02 .shuzih02 .item{ float:left; width:20%; text-align:center;  color:#fff; background: url(../images/pline.png) no-repeat center right; }
.pxyskuai02 .shuzih02 .item:last-child{ background:none}
.pxyskuai02 .shuzih02 .item h3 span{ font-size:45px; font-weight:bold;line-height:45px; margin-bottom:20px}
.pxyskuai02 .cpic .left, .pxyskuai02 .cpic .right { float:left; width:calc(25% - 5px); position:relative}
.pxyskuai02 .cpic .kuai{ margin-bottom:5px; position:relative}
.pxyskuai02 .cpic .mid{ width:50%; float:left; margin:0 4px;}
.pxyskuai02 .cpic .mid img{ height:325px;}
.pxyskuai02 .cpic .left img, .pxyskuai02 .cpic .right img{ height:160px;}
.pxyskuai02 .cpic .kuai .wenzi{ display:none; background-color:rgba(0,0,0,0.5); text-align:center; line-height:36px; position:absolute; left:0; width:100%; color:#fff; bottom:0}
.pxyskuai02 .cpic .kuai:hover .wenzi{ display:block}

.pxyskuai03 .item{ float:left; width:calc(20% + 3.2px); padding-right:16px;background: url(../images/pjia.png) no-repeat center right; text-align:center;transition:1s;-webkit-transition:1s;-moz-transition:1s;}
.pxyskuai03 .item:last-child{ background:none; width:calc(20% - 12.8px); padding-right:0px;}
.pxyskuai03 .item .icon{ width:80%;max-width:102px;  margin:0 auto}
.pxyskuai03 .item .icon img{ width:100%; height:auto; display:block}
.pxyskuai03 .item .wenzi{ font-size:20px; font-weight:bold; margin-top:15px}
.pxyskuai03 .item:hover{ margin-top:-10px}

.pxyskuai04 .item{float:left; width:25%; text-align:center; padding:0; border-right:solid 1px #ddd;  border-top:solid 1px #ddd;text-align:center; display: flex; align-items: center; height: 125px;}
.pxyskuai04 .item img{ display:block; width:auto; height:auto; max-width:80%; max-height:130%; display:inline-block; margin:0 auto}
.pxyskuai04 .item:nth-child(4n){ border-right:none}
.pxyskuai04 .item:nth-child(1), .pxyskuai04 .item:nth-child(2), .pxyskuai04 .item:nth-child(3), .pxyskuai04 .item:nth-child(4){ border-top:none}
.pxyskuai04 .item:nth-child(4n+1){ clear:both}

.newslist .kuai{background:#fff; padding:18px; margin:0 0 20px 0; border:solid 1px #ddd}
.newslist .kuai:hover{box-shadow: 0 0 10px rgba(0%,0%,0%,0.2);}
.newslist .kuai .pic{ float:left; width:33%; background:url(../images/casemoren.jpg) no-repeat center center !important; background-size:cover;}
.newslist .kuai .text{ float:right; width:63%;}
.newslist .kuai .text h3{ font-size:20px; margin:10px 0;}
.newslist .kuai .text .intro{ color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.newslist .kuai .text .time{ color:#999}
.newslist .kuai .text  .more{ margin-top:30px; border-radius:25px; line-height:36px; color:#fff border-radius:25px; padding:0 35px; background:#005cb8; color:#fff; float:right}
.newslist .kuai:hover .text  .more{background:#ff3f00;}


.newsxiang{ padding:20px 0; line-height:35px;}
.nmain .newsxiang img{ margin:20px auto; width:auto; max-width:100%}

.nmain .newstitle{padding:5px 0 8px 0;text-align:center; }
.nmain .newstitle h3{color:#053f90;font-size:24px; line-height:25px; padding:10px 0; font-weight:bold;}
.nmain .newstitle p{ color:#999; font-size:14px; }

.zhaiyao{ border:solid 1px #ddd; padding:15px; font-size:14px; color:#4b4b4b; }
.zhaiyao .zyleft{ font-size:16px; float:left; width:80px;}
.zhaiyao .zyright{width:calc(100% - 80px); float:right}

.newsxiang{ padding:20px 0; line-height:35px;}
.nmain .newsxiang img{ margin:20px auto; display:block}
.shangxia { margin:25px 0 50px 0;}
.shangxia .kuai{ line-height:34px; border-bottom:solid 1px #ddd;margin-bottom:5px}
.shangxia .kuai span{ float:left; }
.shangxia .kuai span:nth-child(2){ width:calc(100% - 126px); overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-left:10px; }
.shangxia .kuai span:nth-child(1){ float:left; width:116px; background:#e6ebf4; text-align:center}
.shangxia .kuai span:nth-child(2) a{ color:#666}


.nmain .pright .prolist li{ float:left; width:calc(32% - 2px); border:solid 1px #ddd; margin-right:2%; margin-bottom:2%;}
.nmain .pright .prolist li:nth-child(3n){ margin-right:0}
.nmain .pright .prolist li:nth-child(3n+1){ clear:both}
.nmain .pright .prolist li .text{ padding:15px 20px 25px 20px; text-align:center}
.nmain .pright .prolist li .text h3{ overflow: hidden; font-size:18px;text-overflow: ellipsis;white-space: nowrap; margin-bottom:6px}
.nmain .pright .prolist li .text p{ color:#888; line-height:24px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}


.partner{ position: relative; margin-bottom:40px}
.partner ul{ margin:0 -1%;}
.partner li{ float:left; width:15.66%; margin:0 0.5%; position:relative;line-height:0;}
.partner li a{ float:left; width:100%; overflow:hidden;}
.partner li .par1{opacity:1;filter: alpha(opacity=100); float:left; width:auto; height:auto; max-width:100%; max-height:calc(100% - 40px); padding:15px 20px 25px 20px; position:relative; z-index:3;}
.partner li .par2{opacity:0;filter: alpha(opacity=0); float:left; width:100%; position:absolute; z-index:3; left:0; top:50%; transform:translateY(-50%); z-index:2; color:#fff; font-size:18px; line-height:28px; text-align:center;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
.partner li .par2 span{ font-size:14px;}
.partner li .par3{ float:left; width:100%; position:absolute; left:0; top:0; z-index:1;}
.partner li .par4{opacity:0;filter: alpha(opacity=0); float:left; width:100%; position:absolute; left:0; top:0; z-index:1;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;}
.partner li:hover .par1{opacity:0;filter: alpha(opacity=0);}
.partner li:hover .par2{opacity:1;filter: alpha(opacity=100);}
.partner li:hover .par4{opacity:1;filter: alpha(opacity=100);-webkit-transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
		
		
		
.tupianzhan li{ float:left; width:23.5%; position: relative; margin-right:2%; margin-bottom:2%;background:#fff;text-align:center}
.tupianzhan li:nth-child(4n){ margin-right:0}
.tupianzhan li:nth-child(4n+1){ clear:both; }
.tupianzhan li .wenzi{line-height:60px; text-align:center; border-bottom:solid 1px #ddd; position:relative}
.tupianzhan li .wenzi:before{ content:""; width:0%; height:100%; display:block;position:absolute; left:50%;top:0; background:#005cb8;transition: 0.5s;}
.tupianzhan li:hover .wenzi:before{ left:0; width:100%}
.tupianzhan li .p2imga img{ display:block; width:100%; height:auto}
.tupianzhan li:hover .wenzi{ color:#fff}
.tupianzhan li:hover .wenzi span{ position:relative; z-index:2}

.nabout01 .wrap{ padding-bottom:70px; position:relative}
.nabout01 .pic{ float:right; width:47%;}
.nabout01 .wenzi{ float:left; width:50%; position: relative; padding:45px 0}
.nabout01 .wenzi h4{ font-size:24px; color:#222; margin-bottom:10px;}

.nabout01 .shuzih03{ border-top:solid 1px #ddd; padding:30px; background:#fff; width:100%; box-shadow: 0 0 10px rgba(0%,0%,0%,0.2); position:absolute; bottom:0}
.nabout01 .shuzih03 .item{ float:left; width:20%; text-align:center}
.nabout01 .shuzih03 .item h3 {color:#0153a7; }
.nabout01 .shuzih03 .item h3 span{ font-size:45px; font-weight:bold; line-height:45px; margin-bottom:20px}


.nabout02 .left, .nabout02 .mid, .nabout02 .right{ width:calc(33.33% - 9px); float:left}
.nabout02 .mid{ width:33.33%}
.nabout02 .mid{ margin:0 9px;}
.nabout02 .kuai{ margin-bottom:9px; position:relative}
.nabout02 .kuai .pic{ width:50%;}
.nabout02 .kuai .wenzi{ position:absolute; top:0; width:50%; height:100%; right:0; background:#005cb8}
.nabout02 .left .kuai:nth-child(2) .wenzi, .nabout02 .right .kuai:nth-child(1) .wenzi{ right:auto; left:0;}
.nabout02 .left .kuai:nth-child(2) .pic, .nabout02 .right .kuai:nth-child(1) .pic{ float:right}
.nabout02 .kuai .wenzi .inn{position: absolute; text-align:center;left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 50%;color: #fff;width: 100%;}
.nabout02 .kuai .wenzi .inn .icon{ margin-bottom:15px}
.nabout02 .kuai .wenzi .inn h3{ font-size:20px}
.nabout02 .kuai .wenzi .inn p{ line-height:20px; font-size:14px;}

.nabout03, .nabout03 .wrap{ position:relative}
.nabout03:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:50%; background:#eee; z-index:-1}
.nabout03 .ntitle{ position:absolute; width:52%; left:0; top:60px;}
.nabout03 .ntitle p{ font-size:16px; line-height:24px; color:#666}
.nabout03 .gallery-top{ width:45%; float:right; border:solid 1px #ddd}
.nabout03 .gallery-top .wenzi{ line-height:58px; font-size:18px; text-align:center; background:#fff}
.nabout03 .gallery-thumbs{ position:absolute; left:0; bottom:60px; width:52%} 
.nabout03 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .pic{border:solid 2px #ff3f00;}
.nabout03 .swiper-button-prev{ cursor:pointer; background:url(../images/abpre.png) no-repeat center center !important; left:-70px !important; background-size:cover;}
.nabout03 .swiper-button-prev:hover{background:url(../images/abpre02.png) no-repeat center center !important;}
.nabout03 .swiper-button-next{cursor:pointer; background:url(../images/abnext.png) no-repeat center center !important;  right:-70px !important;background-size:cover;}
.nabout03 .swiper-button-next:hover{background:url(../images/abnext02.png) no-repeat center center !important;}
.nabout03 .swiper-button-next, .nabout03 .swiper-button-prev{ width:53px; height:52px; top:auto; bottom:calc(60px + 10%)}


.nsol01 .ntitle p{ font-size:17px; color:#4d4d4d; margin-top:25px;}
.nsol01 .conn{ margin-top:30px;}
.nsol01 .conn ul{width: 100%;display:flex;display:-webkit-flex;justify-content : space-between;}
.nsol01 li{ display:inline-block; transition: 0.5s; margin:15px auto 0 auto;}
.nsol01 li:hover{margin:0 auto 15px auto;}
.nsol01 li:last-child{ margin-right:0}
.nsol01 li img{ display:block; width:auto; max-width:94%; height:auto; border:solid 10px #eee; border-radius:50%; overflow:hidden;}

.solution02{background:url(../images/solbg02.png) no-repeat center center; background-size:cover;}
.solution02 .ntitle p, .solution02 .ntitle h3{ color:#fff}
.solution02 .item{ float:left; width:20%; padding:10px 10px 40px 10px; border-left:solid 1px #ddd; margin-left:-1px; background:#fff; position:relative;transition: 0.5s;}
.solution02 .item:nth-child(1){ border:none}
.solution02 .item:after{position: absolute;content: '';width: 0;height: 0;bottom: 0;left: 50%;margin-left: -130px;transform: translateY(0px);opacity: 0;z-index: 1;transition: 0.5s;border-width: 60px 130px 0px;border-style: solid;border-color: #fff transparent transparent;}
.solution02 .item:hover:after{transition: 0.5s;transform: translateY(60px);opacity: 1;border-color: #ff3f00 transparent transparent;}
.solution02 .item .pic{ width:100%;height:auto; margin:0 auto }
.solution02 .item .num{ width:40px; height:40px; background:#ff3f00; border-radius:50%; padding-right:4px; overflow:hidden; line-height:40px; text-align:center; color:#fff; font-weight:bold; font-style:italic; font-size:24px; position:relative;  margin:-20px auto 10px auto}
.solution02 .item .wenzi{text-align:center; }
.solution02 .item .wenzi h3{ font-size:22px; color:#4b4b4b; font-weight:bold; margin:15px 0}
.solution02 .item .wenzi .line{ width:30px; height:3px; background:#ddd; margin:20px auto 30px auto;}
.solution02 .item .wenzi p{ font-size:15px; line-height:24px; min-height:72px; color:#888}
.solution02 .item:hover{ background:#ff3f00; color:#fff}
.solution02 .item:hover h3, .solution02 .item:hover p{ color:#fff}


.nsol03 .ntitle h4{ font-size:24px; margin-bottom:7px;}
.nsol03 .ntitle p, .solution05 .ntitle p, .solution06 .ntitle p{ color:#333}
.soltupianzhan li{ float:left; width:32%; position: relative; margin-right:2%; margin-top:2%;text-align:center}
.soltupianzhan li:nth-child(3n){ margin-right:0}
.soltupianzhan li:nth-child(1), .soltupianzhan li:nth-child(2), .soltupianzhan li:nth-child(3){ margin-top:0}
.soltupianzhan li:nth-child(3n+1){ clear:both; }
.soltupianzhan li .wenzi{ position:absolute; left:0; top:0; width:100%; height:100%; background-color: rgba(0,92,184,0.7); font-size:24px; display:none}
.soltupianzhan li .wenzi .inn{position: absolute; text-align:center;left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 50%;color: #fff;width: 100%;}
.soltupianzhan li .wenzi .inn span{background:url(../images/sfdj.png) no-repeat top center;  padding-top:60px; display:block}
.soltupianzhan li:hover .wenzi{ display:block}


.solution04 {background:url(../images/solbg04.jpg) no-repeat center center; background-size:cover; padding:45px 0;}
.solution04 .adleft { float:left}
.solution04 .adleft h3{ font-size:36px; font-weight:bold; margin-bottom:30px; color:#fff}
.solution04 .adleft .tedian span{ display:inline-block; line-height:40px;  border:solid 1px #fff; color:#fff; font-size:20px; text-align:center; border-radius:20px;background:url(../images/dui02.png) no-repeat 15% center; padding:0 20px 0 45px; margin-right:10px;}
.solution04 .adright { float:right}
.solution04 .adright .zixun{ margin-top:35px;text-align:center; float:right}
.solution04 .adright .zixun a{ display:block; margin:0 auto; width:160px; line-height:45px; padding-left:25px; font-size:18px; color:#fff; border-radius:25px; background:url(../images/zixun.png) #ff3f00 no-repeat 20% center;}
.solution04 .adright .zixun a:hover{background:url(../images/zixun.png) no-repeat 20% center;}
.solution04 .adright .erweima01{ float:right; color:#fff; margin-right:30px}
.solution04 .adright .saoyisao{border:solid 1px #4184c9; background:url(../images/saoyisao.png) no-repeat center top; text-align:center; padding-top:70px; }

.solution04 .adright .ewm{ float:left}
.solution04 .adright .ewm, .solution04 .adright .ewm img{ width:112px; height:112px; }

.solution05 .item{ float:left; width:15%; margin-right:2%; }
.solution05 .item:nth-child(6){ margin-right:0}
.solution05 .item { text-align:center}
.solution05 .item .icon{ width:60%; max-width:144px; transition: all 0.6s ease 0s;position:relative;top:0px; margin:10px auto 20px auto;}
.solution05 .item .icon img{ display:block; width:100%; height:auto}
.solution05 .item:hover .icon{margin:0px auto 30px auto;}
.solution05 .item .num{ width:30px; height:30px; background:#ff3f00; border-radius:50%; padding-right:4px; overflow:hidden; line-height:30px; text-align:center; color:#fff; font-weight:bold; font-style:italic; font-size:20px; position:absolute; right:10px; bottom:10px;}
.solution05 .item .wenzi{ font-size:20px; font-weight:bold; color:#4b4b4b; text-align:center; margin-bottom:30px}

.solution06 .cf img{ display:block; width:100%; height:auto }
.solution06 .silie li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%}
.solution06 .silie li:nth-child(4n){ margin-right:0}
.solution06 .shuzih { background:#fff;box-shadow: 0 0 10px rgba(0%,0%,0%,0.2); position:relative; margin-bottom:20px; margin-top:-70px; padding:30px 0; text-align:center}
.solution06 .shuzih .item{ float:left; width:20%; text-align:center}
.solution06 .shuzih .item h3 .counter{ font-size:45px; font-weight:bold; color:#0153a7; line-height:45px; margin-bottom:20px}
.solution06 .shuzih .item h3 .yuan{ font-size:14px; color:#fff; width:30px; height:30px; border-radius:50%; text-align:center;background:#ff3f00; display:inline-block}



.footer .fcontent .flianxi a{ margin-left:60px}