body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{font-size:14px;margin:0;padding:0}
body,button,input,select,textarea{font-size:12px;font-family:"微软雅黑"}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,curier,monospace}
samll{font-size:12px}
ul,ol{list-style:none}
a{text-decoration:none}
a:hover{text-decoration:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
.clear{clear:both;float:none;height:0;overflow:hidden}
*{box-sizing:border-box}
body{background:#f2f2f2}
.top{background:#fff}
.top .top_center{height:30px;line-height:30px;width:1200px;margin:0 auto;font-size:12px;display:flex;justify-content:space-between;color:#666; text-transform:uppercase;}
.top strong{font-weight:normal;}
.top span{display:flex}
.top span a{color:#666;padding-left:10px}
.header .header_center{width:1200px;margin:0 auto;align-items:center;display:flex;padding:35px 0;justify-content:space-between}
.header .header_center h1{height:45px}
.header .header_center h1 a{height:45px}
.header .header_center h1 a img{height:100%;display:block;overflow:hidden}
.header .header_center form{width:400px;height:35px;justify-content:space-between;display:flex;}
.header .header_center form input{border:1px solid #ddd;flex:3;font-size:14px;padding:0 5px;}
.header .header_center form .btn{border:none;background:#346cc6;color:#fff;flex:1;padding:0 10px;cursor:pointer;font-size:14px;text-transform:uppercase;}
.header .header_center strong{color:#ff6d00;font-size:28px;font-weight:100;font-family:impact;}
.menu{background:#346cc6}
.menu .menu_center{display:flex;width:1200px;margin:0 auto;align-items:center;height:45px;line-height:45px}
.menu .menu_center ul{float:left;width:100%;}
.menu .menu_center ul li{float:left;width:16.666666%;position:relative;font-size:14px; background:url(../images/hr-3.png) repeat-y right top #2c5ca8; text-align:center}
.menu .menu_center ul li a,.menu .menu_center ul li span{display:block;color:#fff;cursor:pointer}
.menu .menu_center ul li a:hover,.menu .menu_center ul li span:hover,.menu .menu_center ul li.on span{background:#1d3b6d;}
.menu .menu_center ul li div{position:absolute;display:none;z-index:999;width:100%;text-align:center;top:45px;left:0px;font-size:14px;overflow:hidden;background:#fff;padding:7px 0;border-bottom:3px solid #346cc6}
.menu .menu_center ul li div a{display:block;line-height:32px;padding:0;color:#333;transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transition:all .2s ease;background-color:transparent}
.menu .menu_center ul li div a:hover{color:#346cc6; background:#eee;}
.menu .menu_center ul li.on div{ display:block}
.banner{height:450px}
.banner .swiper-slide{height:450px;background-position:center bottom;background-repeat:no-repeat; background-size:cover;}
.prolist{margin:0 auto;display:flex;width:1200px;padding-top:25px}
.prolist-h{padding-top:0}
.prolist #list{height:694px !important}
.prolist #page{height:694px !important}
.prolist .left_nav{background:#fff;width:220px;min-height:550px}
.prolist .left_nav .dlx1{padding:15px 0;padding-left:20px;background:#2C5CA8;color:#fff}
.prolist .left_nav .dlx1 dt{font-size:22px;font-weight:bold}
.prolist .left_nav .dlx1 dd{padding-top:5px;font-size:14px;font-weight:200}
.prolist .left_nav .dlx2{padding:15px 0;padding-left:20px;background:#2C5CA8;color:#fff}
.prolist .left_nav .dlx2 dt{font-size:14px}
.prolist .left_nav .dlx2 dd{padding-top:5px;font-size:22px;color:#ff6d00;font-family:impact}
.prolist .left_nav ul{padding:17px 20px}
.prolist .left_nav ul li{display:block;margin-bottom:9px}
.prolist .left_nav ul li:last-child{margin-bottom:0}
.prolist .left_nav ul li a{background:#f9f9f9;display:block;border:1px solid #ddd;padding:7px 10px;color:#666;font-size:13px}
.prolist .left_nav ul li a i{color:#ff6d00;margin-right:10px}
.prolist .left_nav ul li a:hover{border:1px solid #2C5CA8;background:#2C5CA8;color:#fff}
.prolist .left_nav ul li a:hover i{color:#ff6d00}
.prolist .right_box{flex:1;margin-left:20px;min-height:550px;padding:15px 15px 0 15px;background:#fff;overflow:hidden;}
.prolist .right_box .proli{float:left;border:1px solid #ddd;width:23.5%;margin-right:2%;margin-bottom:15px;box-sizing:border-box}
.prolist .right_box .proli:hover{border:1px solid #2C5CA8}
.prolist .right_box .proli a{width:100%;height:180px;display:flex;align-items:center;justify-content:center}
.prolist .right_box .proli a img{max-width:150px;max-height:150px}
.prolist .right_box .proli:nth-of-type(4n){margin-right:0}
.prolist .right_box .proli:hover span{border-top:1px solid #2C5CA8;background:#2C5CA8;color:#fff}
.prolist .right_box .proli:hover small{background:#2C5CA8;color:#fff}
.prolist .right_box .proli span{border-top:1px solid #ddd;display:block;font-size:14px;font-weight:normal;color:#333;background:#F9F9F9;padding:6px 12px 0 12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.prolist .right_box .proli small{padding:4px 12px;display:block;background:#F9F9F9;font-size:12px;color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.title_prohot{padding-bottom:25px;border-bottom:1px solid #ddd;padding-top:35px;margin-bottom:25px;text-align:center}
.title_prohot h2{font-size:36px;font-family:"微软雅黑";color:#346cc6;font-weight:bold;text-transform:uppercase;}
.title_prohot p{padding-top:10px;font-size:14px;color:#666}
.hotlist{width:1200px;margin:0 auto}
.hotlist .swiper-container-hotlist .swiper-slide{height:297px;border:1px solid #fff;background:#fff}
.hotlist .swiper-container-hotlist .swiper-slide:hover{border:1px solid #2C5CA8}
.hotlist .swiper-container-hotlist .swiper-slide:hover span{border-top:1px solid #2C5CA8;display:block;height:50px;line-height:50px;font-size:14px;color:#fff;text-align:center;background:#2C5CA8}
.hotlist .swiper-container-hotlist .swiper-slide a{height:245px;display:flex;align-items:center;justify-content:center}
.hotlist .swiper-container-hotlist .swiper-slide a img{display:block;max-height:200px;max-width:200px}
.hotlist .swiper-container-hotlist .swiper-slide span{border-top:1px solid #ddd;display:block;height:50px;line-height:50px;font-size:14px;color:#666;text-align:center;background:#fff; overflow:hidden;}
.abouts{width:1200px;font-size:14px;margin:0 auto;color:#666;display:flex}
.abouts img{width:500px;height:293px}
.abouts dl{background:#fff;margin-left:25px;padding:15px 25px 15px 25px}
.abouts dl dt{font-size:24px;font-weight:400;padding-bottom:10px;color:#666;text-transform:uppercase;}
.abouts dl dd{ max-height:222px; overflow:hidden;}
.abouts dl dd p{line-height:1.8;font-size:14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:10;}
.footer{background:#1D3B6D}
.footer .randerbox{border-bottom:1px solid #346CC6;width:1200px;margin:0 auto}
.footer .randerbox .address{overflow:hidden;padding:18px 0;color:#fff;font-size:14px;line-height:26px}
.caselist{padding:40px 0;background:#fff;margin:0 auto}
.caselist .hzbox{ width:1200px; display:block; margin:0 auto;}
.caselist img{margin:0 auto;display:block;width:100%;}
.caselist img.i2{ display:none;}
.news{padding:25px 0;background:#fff}
.news > a{display:block;margin:0 auto;text-align:center;height:40px;width:150px;line-height:40px;font-size:14px;border:1px solid #ddd;color:#333}
.news > a:hover{background:#FF6D00;color:#fff}
.hotnews{width:1200px;margin:0 auto 25px;overflow:hidden}
.hotnews-n{ width:100%;}
.hotnews li{background:#fff;padding:15px 0;border-bottom:1px solid #ddd}
.hotnews li:hover{background:#f9f9f9}
.hotnews li a{ display:block; overflow:hidden;margin-right:15px;text-overflow:ellipsis;white-space:nowrap;color:#666}
.hotnews li span{ float:right; color:#666; padding-left:10px;}
.copyright{width:1200px;margin:0 auto;text-align:left;color:#fff;display:flex;align-items:center;justify-content:space-between; padding:10px 0;}
/*.copyright span{margin:5px 0}*/
.copyright div{width:150px;height:30px;line-height:30px;font-size:12px;border:1px solid #f2f2f2;margin:5px 0;text-align:center;position:relative}
.copyright div:hover ul{display:block}
.copyright div ul{display:none;z-index:999;position:absolute;background:#fff;bottom:28px;left:-1px;width:150px;border:1px solid #ddd}
.copyright div ul li{border-bottom:1px solid #ddd}
.copyright div ul li a{font-size:12px;color:#666;display:block}
.copyright div ul li a:hover{background:#f2f2f2}
.breadnav{margin:0 auto;height:40px;line-height:40px;font-size:14px;background:#f9f9f9;padding-left:20px;margin-bottom:20px;border-left:5px solid #2C5CA8}
.breadnav a{color:#333333}
.libox{overflow:hidden}
.fanye{padding-bottom:15px;text-align:left;font-size:14px}
.fanye a,.fanye b{line-height:32px;margin-right:3px;margin-bottom:3px;display:inline-block;color:#666;border:1px solid #ddd;background:#f9f9f9;padding:0 15px;}
.fanye a:hover,.fanye b{background:#e9e9e9;font-weight:500;color:#666;}
.changfang{display:none;border-top:1px solid #ddd;border-left:1px solid #ddd;margin-bottom:15px;overflow:hidden}
.changfang a{float:left;width:20%;height:45px;text-align:left;line-height:45px;display:block;color:#333;border-right:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden}
.changfang a:hover{background:#FF6D00;color:#fff}
.changfang a i{margin-left:10px;margin-right:10px}
.list_arc{min-height:650px;margin-bottom:15px;padding:15px;border:1px solid #ddd}
.list_arc .title{font-size:24px;line-height:36px;color:#333;text-align:center}
.list_arc p.info{text-align:center;border-bottom:1px solid #ddd;padding:8px 0 10px;color:#666}
.list_arc .box{display:flex;padding-top:20px}
.list_arc .imgbox{width:200px;height:200px;border:1px solid #ddd;display:block;align-items:center;justify-content:center}
.list_arc .imgbox img{max-height:180px;max-width:180px}
.list_arc dl{padding-left:30px}
.list_arc dl dt{font-size:18px;color:#333;padding-bottom:10px;font-weight:bold}
.list_arc dl dd{color:#666;padding-bottom:10px}
.list_arc dl dd a{background:#2C5CA8;color:#fff;padding:10px 25px;display:inline-block}
.list_arc dl dd a:hover{background:#FF6D00}
.maininfo{padding-top:15px;font-size:15px;color:#333;line-height:1.6}
.maininfo *{max-width:100%}
.maininfo table{border:1px solid #ddd}
.maininfo table td{padding:5px;border:1px solid #ddd}
.map{ width:100%; height:438px; margin-top:15px; border:1px solid #d4d4d4; font-size:12px; box-sizing:border-box}
.ly-tab{ padding-top:20px;}
.ly-tab h2{ text-align:center; font-size:24px; line-height:42px;}
.ly-tab p{ text-align:center; font-size:15px; color:#999; line-height:28px;}
.ly-tab ul{ float:left; width:100%; padding:10px 0 20px;}
.ly-tab ul li{ float:left; width:100%; position:relative; padding:5px 0; text-align:center;}
.ly-tab ul li i{ color:#f00; display:block; font-style:normal; height:46px; line-height:46px; position:absolute; top:6px; right:8px;}
.ly-tab ul li.liz{ float:left; width:49%;}
.ly-tab ul li.lir{ float:right;}
.ly-tab ul li.lib{ padding:25px 0 0;}
.ly-tab ul li.liz input,.ly-tab ul li.li10 textarea{ display:block; width:100%; border:1px solid #e1e1e1; font-size:15px; box-sizing:border-box;outline:none;}
.ly-tab ul li.liz input{ height:46px; line-height:46px; padding:0 15px;}
.ly-tab ul li.li10 textarea{ padding:10px 15px; width:100%; height:180px; line-height:24px;}
.ly-tab ul li.li10 input{ background:#e60012; color:#fff; font-size:16px; font-weight:bold; border:none; height:46px; line-height:46px; padding:0 50px;}
.ly-tab ul li.li10 input#reset{ background:#a8a8a8; margin-left:26px;}

@media (max-width: 1220px) {
.top .top_center,.header .header_center,.prolist,.abouts{ width:98%;}
.header .header_center form{display:none}
.menu .menu_center{ width:100%;}
.abouts dl{ padding:15px 20px;}
.news,.caselist{ width:98%; margin:0 auto; padding:15px 15px 20px; box-sizing:border-box;}
.hotnews{ width:100%; margin-bottom:20px;}
.caselist{ margin-bottom:25px;}
.caselist .hzbox{ width:100%;}
.footer .randerbox,.copyright,.hotlist{ width:98%; margin:0 auto;}
.hotlist .swiper-container-hotlist .swiper-slide{ height:252px;}
.hotlist .swiper-container-hotlist .swiper-slide a{ height:200px;}
.hotlist .swiper-container-hotlist .swiper-slide a img{ max-width:160px; max-height:160px;}
.changfang a{ width:25%;}
}
@media (max-width: 1024px) {
.abouts dl dd p{-webkit-line-clamp:9;}
}
@media (max-width: 990px) {
.banner,.banner .swiper-slide{ height:360px;}
.title_prohot{ margin-bottom:20px; padding-top:30px;}
.title_prohot h2{ font-size:30px;}
.abouts dl{ margin-left:20px;}
.prolist .right_box .proli a img{ width:120px; height:120px;}
.hotlist .swiper-container-hotlist .swiper-slide a img{ max-width:130px; max-height:130px;}
.abouts img{ width:400px;}
.prolist .left_nav{ display:none}
.prolist .right_box{ margin-left:0}
.changfang{display:block}
}
@media (max-width: 860px) {
.header .header_center{ padding:25px 0;}
}
@media (max-width: 768px) {
.top{ display:none;}
.header .header_center{ padding:15px 0}
.header .header_center form{ width:auto;}
.header .header_center strong{ font-size:22px;}
.prolist .right_box .proli{ width:32%;}
.prolist .right_box .proli:nth-child(4n){margin-right:2%;}
.prolist .right_box .proli:nth-child(3n){margin-right:0}
.abouts{ display:block;}
.abouts img{ width:100%;}
.abouts dl{ margin-left:0;}
.caselist img.i1{ display:none;}
.caselist img.i2{ display:block;}
.changfang a{ width:33.333333%}
}
@media (max-width: 640px) {
.banner, .banner .swiper-slide{ height:300px;}
}
@media (max-width: 568px) {
.header .header_center strong{ display:none;}
.footer .randerbox .address{ padding:10px 0;}
.changfang a{ width:50%}
}
@media (max-width: 440px) {
.banner, .banner .swiper-slide{ height:260px;}
.title_prohot{ padding-top:20px; padding-bottom:15px;}
.title_prohot h2{ font-size:28px;}
.prolist .right_box .proli{ width:49%;}
.prolist .right_box .proli:nth-child(3n){margin-right:2%;}
.prolist .right_box .proli:nth-child(even){margin-right:0}
.menu .menu_center{height:72px;line-height:36px;background:url(../images/hr-3.png) repeat-x left center #2c5ca8;}
.menu .menu_center ul li{width:33.33333333%; background-color:inherit;}
.menu .menu_center ul li div{top:72px; width:300%;}
.menu .menu_center ul li div.dd1{ left:-100%}
.menu .menu_center ul li div.dd2{ left:-200%}
.menu .menu_center ul li div.dd3{ top:36px}
.menu .menu_center ul li div a{ float:left; width:50%; border-bottom:1px solid #f8f8f8}
.menu .menu_center ul li div a:nth-child(2n+1){ background:url(../images/hr-2.png) repeat-y right top}
.map{ height:338px;}
.ly-tab ul li.liz{ width:100%;}
.ly-tab ul li.lib{ padding-top:15px;}
.ly-tab ul li.li10 input{ width:48.5%; padding:0;}
.ly-tab ul li.li10 input#reset{ margin-left:3%;}
}