@charset "utf-8";

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

body { font-size: 14px; font-family: "微软雅黑"; background: #fff; min-width:1200px; } 

* { 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; }

.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; }

.logo { width: 166px; 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; background: url(img/nav-bg.png) no-repeat 0 100px; transition: all 0.8s; }

.nav > ul > .active { background-position: center; }

.nav li a { display: block; font-size: 16px; color: #fff; padding: 0 30px; }

.son { width: 140%; 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; }

.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 .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 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -30%); text-align: center; color: #fff; transition: all .5s; opacity: 0; }

.swiper-con h2 { font-size: 70px; }

.swiper-con p { font-size: 22px; margin-top: 15px; }

.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; }

/*--about--*/

.index { padding: 60px 0 70px; }

.index-title { font-size: 30px; color: #303030; text-align: center; position: relative; letter-spacing: 6px; }

.index-title:after { content: ''; width: 146px; height: 2px; background: url(img/tit-after.png) no-repeat center; display: block; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); }

.about-desc { margin-top: 60px; font-size: 14px; color: #636363; text-align: left; line-height: 30px; }

.old { margin-top: 60px; text-align: center; font-size: 0; }

.old li { display: inline-block; width: 20%; padding: 10px 20px; box-sizing: border-box; vertical-align: middle; }

.old li div { font-size: 20px; font-weight: 500; color: #363636; }

.old li span { font-size: 35px; font-weight: 500; }

.old li + li { border-left: 1px solid #e5e5e5; }

.old font { font-size: 14px; color: #636363; }

.pro-list { margin-top: 40px; width: 100%; }

.pro-list ul li { width: 20%; padding-bottom: 15%; height: 0; float: left; position: relative; overflow: hidden; }

.pro-list ul li:hover img { transform: scale(1.1, 1.1); }

.pro-list ul li img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s; }

.pro-list ul li p { position: absolute; left: 0; bottom: 0; font-size: 18px; color: #fff; line-height: 50px; text-align: center; width: 100%; font-weight: 700; background: rgba(0, 0, 0, 0.3); }

.index-three { background: #fff; padding-bottom: 60px; }

.index-title p { font-size: 16px; margin-top: 5px; letter-spacing: normal; }

.ky-list { margin-top: 60px; }

.ky-list ul li { width: 380px; float: left; margin-right: 30px; }

.ky-list ul li:hover img { transform: scale(1.1, 1.1); }

.ky-list ul li:nth-child(3n) { margin-right: 0; }

.ky-list li .ky-img { width: 100%; padding-bottom: 75%; height: 0; position: relative; overflow: hidden; }

.ky-list li .ky-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s; }

.ky-list li p { font-size: 16px; color: #333; text-align: center; margin: 10px 0 20px; height:50px; line-height:25px; }

.ky-more { width: 138px; height: 38px; line-height: 38px; text-align: center; border-radius: 4px; margin: 0 auto; display: block; border: 1px solid #c51f17; font-size: 16px; color: #c51f17; margin-top: 30px; }

/*--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; }

/*--foot--*/

.foot { border-top: 5px solid #b92833; background: #393a3f; padding: 30px 0; }

.foot dl { float: left; width: 174px; text-align: center; }

.foot dt a { font-size: 18px; color: #f6f6f6; display: block; margin-bottom: 5px; line-height: 35px; }

.foot dd a { font-size: 14px; color: #a9a9ac; line-height: 28px; }

.address { width: 330px; float: right; text-align: right; border-left: 2px solid #212124; box-sizing: border-box; }

.foot-tel { font-size: 14px; color: #a9a9ac; }

.foot-tel span { display: inline-block; width: 24px; height: 24px; background: url(img/time.png)no-repeat center; vertical-align: middle; margin-right: 10px; }

.number { font-size: 30px; color: #fff; font-weight: 700; margin: 20px 0; }

.address p { font-size: 16px; color: #a9a9ac; line-height: 26px; }

.copy, .copy a { width: 100%; line-height: 50px; font-size: 14px; color: #fff; background: #2f3034; text-align: center; }

/*--科研设备--*/

.about-banner { width: 100%; height: 380px; position: relative; }

.location { width: 1200px; height: 70px; line-height: 70px; background: rgba(255, 255, 255, .8); position: absolute; bottom: 0px; left: 50%; border-top-right-radius: 4px; transform: translateX(-50%); padding: 0 30px; box-sizing: border-box; border-top-left-radius: 6px; }

.loca-title { display: inline-block; font-size: 30px; color: #333; font-weight: 700; margin-right: 10px; }

.loca-left font { font-size: 22px; color: #333; }

.position { background: url(img/home.png)no-repeat left center; padding-left: 25px; }

.position, .position a { font-size: 14px; color: #333; }

.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; }

.about-box { padding: 60px 0 390px; }

.index-desc { margin-top: 30px; text-align: center; font-size: 16px; color: #4c4c4c; }

.loca-list { margin-top: 60px; }

.loca-list ul li { width: 380px; float: left; margin-right: 30px; }

.loca-list ul li:nth-child(3n) { margin-right: 0; }

.loca-list .loca-img { width: 100%; padding-bottom: 75%; height: 0; position: relative; overflow:hidden; }

.loca-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition:all 1s; }

.loca-img:hover img{ transform: scale(1.1, 1.1);}

.loca-list ul li p { font-size: 16px; color: #333; line-height: 40px; text-align: center; margin-bottom: 5px; height:50px; line-height:25px; }
.loca-list ul li:hover p{ color:#d7171f; }

/* 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; }

/*--新闻--*/


.news-list { margin-top: 60px; }

.news-list .news-content { width: 96%; height: 94px; background: #FFFFFF; padding: 32px; margin-top: 20px; border-bottom: 1px solid #E5E5E5; }

.news-list a:hover .news-content { box-shadow: 0 10px 30px 0 rgba(0,0,0,0.10); }

.news-list .news-content .data { width: 90px; height: 80px; float: right; background: #F5F5F5; padding: 10px; }

.news-list .news-content .data .nian { width: 100%; height: 30px; line-height: 30px; font-size: 20px; color: #666666; text-align: right; }

.news-list .news-content .data .yue { width: 100%; height: 50px; line-height: 50px; font-size: 30px; color: #666666; text-align: right; }

.news-list .news-content .miaoshu2 { width: 827px; height: auto; float: left }

.news-list .news-content .miaoshu2 .title { width: 100%; height: 30px; line-height: 30px; font-size: 18px; color: #333; text-align: left; font-weight: bold; }

.news-list li:hover .news-content .miaoshu2 .title { color: #d7100e; }

.news-content .miaoshu2 .text { width: 100%; line-height: 30px; font-size: 16px; color: #666666; text-align: left; margin-top: 10px; }

.news-list2 { margin-top: 60px; }
.news-list2 ul {}
.news-list2 ul li{ float:left; width:25%; text-align: center;}
.news-list2 ul li img{  width:96%;}


/*关于我们样式*/


.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; }

/*--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: 100px; }

.news_article h1 { font-size: 30px; font-weight: 500; color: #4b4b4b; text-align: center; line-height: 40px;/* border-bottom: 1px solid #e7e7e7;*/ margin-top: 40px; }

.art_desc { text-align: center; margin: 20px 0; }

.art_desc span { font-size: 14px; color: #979696; padding: 0 10px; }

.new_article_con { margin-top: 35px; padding: 0 30px; box-sizing: border-box; }

.new_article_con, .new_article_con span, .new_article_con div, .new_article_con p { font-size: 16px; color: #4b4b4b; line-height: 36px; }

.new_article_con video { max-width: 100%; }

.new_article_con p { margin-bottom: 20px; }

.zzjg { margin-top: 60px; text-align: center; }

/*--加入我们--*/


.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: 0; top: 50%; margin-top: -140px; z-index: 999999; }

.Side_left ul li { width: 70px; height: 70px; margin-bottom:5px; background: #666; text-align: center; position: relative; cursor: pointer; }

.toggle { display: none; position: absolute; right: 70px; top: 0; }

.Side_left ul li:hover { background: #005495; }

.Side_left ul li:hover .toggle { display: block; }

.Side_left li .cb {width:100%; height:40px; position:relative;}
.Side_left li .cb img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

.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; }
@media (max-width: 1600px) {
.swiper-con h2 { font-size: 60px; }
}