body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, select, p, th, td { margin: 0; padding: 0 }
body, td, th, span { color: #444; font-family: "微软雅黑"; font-size: 12px }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
li { list-style: none }
a { color: #444; text-decoration: none }
a:hover { color: #f80; text-decoration: none }
img { border: 0; vertical-align: middle }
.clear { clear: both }
.hide { display: none }

/*body*/
body { background: #fff }

/*pages*/
.pages { width: 100%; float: left; text-align: center; margin: 10px 0 }
.pages .curr { color: #fff; background-color: #dd474d }
.pages .curr a { color: #fff; background-color: #dd474d; border: 1px solid #dd474d }
.pages .curr a:hover { color: #fff }
.pages a { color: #666; background-color: #fff; padding: 7px 12px; border: 1px solid #dedede }
.pages a:hover { color: #fff; background-color: #dd474d; border: 1px solid #dd474d }
.pages span { margin: 0 3px }
.apages { width: 100%; float: left; text-align: center; margin: 10px 0 }
.apages .curr { color: #fff; background-color: #dd474d }
.apages .curr a { color: #fff; background-color: #dd474d; border: 1px solid #dd474d }
.pages .curr a:hover { color: #fff }
.apages a { color: #666; background-color: #fff; padding: 7px 12px; border: 1px solid #dedede }
.apages a:hover { color: #fff; background-color: #dd474d; border: 1px solid #dd474d }
.apages span { margin: 0 3px }

/*newbanner
.block_home_slider {position: relative;text-align: center;width:100%; float:left;}
.block_home_slider .slide {position:relative;}
.block_home_slider .flex-direction-nav a { width:50px; height:50px; display:block; position:absolute; top:50%; margin-top:-25px; text-indent:-9000px;}
.block_home_slider .flex-direction-nav a.flex-prev { left:50%; margin-left:-590px; background:url(../images/left1.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next { right:50%; margin-right:-590px; background:url(../images/right1.png) no-repeat}
.block_home_slider .flex-control-paging { position:absolute; bottom:10px; left:50%; margin-left:-33px;}
.block_home_slider .flex-control-paging li { float:left; margin:0 3px;}
.block_home_slider .flex-control-paging li a { width:16px; height:16px; border-radius:16px; display:block; background-color:#fff; text-indent:-9000px; cursor:pointer;}
.block_home_slider .flex-control-paging li a.flex-active { background-color:#f00;}
.flexslider { margin: 0; padding: 0;}
.flexslider .slides > li { display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img { width: 100%; display: block;}*/

/*banner*/
#banner { width: 100%; float: left; height: 360px; position: relative }
.ulBanner { width: 100%; height: 360px }
.ulBanner li { position: absolute; width: 100%; height: 360px }
.ulBannerNav { position: absolute; bottom: 20px; left: 50%; margin-left: -33px; z-index: 10 }
.ulBannerNav li { float: left; background: #fff; margin: 0 3px; width: 16px; height: 16px; display: block; cursor: pointer; border-radius: 16px }
.ulBannerNav li.on { background: #0078ca; cursor: pointer }

/*----- Banner样式 -----
#banner { width:100%; text-align:center; z-index:0; position:relative; overflow:hidden;}
#banner a.banner_prev{width:50px; height:50px; background:url(../images/left1.png) no-repeat; position:absolute; left:50%; margin-left:-590px; top:50%; margin-top:-25px; text-indent: -5000px; z-index:999;}
#banner a.banner_next{width: 50px; height:50px; background:url(../images/right1.png) no-repeat; position:absolute; right:50%; margin-right:-590px; top:50%; margin-top:-25px;  text-indent: -5000px;}
#slide{width:100%; height:480px; position:relative;}
.bannerImg{ position:relative;}*/

/*common*/
#header { width: 100%; float: left }
.header { width: 1000px; height: 130px; margin: 0 auto }
.logo { width: 97px; height: 100px; float: left; margin: 30px 0 0 -100px }
.phone { float: right; font-style: italic; font-weight: bold; margin: 10px 0 0 0 }
.phonetitle { color: #5d5d5d; font-size: 14px; float: left; height: 28px; line-height: 38px; background: url(../images/phone.png) no-repeat left; padding-left: 30px }
.phonecontent { color: #da0000; font-size: 24px; line-height: 33px; float: left }
.nav { float: right; margin: 5px 0 0 0 }
.nav li { width: 80px; float: left; text-align: center; margin-left: 40px }
.navcn { width: 100%; float: left; color: #333; font-size: 20px }
.naven { width: 100%; float: left; color: #898889; font-family: "Arial"; margin-top: 5px }
.nav li a:hover .navcn, .nav li a.hover .navcn { color: #d93037 }
.main { width: 100%; float: left }
.bgfff { background-color: #fff }
.bgf8 { background-color: #f8f8f8 }
.bgf6 { background-color: #f6f6f6 }
#link { width: 100%; height: 94px; float: left; background: url(../images/linkbg.png) no-repeat center }
.link { width: 1000px; margin: 0 auto }
.link span { width: 200px; height: 22px; float: left; margin: 40px 20px 0 0 }
.link div { width: 780px; height: 22px; float: left; margin: 40px 0 0 -123px }
.link div a { color: #666666; font-family: "宋体"; font-size: 19px }
#footer { width: 100%; height: 220px; float: left; background: url(../images/bottombg.jpg) no-repeat center }
.footer { width: 1000px; margin: 39px auto 38px auto }
.footerleft { width: 88px; height: 90px; padding: 29px 40px 24px 0; float: left; border-right: 1px solid #515151 }
.footercenter { width: 90px; height: 90px; padding: 10px 40px 27px 40px; float: left; border-left: 1px solid #111111 }
.footerright { width: 700px; float: left }
.footerright p { width: 700px; float: left; font-family: "宋体"; font-weight: bold; color: #ccc; line-height: 27px }
.footerright span { width: 600px; float: left; margin-top: 5px; font-family: "宋体"; color: #ccc; line-height: 20px }
.footerright ul { width: 600px; float: left }
.footerright ul li { float: left; font-family: "宋体"; color: #ccc; line-height: 40px }
.footerright ul li a { float: left; font-family: "宋体"; color: #ccc }
.footerright .copyRight { width: 600px; float: left; font-family: "宋体"; color: #ccc; line-height: 27px }

/*default*/
.bannerBottom { width: 996px; margin: 0 auto }
.bannerBottom li { width: 166px; float: left }
.bannerBottomImage { width: 98px; height: 98px; float: left; margin: 34px 34px 10px 34px }
.bannerBottomImage img { width: 86px; height: 86px; padding: 6px }
.bannerBottomTitle { width: 166px; text-align: center; height: 60px; float: left; color: #444; font-size: 18px; line-height: 22px }
.bben { color: #999999; font-size: 14px; font-family: "Arial"; display: none }
.bannerBottom li:hover { background-color: #fff }
.bannerBottom li:hover .bannerBottomImage { background: url(../images/homeicohover.png) no-repeat center }
.bannerBottom li:hover .bben { display: block }
.showCaseHome { width: 1000px; margin: 0 auto }
.showCase_title { width: 1000px; float: left; text-align: center; font-size: 24px; color: #d93037; padding-top: 30px }
.spanen { color: #999; font-family: "Arial"; font-size: 24px; margin-left: 10px }
.showCase_content { width: 1000px; float: left; padding-bottom: 20px }
.scc_title { width: 600px; float: left; margin: 30px 200px }
.scc_title span { cursor: pointer; width: 98px; height: 38px; float: left; border: 1px solid #dedede; margin: 0 10px; border-radius: 2px; text-align: center; line-height: 38px; color: #333; font-size: 14px }
.scc_title span:hover, .scc_title span.hover { width: 100px; height: 40px; border: 0px solid #dedede; background: url(../images/titlehover1.png) no-repeat; line-height: 40px; color: #fff }
.scc_title span:hover a, .scc_title span.hover a { color: #fff }
/*.scc_content { width: 1020px; float: left }*/
/*.scc_content li { width: 235px; float: left; margin: 0 20px 20px 0 }*/
.scc_content { display: flex; flex-wrap: wrap; width: 1000px; }
.scc_content.hide { display: none }
.scc_content li { flex: 0 0 33.333%; max-width: 33.333%; box-sizing: border-box; }
.scc_content li>a { position: relative; display: block; overflow: hidden; background: #fff }
.scc_content li>a figure { position: relative; margin: 0; overflow: hidden }
.scc_content li>a figure::before { content: ""; display: block; background-size: cover; background-position: 50%; padding-bottom: 75% }
.scc_content li>a figure img { display: inline-block; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 0; object-fit: cover }
.scc_content li>a:hover figure img { transform: scale3d(1.1, 1.1, 1) }
.scc_content li>a figcaption { opacity: 0; display: flex; justify-content: center; align-items: center; position: absolute; inset: 0; width: 100%; padding-left: 10px; padding-right: 10px; box-sizing: border-box; text-align: center; font-size: 20px; color: #fff; background: rgba(0, 0, 0, .8); transition: all .3s ease }
.scc_content li>a:hover figcaption { opacity: 1; }
.casedesign { width: 1000px; margin: 0 auto; padding-bottom: 40px }
.casedesign_content { width: 1000px; }
.casedesign_content ul { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px }
.casedesign_content ul li { flex: 0 0 25%; max-width: 25%; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
.casedesign_content ul li:nth-child(n+5) { margin-top: 20px; }
.casedesign_content ul li>a { position: relative; display: block; overflow: hidden; background: #fff }
.casedesign_content ul li>a figure { position: relative; margin: 0; overflow: hidden }
.casedesign_content ul li>a figure::before { content: ""; display: block; background-size: cover; background-position: 50%; padding-bottom: 120% }
.casedesign_content ul li>a figure img { display: inline-block; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 0; object-fit: cover }
.casedesign_content ul li>a:hover figure img { transform: scale3d(1.1, 1.1, 1) }
.casedesign_content ul li>a figcaption { opacity: 0; display: flex; justify-content: center; align-items: center; position: absolute; inset: 0; width: 100%; padding-left: 10px; padding-right: 10px; box-sizing: border-box; text-align: center; font-size: 20px; color: #fff; background: rgba(0, 0, 0, .8); transition: all .3s ease }
.casedesign_content ul li>a:hover figcaption { opacity: 1; }
.casedesign_content ul li>a span { display: block; width: 100%; height: 60px; padding: 0 10px; line-height: 60px; text-align: center; font-size: 14px; color: #fff; background: #111; box-sizing: border-box; transition: all .3s ease }
.casedesign_content ul li>a:hover span { background: #d93037 }
.case_image { width: 235px; float: left; height: 145px }
.case_title { width: 235px; float: left; height: 60px; line-height: 60px; text-align: center; background-color: #111; color: #fff; font-size: 14px }
.aboutUs { width: 1000px; margin: 0 auto; min-height: 30px; background: url(../images/title1.png) no-repeat center top }
.aboutUs_left { width: 380px; height: 280px; float: left; padding: 50px 0; margin-right: 45px }
.aboutUs_right { width: 575px; float: right; padding: 50px 0 }
.aboutUs_right_title { width: 545px; float: left; background: url(../images/lictico1.png) no-repeat left; padding-left: 30px; height: 48px; line-height: 70px; font-size: 24px; color: #d93037 }
.aboutUs_right_content { width: 575px; float: left; color: #333; font-size: 14px; line-height: 25px; margin-top: 20px }
.ourTeam { width: 1000px; margin: 0 auto; min-height: 30px; background: url(../images/title2.png) no-repeat center top }
.teamList { float: left; padding-bottom: 40px }
.teamList li { float: left; margin: 0 6px 6px 0; position: relative; cursor: pointer }
.teamHover { display: none; position: absolute; bottom: 0; width: 100%; height: 50px; background: url(../images/titlehover2.png) no-repeat right 20px center #da484b; font-size: 20px; color: #fff; text-indent: 18px; padding: 15px 0 }
.teamHover span { font-size: 16px; color: #fff; text-indent: 18px; float: left }
.teamList li:hover .teamHover { display: block }
.news { width: 1000px; margin: 0 auto; min-height: 30px; background: url(../images/title1.png) no-repeat center top }
.news_content { width: 1000px; float: left; padding-bottom: 40px }
.news_left_div { width: 350px; height: 286px; float: left; position: relative }
.news_left { width: 350px; height: 286px; float: left }
.news_left li { width: 350px; height: 286px; float: left; position: absolute }
.news_left_image { width: 348px; height: 230px; border: 1px solid #ecdbcd; border-bottom: 0 }
.news_left_image img { width: 348px; height: 230px }
.news_left_title { width: 280px; height: 55px; padding-right: 70px; line-height: 55px; background-color: #f6eada; color: #9d7657; font-size: 16px; text-indent: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_leftNav { position: absolute; bottom: 21px; right: 10px; z-index: 20 }
.news_leftNav li { float: left; background: #fff; margin-left: 5px; width: 12px; height: 12px; border-radius: 12px; display: block; cursor: pointer }
.news_leftNav li.on { background: #b89172 }
.news_center { width: 315px; height: 286px; float: left; margin-left: 20px }
.news_center li { width: 300px; float: left; background: url(../images/listico2.png) no-repeat 0 9px; padding: 0 0 15px 15px; margin-bottom: 15px; border-bottom: 1px dotted #c6c6c6 }
.news_center_title { width: 300px; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.news_center_title a { font-size: 14px; color: #333333 }
.news_center_title a:hover { color: #d94f53 }
.news_center_content { width: 300px; float: left; font-size: 12px; color: #666666; font-family: "宋体"; line-height: 21px; margin-top: 6px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: break-word; -webkit-line-clamp: 2; text-overflow: ellipsis }
.news_right { width: 280px; float: right }
.news_right_image { width: 280px; height: 130px; float: left }
.news_right_content { width: 280px; float: left; margin-top: 8px }
.news_right_content li { width: 265px; float: left; background: url(../images/listico2.png) no-repeat left; padding-left: 15px; line-height: 35px; border-bottom: 1px dotted #c6c6c6 }
.news_right_content li a { font-size: 12px; color: #666666; font-family: "宋体"; display: block; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.news_right_content li span { float: right; font-family: "宋体"; color: #999 }
.customer { width: 1000px; margin: 0 auto }
.leftIco { background: url(../images/left2.png) no-repeat; width: 15px; height: 26px; margin: 37px 10px 0 0; float: left; cursor: pointer }
.rightIco { background: url(../images/right2.png) no-repeat; width: 15px; height: 26px; margin: 37px 0 0 10px; float: right; cursor: pointer }
.customer_content { width: 970px; height: 100px; float: left }
.customer_content ul { width: 970px; height: 100px; float: left }
.customer_content ul li { width: 160px; height: 100px; float: left; margin: 0 15px }

/*neiye*/
#bannerny { width: 100%; height: 300px; float: left }
#box { width: 100%; float: left; background: url(../images/linkbg.png) no-repeat bottom; padding-bottom: 80px }
.box { width: 1000px; margin: 0 auto }
.box_top { width: 1000px; height: 7px; float: left; background: url(../images/listbg.png) no-repeat 207px; margin-top: 20px }
.box_left { width: 210px; float: left }
.boxleft_title { width: 185px; float: left; line-height: 40px; border-bottom: 2px solid #cd4848; font-size: 20px; color: #cd4848; padding-left: 25px }
.boxleft_title span { font-family: "Arial"; font-size: 18px; color: #cd4848; margin-left: 5px }
.boxleft_content { width: 210px; float: left }
.boxleft_content li { width: 210px; float: left; border-bottom: 1px dotted #cccccc }
.boxleft_content li a { width: 180px; height: 50px; line-height: 50px; display: block; padding-left: 30px; background: url(../images/listico3.png) no-repeat 10px 20px; font-size: 14px; color: #333333 }
.boxleft_content li a:hover, .boxleft_content li a.hover { background: url(../images/listico4.png) no-repeat 10px 20px; color: #cd4848 }
.box_right { width: 750px; float: left; padding-left: 39px; border-left: 1px solid #e5e5e5 }
.boxright_title { width: 750px; float: left; line-height: 42px; border-bottom: 1px solid #cccccc; font-size: 18px; color: #333333 }
.boxright_title span { font-size: 14px; color: #666666; background: url(../images/sitemapico.png) no-repeat left; padding-left: 17px; float: right }
.boxright_title span a { color: #666666 }
.boxright_content { width: 750px; float: left }

/*new list*/
.newList { width: 750px; float: left; margin-top: 10px }
.newList li { width: 750px; float: left; border-bottom: 1px dotted #cccccc; padding: 15px 0 }
.new_image { width: 200px; height: 140px; float: left; margin-right: 20px }
.new_image img { width: 200px; height: 140px }
.new_right { width: 520px; float: left }
.new_title { width: 100%; float: left; line-height: 25px; font-size: 16px; color: #333333 }
.new_title span { float: right; font-size: 14px; color: #666666 }
.new_content { width: 100%; float: left; line-height: 25px; height: 80px; font-size: 14px; color: #666666; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: break-word; -webkit-line-clamp: 3; text-overflow: ellipsis; }
.new_more { width: 100%; float: left; line-height: 25px }
.new_more a { float: right; color: #cb4141; padding-right: 15px; font-family: "Arial" }
.pagebar { float: left; width: 100%; margin-top: 20px; padding: 20px 0 }
.pagebar .pagination { display: flex; justify-content: center }
.pagebar .pagination a, .pagebar .pagination span { min-width: 36px; height: 36px; line-height: 36px; text-align: center; color: #606266; font-size: 16px; padding: 0 12px; margin: 0 6px; background: #f0f2f5; border-radius: 3px; box-sizing: border-box; text-decoration: none }
.pagebar .pagination a.page-size { font-size: 20px }
.pagebar .pagination a:hover, .pagebar .pagination a.page-num-current { color: #fff; background: #dd474d }
.pageno { padding: 20px 0; text-align: center; font-size: 14px; color: #999 }
.d-none{ display: none }

/*new content*/
.newContent { width: 750px; float: left }
.newcon_title { width: 750px; float: left; padding: 30px 0; line-height: 30px; font-size: 18px; color: #333333; text-align: center }
.newcon_content { width: 750px; float: left; line-height: 25px; font-size: 14px; color: #333333 }
.newcon_precnext { width: 750px; float: left; border-top: 1px solid #dedede; color: #333333; padding-top: 5px; margin-top: 20px }
.newcon_precnext p { width: 750px; float: left; line-height: 25px }
.newcon_precnext p a { color: #333333 }

/*contact*/
.box_contact { width: 1041px; float: left; margin-top: 80px }
.contactDiv { width: 304px; height: 248px; float: left; border: 1px solid #dedede; margin-right: 41px }
.contact_image { width: 120px; height: 100px; float: left; margin: -50px 92px 0 92px }
.contact_title { width: 304px; float: left; text-align: center; font-size: 18px; color: #333333; padding: 15px 0 }
.contact_content { width: 234px; float: left; font-size: 14px; color: #333333; padding: 0 35px; line-height: 25px }

/*service*/
.box_service { width: 1041px; float: left; margin-top: 30px }
.serviceDiv { width: 320px; height: 220px; float: left; margin: 0 20px 20px 0 }
.service_image { width: 320px; height: 160px; float: left }
.service_title { width: 220px; height: 60px; line-height: 60px; float: left; padding-left: 100px; font-size: 16px; color: #fff }
.service_title span { font-family: "Arial"; font-size: 12px; color: #fff; margin-left: 5px }
.servicebg1 { background: url(../images/service1.jpg) no-repeat left #55bcda }
.servicebg2 { background: url(../images/service2.jpg) no-repeat left #00a99d }
.servicebg3 { background: url(../images/service3.jpg) no-repeat left #f4ca59 }
.servicebg4 { background: url(../images/service4.jpg) no-repeat left #97cb6f }
.servicebg5 { background: url(../images/service5.jpg) no-repeat left #d74941 }
.servicebg6 { background: url(../images/service6.jpg) no-repeat left #ff9a37 }
.boxleft_service { width: 210px; float: left }
.boxleft_service li { width: 210px; float: left; border-bottom: 1px dotted #cccccc }
.boxleft_service li a { width: 160px; height: 50px; line-height: 50px; display: block; padding-left: 50px; font-size: 14px; color: #333333 }
.boxleft_service li a:hover, .boxleft_service li a.hover { color: #cd4848 }
.leftico1 { background: url(../images/serviceico1.png) no-repeat 9px 13px }
.leftico2 { background: url(../images/serviceico2.png) no-repeat 9px 20px }
.leftico3 { background: url(../images/serviceico3.png) no-repeat 9px 16px }
.leftico4 { background: url(../images/serviceico4.png) no-repeat 9px 14px }
.leftico5 { background: url(../images/serviceico5.png) no-repeat 9px 11px }
.leftico6 { background: url(../images/serviceico6.png) no-repeat 9px 13px }

/*在线客服*/
#customer { position: absolute; top: 180px; right: 0; overflow: hidden; z-index: 3000; font-size: 12px; display: none }
.customerTitle { width: 30px; height: 120px; overflow: hidden; background: url(../images/consultonline.gif) no-repeat 0 0; float: left; text-indent: -100px }
.customerTitle a { display: block; overflow: hidden; width: 30px; height: 120px }
.customerBox { border: 1px solid #dbdbdb; border-top: 3px solid #c40000; background: #fff; width: 108px; overflow: hidden; float: left }
.serviceTit { color: #8c0108; text-align: center; line-height: 35px; height: 35px; overflow: hidden; text-transform: uppercase; font-weight: bold }
.customerBox ul { margin: 0 5px; padding: 8px 0; overflow: hidden; border-top: 1px solid #8c0108 }
.customerBox ul li { padding: 4px; overflow: hidden }
.customerBox ul li a { display: block; height: 24px; line-height: 24px; overflow: hidden; color: #8c0108 }
.backTop { margin: 0 5px; overflow: hidden; padding: 10px 0; background: url(../images/backtop.gif) no-repeat 14px center; text-align: center; font-weight: bold; border-top: 1px solid #8c0108 }
.backTop a { color: #165bc1 }
#customerClose { position: absolute; top: 180px; right: 0; width: 30px; height: 120px; overflow: hidden; background: url(../images/consultonline.gif) no-repeat -30px 0; text-indent: -999px }
#customerClose a { display: block; height: 120px }