@charset "utf-8"; 
/*banner*/  
.banner { height:400px;}
.banner .a{ display:block; height:400px; background-repeat:no-repeat; background-position:center top; background-size:cover}
 
.banner .slick-dots{ position:absolute; z-index:5; left:0; right:0;bottom:10px; text-align:center}
.banner .slick-dots li{ display:inline-block; vertical-align:middle; width:40px; height:4px; border-radius:8px; background:rgba(255,255,255,1); margin:0 10px; cursor:pointer}
.banner .slick-dots li.slick-active{background:#e72742;}
.banner .slick-dots li button{ display:none;}

.indexmanin{ background-color:#ffffff; padding-top:24px;}
.plo{ height:40px; background-color:#10416c; position:relative; padding-left:43px; padding-right:25px;}
.plo:before{ content:""; display:block; width:40px; position:absolute; z-index:1; left:0;top:0; bottom:0; background:#41748d url(../images/ico-plo.png) no-repeat center;}
.plo h3{ float:left; color:#fff; margin-left:15px; line-height:40px; font-weight:normal; margin-right:25px}
.plo ul{ float:left}
.plo li{ float:left; height:34px; line-height:34px; position:relative;top:3px;cursor:pointer} 
.plo li .a{ display:block; padding:0 15px; font-weight:normal; color:#fff; height:100%}
.plo li.on .a{ background-color:#e72742}
.plo .more{ float:right; line-height:40px}
.plo .more a{ color:#7299bb}
.plo .more a:hover{ color:#fff}

.case{ border:1px solid #a1b4c5; background-color:#fff}
.index01{ margin-bottom:15px}
.index01 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index01left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; margin-right:10px}

.list01 .bd li{ border-bottom:1px solid #c7d6dd}
.list01 .bd li:last-child{ border-bottom:none}
.list01 .bd a{ display:block; padding:13px 20px; }
.list01 .bd a:hover{ background-color:#f2f6f8}
.list01 .bd .title{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; margin-bottom:5.5px}
.list01 .bd .title h3{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#e72742; font-size:16px}
.list01 .bd .title span{ display:block; font-size:12px; color:#999; flex:0 0 100px; text-align:right}
.list01 .bd .p{ color:#6484a0; height:44px; overflow:hidden}

.index01right{flex:0 0 448px;width:448px}

.list02{ margin-bottom:10px}
.list02 .bd li{ height:43px; line-height:43px; border-bottom:1px solid #c7d6dd}
.list02 .bd li:last-child{ border-bottom:none}
.list02 .bd li .a{ height:42px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; padding:0 40px}
.list02 .bd li h3{ font-size:16px; color:#10416c; font-weight:normal;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.list02 .bd li .num{white-space: nowrap; color:#e72742; font-size:16px; font-weight:700}

.list03 .bd li a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; padding:5px 10px}
.list03 .bd li a:hover{ background-color:#f2f6f8}
.list03 .bd li .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.list03 .bd li .txt h3{ font-size:16px; color:#10416c; font-weight:normal; margin-bottom:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list03 .bd li .txt .date{ font-size:12px; color:#999}
.list03 .bd li .img{ width:94px;flex:0 0 94px; height:70px; margin-right:28px}
.list03 .bd li .img img{ display:block; width:100%; height:100%}

.index02{ margin-bottom:15px}
.ultable ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; }
.ultable .th{ height:40px; line-height:40px; color:#fff; background-color:#e72742; font-size:16px; text-align:center}
.ultable .td .li{ height:40px; line-height:40px; text-align:center}
.ultable .td .li:nth-child(odd){ background-color:#f2f6f8}
.ultable .td .li:hover{ background-color:#cae6f4}
.ultable .td .li .a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; }
.ultable .td .li span{ display:block; color:#10416c}
.ultable .w8{ width:11%;flex:0 0 11%}
.ultable .w7{ width:12.5%;flex:0 0 12.5%}
.ultable .w6{ width:10.3%;flex:0 0 10.3%}
.ultable .w5{ width:11%;flex:0 0 11%}
.ultable .w4{ width:11%;flex:0 0 11%}
.ultable .w3{ width:11%;flex:0 0 11%}
.ultable .w2{ width:10.3%;flex:0 0 10.3%}
.ultable .w1{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.ultable .w18{ width:11%;flex:0 0 11%}
.ultable .w17{ width:8.8%;flex:0 0 8.8%}
.ultable .w16{ width:11.7%;flex:0 0 11.7%}
.ultable .w15{ width:6.6%;flex:0 0 6.6%}
.ultable .w14{ width:7.3%;flex:0 0 7.3%}
.ultable .w13{ width:11%;flex:0 0 11%}
.ultable .w12{ width:11%;flex:0 0 11%}
.ultable .w11{ width:7.3%;flex:0 0 7.3%}
.ultable .w10{ width:10.3%;flex:0 0 10.3%}
.ultable .w9{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.index03{ margin-bottom:15px}
.list06 .bd li{ float:left; width:50%; background-color:#f2f6f8; height:40px; line-height:40px}
.list06 .bd li:nth-child(4n -3 ),.list06 .bd li:nth-child(4n -2 ){ background-color:#fff}
.list06 .bd li a{ display:block; padding:0 50px; position:relative}
.list06 .bd li span{ display:block; position:absolute; z-index:1; right:50px;top:0; font-size:12px; color:#999}
.list06 .bd li h3{ font-weight:normal; color:#10416c; padding-right:70px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list06 .bd li a:hover h3{color:#e72742;}

.index04{ margin-bottom:25px}

.nbanner{ background-repeat:no-repeat; background-position:center; background-size:auto 100%; }
.nbanner .weap{ height:180px;padding-top:1px;}
.nbanner .title{ margin-left:140px; margin-top:60px; color:#fff; padding-left:40px; background:url(../images/ico-nt.png) no-repeat left 10px}
.nbanner .title h3{ font-size:32px; line-height:1.1; font-weight:normal; margin-bottom:5px}
.nbanner .title .eng{ font-size:18px; padding-left:34px; letter-spacing:1px}

.lanmumain{ padding:25px 0}
.bars{ height:40px; line-height:40px; background-color:#10416c; color:#fff; border-left:3px solid #e72742; padding-left:15px}
.bars a{ color:#fff}

.lanmuleft{ width:330px; float:left}
.sidetitle { padding-left:20px;}
.sidetitle h3{ font-size:16px}

.sidenav ul{ background-color:#e8eef3}
.sidenav ul li{ padding:1px 0; background-color:#fff }
.sidenav ul li a{ display:block; height:40px; line-height:40px; color:#10416c; padding-left:23px; background-color:#e8eef3}
.sidenav ul li.on{ background-color:#fff}
.sidenav ul li.on a,.sidenav ul li a:hover{ background-color:#e72742; color:#fff}

.lanmuright{ background-color:#fff; margin-left:350px}

 
.aboutpage .title{ font-size:20px; color:#10416c; font-weight:normal; margin-bottom:10px}
.conn{ padding:40px;overflow:hidden}
.conn img{ max-width:100%;}

.contactpage ul{ margin-top:25px; margin-bottom:10px}
.contactpage ul li.t{ font-size:20px; font-weight:bold; margin-bottom:10px}
.contactpage ul li{ color:#10416c; margin-bottom:5px}
.contactpage ul li a{color:#10416c}

.newslist{ padding-bottom:30px}
.newslist .bd{ padding-top:10px}
.newslist .bd .a{ padding:10px 25px; overflow:hidden}
.newslist .bd .a .img{ float:left; width:240px; height:160px; overflow:hidden}
.newslist .bd .a .img img{ width:100%; height:100%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.newslist .bd .a .img img:hover{ transform:scale(1.1)}
.newslist .bd .a .txt{ padding-left:270px; padding-top:25px}
.newslist .bd .a h3{ margin-bottom:5px}
.newslist .bd .a h3 a:hover{ color:#e72742;}
.newslist .bd .a h3,.newslist .bd .a h3 a{ font-size:16px; color:#10416c;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist .bd .info{ color:#999; font-size:12px; margin-bottom:15px}
.newslist .bd .info a{ font-size:12px; color:#999; margin-right:10px}
.newslist .bd .p{ color:#6484a0; height:44px; overflow:hidden}

.newspage{ padding:40px 85px}
.newspage .newtop{ border-bottom:1px solid #b2c2ce; position:relative; padding-right:100px; padding-bottom:10px; margin-bottom:25px}
.newspage .newtop h1.title{ font-size:18px; color:#10416c; font-weight:700}
.newspage .newtop .date{ position:absolute; z-index:1; right:0;top:0; color:#999}
.newspage .newsconn{ min-height:50vh; overflow:hidden}
.newspage .newsconn img{ max-width:100%}

.guapage{ padding:40px 85px}
.guapage img{ max-width:100%}
.guapage .guaconn{ overflow:hidden}
.guapage .guabottom{ overflow:hidden; margin-top:60px; color:#333}
.guapage .guabottom a{ color:#fff}
.guapage .guabottom .title{ text-align:center; border-bottom:1px solid #b2c2ce; font-size:22px; padding-bottom:15px; letter-spacing:10px; margin-bottom:15px}
.guapage .guabottom .p{ font-size:18px;}
.guapage .guabottom .bottom{ margin-top:70px; text-align:right; font-size:18px}

.business01{ background-color:#f2f6f8; margin-top:-26px;}
.business01 .weap{ padding-top:55px; padding-bottom:55px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.business01 .nums{ font-size:16px;  padding-right:75px; border-right:1px solid #d2d2d2; width:35%; margin-right:5%; text-align:right}
.business01 .nums .num{ font-size:33px; color:#e72742; margin-right:5px }
.business01 .searchright{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; padding-right:10%}
.business01 .hota{ margin-bottom:15px}
.business01 .searchform{ position:relative}
.business01 .intxt{ width:100%;padding:0 10px; height:38px; line-height:36px; font-size:16px; border:1px solid #d2d2d2; background-color:#fff; padding-right:98px}
.business01 .inbtn{ width:118px; position:absolute; z-index:1; right:0;top:0;  height:38px; font-size:16px; color:#fff; padding:0 28px; cursor:pointer; border:none; background-color:#e72742; margin-left:-1px;}

.business02{ padding:20px 0}
.business02 .businessbox{ padding:30px}
.business02 .case{ padding-bottom:70px}

.lanmunav{ border-bottom:1px solid #d1dde6; font-size:0}
.lanmunav li{ display:inline-block; vertical-align:top; margin-right:20px; margin-bottom:20px;}
.lanmunav li a{ font-size:16px; color:#10416c; display:block; background-color:#f2f6f8; min-width:130px; padding:0 10px; height:42px; line-height:42px; text-align:center; position:relative; font-weight:700}
.lanmunav li.on a,.lanmunav li a:hover{ background-color:#e72742; color:#fff}
.lanmunav li.on a:after{ content:""; display:block;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #e72742; position:absolute; z-index:2; left:50%; margin-left:-10px; bottom:-10px}

.attributelist{ margin-bottom:30px}
.attributelist dl{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;   padding-top:15px; border-bottom:1px solid #d1dde6; padding-bottom:7px}
.attributelist dl dt{  color:#e72742; font-weight:700; text-align:right; width:145px;flex:0 0 145px; line-height:28px; padding-right:75px}	
.attributelist dl dd{ position:relative ; font-size:0;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.attributelist dl dd a{ display:inline-block; vertical-align:middle; font-size:14px; border:1px solid #d1dde6; background-color:#f9fbfc; padding:0 10px; height:28px; line-height:26px; margin-right:8px; margin-bottom:8px}
.attributelist dl dd a.one{ background-color:#e72742; color:#fff; border:1px solid #e72742}
.attributelist dl dd a:nth-child(1){ position:absolute; z-index:1;top:0; left:-60px}

.businesslist li{ float:left; width:25%; margin-bottom:24px}
.businesslist li a{ display:block; margin:0 14px; box-shadow:0 0 20px rgba(51,51,51,.2)}
.businesslist li .img{ height:158px; text-align:center; overflow:hidden;}
.businesslist li .img img{width:100%; height:100%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.businesslist li a:hover .img img{ transform:scale(1.1)}
.businesslist li .txt{ padding:10px}
.businesslist li .txt h3{ color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:5px}
.businesslist li a:hover .txt h3{ color:#e72742}
.businesslist li .txt .info{ color:#999; font-size:12px; margin-bottom:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.businesslist li .txt .info span{ margin-right:10px;}
.businesslist li .txt .p{ color:#999; font-size:12px; height:38px; overflow:hidden}

.businesspage{ padding:30px 40px;}

.businessleft01{ text-align:center}
.businessleft01 img{ display:block; width:100%}
.businessleft01 h3{ font-size:18px; line-height:1.3; color:#10416c; margin:15px 0}
.businessleft01 .p{ font-size:16px; color:#999}

table{border-collapse: collapse; border-spacing: 0;border: 1px solid #d1dde6;}
table a{color:#10416c;}
table th{padding: 10px 5px; border-top: 1px solid #d1dde6; border-bottom: 1px solid #d1dde6; background-color: #f2f6f8; line-height: 20px; vertical-align: middle; }
table th, table td{border-color: #d1dde6; border-left: 1px solid #d1dde6;text-align:left;color:#10416c;}
table td{padding: 10px 5px; line-height: 25px; background-color: #fff; border-bottom: 1px solid #d1dde6; word-wrap: break-word; word-break: break-all; vertical-align: middle;}

.businessleft{ float:left; width:250px}
.businessright{ margin-left:280px}

.businessright .hd{ height:40px; line-height:40px; padding:0 10px; background:#fff url(../images/ico-line.jpg) repeat-y left; margin-bottom:5px}
.businessright .hd h3{ color:#fff; font-size:14px; font-weight:normal}

.businessright01{ margin-bottom:20px}
.businessright02{ margin-bottom:20px}
.businessright03{ margin-bottom:20px} 
.bdconn{ padding:10px 15px; color:#10416c; overflow:hidden}
.bdconn a{ color:#10416c}
.bdconn img{ max-width:100%}

.table-m{ display:none; border-bottom:none}
@media (max-width:1360px){ 
.banner,.banner .a{ height:31vw}
.businesslist li .img{ height:9.6vw}
}

@media (max-width:1024px){ 
.nbanner .weap{ height:17vw}
.nbanner .title{ padding-top:0; margin:0;top:50%; transform:translateY(-50%); position:relative; background-size:16px; padding-left:25px; background-position:0 5px}
.nbanner .title h3{ font-size:20px}
.nbanner .title .eng{ font-size:14px; padding-left:20px}
.businesslist li a{ margin:0 5px;box-shadow: 0 0 10px rgba(51,51,51,.1)}
.businesslist li{ margin-bottom:10px}
.business02 .businessbox{ padding:10px;}
.businesslist li .img{ height:12vw}
.business01 .weap{ padding-top:30px; padding-bottom:30px}
.business01 .searchright{ padding-right:0}
.lanmunav li{ margin-right:10px}
.lanmunav li a{ min-width:120px}
.lanmuleft{ width:220px;}
.lanmuright{ margin-left:240px}
}
@media (max-width:1000px){ 
.index01{ margin-bottom:10px}
.index01 .weap{ display:block;}
.index01left{ margin-right:0; margin-bottom:10px}
.index01right{ width:auto}
.index02{ margin-bottom:10px}
.index03{ margin-bottom:10px}

.businessleft{ float:none; width:auto; margin-bottom:15px}
.businessleft01 .img{ width:80%; margin:0 auto}
.businessright{ margin-left:0}
}
@media (max-width:768px){ 
.banner .slick-dots li{ width:30px; height:3px; margin:0 5px;}
.banner .slick-dots{ bottom:0}
.plo{ padding-right:10px}
.indexmanin{ padding-top:10px}
.list01 .bd a{ padding:5px 10px;}
.list01 .bd .title h3{ font-size:15px}
.list01 .bd li:nth-child(n+6){ display:none}
.list01 .bd .title span{flex:0 0 70px}
.list02 .bd li{ height:40px; line-height:40px}
.list03 .bd li .img{ margin-right:15px}
.list03 .bd{ padding:5px 0}
.list03 .bd li:nth-child(n+5){ display:none}
.list02 .bd li .a{ padding:0 10px}
.list03 .bd li .txt h3{ font-size:15px}
.list02 .bd li h3{ font-size:15px}
.list02 .bd li .num{ font-size:15px}

.list04 .w1,.list04 .w5,.list04 .w6,.list04 .w7{ display:none !important}
.list04 .w8{ width:90px;flex:0 0 90px}
.list04 .w4{ width:90px;flex:0 0 90px}
.list04 .w3{ width:80px;flex:0 0 80px}
.list04 .w2{    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1; min-width:0}
.ultable .th{ font-size:14px}	
.ultable .td a{ font-size:12px}
.ultable .td .li span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.list05 .plo{ position:relative; z-index:2; margin-bottom:36px}
.list05 .plo .more{ position:absolute; z-index:2; right:10px;top:0;}
.list05 .plo ul{ position:absolute; z-index:2;top:40px; left:0; right:0; background-color:#eee; height:36px; padding:0 5px}
.list05 .plo li .a{ padding:0 7px; text-align:center; color:#333; line-height:30px; height:30px}
.list05 .plo li.on .a{ color:#fff; background-color:#10416c}

.plo li .a{ padding:0 10px}
.list06 .bd li a{ padding:0 10px}
.list06 .bd li span{ right:10px}
.list06 .bd li{ float:none; width:auto}
.list06 .bd li:nth-child(n+9){ display:none}

.list05 .w11,.list05 .w12,.list05 .w13,.list05 .w15,.list05 .w17,.list05 .w18{ display:none !important}
.ultable .w16{ width:110px;flex:0 0 110px}
.ultable .w14{ width:65px;flex:0 0 65px}
.ultable .w10{ width:80px;flex:0 0 80px}
.ultable .th{ height:36px; line-height:36px} 

.index04{ margin-bottom:10px}

.nbanner .weap{ height:22vw}
.nbanner .title h3{ font-size:18px}
.nbanner .title .eng{ padding-left:18px;}
.business01 .weap{ display:block;padding-top:20px; padding-bottom:20px;}
.business01 .nums{ line-height:1.1; width:auto; padding:0; margin:0; text-align:left;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; border-bottom:1px solid #d2d2d2; border-right:none; font-size:15px; margin-bottom:10px; padding-bottom:10px}
.business01 .nums .p1{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;} 
.business01 .nums .num{ font-size:24px}
.business01 .hota{ font-size:13px;}
.business01 .hota a{ font-size:13px}
.business01 .intxt{ height:33px; padding-right:88px;}
.business01 .inbtn{ height:33px; font-size:15px; width:78px}
.business02{ padding:10px 0}
.lanmunav li.on a:after{ display:none}

.lanmunav ul{ margin:0 -5px}
.lanmunav li a{ font-size:15px; height:33px; line-height:33px; min-width:0; margin:0 5px}
.lanmunav li{ margin-bottom:10px; margin-right:0; min-width:33.33%}

.attributelist dl{ display:block; padding-top:10px; }
.attributelist dl dt{width:auto; text-align:left; padding-right:0; margin-bottom:10px}
.attributelist dl dd a:nth-child(1){ position:static}
.attributelist dl dd a{ font-size:13px; height:24px; line-height:24px; padding:0 5px; border:none; background:none; margin-bottom:5px }
.businesslist li{ width:50%}
.attributelist{ margin-bottom:10px}
.businesslist ul{ margin:0 -5px}
.businesslist li .img{ height:24vw}
.business02 .case{ padding-bottom:20px}
.businesslist li .txt h3{ height:44px;white-space:normal}

.lanmuleft{ width:auto; margin-bottom:10px; float:none}
.lanmuright{ margin-left:0}
.lanmumain{ padding-top:10px; padding-bottom:10px}
.sidenav ul{ overflow:hidden; background:none !important; margin:0 -2.5px }
.sidenav ul li{ margin-bottom:5px}
.sidenav ul li,.sidenav ul li.on{ float:left; width:50%; text-align:center; background:none}
.sidetitle{ display:none}
.sidenav.case{ border:none;background:none}
.sidenav ul li a{ padding-left:0; margin:0 2.5px}
.conn{ padding:20px 10px}

.guapage{ padding:20px 10px}

.newslist .bd .a{ padding:5px 10px}
.newslist .bd .a .img{ width:130px; height:90px}
.newslist .bd .a .txt{ padding-left:140px; padding-top:0}
.newslist .bd .a h3, .newslist .bd .a h3 a{ font-size:15px;}
.newslist .bd .info{ margin-bottom:5px}
.newslist .bd .a h3{ margin-bottom:0}
.newslist{ padding-bottom:20px}

.newspage{ padding:20px 10px}
.newspage .newtop{ padding:0; padding-bottom:10px; margin-bottom:10px}
.newspage .newtop h1.title{ text-align:center; line-height:1.3; margin-bottom:10px; font-size:16px}
.newspage .newtop .date{ position:static; text-align:center}

.businesspage{ padding:20px 10px}

.table-pc{ display:none}
.table-m{ display:table}
table.table-m th{ border-top:none; border-left:none;white-space: nowrap;}
table.table-m th, table.table-m td{ padding:5px; line-height:1.3}
.bdconn{ padding:5px 0}
.businessleft01 h3{ font-size:16px}
.businessleft01 .p{ font-size:14px}


.index03 .list05 .plo{ margin-bottom:68px}
.index03 .list05 .plo ul{ height:auto;}
}