﻿body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;-webkit-appearance: none;  outline:none}

ol, ul{list-style:none;}

html{overflow-x:hidden; -webkit-text-size-adjust:none;}

body {font-size:14px;font-family: 'open sans','PingFang SC','Lantinghei SC','Helvetica Neue',Helvetica,Arial,'Microsoft YaHei',"sans-serif";color:#666; line-height:1 }


img{display:inline-block; max-width:100%; max-height:100%; border:none}

a { text-decoration:none; outline:none;color:#333;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
a:hover{color:#0071c0; }


.juzhong{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;
-webkit-align-items: center; align-items: center;}
.juzhong2{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}


.fl {float:left; display:inline}
.fr {float:right; display:inline}
.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{clear:both; display:block; height:0; visibility:hidden; line-height:0; content:'\20';}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse: collapse; border-spacing: 0; }


input, button, textarea, select { font-size:100%; outline:none; resize:none;-webkit-appearance: none;}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}



input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0;-webkit-appearance: none; }

.banner{ position:relative;}
.banner .swiper-container { width:100%; margin:0 auto; }
.banner .swiper-slide {text-align: center;}
.banner .swiper-slide img{display:block;}
.banner .swiper-container .swiper-pagination-bullet{width:10px;height:10px;border-radius:10px; border:1px solid #ffffff; background:none; opacity:1;}
.banner .swiper-container .swiper-pagination-bullet-active{background:#ffffff;border:1px solid #ffffff;}


.header{ background:#FFF;max-width:1200px; margin:0 auto; line-height:100px;  }
.logo{ float:left; width:20%; height:60px; padding-top:20px;}

.nav{ width:50%; text-align:center; font-size:16px; float:left;}
.nav li{ display:inline-block; margin:0px 3%; position:relative; z-index:999}
.navdown{ width:120px; position:absolute; left:50%; margin-left:-60px; top:100px; border-top:5px solid #0070c0; padding:10px 0px; background:#FFF; display:none}
.navdown a{ font-size:14px; line-height:32px; display:block}
.nav li:hover .navdown{ display:block}
.nav li:hover >a{ color:#0070c0}


.topright{ width:30%; text-align:right; float:right;}
.topright .dianhua{ font-size:18px; background:url(../image/ico01.png) no-repeat left center; color:#0070c0; padding-left:30px;}
.sosux{ border-right:1px solid #b2b2b2; height:20px; width:20px; background:url(../image/ico02.png) no-repeat center center; margin:0px 20px; background-size:auto 100%}
.yiwe{ background:url(../image/ico03.png) no-repeat left center; padding-left:30px; background-size:auto 100%}

.banbox{ background-color:#0070c0; padding:40px 0px;}
.banbox ul{ max-width:1100px; margin:0 auto; color:#fff}
.banbox li{ width:calc(33.33333% - 61px); float:left; border-left:1px solid #2685c9; padding:0px 30px;}
.banbox li:first-child{ border:none}
.banbox li>span{ border:5px solid #66a9d9; width:90px; height:90px; border-radius:90px; text-align:center; line-height:90px; font-size:18px; display:inline-block; font-weight:bold; float:left}
.suxd{ float:right; width:calc(100% - 110px)}
.suxd p{ font-size:16px; margin:15px 0px;}
.suxd span{ font-size:12px; line-height:24px;}

.mainbox{ max-width:1200px; margin:0 auto; padding:70px 0px;}
.syableft{ float:left; width:57%; overflow:hidden}
.syableft img{-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;}
.mainbox:hover .syableft img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.syabright{ float:right; width:38%; float:right}

.syabright h4{ font-weight:normal; font-size:16px; text-transform:uppercase}
.syabright h2{ font-size:30px; background:url(../image/taile1.png) no-repeat left top; height:106px; color:#333; line-height:2.5; margin-top:20px;}
.syabright p{ line-height:26px;  min-height:156px;}
.syabright > a{ border-bottom:1px solid #666666; text-transform:capitalize}

.maintit{ text-align:center}
.maintit p{ color:#888888; font-size:40px; text-transform:uppercase}
.maintit span{ color:#2c2c2c; padding:0px 20px;}
.maintit h3{ font-size:30px; color:#333; font-weight:normal; padding:10px 0px;}
.teambox{ padding-top:50px;}
.teambox li{ width:50%; float:left; background-color:#f5f5f8;}
.teamimg{ width:50%; overflow:hidden}

.teambox li img{-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;}
.teambox li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.teamtxt{ width:calc(50% - 40px); padding:40px 20px 0px;}
.teamtxt p{ font-size:24px; color:#121213; margin-bottom:20px;}
.teamtxt span{ display:block; line-height:26px;height:130px; overflow:hidden}
.teamtxt > a{ border-bottom:1px solid #666666; text-transform:capitalize}

.chanpinbox{ background-color:#f3f3f6}
.channav{ height:16px; line-height:16px; text-align:center; margin:20px 0px;}
.channav a{ border-left:1px solid #b9b9bb; padding:0px 20px; height:16px; line-height:16px; display:inline-block}
.channav a:first-child{ border:none}

.channav a.cur{ color:#0071c0}

.chanpsxi{ position:relative}
.chanpsxi .swiper-slide li{ width:25%; float:left; position:relative;}
.chanpsxi .swiper-slide li:first-child{ width:50%}
.chanpsxi .swiper-slide li:first-child a{ font-size:30px;}
.chanpsxi .swiper-slide li>img{ display:block}
.chanpsxi .swiper-slide li a{ width:100%; height:100%; position:absolute; left:0px; top:0px; background:url(../image/bxs.png) no-repeat center center; background-size:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; color:#fff; font-size:18px; opacity:0;}

.chanpsxi .swiper-slide li p{-webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; opacity: 0; margin-top:-50px;}

.chanpsxi .swiper-slide li:hover a{opacity: 1;}
.chanpsxi .swiper-slide li:hover a p{opacity: 1; margin-top:0px;}
.chanpsxi .swiper-slide li:hover a span{opacity: 1; }

.chanpsxi .swiper-slide li a div{ width:100%; text-align:center;}
.chanpsxi .swiper-slide li a span{ -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; opacity: 0; display:block; margin-top:15px;}

.chanpsxi .swiper-button-next{ background:url(../image/rightan.png) no-repeat center center; width:16px; height:26px;position:absolute; right:-40px; top:50%; margin-top:-13px; z-index:9999999999}

.chanpsxi .swiper-button-prev{ background:url(../image/leftan.png) no-repeat center center; width:16px; height:26px;position:absolute; left:-40px; top:50%; margin-top:-13px; z-index:9999999999}











.newsbox ul{ width:calc(100% + 40px); margin-left:-40px;}
.newsbox li{ width:calc(25% - 40px); margin-left:40px; float:left; margin-bottom:50px;}

.newsbox li img{-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;}
.newsbox li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.newsbox li:nth-child(1){animation-delay: 0.2s;}
.newsbox li:nth-child(2){animation-delay: 0.3s;}
.newsbox li:nth-child(3){animation-delay: 0.4s;}
.newsbox li:nth-child(4){animation-delay: 0.5s;}

.neimg{ overflow:hidden}
.newsbox li em{ font-size:12px; display:block; line-height:4; font-style:normal}
.newsbox li p{ font-size:18px; height:20px; line-height:20px; overflow:hidden; color:#333}
.newsbox li span{ display:block; height:48px; line-height:24px; margin:10px 0px;}
.newsbox li>a{ background-color:#0070c0; width:112px; height:30px; line-height:30px; text-align:center; display:block; color:#fff; text-transform:uppercase; font-size:12px;}
.newsbox ul{ padding:40px 0px;}
.sxsf{ width:145px; height:30px; border:1px solid #b2b2b2; text-align:center; line-height:30px; margin:0 auto; display:block; text-transform:uppercase}

.servicebox{ background-color:#f3f3f6;}
.serviceleft{ width:50%; float:left}
.serviceleft li{ float:left; border-left:1px solid #d7d7d9; width:calc(50% - 61px); padding:0px 30px; background:url(../image/seico02.png) no-repeat 90% bottom}
.serviceleft li:first-child{ border:none; background:url(../image/seico01.png) no-repeat 90% bottom}
.serviceleft li p{ line-height:26px;}
.serviceleft li h3{ text-transform:uppercase; font-size:24px; margin:10px 0px;}
.serviceleft li h4{ font-size:24px; color:#333; padding:10px 0px; position:relative; margin-bottom:10px;}
.serviceleft li h4:after{content: ''; width:23px; height:2px; background:#666; display:block; position:absolute; left:1px; bottom:0px;}
.serviceright{ width:50%; float:right}

.servicebox .maintit{ margin-bottom:30px;}
.linkbox{ padding-top:30px;}
.linkbox ul{width:calc(100% + 20px); margin-left:-20px;}
.linkbox li{ width:calc(20% - 20px); margin-left:20px; margin-bottom:20px; float:left}
.lilian{ width:55%; float:left; position:relative;}
.auixax{ position:absolute; left:0px; top:0px; width:100%; height:100%; color:#fff; text-align:center}
.auixax p{ font-size:36px; margin:30px 0px;}
.auixax span{ font-size:18px; line-height:30px;}
.lilian>img{ display:block;}
.lihsxdd{ background-color:#0070c0}

.online{ width:calc(45% - 120px); float:left; padding:10px 60px 0px; text-align:center}
.online p{ font-size:30px; color:#fff; margin:20px 0px;}

.online input[type="text"]{ height:34px; border:1px solid #dbdbdb; padding:0px 10px; width:calc(100% - 20px); margin-bottom:8px;}
.online textarea{ height:80px; border:1px solid #dbdbdb; padding:10px; width:100%; margin-bottom:10px;font-family: 'open sans','PingFang SC','Lantinghei SC','Helvetica Neue',Helvetica,Arial,'Microsoft YaHei',"sans-serif";width:calc(100% - 20px); padding:10px; resize:none; }
.online input[type="button"]{ height:45px; background:url(../image/skx.jpg) repeat-y left center; background-size:100% auto; color:#fff; font-size:18px; width:100%; margin-top:10px;}

.footer{ background-color:#272f37}
.mainbox2{ max-width:1000px; margin:0 auto; padding:30px 0px; color:#fff}
.mainbox2 a{ color:#fff}
.foleft{ width:60%; float:left}
.foleft li{ width:calc(25% - 41px); float:left; border-left:1px solid #383f45; padding-left:40px; min-height:160px;}
.foleft li a{ display:block; font-size:12px; line-height:26px; opacity:0.5}
.foleft li a:first-child{ opacity:1; font-size:14px; margin-bottom:20px;}

.foright{ width:40%; float:right; text-align:right}
.foright p select{ height:32px; background:url(../image/jian.png) no-repeat 95% center #272f37; padding:0px 20px; border:1px solid #41484f; color:#fff;font-family: 'open sans','PingFang SC','Lantinghei SC','Helvetica Neue',Helvetica,Arial,'Microsoft YaHei',"sans-serif";}
.foright p a{height:30px; padding:0px 20px; border:1px solid #41484f; display:inline-block; line-height:30px;}
.share{ padding:20px 0px;}
.share a{ margin-left:20px;}
.dibus{ background-color:#232b33}
.aisxs{ max-width:1000px; margin:0 auto; padding:20px 0px; color:#Fff}
.aisxs p{ width:70%; float:left;}
.aisxs span{ width:30%; float:right; text-align:right}
.aisxs span a{ color:#fff; margin-left:20px;}

.nybanner{ position:relative;}
.nybanner img{ display:block}
.nybanx{ position:absolute; left:0px; top:0px; width:100%; height:100%; color:#fff; text-align:center}
.nybanx h3{ font-size:40px; font-weight:normal; margin:10px 0px;}
.nybanx p{ font-size:16px; text-transform:uppercase;}

.page{ text-align:center}
.page a{ display:inline-block;line-height:29px; text-align:center;padding:0px 5px; margin:0px 5px;}
.page a.sxdfc{width:29px; height:29px;  border:1px solid #dbdbdb; font-family:SimSun; padding:0px;}
.page a.cur{ border-bottom:1px solid #0070ff}
.newsshowbox{ padding:40px 0px;}
.newsshowbox h1{ font-size:20px; font-weight:normal; border-bottom:2px solid #0070c0;border-top:2px solid #0070c0; padding:15px 0px; line-height:1.5; margin-bottom:30px;}
.newsshowbox{ line-height:24px;}
.newsshowbox p{ padding:15px 0px;}

.faosx{ border-top:1px solid #e9e9e9; padding-top:50px}
.faosx a.fl{ border:1px solid #cacaca; height:33px; width:112px; line-height:33px; text-align:center; margin-right:10px}
.faosx a.fr{ border:1px solid #cacaca; height:33px; width:112px; line-height:33px; text-align:center}

.abotxs{ margin-top:70px;}
.abtxt{ width:45%; line-height:30px;}
.abtxt h3{ font-size:24px; color:#333; margin-top:20px;}
.abtxt h4{ font-weight:normal; color:#333; font-size:18px; margin:20px 0px;}
.abimg{ width:48%;}

.abtxt2{ width:45%; line-height:24px;}
.abtxt2 h3{ font-size:24px; color:#333; margin:10px 0px 20px;}
.abtxt2 p{ padding-top:10px;}
.wendabox{ padding:50px 0px 20px}
.wendabox li{ background-color:#f8f8f8; padding:0px 25px; border:1px solid #d7d7d7; margin-bottom:14px;}
.wendabox li>a{ line-height:30px; padding:12px 0px; font-size:18px; display:block; background:url(../image/jia.png) no-repeat 98% center}
.wendabox li div{ line-height:30px; border-top:1px solid #d7d7d7; padding:20px 0px; display:none}
.wendabox li div p{ color:#333}
.wendabox li div span{ display:block;}
.wendabox li.cur{ border-top:2px solid #0070c0}
.wendabox li.cur a{ color:#0070c0;background:url(../image/jia2.png) no-repeat 98% center}
.wendabox li:first-child div{ display:block}

.linianbox{ padding:50px 0px;}
.linianxs{ position:relative;}
.lisahxs{ position:absolute; left:0px; top:0px; width:100%; height:100%; color:#fff}
.lisahxs div{ width:100%;}
.lisahxs li{ min-height:126px; width:calc(25% - 41px); padding:0px 20px; line-height:1.5; float:left; border-left:1px solid rgba(255,255,255,0.2); text-align:center}
.lisahxs li p{ font-size:24px; margin:10px 0px;}
.lisahxs li span{ display:block;}

.qiyexs{ width:45%; line-height:24px;}
.qiyexs h3{ width:145px; height:32px; font-size:18px; font-weight:normal; text-align:center; line-height:32px; color:#fff; background-color:#0070c0; margin-bottom:20px;}
.qiyexs p{ padding:10px 0px;}
.qiyexs h4{ font-size:18px; color:#333; font-weight:normal;}

.fuwuliubox{ padding:50px 0px;}
.fuwuliubox ul{ width:calc(100% + 25px); margin-left:-25px;}
.fuwuliubox li{ width:calc(25% - 25px); float:left; margin-left:25px; background:#FFF;}
.fuwuliubox li h3{ font-size:18px; font-weight:normal; line-height:60px; padding:0px 20px; background-color:#0071c0; color:#fff}
.ayxsa{ overflow:hidden}
.asuxs{ padding:20px; min-height:120px}
.asuxs p{ line-height:30px; background:url(../image/dian.jpg) no-repeat left center; padding-left:10px; color:#0071c0}
.fuwuliubox li img{-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;}
.fuwuliubox li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}


.qiehuanx{ margin:40px 0px;}
.qiehuanx span{ height:45px; border:1px solid #e2e2e2; width:calc(50% - 2px); float:left; font-size:18px; text-align:center; line-height:45px; color:#333; display:block; cursor:pointer}
.qiehuanx span.cur{ background-color:#0070c0; border:1px solid #0070c0; color:#fff}
.auxsa{ text-align:center; margin-bottom:30px;}
.auxsa a{ font-size:16px; border-left:1px solid #c1c1c1; padding:0px 20px; height:18px; overflow:hidden; display:inline-block; color:#666}
.auxsa a:hover{ color:#0070c0}
.auxsa a:first-child{ border:none}

.biaoges h3{ font-size:18px; background-color:#c9e3f5; color:#0070c0; text-align:center; height:54px; border-top:5px solid #0070c0; line-height:54px; font-weight:normal}

.biaoges td{ padding:12px 20px; border:1px solid #e2e2e2}
.biaoges th{ background-color:#f3f3f6;padding:10px 20px; border:1px solid #e2e2e2; color:#333; font-weight:normal; font-size:16px; text-align:left}
.biaoges td a{ background:url(../image/pdf.png) no-repeat right center; padding-right:30px; background-size:auto 100%}
.fanweibox{ padding-top:40px;}
.fanweibox h2{ font-size:24px; font-weight:normal; color:#333; margin:20px 0px;}
.axs{ padding:30px; background-color:#f3f3f6; line-height:1.8; margin-bottom:40px;}
.axs p{ color:#333; font-size:16px; margin-top:20px;}
.axs span{ display:block;}
.shoufengq{ max-width:900px; margin:0 auto; margin-top:50px; overflow:hidden}
.shoufengq ul{ }
.shoufengq li{ width:10%; float:left;overflow:hidden}
.shoufengq li.active{ width:80%; float:left;}
.shoufengq li{ position:relative;}
.imgsx{width:775px; height:350px; border-left:10px solid #fff;}



.chanpsx{ position:absolute; bottom:50px; right:10px;width:20px;font-size:20px; color:#fff; line-height:30px;}

.fuwqxs{ border-top:2px solid #0070c0;}
.fuwqxs li{ line-height:46px; border-bottom:1px solid #e2e2e2; background:url(../image/pdfx.jpg) no-repeat right center; padding-left:30px;}

.canguanbxos{ background:#FFF; padding:40px; margin-top:50px; overflow:hidden}
.cangusxs{ border-bottom:1px solid #e2e2e2; padding:30px 0px;}
.leftasx{ width:58%; line-height:24px;}
.leftasx h4{ font-weight:normal; margin-top:10px; color:#333}
.ausixd{ width:38%; padding-top:10px;}
.canguanbxos2{ padding-top:40px;}
.canguanbxos2 .cangusxs{ background:#FFF; padding:30px; border:none; margin-bottom:30px;}

.sosuboxbj{ height:240px; background:url(../image/sosubj.jpg) no-repeat center center; }
.sosubox{ color:#fff; min-width:50%; margin:0 auto;}
.sosubox h3{ text-align:center; font-size:24px; font-weight:normal;}
.sosubox a{ color:#fff; margin:0px 10px;}
.biand{ margin:20px 0px; border-radius:5px; overflow:hidden}
.biand input[type="text"]{ height:46px; border:none; width:calc(90% - 10px); padding-left:10px; float:left}
.biand input[type="submit"]{ height:46px; background:url(../image/soso.png) no-repeat center center #fff; width:10%; float:left}

.chanpxts{ margin:30px 0px; border-bottom:2px solid #0070c0}
.chanpxts ul{ width:80%; float:left;}
.chanpxts li{ line-height:42px; height:42px; background:url(../image/xiaja01.png) no-repeat 93% center #dddddd; padding:0px 35px 0px 20px; font-size:16px; color:#333; display:inline-block; float:left; margin-right:2px; cursor:pointer; position:relative }
.chanpxts li.cur{background:url(../image/xiaja02.png) no-repeat 93% center #0070c0; color:#fff }
.chanpxts span{ background-color:#0fabc6; height:38px; line-height:38px; padding:0px 20px; float:right;}
.chanpxts span a{ color:#fff; display:block;}


.chanxdown{ width:100%; position:absolute; left:0px; top:42px; padding:10px 0px; background:#0070c0; display:none; z-index:9999}
.chanxdown a{ font-size:14px; line-height:32px; display:block; text-align:center; color:#fff}
.chanpxts li:hover .chanxdown{ display:block}

.chanpxts li:hover {background:url(../image/xiaja02.png) no-repeat 93% center #0070c0; color:#fff }
.chanpxts li:hover a { color:#fff;transition: none; }

.bosdfs{ background:#FFF; padding:30px; margin-bottom:30px; line-height:1.5}
.siasx{ width:calc(20% - 20px); padding-right:20px}
.bosdfs a em,.bosdfs a span{ color:#666; font-size:12px; display:block; font-style:normal}
.siasx h2{ font-size:16px; color:#0070c0; font-weight:normal;}
.siasx p{ color:#333; margin:20px 0px;}
.bosdfs a .siasx span{ font-size:14px; color:#333}

.asxsd{ width:50%; margin:0px 2%}
.asxsd li{ background:url(../image/dian2.jpg) no-repeat left 5px; padding:0px 10px; width:calc(50% - 20px); float:left; margin-bottom:15px;}
.shuxa{ width:21%; text-align:right }

.chanpxtsywo{ min-height:58px; border:1px solid #e2e2e2;background:#fff; margin:30px 0px;}

.chanpxtsywo li{ line-height:58px; height:58px; background:url(../image/xiaja01.png) no-repeat 93% center; padding:0px 35px 0px 20px; font-size:16px; color:#333; display:inline-block; float:left; margin-right:2px; cursor:pointer; position:relative; }
.chanpxtsywo li.cur a {background:url(../image/xiaja02.png) no-repeat 93% center #0070c0; color:#fff }

.chanpxtsywo li .chanxdown{ width:100%; position:absolute; left:0px; top:58px; padding:10px 0px; background:#0070c0; display:none; z-index:9999}
.chanpxtsywo li .chanxdown a{ font-size:14px; line-height:32px; display:block; text-align:center; color:#fff}
.chanpxtsywo li:hover .chanxdown{ display:block}

.chanpxtsywo li:hover {background:url(../image/xiaja02.png) no-repeat 93% center #0070c0; color:#fff }
.chanpxtsywo li:hover a {
    color: #fff;
    transition: none;
}


.sfxasas{ overflow:hidden}
.sfxasas img{-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;}
.shuaxsd li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.shuaxsd ul{ width:calc(100% + 40px); margin-left:-40px;}
.shuaxsd li{ width:calc(25% - 40px); margin-left:40px; background:#FFF; text-align:center; line-height:1.5; float:left; margin-bottom:40px;}
.hsxddsx{ padding:20px 10px;}
.shuaxsd li p{ color:#0070c0; height:20px; overflow:hidden}
.shuaxsd li  h2{ font-size:16px; line-height:30px; height:40px; overflow:hidden; font-weight:normal; color:#333}
.shuaxsd li span{ color:#333; display:block;}
.shuaxsd li em{ font-style:normal; color:#666; font-size:12px;}

.proshoboxs{ background:#FFF; padding:30px;}
.tipainsx{ width:48%;}
.datusx{ width:75%}
.xusioaxs{ width:20%;}
.xusioaxs span{ border:1px solid #e2e2e2; display:block; margin-top:20px; cursor:pointer}
.xusioaxs span.cur{border:1px solid #0070c0;}
.asuxsdfg{ width:45%;}
.asuxsdfg h3{ font-size:24px; font-weight:normal; color:#000; padding:10px 0px;}
.asuxsdfg h4{ font-size:14px; font-weight:normal; }
.asugxs{ padding-top:20px; margin-top:20px; border-top:1px solid #e2e2e2; line-height:1.5}
.asugxs p{ color:#333}
.asuiax{ margin-bottom:50px;}
.uxiasa{ border-bottom:1px solid #e2e2e2; overflow:hidden}
.uxiasa li{ width:125px; height:42px; background-color:#e9e9e9; float:left; text-align:center; line-height:42px; font-size:16px; margin-right:5px; cursor: pointer}
.uxiasa li.cur{ background-color:#0fabc6; color:#fff}

.asxfh p{ line-height:27px; overflow:hidden; margin:10px 0px;}
.asxfh p img{ float:left; margin-right:10px;}

.phone_nav{ padding:10px; position:relative; overflow:hidden}
.phonelogo{ float:left; height:30px;}
.navbtn{width:30px;height: 30px; cursor: pointer; float:right;  position:relative; }
.navbtn span{position: absolute; top: 50%; left: 0; display: block; width: 30px; height: 1px; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; background: #2685c9;}
.navbtn span::before,
.navbtn span::after{content: ''; position: absolute; left: 0; width: 30px; height: 1px; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; background: #2685c9;}
.navbtn span::before{top: -13px;}
.navbtn span::after{top: 13px;}


#wapmenu{position:fixed;left:-100%;top:0px;z-index:999999;width:100%;height:100%;background:#2685c9;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;}

.nav_close {position:absolute;top:60px;right:60px;z-index:1;width:26px;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;}
.nav_close:hover {transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.nav_close img {width:100%;cursor:pointer;}
.wap_nav{ width:90%;}
.wap_nav li{ text-align:center; font-size:20px; border-bottom:1px solid #fff; width:100%; display:block;}

.wap_nav li a{ color:#fff; display:block; padding:20px 0px}
.wap_nav li .wapdown{ display:none; border-top:1px solid #fff;}
.wap_nav li .wapdown a{ font-size:16px; padding:10px 0px}
.xisx{ background:url(../image/xiap11.png) no-repeat 100% 20px;}

.wap_nav li.curre{ background:url(../image/xiap1.png) no-repeat  100% 20px;}



#wapmenu .nav_close {top:20px;right:20px;}


.phone_nav{ display:none}

.dingsx{ position:fixed; top:0px; background:#FFF; width:100%; left:0px;}
.dingsx ul{ max-width:1000px; margin:0 auto}



.nycontact{ border-top:3px solid #333333; margin-top:40px;}
.nycontact>p{ border-bottom:1px solid #efefef; line-height:34px; padding:30px 50px; color:#333}
.nycontact>p img{ float:left; margin-right:18px;}

.my-map { margin: 0 auto; width:100%px; height:300px; border:1px solid #eee; margin-top:20px; }
.my-map .icon { background: url(404.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-blue { background-position: -11px -55px; }
.amap-container{height: 100%;}