@charset "UTF-8";
/*yuan*/
body{width: 100%;margin: 0;padding: 0;}
.clear{ clear:both; width:100%; height:0px;}
.h60{ clear:both; width:100%; height:60px;}
input{border:0;outline:none;font-family:Microsoft Yahei; /*去除边框*/}
.mob{
    display: none;
}
.header_warp{
    display: block;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
}
.banner{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
}
.banner2{ width:100%;}
.bannerimg2{ display:none;}
.bannerimg{ width:100%;}
.bannerimg img{width: 100%;display: block;}
.download_list{ width:70%; margin:0px auto; padding-top:25px; overflow:hidden;}
.download_list ul li{ width:100%; height:72px; border-bottom:1px dashed #c7c7c7;}
.download_list ul li span{ font-size:16px; color:#5d5d5d; float:left; line-height:72px;font-weight:600;
transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
}
.download_list ul li a{ display:inline-block; float:right; height:72px; line-height:72px; padding-right:27px; background:url(/public/static/home/images/download_04.png) no-repeat center right; color:#b7b7b7; font-size:12px; font-weight:600;
transition: 0.7s;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -ms-transition: 0.7s;
    -o-transition: 0.7s;}
.download_list ul li a:hover{ color:#0a1241; background:url(/public/static/home/images/download_07.png) no-repeat center right;}
.download_list ul li:hover span{ color:#0a1241;}

/*分页*/
.page{
	position: relative;
    width: 100%;
    height: 0.8rem;
    overflow: hidden;
    margin-top: 0.3rem !important;
}
.page ul{
    display: inline-block;
    text-align: center;
    width: 100%;
}
.page ul li{
    width: 34px !important;
    height: 34px;
    float: none !important;
    margin-right: 0 !important;
    margin-bottom: 4.5px !important;
    box-sizing: border-box;
    border: 1px solid #eee;
    margin: 4.5px;
    line-height: 34px;
    font-size: 14px;
    text-align: center;
    color: #333;
    overflow: hidden;
    padding: 0 !important;
    display: inline-block;
}
.page ul li span{
	color: #333;
}
.page ul li a{
	color: #333;
}
.page ul li.active{
    border: 1px solid #0a1241 !important;
    color: #fff;
    background-color: #0a1241;
}
.page ul li.active span{
	color: #fff;
}
/*分页 end*/

/*新闻中心*/
.news_list{ width:1440px; margin:0px auto; padding-top:10px; overflow:hidden;}
.news_list ul li{ width:450px; float:left; margin:42px 40px 0px 0px;}
.news_list ul li:nth-child(3n){ margin:42px 0px 0px 0px;}
.newsimg{ width:100%; height:220px; overflow:hidden;}
.newsimg img{ width:100%; height:100%;
transition:1s;
    -webkit-transition:1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
}
.newstime{ margin-top:20px; float:left; padding:8px 16px 12px 14px; border:1px solid #f0f0f0; color:#acacac; font-size:16px; 
transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
.newstime span{ font-size:26px; color:#666;}
.newsinfor{ float: right;  padding-top:20px; width:74%;}
.newstitle{ width:100%; height:34px; overflow:hidden; line-height:34px; color:#4d4d4d; font-size:16px;
transition: 0.7s;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -ms-transition: 0.7s;
    -o-transition: 0.7s;
}
.newstext{ width:100%; height:40px; overflow: hidden; line-height:20px; font-size:13px; color:#b7b7b7;
transition: 0.7s;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -ms-transition: 0.7s;
    -o-transition: 0.7s;
}
.newbox{ width:100%; height:1px; background:#d1d1d1; margin-top:22px;}
.newbox span{ display:block; width:0px; height:1px; background:#091140;
transition: 0.7s;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -ms-transition: 0.7s;
    -o-transition: 0.7s;
}
.news_list ul li a:hover .newstime{ background:#091140; border:1px solid #091140; color:#fff;}
.news_list ul li a:hover .newstime span{ color:#fff;}
.news_list ul li a:hover .newstitle{ color:#091140;}
.news_list ul li a:hover .newstext{ color:#434343;}
.news_list ul li a:hover .newbox span{ width:100%;}
.news_list ul li a:hover .newsimg img{transform: scale(1.1,1.1);}


/*新闻详情*/
.mbx{ width:100%; height:56px; border-bottom:1px solid #dedede;}
.mains{ width:1440px; margin:0px auto; height:56px; line-height:56px; font-size:12px; color:#6f6f6f;}
.mains a{ color:#6f6f6f;}
.mains a:hover{ color:#172367;}
.mains span{ font-family:"宋体"; padding:0px 8px 0px 8px;}
.mains span.current{ font-family:Microsoft Yahei; color:#172367; padding:0px;}

.newsmain{ width:1440px; margin:0px auto; padding-top:40px;padding-bottom: 50px;}
.newsmainleft{ width:1030px; float:left;}
.newshowtit{ width:100%; text-align:center; font-size:24px; color:#172367; font-weight:600; line-height:30px;}
.newsform{ width:100%; height:16px; margin-top:25px; background: url(/public/static/home/images/point_03.jpg) repeat-x center center; text-align:center;}
.newscent{ display:inline-block; padding:0px 0px 0px 20px; height:16px; background:#fff; font-size:0px;}
.newscent span{ padding-left:25px; height:16px; display:inline-block; font-size:12px; color:#989898; padding-right:25px;}
.newscent a{ padding-left:25px; height:16px; display:inline-block; font-size:12px; color:#989898;margin-right:25px;}
.newscent span.times{ background:url(/public/static/home/images/newshow_06.png) no-repeat center left;}
.newscent span.author{ background:url(/public/static/home/images/newshow_03.png) no-repeat center left;}
.newscent a.links{ background:url(/public/static/home/images/newshow_09.png) no-repeat center left;}
.newscent a:hover{ color:#172367;}

.newsarticle{ width:100%; padding-top:26px; font-size:14px; line-height:36px; color:#494949;}
.newsarticle img{ max-width:100%; height:auto;}
.newsmainright{ width:355px; float:right;}
.newsbt{ padding-top:23px; font-size:18px; color:#0a1241; height:40px;  font-weight:600;}
.recommends{ width:100%; height:auto;}
.recommends ul li{ width:100%; padding:18px 0px 18px 0px; border-top:1px solid #d3d3d3;}
.recomname{ font-size:16px; color:#353535; height:22px; overflow:hidden; width:100%;}
.recomtext{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:14px; color:#a2a2a2; padding-top:10px;}

.demandmain{ width:1260px; margin:0px auto; overflow:hidden;margin-bottom: 180px;}
.dematit{ width:100%; text-align:center; line-height:40px; padding-top:45px; font-size:30px; color:#0a1241;}
.dematext{ width:100%; text-align:center; line-height:38px; font-size:16px; color:#5a5a5a; padding-top:30px;}
.demaimg{ width:100%; text-align:center; padding-top:60px;}
.demaimg img{ max-width:100%; height:auto;}
.dematit2{ width:100%; text-align:center; line-height:40px; padding-top:80px; font-size:30px; color:#0a1241; padding-bottom:30px;}
.demaninfor{ width:100%; padding:40px 0px 30px 0px; border-bottom:1px dashed #ddd;}
.demaname{ height:20px; line-height:20px; font-size:20px; color:#0a1241; padding-left:10px; border-left:5px solid #0a1241;}
.demancontent{ padding-left:15px; padding-top:10px; font-size:16px; color:#2c2c2c;}
.demancontent ul li{ width:33%; height:50px; line-height:50px; float:left;}
.demancontent ul li span{ color:#666666;}
.emalls{ width:100%; font-size:18px; color:#2c2c2c; padding-top:40px;}
.emalls a{ color:#a51a13;}

/*联系我们*/
.conbd{ width:1145px; margin:0px auto; padding-top:40px;}
.contadb{ width:100%;}
.frame1::-webkit-input-placeholder {
 color:#999;
}
.frame2::-webkit-input-placeholder {
 color:#999;
}
.frame3::-webkit-input-placeholder {
 color:#999;
}
.frame1{ width: 30%;
    height: 40px;
    border-bottom: 1px solid #dbdbdb;
    font-size: 14px;
    color: #444444;
    text-indent: 0.1rem;
    float: left;
    margin-right: 5%;}
.frame2{ width:30%; height:40px; border-bottom:1px solid #dbdbdb; font-size:14px; color:#444444;text-indent: 0.1rem;}
.frame3{     width: 100%;
    height: 100px;
    border: 1px solid #dbdbdb;
    font-size: 14px;
    color: #444444;
    margin-top: 30px;
    text-indent: 10px;
    padding-top: 10px;
    padding-left: 0px;}
.inputs{     width: 200px;
    margin: 0px auto;
    margin-top: 30px;
    height: 40px;
    text-align: center;
    line-height: 40px;
        font-size: 16px;
    letter-spacing: 5px;
    color: #fff;
    background: #233bc9;
    display: block;}

.lines{ width:100%; height:2px; margin-top:110px; background:#e0e0e0;display: none;}

.conaddrelb{ width:1145px; margin:0px auto;}
.conaddrelb ul li{ width:65%; float:left; padding-top:80px;}
.conaddrelb ul li:nth-child(2n){ width:35%;}
.conaddname{ font-size:23px; color:#233bc9; letter-spacing:1px;}
.conaddnamen{ font-size:14px; color:#a9a9a9; text-transform:uppercase; padding-top:5px;letter-spacing:1px;}
.conaddmin{ font-size:14px; color:#555555; line-height:40px;}

.coninform{ width:100%;  padding-top:290px; position:relative; overflow:hidden;}
.conindbg{height:430px; padding-top:105px; width:100%;background:#eff2f5;}
.coninfors{ width:1145px; margin:0px auto;}
.conphoto{ position:absolute; right:10%; top:90px; width:658px;}
.conphoto img{ width:100%; height:auto;}
.connames{ font-size:34px; color:#152bab; letter-spacing:1px;}
.contexts{ width:560px; font-size:16px; line-height:48px; color:#535353; padding-top:25px;}
.map{ width:100%; height:650px;}


/*冷库造价*/
.costprice{ width:1280px; margin:0px auto; overflow:hidden;}
.costbt{ width:100%; padding-top:68px; font-size:32px; color:#363636; text-align: center;}
.costbox{ width:35px; margin:0px auto; height:3px; background:#000000; margin-top:25px;}

.costlist{ width:1280px; margin:0px auto; padding-top:60px;}
.costlist ul li{ width:320px; height:630px; float:left; position:relative;}
.costbg{ position:absolute; z-index:0; background:rgba(165,26,19,0.85); left:0px; top:0px; width:100%; height:100%;
opacity: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;
transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
}
.costico{ width:76px; height:76px; margin:0px auto; overflow:hidden; margin-top:100px; z-index:1;position:relative;}
.costico img{ width:100%; height:auto; margin:0px;
transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;}
.costname{ width:100%; font-size:22px; color:#a51a13; padding-top:40px; text-align:center; letter-spacing:1px; z-index:1;position:relative;
transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
.costnamen{ font-size:16px; line-height:26px; color:#a51a13; padding-top:20px;  text-align:center; text-transform:uppercase; z-index:1;position:relative;
transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
.costext{ width:75%; margin:0px auto; padding-top:95px; font-size:16px; color:#fff; line-height:26px; text-align:center; z-index:1; position:relative;opacity: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;
transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.costlist ul li:hover .costbg{ opacity: 1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;}
.costlist ul li:hover .costico img{ margin-top:-76px;}
.costlist ul li:hover .costname{ color:#fff;}
.costlist ul li:hover .costnamen{ color:#fff;}
.costlist ul li:hover .costext{ opacity: 1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; padding-top:65px;}


.costcase{ width:100%; height:695px; background:url(/public/static/home/images/cost_16.jpg) repeat center top; margin-top:105px;}
.costbt2{ width:100%; padding-top:60px; font-size:32px; color:#fff; text-align: center;}
.costbox2{ width:35px; margin:0px auto; height:3px; background:#fff; margin-top:25px;}

.costcastlb{ width:1280px; margin:0px auto; font-size:0px; text-align:center;}
.costcastlb ul li{ display:inline-block; margin:45px 70px 0px 90px; font-size:20px; cursor:pointer;}
.costcasico{ width: 100%; height:64px; text-align:center;}
.costcastname{  width:100%; text-align:center; color:#ffffff; height:46px; }
.costcastlb ul li.act .costcastname{border-bottom:5px solid #a51a13;}

.costlbcon{ width:1280px; margin:0px auto; padding-top:10px;}
.costlbcon ul{ width:100%; display:none;}
.costlbcon ul li{     
    margin: 22px 10px 0px 10px;
    float: left;
    border: 1px solid #fff;
    padding: 30px 14px 0px 25px;
    width: 365px; 
    height:86px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
.costlicons{ width:68px; float:left;}
.costlinfors{ float:left; width:77%;}
.costlnames{font-size:16px; color:#ffffff; font-weight:600;}
.costlnames2{font-size:14px; color:#ffffff; padding-top:10px;}
.costlbcon ul li:hover{ border:1px solid #a51a13;}

/*案例*/
.caseclass{ width:1440px; margin:0px auto; padding-top:30px;}
.caseclass ul li{ width:205px; float:left; text-align:center;}
.caseclass ul li a.acts .caseiconame{ color:#a51a13;}
.caseicon{ width:72px; height:72px; margin:0px auto; border:1px solid #091140; -moz-border-radius: 50%;  -webkit-border-radius: 50%;  border-radius:50%;}
.cion1{ background:url(/public/static/home/images/caseico_18.png) no-repeat center center #fff;}
.cion2{ background:url(/public/static/home/images/caseico_15.png) no-repeat center center #fff;}
.cion3{ background:url(/public/static/home/images/caseico_03.png) no-repeat center center #fff;}
.cion4{ background:url(/public/static/home/images/caseico_05.png) no-repeat center center #fff;}
.cion5{ background:url(/public/static/home/images/caseico_12.png) no-repeat center center #fff;}
.cion6{ background:url(/public/static/home/images/caseico_07.png) no-repeat center center #fff;}
.cion7{ background:url(/public/static/home/images/caseico_09.png) no-repeat center center #fff;}
.cion1,.cion2,.cion3,.cion4,.cion5,.cion6,.cion7{
	transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;}
.caseiconame{ width:100%; padding-top:14px; color:#2b2b2b; font-size:16px; height:16px; text-align:center;}
.caseclass ul li a:hover .caseiconame{ color:#091140;}
.caseclass ul li a:hover .cion1{ background:url(/public/static/home/images/caseico_182.png) no-repeat center center #091140;background-size: 50%;}
.caseclass ul li a:hover .cion2{ background:url(/public/static/home/images/caseico_152.png) no-repeat center center #091140;background-size: 50%;}
.caseclass ul li a:hover .cion3{ background:url(/public/static/home/images/caseico_032.png) no-repeat center center #091140;background-size: 50%;}
.caseclass ul li a:hover .cion4{ background:url(/public/static/home/images/caseico_052.png) no-repeat center center #091140;background-size: 50%;}
.caseclass ul li a:hover .cion5{ background:url(/public/static/home/images/caseico_122.png) no-repeat center center #091140;background-size: 50%;}
.caseclass ul li a:hover .cion6{ background:url(/public/static/home/images/caseico_072.png) no-repeat center center #091140;background-size: 50%;}
.caseclass ul li a:hover .cion7{ background:url(/public/static/home/images/caseico_092.png) no-repeat center center #091140;background-size: 50%;}

.caseclass ul li a.acts .cion1{ background:url(/public/static/home/images/caseico_182.png) no-repeat center center #a51a13;border: 1px solid #a51a13;}
.caseclass ul li a.acts .cion2{ background:url(/public/static/home/images/caseico_152.png) no-repeat center center #a51a13;border: 1px solid #a51a13;}
.caseclass ul li a.acts .cion3{ background:url(/public/static/home/images/caseico_032.png) no-repeat center center #a51a13;border: 1px solid #a51a13;}
.caseclass ul li a.acts .cion4{ background:url(/public/static/home/images/caseico_052.png) no-repeat center center #a51a13;border: 1px solid #a51a13;}
.caseclass ul li a.acts .cion5{ background:url(/public/static/home/images/caseico_122.png) no-repeat center center #a51a13;border: 1px solid #a51a13;}
.caseclass ul li a.acts .cion6{ background:url(/public/static/home/images/caseico_072.png) no-repeat center center #a51a13;border: 1px solid #a51a13;}
.caseclass ul li a.acts .cion7{ background:url(/public/static/home/images/caseico_092.png) no-repeat center center #a51a13;border: 1px solid #a51a13;}

.caselist{ width:1440px; margin:0px auto; overflow:hidden;}
.caselist ul li{ width:442px; height:300px; float:left; padding:56px 56px 0px 0px;}
.caselist ul li a{ display:block; position:relative; width:100%; height:100%; overflow:hidden;}
.caselist ul li:nth-child(3n){ padding:56px 0px 0px 0px;}
.caseimg{ width:100%; height:100%; overflow:hidden;}
.caseimg img{ width:100%; height:100%;display: block;
transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
.caselist ul li a:hover .caseimg img{transform: scale(1.1,1.1);}
.casenames{ width:100%; height:60px; text-align:center; line-height:60px; font-size:20px; color:#fff; position:absolute; left:0px; bottom:-60px; background:rgba(9,17,64,0.75);
transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;}

.caselist ul li a:hover .casenames{ bottom:0px;}

/*案例详情*/
.casemain{ width:1440px; margin:0px auto;}
.casetitle{ width:100%; text-align:center; font-size:28px; color:#091140; line-height:36px; padding-top:35px;}
.casems{ width:100%; font-size:14px; color:#333; line-height:36px; padding:20px 0px 20px 0px;margin-bottom: 50px;}
.casetexts{ width:100%; padding-top:15px; font-size:14px; color:#333; line-height:36px;}
.casetexts img{ max-width:100%;}

.caserelated{ width:1440px; margin:0px auto;margin-bottom: 50px;}
.caseretit{ width:100%; height:40px; border-bottom:1px solid #091140;}
.caseretit span{ display:block; width:170px; height:40px; line-height:40px; text-align:center; background:#091140; color:#fff; font-size:16px;}

.casecoms2{ display:none;}

.casecoms{ width:1440px; margin:0px auto; padding-top:30px;  position:relative;}
.casecoms .prev{ display:block; width:24px; height:24px; background:#e9e9e9; position:absolute; font-family:"宋体"; text-align:center; line-height:24px; font-size:14px; color:#4a4a4a; font-weight:600; top:-36px; right:34px;}
.casecoms .next{ display:block; width:24px; height:24px; background:#e9e9e9; position:absolute; font-family:"宋体"; text-align:center; line-height:24px; font-size:14px; color:#4a4a4a; font-weight:600; top:-36px; right:0px;}
.casecoms .prev:hover{ color:#fff; background:#091140;}
.casecoms .next:hover{ color:#fff; background:#091140;}
.casetabs{ width:100%; overflow:hidden;}
.casetabs ul li{ width:480px; float:left; }
.casetabs ul li a{ display:block; width:440px; height:100%;}
.casetabs ul li:nth-child(2) a{ margin:0px auto;}
.casetabs ul li:nth-child(5) a{ margin:0px auto;}
.casetabs ul li:nth-child(7) a{ margin:0px auto;}
.casetabs ul li:nth-child(3n) a{ float:right;}
.caseconimg{ width:100%; height:290px; overflow:hidden;}
.caseconimg img{ width:100%; height:100%;
transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;}
.caseconames{ width:100%; height:60px; line-height:60px; text-align:center; font-size:16px; color:#474747;
transition: 0.7s;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -ms-transition: 0.7s;
    -o-transition: 0.7s;
}
.casetabs ul li a:hover .caseconimg img{transform: scale(1.1,1.1);}
.casetabs ul li a:hover .caseconames{ color:#fff; background:#091140;}


.servicemin{ width:1440px; height:auto; padding-top:50px; margin:0px auto; padding-bottom:15px; background:url(/public/static/home/images/touy_03.jpg) no-repeat center bottom;}
.servicetab{ width:1440px; height:90px; background:#f4f4f4; padding-top:20px;}
.servicetab ul li{ width:159px; float:left; text-align:center; height:70px; border-right:1px dashed #cccccc;}
.servicetab ul li a{ display:block; width:100%; height:100%;}
.servicetab ul li:nth-child(9n){ border:none;}
.serviveicon{ width:100%; height:45px;}

.sericon1{ background:url(/public/static/home/images/services_1-2.png) no-repeat center center;}
.sericon2{ background:url(/public/static/home/images/services_2-2.png) no-repeat center center;}
.sericon3{ background:url(/public/static/home/images/services_3-2.png) no-repeat center center;}
.sericon4{ background:url(/public/static/home/images/services_4-2.png) no-repeat center center;}
.sericon5{ background:url(/public/static/home/images/services_5-2.png) no-repeat center center;}
.sericon6{ background:url(/public/static/home/images/services_6-2.png) no-repeat center center;}
.sericon7{ background:url(/public/static/home/images/services_7-2.png) no-repeat center center;}
.sericon8{ background:url(/public/static/home/images/services_8-2.png) no-repeat center center;}
.sericon9{ background:url(/public/static/home/images/services_9-2.png) no-repeat center center;}

.servicetab ul li.act .sericon1{ background:url(/public/static/home/images/services_1.png) no-repeat center center;}
.servicetab ul li.act .sericon2{ background:url(/public/static/home/images/services_2.png) no-repeat center center;}
.servicetab ul li.act .sericon3{ background:url(/public/static/home/images/services_3.png) no-repeat center center;}
.servicetab ul li.act .sericon4{ background:url(/public/static/home/images/services_4.png) no-repeat center center;}
.servicetab ul li.act .sericon5{ background:url(/public/static/home/images/services_5.png) no-repeat center center;}
.servicetab ul li.act .sericon6{ background:url(/public/static/home/images/services_6.png) no-repeat center center;}
.servicetab ul li.act .sericon7{ background:url(/public/static/home/images/services_7.png) no-repeat center center;}
.servicetab ul li.act .sericon8{ background:url(/public/static/home/images/services_8.png) no-repeat center center;}
.servicetab ul li.act .sericon9{ background:url(/public/static/home/images/services_9.png) no-repeat center center;}

/*.servicetab ul li a:hover .sericon1{ background:url(/public/static/home/images/services_1.png) no-repeat center center;}
.servicetab ul li a:hover .sericon2{ background:url(/public/static/home/images/services_2.png) no-repeat center center;}
.servicetab ul li a:hover .sericon3{ background:url(/public/static/home/images/services_3.png) no-repeat center center;}
.servicetab ul li a:hover .sericon4{ background:url(/public/static/home/images/services_4.png) no-repeat center center;}
.servicetab ul li a:hover .sericon5{ background:url(/public/static/home/images/services_5.png) no-repeat center center;}
.servicetab ul li a:hover .sericon6{ background:url(/public/static/home/images/services_6.png) no-repeat center center;}
.servicetab ul li a:hover .sericon7{ background:url(/public/static/home/images/services_7.png) no-repeat center center;}
.servicetab ul li a:hover .sericon8{ background:url(/public/static/home/images/services_8.png) no-repeat center center;}
.servicetab ul li a:hover .sericon9{ background:url(/public/static/home/images/services_9.png) no-repeat center center;}
.servicetab ul li a:hover .servicenames{ color:#091140;}*/
.servicetab ul li.act .servicenames{ color:#091140;}
.servicenames{ width:100%; height:24px; line-height:24px; text-align:center; font-size:14px; color:#353535;}

.sermains{ width:1440px; margin:0px auto; padding-top:50px;padding-bottom: 100px;}
.sertitles{ width:100%; line-height:46px; text-align: center; font-size:32px; color:#0a1241; font-weight:600;}
.serbox{ width:100%; height:5px; border-top:1px solid #b7b7b7; margin-top:20px;}
.serbox span{ display:block; width:85px; height:5px; background:#091140; margin:0px auto; margin-top:-3px;}
.sertexts{ width:100%; padding-top:35px; font-size:15px; line-height:36px; color:#353535}
.sertexts img{ max-width:100%; height:auto;}

.serchlist{ width:1440px; margin:0px auto; padding-top:20px; overflow:hidden;}
.serchlist ul li{ width:440px; float:left; height:350px;padding:40px 60px 0px 0px;}
.serchlist ul li:nth-child(3n){ padding:40px 0px 0px 0px;}
.serchlist ul li a{ display:block; width:100%; height:100%;}
.serchimg{ width:100%; height:290px; overflow:hidden;}
.serchimg img{ width:100%; height:100%;
transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
.serchname{ width:100%; height:60px; line-height:60px; text-align:center; color:#474747; font-size:16px;
transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.serchlist ul li a:hover .serchimg img{transform: scale(1.1,1.1);}
.serchlist ul li a:hover .serchname{ color:#fff; background:#091140;}

/*常见问题*/
.clear{
    clear: both;
}
.problem_new{
    width: 1440px;
    margin: 0 auto;
    margin-top: 42px;
}
.problem_new ul{
    width: 100%;
}
.problem_new ul li{
    width: 32%;
    height: 320px;
    float: left;
    margin-right: 2%;
    margin-bottom: 30px;
    box-sizing: border-box;
}
.problem_new ul li a{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #eeeff4;
    box-sizing: border-box;
    padding: 8%;
    transition: all 0.5s;
}
.problem_new ul li:nth-child(3n){
    margin-right: 0;
}
.problem_new ul li h1{
    font-size: 12px;
    color: #666;
    font-weight: normal;
    margin-top: 4px;
}
.problem_new ul li h2{
    font-size: 18px;
    color: #333;
    font-weight: normal;
    margin: 3px 0 17px;
    letter-spacing: 1px;
    height: 21px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.problem_new ul li h3{
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
    margin-bottom: 27px;
}
.problem_new ul li h4{
    font-size: 14px;
    color: #666;
    font-weight: normal;
    line-height: 26px;
    height: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.problem_new ul li h5{
    width: 70px;
    height: 20px;
    background-color: #cdcdcd;
    margin-top: 30px;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 25px;
}
.problem_new ul li:hover a{
    background-color: #172367;
    box-shadow: 5px 5px 10px #999;
    margin-top: -10px;
    transition: all 0.3s;
}
.problem_new ul li:hover h1,.problem_new ul li:hover h2,.problem_new ul li:hover h4{
    color: #fff;
}
.problem_new ul li:hover h3{
    background-color: #fff;
}
.problem_new ul li:hover h5{
    background-color: #fff;
    color: #172367;
}
.problem_more{
    width: 244px;
    height: 52px;
    background-color: #172367;
    display: block;
    margin: 26px auto 50px;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
    line-height: 52px;
    text-align: center;
}
/*常见问题 end*/

/*产品中心*/
.product_warp{
    width: 1440px;
    margin: 0 auto;
    margin-top: 52px; 
}
.product_warp ul{
    width: 100%;
    overflow: hidden;
    margin-bottom: 44px;
}
.product_warp ul li{
    width: 32%;
    height: 250px;
    overflow: hidden;
    float: left;
    margin-right: 2%;
    margin-bottom: 30px;
}
.product_warp ul li:nth-child(3n){
    margin-right: 0;
}
.product_warp ul li h1{
    height: 100%;
    float: left;
    background-color: #d3d3d3;
    writing-mode: vertical-rl;
    font-size: 20px;
    color: #494949;
    line-height: 100%;
    padding: 0 4.5%;
    text-align: center;
    letter-spacing: 5px;
    font-weight: normal;
}
.product_warp ul li .product_img{
    width: 85%;
    height: 100%;
    float: left;
    overflow: hidden;
}
.product_warp ul li .product_img img{
    width: 100%;
    height: 100%;
    display: block;
    transition: all 0.5s;
}
.product_warp ul li:hover h1{
    color: #fff;
    background-color: #0a1241;
    transition: all 0.5s;
}
.product_warp ul li .product_img:hover img{
    transform: scale(1.2,1.2);
    transition: all 0.5s;
}

.product_list{
    width: 1440px;
    margin: 0 auto;
    margin-top: 35px;
    overflow: hidden;
    margin-bottom: 50px; 
}
.product_list .left{
    width: 22.22%;
    float: left;
    border: 1px solid #e2e2e2;
}
.product_list .left h1{
    width: 100%;
    height: 44px;
    background-color: #0a1241;
    font-size: 18px;
    color: #fff;
    line-height: 44px;
    font-weight: bold;
    text-indent: 0.2rem;
}
.product_list .left ul.topnav {
    width: 100%;
    font-size: 14px;
    color: #484848;
    line-height: 45px;
}
.product_list .left ul.topnav li a {
    line-height: 45px;
    font-size: 14px;
    padding: 0 15px;
    color: #484848;
    display: block;
    border-bottom: 1px dashed #d2d2d2;
}
.product_list .left ul.topnav li:last-child a{
    border-bottom: none;
}
.product_list .left ul.topnav li.on a {
    background-color:#2f3d8a;
    color:white;
}
.product_list .left ul.topnav li a:focus {
    background-color: #fff;
    color:#0a1241;
}
.product_list .left ul.topnav li a:hover {
	background-color: rgba(47, 61, 138, 0.5);
    color: white;
}
.product_list .left ul.topnav li.on a:hover {
	background-color:#2f3d8a;
    color:white;
}
.product_list .left ul.topnav ul {
    margin: 0;
    padding: 0;
    display: none;
}
.product_list .left ul.topnav ul li {
    margin: 0;
    padding: 0;
    clear: both;
}
.product_list .left ul.topnav ul li a {
    margin: 0 14px;
    padding-left: 13px;
    padding-right: 3px;
    font-size: 12px;
    line-height: 40px;
    font-weight: normal;
    outline:0;
    border-bottom: 1px dashed #d2d2d2;
}
.product_list .left ul.topnav ul li:last-child a{
    border-bottom: 1px dashed #d2d2d2;
}
.product_list .left ul.topnav li:last-child ul li:last-child a{
    border-top: 1px dashed #d2d2d2;
    border-bottom: none;
}
.product_list .left ul.topnav li.on ul a {
    background-color:#fff;
    color:#484848;
}
.product_list .left ul.topnav li.on ul a:hover {
    background-color: #fff;
    color:#0a1241;
}
.product_list .left ul.topnav ul li a:hover {
    background-color: #fff;
    color:#0a1241;
}
.product_list .left ul.topnav ul li a.cur {
    background-color: #fff;
    color:#0a1241;
}

.product_list .left ul.topnav span{
    float: right;
    font-size: 14px;
    font-family: 宋体;
}
.product_list .right{
    width: 75.1%;
    float: right;
}
.product_list .right .cp_nav{
    display: none;
}
.product_list .right ul{
    width: 100%;
    overflow: hidden;
}
.product_list .right ul li{
    width: 31%;
    float: left;
    margin-right: 3.5%;
    margin-bottom: 23px;
}
.product_list .right ul li:nth-child(3n){
    margin-right: 0;
}
.product_list .right ul li .right_img{
    width: 100%;
    height: 220px;
    overflow: hidden;
}
.product_list .right ul li .right_img img{
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.product_list .right ul li .right_img:hover img{
    transform: scale(1.2,1.2);
    transition: all 0.5s;
}
.product_list .right ul li p{
    width: 100%;
    height: 45px;
    font-size: 14px;
    color: #474747;
    line-height: 45px;
    text-align: center;
    letter-spacing: 1px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.product_list .right ul li:hover p{
    background-color: #091140;
    color: #fff;
}
/*产品中心 end*/




.sjhead{ display:none;}


/*客服*/

.floating_ck {
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 99999999999;
}
.floating_ck dl a{text-decoration: none;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#0a1241;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd span{text-decoration: none;}
.floating_ck dl dd:hover{background-color:#a9261f;}
.floating_ck dl dd:hover .floating_left{display:block;}
.floating_ck dl dd:hover .floating_left1{display:block;}
.consult{background-image:url(/public/static/home/images/zxicon.png);}
.words{background-image:url(/public/static/home/images/tel1.png);}
.quote{background-image:url(/public/static/home/images/kficon.png);}
.qrcord{background-image:url(/public/static/home/images/erweima.png);}
.return{background-image:url(/public/static/home/images/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;font-size:14px}
.floating_left{position:absolute;left: -145px;top:0px;width: 145px;height:80px;background-color:#a9261f;display:none;font-size:18px;}
.floating_left1{position:absolute;left:-160px;top:0px;width:160px;height:30px;background-color:#a9261f;display:none; font-size:18px;}
 .floating_left1 a{color:#fff;line-height:30px; display:block; padding-top:10px;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height: 160px;top: -40px;}
.floating_gh{height:80px;bottom:10px; font-size:14px; text-align: center; padding-left:3px;}
.floating_ewm i{background-image:url(/public/static/home/images/17.jpg);display:block;width:120px;height:120px;margin:auto;margin-top:7px;}
.floating_ewm u{background-image:url(/public/static/home/images/17.jpg);display:block;width: 120px;height:120px;background-size: 100%;margin:auto;margin-top: 10px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}