@charset "utf-8";
/* CSS Document */
/*
*********************************
武汉中网维优网络科技有限公司
http://www.wuhan163.com
联系电话：027-87862018
客服QQ：15035405
*********************************
*/
/*----------------------------通用---------------------------------------*/

body { font-size: 14px; font-family: "微软雅黑"; background: #fff; }
* { padding: 0; margin: 0; }
a { text-decoration: none; color: #333; }
ul, li { list-style: none; }
img { border: 0; max-width: 100%; }
input { font-family: "微软雅黑"; outline: none; }
.cl { clear: both; height: 0px; }
.fl { float: left; }
.fr { float: right; }
.all { width: 1200px; margin: 0 auto; }
.all1 { width: 1200px; margin: 0 auto; overflow: hidden; position: relative; }
.all2 { width: 1200px; margin: 0 auto; position: relative; }
.red { color: #d7171f; }
/*--setTable--*/

.settab { width: 600px; margin: 0 auto; }
.settab_nav { width: 100%; height: 40px; background: #fff; }
.settab_nav ul { font-size: 0; }
.settab_nav ul li { width: 25%; height: 40px; line-height: 40px; font-size: 16px; color: #333; border: 1px solid #ccc; text-align: center; display: inline-block; box-sizing: border-box; cursor: pointer; }
.tab_active { background: #333 !important; color: #fff !important; }
.settab_con { padding: 20px; box-sizing: border-box; border: 1px solid #ccc; margin-top: 10px; }
.settab_item { display: none; }
/*--head--*/


.head { width: 100%; height: 85px; z-index: 99; position: fixed; top: 0; left: 0; background-color: rgb(255, 255, 255, 0); }
.logo { width: 270px; height: 85px; position: relative; margin-right: 40px; }
.logo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.nav > ul > li { float: left; position: relative; height: 85px; line-height: 85px; width: 70px; text-align: right; }
.nav > ul > .active { font-weight: bold; }
.nav li a { font-size: 18px; color: #fff; }
.son { width: 110%; position: absolute; top: 85px; left: 50%; transform: translateX(-50%); background: #fff; display: none; box-shadow: 0 0 5px 0 #999; }
.son li:hover a { background: #005495; color: #fff; }
.nav .son li { width: 100%; height: 40px; line-height: 40px; }
.son li a { display: block; font-size: 16px; color: #333; text-align: center; height: 40px; line-height: 40px; padding: 0 15px; }
.nav ul li:hover .son { display: block; }
.nav > ul > li.enclass { width: 55px; }
.search { width: 90px; height: 85px; text-align: center; position: relative; padding: 32px 0; box-sizing: border-box; }
.search:hover .s-input { display: block; }
.s-input { width: 250px; position: absolute; top: 85px; right: 0; background: #fff; padding: 20px 30px; box-sizing: border-box; box-shadow: 0 0 6px 1px #666; display: none; border-radius: 2px; }
.input-box { width: 118px; border: 1px solid #999; padding-left: 25px; color: #999; background: url(img/s1.png) no-repeat left center; display: inline-block; vertical-align: middle; height: 25px; }
.s-input input { width: 100%; border: none; line-height: 25px; }
.s-input button { width: 40px; display: inline-block; line-height: 25px; font-size: 12px; color: #333; border: 1px solid #999; vertical-align: middle; }
/*--banner--*/


.silde-one { background: url("img/ban1.jpg") center no-repeat; background-attachment: fixed; width: 100%; background-size: cover; height: 100vh; min-height: 480px; }
.silde-one .swiper-slide { width: 100%; overflow: hidden; }
.silde-one img { width: 100%; transform: scale(1.2, 1.2); transition: all 8s; }
.swiper-slide-active img { transform: scale(1, 1); }
.banner-pagination div { width: 150px; height: 2px; opacity: 1; border-radius: 0; margin: 0 5px; background: rgba(0, 0, 0, 0.3); position: relative; overflow: hidden; }
.banner-pagination div p { position: absolute; top: 0; left: -150px; width: 150px; height: 2px; background: #fff; float: left; }
.banner-pagination div .login { -webkit-transform: translateX(150px); -ms-transform: translateX(150px); transform: translateX(150px); -webkit-transition: -webkit-transform 5s linear; transition: transform 5s linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.swiper-con { width: 1200px; position: absolute; top: 80%; left: 50%; transform: translate(-50%, -30%); text-align: left; color: #fff; transition: all .5s; }
.swiper-con h2 { font-size: 56px; }
.swiper-con p { font-size: 18px; margin-top: 18px; line-height: 40px; }
.swiper-opcity { opacity: 1; transform: translate(-50%, -50%); }
.swiper-prev, .swiper-next { display: block; position: absolute; z-index: 1; top: 46%; left: 5%; z-index: 1; width: 34px; height: 60px; background: url(img/ban_prev.png) no-repeat center; cursor: pointer; }
.swiper-next { left: auto; right: 5%; background: url(img/ban_next.png) no-repeat center; }
/*--首页--*/

.index { position:relative; }
.index-one { padding-bottom: 40px;/* background: url(img/index_bx.png) no-repeat center;*/}
.index-title { font-size: 34px; color: #000; text-align: left; position: relative; letter-spacing: 1px; font-weight: bold; height: 136px; line-height: 136px; }
.news-list { }
.news-list1 { width: 590px; margin-right: 15px; float: left; }
.news-list1-1 { }
.news-list1-1 i { width: 100%; height: 530px; overflow: hidden; display: block; border-radius: 6px; }
.news-list1-1 i img { width: 100%; height: 530px; transition: all 1s; }
.news-list1-1:hover img { transform: scale(1.1, 1.1); }
.news-list1-1 p { height: 60px; line-height: 60px; font-size: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.news-list1-1 span { margin-top: 30px; display: block; }
.news-list1-1 span a { display: block; width: 227px; height: 59px; line-height: 59px; border: 1px solid #000; text-align: center; font-size: 22px; font-weight: bold; background: url(img/jz2.png) #fff no-repeat 86% center;}


.news-list2 { width: 595px; float: left; }
.news-list2 ul li { width: 290px; float: left; margin-right: 15px; position: relative; margin-bottom: 20px; }
.news-list2 ul li i { overflow: hidden; display: block; border-radius: 6px; height: 290px; width: 100%; }
.news-list2 ul li i img { transition: all 1s; width: 100%; }
.news-list2 ul li:hover img { transform: scale(1.1, 1.1); }
.news-list2 ul li p { height: 44px; line-height: 44px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.news-list2 ul li:nth-child(2n) { margin-right: 0; }
.index_two { background: url("img/ban1.jpg") center no-repeat; background-attachment: fixed; width: 100%; background-size: cover; height: 350px; padding: 5px 0; }
.index_two h2 { font-size: 52px; padding-top: 90px; padding-bottom: 15px; color: #fff; }
.index_two span { font-size: 20px; color: #fff; line-height: 40px; }
.news-list a { }
.news-list a:hover { color: #000; }

.news-list1-1 span a:hover{ border: 1px solid #000; background: url(img/jz1.png) #000 no-repeat 86% center; color:#fff; transition: all .5s; }


/*--news--*/

.index-four { background: #f2f2f2; }
.Inews-nav { margin-top: 60px; text-align: center; }
.Inews-nav .item-one { display: inline-block; font-size: 16px; color: #333; line-height: 30px; background: #fff; padding: 0 25px; border-radius: 4px; border: 1px solid #e4e4e4; margin: 0 15px; }
.Inews-nav .Inews_active { border: 1px solid #c51f17; }
.new-box { margin-top: 60px; }
.new-left { width: 447px; height: 286px; position: relative; margin-right: 30px; }
.new-left p { font-size: 16px; color: #fff; width: 100%; line-height: 50px; text-align: center; background: rgba(0, 0, 0, .5); position: absolute; bottom: 0; left: 0; }
.new-right { width: 723px; }
.new-right ul li { border-bottom: 1px solid #e0dfdf; padding: 17px 0; font-size: 0px; }
.time { font-size: 12px; color: #b9b6b6; display: inline-block; width: 95px; text-align: center; vertical-align: middle; border-right: 1px solid #d6d6d6; }
.time span { font-size: 32px; color: #929292; display: block; }
.new-con { display: inline-block; margin-left: 25px; vertical-align: middle; }
.new-con div { font-size: 16px; color: #333; margin-bottom: 10px; }
.new-con p { font-size: 14px; color: #888888; }
.new-icon { display: inline-block; vertical-align: middle; width: 80px; height: 60px; background: url(img/more.png) no-repeat center; float: right; }
.new-con div:hover { color: #c51f17; }
.new-icon:hover { background: url(img/more1.png) no-repeat center; }
.indexdt { margin-top: 85px; }
.indexlist1 .head, .indexlist4 .head, .indexlist6 .head, .indexlist5 .head, .indexlist7 .head, .indexlist8 .head { background-color: rgb(0, 0, 0, 1); }
/*--foot--*/

.foot { background: #EFEFEF; }
.address { box-sizing: border-box; }

.address0 { width: 88px; float: left; margin-top:8px; margin-right:10px; }
.address0 img{ width:100%;}
.address1 { width: 820px; float: left; }
.address1 ul li { line-height: 34px; font-size: 16px; color: #555; }

.address1 ul li span{ display:block; float:left; width:20px; height:20px; background-size:13px 13px !important; margin-top:7px; margin-right:5px; background-color:#B4B4B4; border-radius: 50%;}
.address1 ul li.pr1 span { background: url(img/d1.svg) #B4B4B4 no-repeat center; }
.address1 ul li.pr2 span { background: url(img/d2.svg) #B4B4B4 no-repeat center; }
.address1 ul li.pr3 span { background: url(img/d3.svg) #B4B4B4 no-repeat center; }


.address2 { width: 280px; float: left; position: relative; margin-top: 20px; }
.address2 ul { margin-top: -81px; }
.address2 ul li { width: 50px; float: left; margin-right: 65px; position: relative; }
.address2 ul li span { display: block; height: 50px; width: 50px; border-radius: 50%; float: left; background-size:38px 38px !important;  }
.address2 ul li.pr1 span { background: url(img/e1.svg) #B4B4B4 no-repeat center;  }
.address2 ul li.pr2 span { background: url(img/e4.png) #B4B4B4 no-repeat center; }
.address2 ul li.pr3 span { background: url(img/e3.svg) #B4B4B4 no-repeat center; }
.address2 ul li.pr1 span:hover,.address2 ul li:nth-child(1).d span { background: url(img/e1_1.svg) #fff no-repeat center; background-size: 45px 45px !important; }
.address2 ul li.pr2 span:hover,.address2 ul li:nth-child(2).d span { background: url(img/e4_4.png) #fff no-repeat center; }
.address2 ul li.pr3 span:hover,.address2 ul li:nth-child(3).d span { background: url(img/e3_3.svg) #080102 no-repeat center; background-size: 45px 45px !important;}



.address2 ul li div { position: absolute; display: none; width: 80px; height: 88px; background: url(img/wxb.png); top: 50%; left: 50%; transform: translate(-50%, 40%); }
.address2 ul li.d div { display: block; }
.address2 ul li div img { margin: 13px 5px; width:70px; }
.address2 ul li:nth-child(3n) { margin-right: 0; }
.copy, .copy a { width: 100%; line-height: 70px; font-size: 16px; color: #555; text-align: center; background: #EFEFEF; }
/*--关于我们--*/

.about-banner { width: 100%; }
.about-banner1 { width: 1200px; position: absolute; top: 80%; left: 50%; transform: translate(-50%, -30%); text-align: left; }
.about-banner h2 { color: #fff; transition: all .5s; font-size: 50px; line-height: 56px; }
.about-banner h5 { color: #fff; font-size: 30px; font-weight: normal; line-height: 80px; }
.about_bannerlr { background: #000; height: 85px; }
.about_bshow { background: #000; height: 85px; }
.pgleft { width: 320px; float: left; margin-right: 40px; padding-top: 40px; position:absolute; }
.pgleft h2 { height: 40px; line-height: 40px; font-size: 20px; }
.pgleft ul li { width: 100%; border-bottom: 1px dotted #555; color: #555; height: 50px; line-height: 50px; font-size: 18px; }
.pgleft ul li a { color: #555; }
.pgleft ul li:hover a { color: #CF000D; }
.pgleft ul li.active { }
.pgleft ul li.active a { color: #CF000D; }
.pgleft ul li span { display: block; width: 38px; height: 38px; float: left; }
.pgleft ul li.active span { background: url(img/j1.png) left 16px no-repeat; background-size: 19px; }
.pgright { width: 840px; padding-top: 40px; overflow: hidden; margin-left: 360px; }
.pgright h2 { height: 50px; line-height: 50px; font-size: 32px; }
.copage { text-align: left; font-size: 18px; margin: 0px auto; width: 98%; line-height: 36px; }
.copage p { margin-top: 15px; }
.copage img { max-width: 100% !important; height: auto !important; }
/*--高品团队单页--*/

.tdlist { margin-top: 30px; }
.tdlist ul li { width: 200px; float: left; margin-right: 120px; text-align: center; margin-bottom: 40px; }
.tdlist ul li img { width: 100%; transition: all 1s; border-radius: 50%; overflow: hidden; }
.tdlist ul li:hover img { }
.tdlist ul li:nth-child(3n) { margin-right: 0; }
.tdlist ul li h2 { font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.tdlist ul li span { font-size: 16px; }
.khlist { margin-top: 30px; }
.khlist ul li { width: 260px; float: left; margin-right: 30px; text-align: center; margin-bottom: 25px; }
.khlist ul li img { width: 100%; border-radius: 0; }
.khlist ul li:nth-child(3n) { margin-right: 0; }
.zplist { }
.zplist h5 { line-height: 140px; height: 140px; font-size: 22px; font-weight: normal; border-top: 1px #EFEFEF solid; border-bottom: 1px #EFEFEF solid; margin-top: 29px; }
.zplist ul li { padding-bottom: 30px; margin-top: 30px; border-bottom: 1px #EFEFEF solid; }
.zplist ul li h2 { line-height: 60px; font-size: 30px; font-weight: normal; height: 60px; }
.zplist ul li p { font-size: 18px; line-height: 36px; color: #555; }
.lxlist { }
.lxlist .lxlist_tx { line-height: 36px; font-size: 18px; font-weight: normal; border-top: 1px #EFEFEF solid; border-bottom: 1px #EFEFEF solid; margin-top: 29px; margin-bottom: 20px; padding: 20px 0; }
/* pages */



.pages UL { margin-top: 20px; text-align: center; }
.pages UL LI { width: auto; border: 1px solid #ccc; margin-bottom: 30px; color: #888; display: inline-block; padding: 6px 10px; text-align: center; margin-right: 6px; }
.pages UL LI span { line-height: 35px; margin: 0 10px; }
.pages UL LI a { display: block; color: #888; }
.thisclass { display: block; }
.pages UL LI select { border: 0; background: none; color: #888; }
.pages UL LI:hover { border: 1px solid #d7100e; color: #d7100e; }
.pages UL LI:hover a { color: #d7100e; }
.thisclass { background: #d7100e !important; border: 1px solid #d7100e !important; color: #fff !important; }
.thisclass a { color: #fff !important; }
/*--新闻--*/

/*case.html start*/

.case { width: 1200px; margin: 0 auto; }
.case_class ul { margin-bottom: 30px; width: 1200px; height: 100px; }
.item_list { position: relative; padding: 0px; background-color: #fff; width: 1200px; }
.item { width: 280px; background: #fff; margin: 0px 20px 20px 0px; padding: 0px; overflow: hidden; overflow: hidden; box-shadow: 0px 0px 9px 0px rgba(200,200,200,0.35); border-radius: 10px; box-sizing: border-box; }
.item_hover { width: 280px; margin: 0px 20px 20px 0px; padding: 0px; overflow: hidden; box-shadow: 0px 0px 9px 0px rgba(200,200,200,0.35); border-radius: 10px; box-sizing: border-box; }
.item dl { padding: 0px 0px 0px 0px; margin: 0px; width: 280px; overflow: hidden; background: #FFFFFF; }
.item dt a { display: block; border-radius: 10px; overflow: hidden; }
.item dt img { width: 100% !important; height: auto !important; -webkit-transition: all 0.3s ease-out; -khtml-transition: all 0.3s ease-out; transition: all 1s; }
.item dt img:hover { transform: scale(1.1, 1.1); }
.case_name { font-size: 18px; text-align: left; line-height: 50px; height: 50px; }
.case_name a { color: #000; display: block; padding: 0 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.case_int { color: #999; line-height: 20px; padding: 20px; display: none; }
.case_int a { color: #999; }
.item_hover .case_int { color: #333; }
.item_hover a:hover { color: #000; }
.case_tag { text-align: left; margin: 10px 0; margin-left: 20px; }
.case_tag a { display: inline-block; background: #666; color: #fff; height: 15px; line-height: 15px; text-align: center; padding: 2px 4px; margin-right: 5px; }
.case_tag a:hover { color: #fff; }
/* to_top */

/*case.html end*/
/*关于我们样式*/

.addr { background: #f5f5f5; padding: 80px 0; }
.address_tit { text-align: center; line-height: 40px; font-size: 36px; color: #000000; }
.address_list { border: solid 1px #e6e6e6; box-sizing: border-box; margin-top: 58px; }
.address_list ul li { width: 33.33%; float: left; border-left: solid 1px #e6e6e6; box-sizing: border-box; background: #fff; padding: 102px 40px 68px 40px; background: #fff; text-align: center; }
.address_list li .address_icon { height: 56px; }
.address_icon img { max-height: 100%; }
.address_list li .min_tit { line-height: 30px; font-size: 24px; color: #000000; margin-top: 24px; padding-bottom: 38px; background: url(skin/img/add_line.gif) repeat-x 0 bottom; }
.address_list li .address_text { line-height: 24px; font-size: 16px; color: #666666; margin-top: 35px; height: 100px; }
/*map样式开始*/

.map_page { padding-bottom: 40px; }
.map_list ul li:nth-child(1) { border-left: 1px solid #e6e6e6; }
.map_list ul li { width: 25%; float: left; border-right: solid 1px #e6e6e6; box-sizing: border-box; text-align: center; padding-bottom: 66px; }
.map_img { height: 138px; margin-top: 75px; }
.map_text { line-height: 30px; font-size: 18px; color: #666666; margin-top: 40px; height: 60px; }
.BMap_bubble_content { font-size: 16px; }
/*--2020-11-26新增表单--*/


.con_body { margin-top: 40px; }
.con_body label { width: 32%; display: block; float: left; margin-bottom: 30px; margin-right: 2%; }
.con_body label:nth-child(3n) { margin-right: 0; }
.con_body label input { width: 100%; height: 40px; border: 1px solid #ccc; padding: 0 10px; box-sizing: border-box; }
.con_body .textarea textarea { width: 100%; height: 140px; border: 1px solid #ccc; padding: 5px 10px; box-sizing: border-box; }
.coolbg { display: block; width: 120px; line-height: 40px; font-size: 18px; color: #fff; background: #f58100; margin: 30px auto 0; border: 1px solid #f58100; }
/*--公司简介--*/

.about-bg { background: url(img/section-bg-pattern.png); }
.bout-con { margin-top: 60px; }
.about-left { width: 570px; height: 384px; position: relative; }
.img-box { position: absolute; top: 50%; left: 50%; width: 384px; height: 384px; transform: translate(-50%, -50%); }
.img-box img { border-radius: 50%; overflow: hidden; }
.about-right { width: 630px; padding: 10px; box-sizing: border-box; }
.about-right p, .about-right span, .about-right { font-size: 14px; color: #666; line-height: 28px; text-indent: 30px; }
/*--企业文化--*/

.white { color: #fff !important; }
.about-two { width: 100%; height: 515px; background: url(img/about-bg.jpg) no-repeat center; box-sizing: border-box; }
.about-two ul { margin-top: 95px; }
.about-two li { width: 33.33%; float: left; text-align: center; }
.about-two li .a-icon { width: 100%; height: 55px; position: relative; }
.a-icon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.a-tit { font-weight: 700; font-size: 24px; color: #fff; margin-top: 30px; position: relative; }
.a-tit:after { content: ''; width: 30px; height: 2px; position: absolute; bottom: -24px; left: 50%; transform: translateX(-50%); background: #fff; }
.a-desc { margin-top: 50px; font-size: 16px; color: #fff; }
.aobut-nav { margin-bottom: 40px; }
.aobut-nav ul li { line-height: 30px; margin: 0 10px; display: inline-block; background: #ebebeb; padding: 0 20px; border-radius: 6px; cursor: pointer; }
.about-active { background: #d7100e !important; color: #fff; }
/*产品中心内页*/


.pro_top_img { width: 100%; border: 1px solid #e4e4e4; padding: 10px; margin: 35px 0 50px; box-sizing: border-box; }
.imgMedium { position: relative; }
.imgLeft { float: left; position: relative; width: 582px; }
.imgLeft .magnifier { position: absolute; display: none; width: 200px; height: 200px; }
.mediumContainer { width: 580px; height: 401px; border-bottom: 1px solid #eee; overflow: hidden; }
#zhezhao { width: 580px; height: 400px; background: transparent; position: absolute; top: 0; border: 1px solid transparent; }
#zhezhao:hover { cursor: move; }
.img_x { width: 560px; height: 100px; margin: 0 auto; }
.img_x li { width: 130px !important; height: 98px; float: left; border: 2px solid transparent; padding: 10px 6px; }
.img_x li img { width: 100%; height: 100%; }
.img_u { width: 320px; height: 280px; border: 1px solid #eee; float: right; margin-left: 15px; overflow: hidden; display: none; }
.mediumContainer img { width: 100%; height: 100%; }
.img_u { position: absolute; right: -340px; bottom: -100px; z-index: 555; box-shadow: 0 0 6px 3px #999; }
.pro_top_img .imgRight { float: left; width: 320px; padding: 0 20px; }
.pro_top_img .ny_tit { font-size: 24px; color: #333333; line-height: 50px; border-bottom: 1px solid #e4e4e4; }
.nll { font-size: 16px; line-height: 30px; color: #707070; }
.pro_top_img .border { margin-top: 15px; height: 20px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
.cpms { margin-top: 50px; width: 100%; height: auto; }
.hhd { width: 520px; margin: 0 auto; overflow: hidden; position: relative; }
.pro_top_img .prev { display: block; width: 28px; height: 75px; background: #999 url(img/left22.png) no-repeat center; position: absolute; bottom: 25px; left: 0px; }
.pro_top_img .prev:hover { background: #999 url(img/left11.png) no-repeat center; }
.pro_top_img .next { display: block; position: absolute; width: 28px; height: 75px; background: #999 url(img/right22.png) no-repeat center; bottom: 25px; right: 0px; }
.pro_top_img .next:hover { background: #999 url(img/right11.png) no-repeat center; }
.tit_right { float: left; width: 546px; margin-left: 30px; }
.pro_p2 { margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px solid #D8D8D8; }
.pro_p1 { min-height: 338px; }
.pro_p1, .pro_p1 span, .pro_p1 div, .pro_p1 p { font-size: 16px; color: #666; line-height: 32px; }
.pro_p1 span { display: inline-block; vertical-align: middle; font-size: 14px; }
.pro_p2 h1 { font-size: 22px; color: #333; display: inline-block; font-weight: 500 }
.proart_title { color: #999999; padding-right: 20px; }
.proart_desc { color: #595959; max-width: 450px; }
.ms_tit { background: #b92833; font-size: 16px; color: #fff; padding: 0 25px; height: 45px; line-height: 45px; width: auto; display: inline-table; cursor: pointer; }
.ms_content { width: 100%; border: 1px solid #e4e4e4; padding: 20px; box-sizing: border-box; }
.pro_img_con { width: 100%; margin: 0 auto; font-size: 16px; color: #595959; line-height: 30px; }
.pro_img_con img { max-width: 100% !important; height: auto !important; }
.desc-tel { border-top: 1px solid #D8D8D8; padding-top: 15px; }
.desc-tel-num { font-size: 27px; color: #d7100e; line-height: 42px; }
.desc-tel-num span { font-size: 20px; color: #333; }
.desc-tel-text { font-size: 14px; color: #666; line-height: 28px; }

.news_article_xtt{ position:relative; }
.art_shiping{ position:absolute;top: 50%; height:60px;
    left: 50%;
    transform: translate(-50%, -50%);}

.news_article_xtt img{ width:100%; }
/*--search--*/

.search_header, .resultbar { margin-top: 50px; width: 800px; margin: 0 auto; overflow: hidden; font-size: 16px; color: #595959; }
.fc_03c { font-size: 18px; font-weight: 700; color: #da251c; }
.result_content { padding: 10px 0 70px 0; width: 800px; min-height: 400px; margin: 0 auto; }
.search_header { text-align: center; margin-top: 130px; }
.search_header input { width: 300px; height: 40px; padding: 0 10px; border: 1px solid #666; }
.search_header button { height: 42px; width: 80px; border: 1px solid #666; }
.sidebar h2 { padding: 20px 0; font-size: 22px; color: #59595; font-weight: 500; }
.resultlist ul li, .resultlist ul a, .resultlist ul small { padding: 20px 0; font-size: 16px; color: #666; line-height: 36px; font-weight: 500; }
.resultlist ul li + li { border-top: 1px solid #eee; }
.resultlist ul li h3 a { font-size: 20px; color: #333; line-height: 40px; font-weight: 500; }
.resultlist ul a:hover { color: #da251c; text-decoration: underline; }
.pagelist td a { font-size: 14px; color: #333; }
.ser_all { text-align: center; margin: 40px 0; }
.ser_art_list p { font-size: 14px; color: #7d7b7b; line-height: 35px; margin-top: 10px; text-align: left; }
/*--新闻内页--*/


.article-banner { margin-top: 85px; }
.news_article { padding-bottom: 30px; padding-top: 50px; }
.news_article h1 { font-size: 42px; font-weight: bold; color: #000; text-align: left; line-height: 60px; }
.art_desc { text-align: left; margin: 20px 0; line-height: 36px; font-size: 16px; color: #555; text-indent: 2em; }
.art_shiping { }
.art_shiping1 { }
.art_shiping1 em { display: block; width: 50%; float: left; font-style: normal; font-size: 30px; margin-bottom: 20px; font-weight: bold; }
.art_shiping1 i { display: none; font-style: normal;
    font-weight: bold;
    text-align: center;
    background: url(img/v.png) no-repeat top center;
    background-size: 80px 80px;
    height: 120px;
    line-height: 230px;
    color: #fff;
    cursor: pointer;
    font-size: 28px;}
.art_shiping1 i.Von { display: block; }
.art_shiping2 img { width: 100%; height: auto !important; }
.new_article_con { margin-top: 35px; padding: 0 0px; box-sizing: border-box; line-height: 36px; }
.new_article_con, .new_article_con span, .new_article_con div, .new_article_con p { font-size: 16px; color: #555; line-height: 36px; }
.new_article_con h2 { font-size: 30px; text-indent: 1em !important; margin-bottom: 20px; }
.new_article_con video { max-width: 100%; }
.new_article_con p { margin-bottom: 20px; }
.zzjg { margin-top: 60px; text-align: center; }
.art_desc .copage { text-align: left; font-size: 16px; margin: 40px auto; width: 96%; line-height: 26px; }
.art_desc .copage p { margin-bottom: 10px; }
.list_fanhuibg { position: fixed; width: 100%; height: 85px; background: rgb(0, 0, 0, 0.8); z-index: 999; left: 0; top: 0; }
.list_fanhui { position: absolute; width: 40px; height: 40px; top: 25px; right: 20px; /*left: 50%; transform: translate(-50%, 0px);*/ }
.list_fanhui span { display: block; }
.list_fanhui span img { width: 100%; }
.new_more { width: 180px; margin: 50px auto; text-align: center; }
.new_more a { display: block; border: 1px solid #000; height: 50px; line-height: 50px; text-align: center; }
.v_open { display: none; position: fixed; left: 0; top: 0; width: 100%; background: #292931; height: 100vh; z-index: 99999; min-height: 480px; }
.q_on { display: block !important; }
.vd_open1 { position: relative; width: 100%; height: 120px; }
.vd_open1_1 { position: absolute; right: 40px; top: 40px; cursor: pointer; }
.vd_open1_1 img { width: 40px; }
.vd_video_player { max-width: 1280px; width: 100vw; margin: 0 auto; min-width: 320px; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 100px; }

.vd_video_player video{ width:100%;}
.don_top { height: 90px; transition: all 0.5s; }
/*--加入我们--*/


.join_list { margin-top: 60px; }
.join_list dd, .join_list dt { font-size: 0; }
.join_list dt { padding: 15px 0; background: #005495; }
.join_list dt span { font-size: 20px; color: #fff; }
.join_list dd span { font-size: 16px; color: #3d3d3d; }
.join_list span { display: inline-block; vertical-align: middle; position: relative; text-align: center; padding: 20px; box-sizing: border-box; }
.join_list span + span:before { content: ''; width: 1px; height: 30px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background: #fff; }
.join_list dd { cursor: pointer; }
.join_list dd span + span:before { background: #d1d1d1; }
.join_list .zw { width: 180px; }
.join_list .zw_desc { width: 360px; }
.join_list dd .zw_desc { text-align: left; }
.join_list .zw_item { width: 164px; }
.font_35 { font-size: 35px !important; color: #005495 !important; }
.join_list dd { border: 1px solid #d1d1d1; border-bottom: none; }
.join_list dd:last-child { border-bottom: 1px solid #d1d1d1; }
.open_desc { padding: 40px; box-sizing: border-box; background: #f3f3f4; display: none; }
.open_desc h3 { font-size: 22px; color: #005495; font-weight: 500; line-height: 50px; }
.open_desc, .open_desc p, .open_desc div, .open_desc span { font-size: 16px; color: #3d3d3d; line-height: 32px; }
.mar_40 { margin-top: 30px; }
.onactive { display: block !important; }
.add_bgr { background: #989898; }
.add_bgr span { color: #fff !important; }
/*侧边样式*/

.Side_left { position: fixed; right: 15px; bottom: 240px; z-index: 999999; opacity: 0.5; }
.Side_left ul li { width: 50px; height: 50px; margin-bottom: 5px; text-align: center; position: relative; cursor: pointer; overflow: hidden; border-radius: 50%; background: #999; }
.toggle { display: none; position: absolute; right: 70px; top: 0; }
.Side_left ul li:hover { background: #111; }
.Side_left ul li:hover .toggle { display: block; }
.Side_left li .cb { width: 100%; height: 50px; position: relative; }
.Side_left li .cb img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 45%; }
.Side_left li span { font-size: 14px; color: #fff; }
.left_tel { background: #005495; color: #fff; font-size: 24px; width: 300px; height: 60px; line-height: 30px; padding: 20px 0; }
.cbewm { width: 130px; }
.ewm { width: 121px; height: 121px; float: left; margin: 0 5px; }
.top_left { bottom: 86px; opacity: 0; transition: all 1s; z-index: -1; }
.oncc { bottom: 0px !important; opacity: 1 !important; transition: all 1s; z-index: 1; }
.cengji { z-index: 999; }
.qqzx { padding-bottom: 20px; background: #005495; }
.qqzx p { font-size: 16px; width: 185px; padding: 8px; color: #fff; }
.qqzx img { vertical-align: middle; }
.qqzx a { font-size: 14px; color: #fff; }
.tel_left p { width: 220px !important; }
/*新加荣誉资质*/
.rony-ban { margin-top: 60px; }
.rony-all { position: relative; }
.rony-all .swiper-button-prev { left: -30px; }
.rony-all .swiper-button-next { right: -30px; }
.swiper-slide { text-align: center; }
.rony-all .swiper-slide img { max-height: 359px; }
.swiper-pagination { display: block; width: 100%; margin-top: 20px; }
.swiper-pagination-bullet { margin: 0 2px; }
.swiper-button-next, .swiper-button-prev { margin-top: 40px !important; }
.new-left img { height: 286px; width: 100%; }
.texr { }
.texr img { float: right; margin-left: 10px; width: 300px; }
.texr99 img { float: left; margin-right: 10px; width: 170px; }
.texr11 img { float: right; margin-left: 10px; width: 300px; }
@media (max-width: 1600px) {
.swiper-con h2 { font-size: 60px; }
}
.jiazhiguan { margin-top: 130px; text-align: center; margin-bottom: 100px; background: url(img/culture.png) bottom center no-repeat; padding-bottom: 400px; }
.jiazhiguan .jzg-list { display: inline-block; text-align: center; margin-top: -40px; }
.jiazhiguan .jzg-list .jzg-list-item { float: left; display: inline-block; width: 230px; height: 230px; position: relative; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: url("img/jzg-bg01.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; margin: 0 60px; -webkit-box-shadow: 2px 2px 5px 2px #C9C8C7; -moz-box-shadow: 2px 2px 5px 2px #C9C8C7; box-shadow: 2px 2px 5px 2px #C9C8C7; }
.jiazhiguan .jzg-list .jzg-list-item:hover { background: url("img/jzg-bg02.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }
.jiazhiguan .jzg-list .jzg-list-item:hover .jzg-item-txt h3 { color: #fff; }
.jiazhiguan .jzg-list .jzg-list-item:hover .jzg-item-txt span { background: #fff; }
.jiazhiguan .jzg-list .jzg-list-item:hover .jzg-item-txt p { color: #fff; }
.jiazhiguan .jzg-list .jzg-list-item img { display: block; width: 100%; }
.jiazhiguan .jzg-list .jzg-list-item .jzg-item-txt { display: inline-block; text-align: center; -webkit-transform: rotate(-45deg) translate(-50%, -50%); -moz-transform: rotate(-45deg) translate(-50%, -50%); -ms-transform: rotate(-45deg) translate(-50%, -50%); -o-transform: rotate(-45deg) translate(-50%, -50%); transform: rotate(-45deg) translate(-50%, -50%); /* margin-left: -3px;
  margin-top: 30px; */ width: 100%; position: absolute; left: 50%; top: 50%; /* transform: translate(-50%,-50%); */ transform-origin: top left; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; }
.jiazhiguan .jzg-list .jzg-list-item .jzg-item-txt h3 { font-size: 24px; color: #d6001b; font-weight: normal;/* margin-top: 40px; */ }
.jiazhiguan .jzg-list .jzg-list-item .jzg-item-txt span { display: block; width: 30px; height: 2px; background: #d6001b; margin: 10px auto; }
.jiazhiguan .jzg-list .jzg-list-item .jzg-item-txt p { font-size: 16px; color: #333; line-height: 26px; }
.copy em { font-style: normal; }
.news-list .mspan { display: none; }
.nav_m { position: absolute; top: 50%; transform: translate(0, -50%); cursor: pointer; display: none; right: 30px; }
.nav_m div { border: 1px solid #fff!important; width: 25px; margin: 8px 0; }
.m-nav-transition { display: none; right: 0px; height: 100%; background-color: #fff; width: 240px; position: fixed; top: 0; z-index: 30; font-size: 14px; line-height: 25px; right: -240px; }
.m-nav-down { position: absolute; bottom: 0px; left: 0; height: 90px; background-color: #555555; padding: 15px 30px; width: calc(100% - 60px); color: #fff; }
.m-nav-down a { color: #fff; }
.m-nav-up { color: #333; padding: 20px 10px 180px 10px; }
.m-nav-up>a>div { border-bottom: 1px solid #818181; padding: 5px; text-transform: uppercase; position: relative; }
.m-nav-next { position: absolute; right: 10px; top: 11px; transform: rotate(0deg); height: 14px; transition: all 0.3s ease-in-out; }
.m-about-nav { display: none; }
.m-about-nav>a>div { border-bottom: 1px solid #818181; padding: 5px 20px }
.m-about-nav-on { display: block !important; }
.m-nav-next-expand img { transform: rotate(90deg); }
.m-shade { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.3); z-index: 200; display: none; }
.head_xt{ height:90px;transition: all 0.5s;  }
.about_bshow_h{ height: 90px;transition: all 0.5s; }
.address4{ display:none;}
.lpc{  display:none;}
.gd_lf{ position: fixed; top:85px;}
 @media (max-width: 750px) {
.all { width: 100%; }
.swiper-con { width: 90%; top: 70%; }
.logo { width: 36%; height: 4.0rem; margin-left: 5%; }
.head { height: 4.0rem; }
.indexdt{ margin-top: 4.0rem;}
.head ul { display: none; }
.nav_m { display: block; }
.swiper-con h2 { font-size: 2rem; }
.swiper-con p { font-size: 1rem; }
.index-one { width: 90%; margin-left: 5%; }
.news-list1 { width: 100%; margin-right: 0; margin-bottom: 1rem; }
.news-list2 { width: 100%; }
.news-list1-1 i img, .news-list1-1 i { height: auto; }
.news-list1-1 span { display: none; }
.news-list1-1 span.mspan { display: block; }
.news-list2 ul li { width: 48%; margin-right: 4%; }
.index_two h2 { font-size: 2rem; width: 90%; margin-left: 5%; padding-top: 4rem; }
.index_two span { font-size: 1rem; width: 90%; margin-left: 5%; display: block; }
.foot { width: 90%; padding: 0 5%; }
.address0{ display:none;} 
.address4 { width: 100%;clear: both; text-align:center; display:block; padding-top:1.5rem;}
.address4 img{ width:30%; }

.address1 { width: 100%; }
.address2 { width: 100%; padding: 0 0 5.5rem 0; }
.address2 ul { margin-top: 2rem; }
.address2 ul li { width: 33%; margin-right: 0; }
.address2 ul li span { margin: 0 auto; float: none; }
.copy em { display: none; }
.copy, .copy a { font-size: 0.8rem; }
.swiper-container { background-attachment: unset !important; background-size: auto; }
.le_on { right: 240px; position: relative; transition: all 0.3s ease-in-out; }
.le_on .m-nav-transition { display: block; right: 0px; z-index: 99999; transition: all 0.3s ease-in-out; }
.le_on .head { left: -240px; transition: all 0.3s ease-in-out; }
.le_on .m-shade{ display:block;}

.pgleft{ display:none;}
.pgright{ width: 90%; margin-left: 5%; padding-top: 30px; }
.tdlist ul li{width: 50%;  margin-right: 0;  }
.tdlist ul li div{ width:95%; float:left;}
.tdlist ul li:nth-child(2n) div{ float:right; }

.khlist ul li{width: 50%;  margin-right: 0; text-align:left; overflow:hidden; }
.khlist ul li div img{ width:95%;}
.khlist ul li:nth-child(2n){ text-align:right; }

.index-title{ height: 108px;}
.index-one{ padding-bottom: 20px;}

.about-banner1 { width: 90%; top: 70%; }
.about-banner1 h2 { font-size: 2rem; }
.about-banner1 p { font-size: 1rem; }
.zplist h5{ line-height: 2.5rem;
    height: auto;
    padding: 2rem 0;}
.list_sj{ width: 90%; margin-left: 5%;}
.item_list{ width:100%;}

.list_sj .item{ width:48%; margin:0 4% 1rem 0; }
.list_sj .item:nth-child(2n) { margin-right: margin:0 4% 1rem 0; }
.item dl{ width:100%;}
.news_article { width: 90%; margin-left: 5%;}
.about_bshow{height:4rem;}
.list_fanhuibg{ height:4rem;}
.don_top {height:4.2rem;} 
.about_bshow_h{ height:4.2rem;}
.list_fanhui{ top: 1rem;}
.new_article_con{ font-size:1.2rem;}
.new_article_con *{ font-size:1.2rem;}
.address1 ul li{font-size:0.9rem;}
.new_article_con{ margin-top:1rem;}
.vd_video_player video{ height:17rem;}
.art_shiping1 em { overflow:hidden;}
.art_shiping1 i{ width:100%; overflow:hidden; }

.lpc{ display:block;}
.news-list .mspan{ display:block;}
.news-list .mspan a {
    display: block;
    height: 50px;
    line-height: 50px;
    border: 1px solid #000;
    text-align: center;
    font-size: 16px;}

}

.di33{}