header,
footer,
#main,
#info{width: 100%; overflow: hidden; min-width: 1200px;}
.wrapper{width: 1200px; margin: 0 auto; display: block; position: relative;}
/* 变量 */
/*css3*/
.clear::after{display: block; content: ''; clear: both;}
.header_nav_wrap{position: fixed; width: 100%; left: 0; top: 0; z-index: 100; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.czspjz{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.fix_nav{top: -170px; box-shadow: 0 0 10px #000;}
.fix_nav .nav ul li > a img{top: 3px;}
/************************header************************/
header{background: #fff;}
.header_top{line-height: 36px; background: #f5f5f5; overflow: hidden; font-size: 14px; border-top: 1px solid #f7c433; color: #444444;}
.header_top span{float: left;}
.header_top p{float: right; margin-right: 20px;}
.header_top p a{padding: 0 10px; color: #444444;}
.header_top .wrapper > a{display: block; width: 106px; background: #f7c433; color: #000; float: right; text-align: center;}
.header_logo{background: #fff; padding: 30px 0; -moz-transition: all 400ms linear; -webkit-transition: all 400ms linear; transition: all 400ms linear; overflow: hidden; width: 100%; left: 0; top: 0; z-index: 1000;}
.header_logo h1{float: left; position: relative; top: 5px;}
.header_logo h1 span{text-indent: -999rem; display: none;}
.header_logo .wrapper > img{position: absolute; right: 287px; top: -20px; width: 112px;}
.header_logo .header_logo_r{float: right; background: url("../images/24h.png") no-repeat left center; padding-left: 50px; margin-top: 6px;}
.header_logo .header_logo_r p small{display: block; color: #888888; font-size: 16px;}
.header_logo .header_logo_r p b{font-size: 30px; color: #015cb5;}
.nav{background: #015cb5; height: 64px; position: relative; z-index: 100; border-bottom: 2px solid #032e65;}
.nav::after{display: block; content: ''; clear: both;}
.nav ul li{float: left; position: relative; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.nav ul li:before{display: block; content: ''; height: 15px; border-left: 2px dotted #3685d4; position: absolute; left: 0; top: 50%; margin-top: -7.5px;}
.nav ul li:hover,
.nav ul li.n_act{color: #fff; background: #032e65;}
.nav ul li:hover small,
.nav ul li.n_act small{color: #fff;}
.nav ul li:hover:before,
.nav ul li.n_act:before{display: none;}
.nav ul li:nth-of-type(1):before{border-left: 0;}
.nav ul li > a{font-size: 16px; color: #fff; display: block; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; width: 119px; text-align: center; line-height: 64px;}
.nav ul li > a span{display: block; position: relative;}
.nav ul li > a img{position: absolute; right: 0; top: -6px;}
.banner{margin-top: 235px;}
.banner .box_skitter .info_slide_dots .image_number{height: 6px; width: 35px; border-radius: 5px;}
.banner .box_skitter .info_slide_dots .image_number{background: #015cb5; opacity: 0.8;}
.banner .box_skitter .info_slide_dots .image_number_select,
.banner .box_skitter .info_slide_dots .image_number_select:hover{background: #fff;}
/************************main************************/
/*-------------------------------------------------------------------------hotpro 搜索-----------------------------------------------------------------------------------*/
.hotPro{overflow: hidden; margin-top: -33px; position: relative; z-index: 30;}
.hotPro .wrapper{background: #015cb5; border-top: 3px solid #f7c433; overflow: hidden;}
.hotPro p{float: left; font-size: 14px; line-height: 60px;}
.hotPro p b{color: #3c3c3c; font-size: 18px; width: 182px; background: #f7c433; text-align: center; display: block; float: left;}
.hotPro p b small{font-size: 14px; font-weight: 500;}
.hotPro p a{color: #fff; padding: 0 10px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.hotPro p a:hover{color: #f7c433; font-weight: bold;}
.hotPro form{float: right; border-bottom: 1px solid rgba(255, 255, 255, 0.6); margin: 10px;}
.hotPro form input{display: block; width: 260px; float: left; background: none; text-indent: 10px; font-family: 'Microsoft YaHei', SimHei, sans-serif; outline: none; border: 0; color: #fff; height: 32px; line-height: 32px;}
.hotPro form button{text-indent: -999rem; display: block; width: 62px; height: 38px; background: #015cb5 url("../images/sch.png") no-repeat center; float: right;}
/*-------------------------------------------------------------------------friends 合作伙伴-----------------------------------------------------------------------------------*/
.main_title{text-align: center; padding: 65px 0 40px 0;}
.main_title b{display: block; background: url("../images/main_tit.png") no-repeat center bottom; padding-bottom: 15px; margin-bottom: 15px; font-size: 34px; color: #015cb5;}
.main_title small{display: block; font-size: 22px; color: #616161; font-weight: 300;}
.friends{overflow: hidden;}
.friends .wrapper > img{float: left;}
.hezuo_list{width: 775px; position: relative; float: right; margin-left: 55px; overflow: hidden; padding-bottom: 45px;}
.hezuo_list li{width: 245px; height: 94px; border: 1px solid #ccc; padding: 5px; box-sizing: border-box; position: relative;}
.hezuo_list li:nth-of-type(1),
.hezuo_list li:nth-of-type(4){margin-left: 0;}
.hezuo_list li img{display: block; max-width: 90%; max-height: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
/*-------------------------------------------------------------------------idx_itr 介绍-----------------------------------------------------------------------------------*/
.idx_itr{overflow: hidden; background: url("../images/hb_bg.jpg") no-repeat center; height: 256px; color: #fff; margin-top: -130px;}
.idx_itr .idx_itr_tel{padding-top: 170px;}
.idx_itr .idx_itr_tel a{display: block; width: 120px; line-height: 46px; background: #f7c433; color: #333; font-weight: bold; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; text-align: center; float: left;}
.idx_itr .idx_itr_tel a:hover{color: #fff;}
.idx_itr .idx_itr_tel span{float: left; margin-left: 10px;}
.idx_itr .idx_itr_tel span > *{display: block;}
.idx_itr .idx_itr_tel span small{font-size: 14px;}
.idx_itr .idx_itr_tel span b{font-size: 28px; font-weight: 500; letter-spacing: 1px;}
.idx_itr .idx_itr_txt{float: left; width: 540px; text-align: center; margin-top: -105px; margin-left: 101px;}
.idx_itr .idx_itr_txt > *{display: block;}
.idx_itr .idx_itr_txt b{font-size: 32px;}
.idx_itr .idx_itr_txt small{font-size: 24px; font-weight: 500;}
/*-------------------------------------------------------------------------product 首页产品分类及热销-----------------------------------------------------------------------------------*/
/*sidebar*/
.index_sidebar{width: 265px; float: left; background: #fff;}
.index_sidebar .index_sidebar_top{text-align: center; background: #f7c433; color: #252525; padding: 20px 0;}
.index_sidebar .index_sidebar_top h4{font-size: 32px;}
.index_sidebar .index_sidebar_top small{font-size: 16px; display: block;}
.index_sidebar ul{padding: 10px 0 30px 0;}
.index_sidebar ul li{overflow: hidden;}
.index_sidebar ul li:hover a,
.index_sidebar ul li.act a{color: #fff;}
.index_sidebar ul li:hover a:before,
.index_sidebar ul li.act a:before{left: -30px; opacity: 1;}
.index_sidebar ul li a{display: block; position: relative; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; height: 46px; line-height: 46px; text-indent: 8px; font-size: 14px; border-bottom: 1px dotted #ccc; width: 205px; margin: 0 auto;}
.index_sidebar ul li a i{padding-right: 10px; position: relative; z-index: 2;}
.index_sidebar ul li a span{position: relative; z-index: 2;}
.index_sidebar ul li a:before{display: block; content: ''; width: 265px; height: 100%; background: #015cb5; border-left: 2px solid #f7c433; box-sizing: border-box; position: absolute; left: -300px; top: 0; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; opacity: 0;}
.index_sidebar .sidebar_con{background: #fff; padding: 25px;}
.index_sidebar .sidebar_con p{background-repeat: no-repeat; background-position: left 5px; padding-left: 25px; margin-bottom: 22px;}
.index_sidebar .sidebar_con p:nth-of-type(1){background-image: url("../images/s1.png");}
.index_sidebar .sidebar_con p:nth-of-type(2){background-image: url("../images/s2.png"); margin-bottom: 0;}
.index_sidebar .sidebar_con p small{display: block; font-size: 14px; color: #fff;}
.index_sidebar .sidebar_con p b{font-size: 20px; color: #fff;}
.index_sidebar .sidebar_con p span{display: block; font-size: 14px; color: #fff;}
.product{background: #f5f5f5; background-size: cover; position: relative; padding-bottom: 60px; border-bottom: 1px solid #ccc;}
.product::after{display: block; content: ''; clear: both;}
.pro_right{width: 900px; float: right; background: #fff; padding: 25px;}
.pro-list{width: 940px;}
.pro-list li{width: 280px; background: #fff; position: relative; float: left; margin-right: 20px; margin-bottom: 20px; overflow: hidden;}
.pro-list li:hover span:after{bottom: 0;}
.pro-list li:hover b{color: #fff;}
.pro-list li:hover p:after{left: 0;}
.pro-list li span{display: block; line-height: 50px; text-align: center; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; position: relative; height: 50px; overflow: hidden; background: #f0f0f0;}
.pro-list li span b{position: relative; font-weight: 500; z-index: 2; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.pro-list li span:after{display: block; content: ''; z-index: 1; background: #015cb5; position: absolute; width: 100%; height: 100%; left: 0; bottom: -100%; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.pro-list li p{height: 250px; vertical-align: middle; background: #fff; overflow: hidden; border: 1px solid #ccc; box-sizing: border-box; perspective: 800px; width: 100%; position: relative;}
.pro-list li p:after{display: block; position: absolute; content: ''; left: 0; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; transition: all 300ms linear; transform-origin: center top; top: 0; left: -101%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.55);}
.pro-list li p img{display: block; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-height: 100%; max-width: 100%;}
/*-------------------------------------------------------------------------ys 首页优势------------------------------------------------------------------------------------*/
.ys{overflow: hidden; background: #f5f5f5; padding-bottom: 80px;}
.ys .ys_con_all{width: 333px; height: 477px; border: 2px solid #015cb5; text-align: center; margin: 0 auto; background: #fff; z-index: 2; position: relative;}
.ys .ys_con_all > *{display: block;}
.ys .ys_con_all b{font-size: 40px; color: #eeeeee; margin-top: 25px;}
.ys .ys_con_all span{font-size: 38px; color: #535353; font-weight: 400; margin-top: -40px;}
.ys .ys_con_all strong{font-size: 40px; color: #015cb5;}
.ys .ys_con_all img{margin: 0 auto;}
.ys .ys_con{position: relative;}
.ys .ys_con ul{position: absolute; left: 0; top: 30px;}
.ys .ys_con ul:nth-of-type(2){right: 0; top: 30px; left: inherit;}
.ys .ys_con ul:nth-of-type(2) li{border-radius: 0 100px 100px 0;}
.ys .ys_con ul:nth-of-type(2) li b{float: right;}
.ys .ys_con ul:nth-of-type(2) li p{padding-right: 0; padding-left: 80px;}
.ys .ys_con ul:nth-of-type(2) li:nth-of-type(1){margin-left: -80px;}
.ys .ys_con ul:nth-of-type(2) li:nth-of-type(2) p{padding-left: 0;}
.ys .ys_con ul:nth-of-type(2) li:nth-of-type(3){margin-left: -80px;}
.ys .ys_con ul li{overflow: hidden; background: #fff; border-radius: 100px 0 0 100px; margin-bottom: 35px; width: 430px; border: 1px solid #ccc; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.ys .ys_con ul li:hover{background: #015cb5;}
.ys .ys_con ul li:hover p > *{color: #fff !important;}
.ys .ys_con ul li:hover b{background: #f7c433; color: #fff;}
.ys .ys_con ul li:nth-of-type(1){margin-left: 100px;}
.ys .ys_con ul li:nth-of-type(2) p{width: 250px; padding-right: 0;}
.ys .ys_con ul li:nth-of-type(3){margin-left: 100px;}
.ys .ys_con ul li > *{display: block;}
.ys .ys_con ul li b{width: 120px; height: 120px; border-radius: 50%; background: #adadad; color: #fff; text-align: center; font-size: 48px; font-weight: 400; float: left; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.ys .ys_con ul li b span{display: block; width: 100%; height: 100%; line-height: 120px;}
.ys .ys_con ul li p{float: left; width: 190px; margin: 20px 0 0 20px; padding-right: 60px;}
.ys .ys_con ul li p > *{display: block; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.ys .ys_con ul li p strong{font-size: 18px; color: #2f2f2f;}
.ys .ys_con ul li p small{font-size: 14px; color: #686868; font-weight: 400; margin-top: 10px;}
.ys .ys_con .ys_last{position: absolute; right: 83px; bottom: 17px; background: #fff; border-radius: 0 100px 100px 0; border: 1px solid #ccc;}
.ys .ys_con .ys_last small{width: 120px; height: 120px; border-radius: 50%; background: #015cb5 url("../images/dianji.png") no-repeat 60px 62px; text-align: center; font-size: 15px; color: #f7c433; font-weight: bold; line-height: 100px; float: right;}
.ys .ys_con .ys_last small a{color: #f7c433;}
.ys .ys_con .ys_last span{float: left; width: 190px; margin: 35px 0 0 20px; padding-right: 20px;}
.ys .ys_con .ys_last span > *{display: block; font-style: normal;}
.ys .ys_con .ys_last span em{font-size: 16px; color: #888888;}
.ys .ys_con .ys_last span b{font-size: 30px; color: #3b3c3c;}
/*-------------------------------------------------------------------------why 为什么选择------------------------------------------------------------------------------------*/
.why{overflow: hidden; background: url("../images/why_bg.jpg") no-repeat center; background-attachment: fixed; padding-bottom: 80px;}
.why .main_title b{color: #fff;}
.why .main_title small{color: #fff; opacity: 0.6;}
.why .wrapper{position: relative;}
.why .wrapper .why_left{position: absolute; left: 0; top: 265px; background: rgba(255, 255, 255, 0.9); padding: 35px; width: 300px; z-index: 2; display: none;}
.why .wrapper .why_left b{display: block; font-size: 22px; color: #015cb5; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc;}
.why .wrapper .why_left small{font-size: 14px; color: #363636; font-weight: 400; display: block;}
.why .wrapper .why_left a{display: inline-block; width: 134px; line-height: 42px; text-align: center; color: #fff; margin-right: 20px; margin-top: 20px;}
.why .wrapper .why_left a:hover{text-decoration: underline;}
.why .wrapper .why_left a:nth-of-type(1){background: #f7c433;}
.why .wrapper .why_left a:nth-of-type(2){background: #015cb5; margin-right: 0;}
.why .wrapper .main_title + .why_left{display: block;}
.why .wrapper img{margin-left: 235px; float: left; display: none;}
.why .wrapper img:nth-of-type(1){display: block;}
.why .wrapper ul{float: left; margin-left: 5px;}
.why .wrapper ul li{width: 324px; height: 110px; background-color: #fff; background-repeat: no-repeat; background-position: 34px center; margin-bottom: 5px; text-indent: 100px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.why .wrapper ul li:hover{background-color: #015cb5;}
.why .wrapper ul li:hover > *{color: #fff !important;}
.why .wrapper ul li > *{display: block; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.why .wrapper ul li b{font-size: 22px; color: #3d3d3d; padding-top: 32px;}
.why .wrapper ul li small{font-size: 12px; color: #3d3d3d; text-transform: uppercase;}
.why .wrapper ul li:nth-of-type(1){background-image: url("../images/why_list1.png");}
.why .wrapper ul li:nth-of-type(2){background-image: url("../images/why_list2.png");}
.why .wrapper ul li:nth-of-type(3){background-image: url("../images/why_list3.png");}
/*-------------------------------------------------------------------------case 案例展示------------------------------------------------------------------------------------*/
.case{overflow: hidden; padding-bottom: 80px;}
.case .case_list{overflow: hidden; position: relative;}
.case .case_list li{overflow: hidden; position: relative;}
.case .case_list li p{width: 394px; height: 304px;}
.case .case_list li p img{display: block; width: 100%; height: 100%; object-fit: cover;}
.case .case_list li span{position: absolute; background: rgba(0, 0, 0, 0.61); left: 0; bottom: 0; text-align: center; width: 100%; color: #fff; line-height: 50px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.case .case_list li:hover span{line-height: 60px; background: rgba(1, 92, 181, 0.6);}
.case .case_tel{width: 550px; padding-bottom: 15px; border-bottom: 1px solid #ccc; margin: 40px auto 0 auto; text-align: center; background: url("../images/case_tel.jpg") 10px center no-repeat;}
.case .case_tel small{font-size: 16px; color: #353434;}
.case .case_tel b{font-size: 32px; color: #015cb5;}
.case .hz_btn{display: block; width: 134px; line-height: 42px; background: #015cb5; color: #fff; text-align: center; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; margin: 40px auto 0;}
.case .hz_btn:hover{background: #f7c433;}
/*-------------------------------------------------------------------------company 首页公司简介------------------------------------------------------------------------------------*/
.company{overflow: hidden; background: #f5f5f5; padding-bottom: 60px;}
.company .com_left{float: left; width: 788px; position: relative; height: 448px; overflow: hidden;}
.company .com_left img{display: block; width: 100%; height: 100%; object-fit: cover;}
.company .com_right{width: 412px; box-sizing: border-box; padding: 35px; float: left; background: #fff; height: 448px;}
.company .com_right > *{display: block;}
.company .com_right b{font-size: 24px; color: #2c2c2c;}
.company .com_right small{font-size: 12px; color: #a5a5a5; text-transform: uppercase;}
.company .com_right span{font-size: 14px; color: #666666; line-height: 30px; margin: 20px 0;}
.company .com_right .hz_btn{display: block; width: 134px; line-height: 42px; background: #015cb5; color: #fff; text-align: center; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.company .com_right .hz_btn:hover{background: #f7c433;}
/*-------------------------------------------------------------------------pjzx 配件中心------------------------------------------------------------------------------------*/
.pjzx{background: #f7f7f7 url("../images/pj_bg.html") no-repeat center top; margin-top: 50px; padding-top: 70px; padding-bottom: 50px;}
.pjzx .pj_list{overflow: hidden; position: relative; padding-bottom: 40px;}
.pjzx .pj_list li{background: #fff; border: 1px solid #ccc; box-sizing: border-box;}
.pjzx .pj_list li p{height: 210px; position: relative; background: #fff;}
.pjzx .pj_list li p:before{display: block; content: ''; width: 100%; height: 100%; background: rgba(29, 32, 129, 0.62); opacity: 0.7; position: absolute; left: 0; top: -101%; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.pjzx .pj_list li p small{position: absolute; color: #fff; text-align: center; display: block; width: 100%; left: 0; top: 0; font-size: 16px; background: url("../images/pj_more.html") no-repeat center bottom; padding-bottom: 40px; visibility: hidden; opacity: 0; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.pjzx .pj_list li p img{display: block; width: 100%; height: 100%; object-fit: contain; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.pjzx .pj_list li span{display: block; line-height: 50px; height: 50px; font-size: 16px; color: #6a6a6a; text-align: center; border-top: 1px solid #ccc;}
.pjzx .pj_list li:hover p:before{opacity: 1; top: 0;}
.pjzx .pj_list li:hover small{top: 80px; opacity: 1; visibility: visible;}
.pjzx .pj_more{display: block; width: 154px; line-height: 40px; background: #fff; border: 1px solid #ccc; text-align: center; font-size: 14px; color: #6a6a6a; border-radius: 30px; margin: 30px auto 0 auto; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.pjzx .pj_more:hover{background: #015cb5; color: #fff; border: 1px solid #fff;}
/*news*/
.news{overflow: hidden; margin-bottom: 120px; padding-top: 70px;}
.news .new_tit{background: #ededed; color: #fff; line-height: 60px; overflow: hidden; margin-bottom: 30px;}
.news .new_tit a.a_tit{width: 160px; text-align: center; display: inline-block; font-size: 18px; color: #353535;}
.news .new_tit a.a_tit:nth-of-type(1){background: #015cb5; color: #fff;}
.news .new_tit a:last-of-type{float: right; color: #949494; font-size: 14px; margin-right: 30px;}
.news .new_tit a:last-of-type:hover{text-decoration: underline;}
.news .news_left{width: 725px; float: left;}
.news .news_left img{float: left;}
.news .news_left .new_l_r{width: 435px; float: right;}
.news .news_left .new_l_r p a{display: block;}
.news .news_left .new_l_r p b{display: block; font-size: 18px; color: #262626;}
.news .news_left .new_l_r p small{font-size: 14px; color: #858585; margin: 15px 0 20px; display: block;}
.news .news_left .new_l_r ol li{margin-bottom: 20px;}
.news .news_left .new_l_r ol li small{float: right; font-size: 14px; color: #858585;}
.news .news_left .new_l_r ol li:hover span{color: #015cb5;}
.news .honor{width: 425px; float: right;}
.news .honor .new_tit{margin-bottom: 0;}
.news .honor .swiper-honor{overflow: hidden; position: relative; border: 1px solid #ccc; height: 390px; border-top: 0;}
.news .honor .swiper-honor li{text-align: center; height: 390px;}
.news .honor .swiper-honor li p{height: 390px;}
.news .honor .swiper-honor li p img{width: 100%; height: 100%; object-fit: contain; display: block;}
.news .honor .swiper-honor li small{display: block; font-size: 14px; color: #666; margin-top: 21px;}
/*product*/
ul.pro_list{width: 950px;}
ul.pro_list li{width: 270px; border: 1px solid #ccc; float: left; margin: 0 20px 20px 0;}
ul.pro_list li p{height: 272px; background: #fff; position: relative; width: 100%; border-bottom: 0;}
ul.pro_list li p img{display: block; width: 100%; height: 100%; object-fit: contain;}
ul.pro_list li div{background: #f3f3f3; text-align: center; padding: 10px 0; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
ul.pro_list li div small{display: block; color: #333; font-size: 16px; font-weight: bold; margin-bottom: 5px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; height: 21px; overflow: hidden;}
ul.pro_list li div span{display: block; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; font-size: 14px;}
ul.pro_list li:hover div{background: #015cb5; color: #fff;}
ul.pro_list li:hover small{color: #fff;}
ul.pro_list li:hover span{color: #fff;}
.pro_right{width: 875px; background: #fff; padding: 20px; overflow: hidden; float: right; box-shadow: 0 0 25px #ccc;}
/*sidebar*/
.sidebar{width: 210px; float: left; background: #fff; padding: 26px 20px 10px 20px; box-shadow: 0 0 25px #ccc;}
.sidebar h4{font-size: 30px; color: #015cb5; margin-bottom: 20px;}
.sidebar ul li{border-bottom: 1px solid #ccc;}
.sidebar ul li:hover > a,
.sidebar ul li.act > a{background: #f7c433; color: #fff;}
.sidebar ul li > a{display: block; position: relative; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; height: 45px; line-height: 45px; overflow: hidden; color: #333; width: 100%; text-indent: 8px; font-size: 13px;}
.sidebar ul li p a{display: block; font-size: 14px; text-indent: 20px; margin-top: 10px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.sidebar ul li p a:hover{color: #015cb5; font-weight: bold;}
.sidebar .sidebar_con{background: #015cb5; padding: 25px; margin-top: 60px;}
.sidebar .sidebar_con p{background-repeat: no-repeat; background-position: left 5px; padding-left: 25px; margin-bottom: 22px;}
.sidebar .sidebar_con p:nth-of-type(1){background-image: url("../images/s1.png");}
.sidebar .sidebar_con p:nth-of-type(2){background-image: url("../images/s2.png"); margin-bottom: 0;}
.sidebar .sidebar_con p small{display: block; font-size: 14px; color: #fff;}
.sidebar .sidebar_con p b{font-size: 20px; color: #fff;}
.sidebar .sidebar_con p span{display: block; font-size: 14px; color: #fff;}
/* Footer----------------------------------------*/
footer{background: #032e65; overflow: hidden; padding-top: 118px; margin-top: -30px; font-size: 14px; color: #6085b4;}
footer a{color: #6085b4;}
footer a:hover{color: #fff;}
footer .f_left{float: left;}
footer .f_left img{float: left;}
footer .f_left .f_address{float: left; border-left: 1px solid #15437f; padding-left: 30px; margin-left: 30px; width: 390px;}
footer .f_left .f_address p{margin-bottom: 15px;}
footer .f_rem{float: right;}
footer .f_rem p{float: left; text-align: center; margin-left: 10px;}
footer .f_rem p img{display: block; width: 115px; margin-bottom: 10px;}
footer .f_nav{border-top: 1px solid #0e4283; position: relative; margin-top: 30px;}
footer .f_nav:before{display: block; content: ''; width: 100%; height: 1px; background: #021f45; position: absolute; left: 0; top: -2px;}
footer .f_nav ul{display: flex; display: -webkit-flex; justify-content: space-between;}
footer .f_nav ul li{float: left; line-height: 65px; position: relative;}
footer .f_nav ul li:before{display: block; width: 1px; height: 15px; background: #194b8a; position: absolute; right: -30px; top: 50%; content: ''; margin-top: -7.5px;}
/*-------------------------------------------------------------------------维修视频 info_company------------------------------------------------------------------------------------*/
.news_list_con{background: #fff;}
.news_list_con ul li{overflow: hidden; padding: 30px 20px; border-bottom: 1px solid #ccc; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; position: relative;}
.news_list_con ul li:hover{background: #eee;}
.news_list_con ul li:hover div.bdsharebuttonbox{opacity: 1;}
.news_list_con ul li a:hover b{color: #015cb5;}
.news_list_con ul li img{float: left; width: 212px; height: 127px; display: none;}
.news_list_con ul li p,
.news_list_con ul li div.l_con{float: right; width: 100%; position: relative; height: 125px;}
.news_list_con ul li p a,
.news_list_con ul li div.l_con a{display: block;}
.news_list_con ul li p a:hover span,
.news_list_con ul li div.l_con a:hover span{background: #f7c433;}
.news_list_con ul li p b,
.news_list_con ul li div.l_con b{display: block; font-size: 18px; margin-bottom: 10px; font-weight: 500;}
.news_list_con ul li p span,
.news_list_con ul li div.l_con span{display: block; font-size: 14px; color: #666; line-height: 30px; width: 120px; background: #015cb5; color: #fff; text-align: center; margin-top: 72px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.news_list_con ul li p small,
.news_list_con ul li div.l_con small{display: block; font-size: 14px; position: absolute; left: 0; bottom: 47px; color: #666;}
.news_list_con ul li div.bdsharebuttonbox{position: absolute; right: 0; bottom: 0; opacity: 0;}
/*-------------------------------------------------------------------------关于我们详情页 info_company------------------------------------------------------------------------------------*/
.info_company_title{text-align: center; padding: 80px 0 60px;}
.info_company_title b{display: block; font-size: 40px; color: #373737;}
.info_company_title small{display: block; font-size: 16px; color: #373737;}
.info_company{overflow: hidden;}
.info_company .info_company_l{width: 798px; float: left; overflow: hidden; position: relative; height: 454px;}
.info_company .info_company_l li{position: relative;}
.info_company .info_company_l li img{display: block; width: 100%; height: 100%; object-fit: cover;}
.info_company .info_company_l li span{display: block; line-height: 45px; background: rgba(0, 0, 0, 0.53); color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; text-indent: 20px;}
.info_company .info_company_l .swiper-pagination{text-align: right; padding-right: 40px; box-sizing: border-box;}
.info_company .info_company_l .swiper-pagination-bullet{background: none; border: 1px solid #fff; opacity: 1;}
.info_company .info_company_l .swiper-pagination-bullet-active{background: #fff;}
.info_company .info_company_r{width: 382px; float: right;}
.info_fc{width: 100%; overflow: hidden;}
#certify{position: relative;}
#certify .swiper-container{padding-bottom: 60px; overflow: inherit;}
#certify .swiper-slide{width: 520px; height: 355px; background: #fff; box-shadow: 0 8px 30px #ddd;}
#certify .swiper-slide div{text-align: center; width: 100%;}
#certify .swiper-slide img{display: block; margin: 0 auto; width: 100%; height: 100%; object-fit: contain;}
#certify .swiper-slide p{line-height: 62px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0;}
#certify .swiper-pagination{width: 100%; bottom: -76px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border: 3px solid #00aadc; background-color: #fff;}
#certify .swiper-button-prev{left: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 0; background-size: 100%;}
#certify .swiper-button-prev:hover{background-position: 0 -46px; background-size: 100%;}
#certify .swiper-button-next{right: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%;}
#certify .swiper-button-next:hover{background-position: 0 -139px; background-size: 100%;}
/*info_case*/
.honor_list{width: 1250px;}
.honor_list li{float: left; position: relative; margin: 0 25px 25px 0; border: 1px solid #ccc; width: 383px; height: 285px;}
.honor_list li img{display: block; width: 100%; height: 100%; object-fit: cover;}
.honor_list li span{display: block; width: 100%; background: #015cb5; color: #f5f5f5; line-height: 40px; position: absolute; bottom: 0; left: 0; text-align: center; transition: all 500ms; -webkit-transition: all 500ms;}
.honor_list li div{position: absolute; left: 0; top: 0; box-sizing: border-box; width: 100%; height: 100%; transition: all 500ms; -webkit-transition: all 500ms;}
.honor_list li:hover div{border: 10px solid #015cb5;}
.honor_list li:hover span{bottom: 20px;}
.gray{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
/*page*/
.prev_next a:hover{color: #da0922;}
.prev_next{font-size: 14px; margin-top: 20px;}
div.page{margin: 20px 0 20px 0; clear: both; float: right; font-size: 14px;}
div.page a{padding: 2px 5px; margin: 2px; color: #fff; text-decoration: none; background: #9b9b9b;}
div.page a:hover{background: #5c5c5c;}
div.page span.current{padding: 2px 8px; font-weight: 700; margin: 2px; color: #fff; background-color: #da0922;}
div.page span.disabled{padding: 2px 5px; margin: 2px; color: #dddddd;}
.prev_next .prev,
.prev_next .next{font-size: 13px; border-top: 1px solid #ccc; padding: 5px 25px;}
.prev_next .prev a:hover,
.prev_next .next a:hover{color: #da0922;}
.prev_next .prev{margin-top: 20px; background: url("../images/prev_bg.png") no-repeat left center; background-size: 18px;}
.prev_next .next{border-bottom: 1px solid #ccc; background: url("../images/next_bg.png") no-repeat left center; background-size: 18px;}
/*location*/
/*product-info*/
/*缩略图*/
.concompanycon table{margin-left: 2px;}
.concompanycon table th{color: #444444; font-weight: normal; font-size: 14px; font-family: 'Microsoft YaHei', arial; text-align: right; vertical-align: top; padding-top: 9px;}
.concompanycon table td select{font-family: 'Microsoft YaHei', arial; font-size: 14px; width: 278px; height: 32px; text-indent: 8px; border: 1px solid #d2d4d6; margin: 5px auto 6px 5px; background: #FFF; margin-left: -3px;}
.concompanycon table td ul{list-style: none; position: absolute;}
.concompanycon table td ul li{font-family: 'Microsoft YaHei', arial; font-size: 14px; line-height: 28px; text-indent: 8px; width: 276px; height: 28px; border-left: 1px solid #d2d4d6; border-right: 1px solid #d2d4d6; background: #FFF;}
.concompanycon table td ul li a{display: block; text-decoration: none; color: #444444;}
.concompanycon table td ul li a:hover{color: #fe7d0c;}
.concompanycon table td ul li:last-child{border-bottom: 1px solid #d2d4d6;}
.concompanycon table td input{font-size: 14px; width: 276px; height: 28px; border: 1px solid #d2d4d6; margin: 5px auto 5px 5px;}
.concompanycon table td .yanzheng{width: 101px;}
.concompanycon table td textarea{resize: none; width: 545px; height: 178px; border: 1px solid #d2d4d6; margin: 5px auto 5px 5px;}
.concompanycon table td img{vertical-align: middle; margin-left: 5px; margin-bottom: 4px;}
.concompanycon table td .but{width: 74px; height: 31px; line-height: 27px; background: #d1020c; border-radius: 2px; border: none; text-align: center; margin-top: 14px; margin-left: 5px; font-size: 14px; font-family: 'Microsoft YaHei', SimHei, sans-serif; color: #FFF;}
.pro_img_left{width: 580px; border: 1px solid #ccc; height: 385px; position: relative; display: table-cell; vertical-align: middle; text-align: center; overflow: hidden;}
.pro_img_left img{max-height: 100%; max-width: 100%;}
#info{padding-bottom: 100px;}
.location{background: #fff;}
.location b a{padding-right: 10px; display: inline-block;}
.info2 + footer{margin-top: 0;}
/*相册*/
.swiper-container-xc{position: relative; overflow: hidden;}
.swiper-container-xc{position: relative; overflow: hidden;}
.info_pro{overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 40px; margin-bottom: 40px;}
.pro-img{float: left; width: 420px; padding: 0 10px;}
.info_pro-text{float: right; width: 420px; margin-top: 0px;}
.info_pro-text h4{font-size: 22px; color: #11509b; padding-bottom: 10px;}
.info_pro-text > small{background: #eee; line-height: 30px; padding: 20px; display: block; margin: 20px 0;}
.info_pro-text ul li{margin-top: 5px;}
.info_pro-text ul li small{display: inline-block; width: 60px; color: #a9a8a8; font-size: 14px; float: left; margin-top: 2px;}
.info_pro-text ul li span{color: #333; font-size: 14px;}
.info_pro-text ul li b{color: #c8171e; font-size: 35px;}
.info_pro-text ul li:nth-of-type(2) small{margin-top: 15px;}
.info_pro-text p{overflow: hidden; margin-top: 15px; margin-bottom: 15px;}
.info_pro-text p a{display: block; margin-right: 10px; float: left; font-size: 14px; text-align: center; color: #11509b; width: 157px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; overflow: hidden; height: 35px; line-height: 35px; transition: all 0.2s linear 0s; background: rgba(17, 80, 155, 0.07); border: 1px #11509b solid;}
.info_pro-text p a:hover{background: #11509b; color: #fff; border: 1px solid #11509b;}
.i_pro_con > h4{font-size: 35px; font-weight: 300; text-align: center; margin-bottom: 20px;}
.p_content b,
.p_content strong{font-size: 16px;}
.p_content img,
.p_content embed{margin: 0 auto !important; display: inline-block;}
.p_content embed{width: 500px !important; height: 400px !important; display: block;}
.p_content b.b_title,
.p_content strong.b_title{font-size: 16px !important; background: #00458E; color: #fff; display: inline-block; padding: 5px 10px !important;}
.p_content p.p_title{border-bottom: 1px solid #00458E !important; margin-bottom: 15px !important;}
.swiper-container{width: 100%; height: 300px; margin-left: auto; margin-right: auto;}
.gallery-top{width: 100%; height: 380px;}
.gallery-top img{display: block; width: 100%; height: 100%; object-fit: cover;}
.gallery-thumbs{height: 90px; box-sizing: border-box; padding: 10px 0;}
.gallery-thumbs .swiper-slide{width: 25%; height: 100%; border: 1px solid #ccc; box-sizing: border-box; /*opacity: 0.5;*/}
.gallery-thumbs .swiper-slide img{display: block; width: 100%; height: 100%; object-fit: cover;}
.gallery-thumbs .swiper-slide-thumb-active{opacity: 1 !important;}
.p_content{font-size: 15px; line-height: 30px; color: #6b6b6b;}
.p_content img{max-width: 100% !important; margin: 0 auto; display: inline-block;}
.p_content table{width: 95% !important; word-break: break-all; text-align: center; margin: 0 auto;}
.p_content table tr{background: #fff !important;}
.p_content table td{padding-left: 10px; background: #fff !important;}
.p_content2{color: #6e6e6e; line-height: 35px;}
.p_content2 p{text-indent: 2rem;}
.info_pro-text_ol{margin-bottom: 40px;}
.info_pro-text_ol li{font-size: 14px; line-height: 38px; border-bottom: 1px solid #ccc; color: #666;}
.info_pro-text_ol li span{width: 65px; display: inline-block;}
.info_pro-text_ol li small{font-size: 14px;}
/*i_pro_others*/
.i_pro_others{margin-top: 45px;}
.info-tj{text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 20px;}
.info-tj b{display: block; font-size: 30px; font-weight: 500; color: #11509b;}
.info-tj small{display: block; font-size: 16px; color: #999;}
.swiper-container-xc{padding-bottom: 36px;}
.pro-list-gallery{width: 900px;}
.pro-list-gallery li{float: left; width: 415px; overflow: hidden; margin-right: 15px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; margin-bottom: 23px;}
.pro-list-gallery li:hover{-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.pro-list-gallery li:hover span{background: #11509b;}
.pro-list-gallery li p{width: 100%; border: 1px solid #ccc; box-sizing: border-box; background: #fff; height: 311px; position: relative;}
.pro-list-gallery li p img{max-width: 100%; max-height: 100%; display: block; width: 100%; height: 100%; object-fit: contain;}
.i_pro_others::after{display: block; content: ''; clear: both;}
.i_pro_others .pro-list-others{width: 870px;}
.i_pro_others .pro-list-others li{float: left; width: 268px; overflow: hidden; margin-right: 20px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.i_pro_others .pro-list-others li:hover{-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.i_pro_others .pro-list-others li:hover span{background: #c8171e;}
.i_pro_others .pro-list-others li p{width: 100%; border: 1px solid #ccc; box-sizing: border-box; height: 190px; position: relative;}
.i_pro_others .pro-list-others li p img{display: block; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.i_pro_others .pro-list-others li span{display: block; height: 40px; overflow: hidden; width: 100%; line-height: 40px; background: #666; color: #fff; text-align: center; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
/*i_pro_order*/
.i_pro_order{padding-top: 60px; overflow: hidden; padding-bottom: 100px; margin-top: 0;}
.i_pro_order .i_pro_con_left{float: left; width: 390px; overflow: hidden;}
.i_pro_order .form_i{margin-bottom: 10px;}
.i_pro_order .form_i textarea{width: 255px; height: 96px;}
.i_pro_order .form_i select{height: 30px; line-height: 30px;}
.i_pro_order .form_i span{display: inline-block; width: 75px; font-size: 14px; text-align-last: justify; color: #666;}
.i_pro_order .form_i input{display: inline-block; line-height: 30px; height: 30px; width: 255px;}
.i_pro_order button{display: block; width: 250px; line-height: 35px; background: #11509b; color: #fff; text-align: center; border: 0; font-family: 'Microsoft YaHei', SimHei, sans-serif; margin-left: 78px;}
.i_pro_con_right{float: right; width: 440px; margin-right: 4px;}
.i_pro_con_right #allmap{width: 100%; height: 194px; float: none;}
.i_pro_con_right h3{font-size: 22px; font-weight: 500; margin-top: 5px; margin-bottom: 5px;}
.i_pro_con_right ul li{font-size: 15px; margin-bottom: 10px; color: #666;}
#sub_bar_nav{position: fixed; right: 0; top: 300px; z-index: 90; width: 120px; background: #015cb5;}
#sub_bar_nav ul{border: 1px #d1d1d1 solid; padding: 2px 0; height: auto; overflow: hidden;}
#sub_bar_nav li{display: block; line-height: 40px; color: #FFF; height: 40px; margin-bottom: 2px; font-size: 14px;}
#sub_bar_nav li:hover{background: #f7c433;}
#sub_bar_nav li a{display: block; float: left; height: 40px; line-height: 40px; margin: 0 11px; background: url(../images/dot.html) repeat-x left bottom; clear: both; color: #FFF;}
#sub_bar_nav li a.no{background: none;}
#sub_bar_nav a:hover{color: #FFF; background: none;}
#sub_bar_nav li:hover a{color: #FFF; background: none;}
#sub_bar_nav li a.mainList i{display: block; float: left; background: url(../images/p1.png) no-repeat left center; width: 17px; height: 17px; transition: all 0.4s; margin: 10px 7px 0 0;}
#sub_bar_nav li a.mainList:hover i{background: url(../images/p1.png) no-repeat -22px center;}
#sub_bar_nav li a.biaoge i{display: block; float: left; background: url(../images/p2.png) no-repeat left center; width: 17px; height: 17px; transition: all 0.4s; margin: 10px 7px 0 0;}
#sub_bar_nav li a.biaoge:hover i{background: url(../images/p2.png) no-repeat -22px center;}
#sub_bar_nav li a.working i{display: block; float: left; background: url(../images/p4.png) no-repeat left center; width: 17px; height: 17px; transition: all 0.4s; margin: 10px 7px 0 0;}
#sub_bar_nav li a.working:hover i{background: url(../images/p4.png) no-repeat -20px center;}
#sub_bar_nav li a.data0 i{display: block; float: left; background: url(../images/p5.png) no-repeat left center; width: 17px; height: 17px; transition: all 0.4s; margin: 10px 7px 0 0;}
#sub_bar_nav li a.data0:hover i{background: url(../images/p5.png) no-repeat -16px center;}
/*location*/
.location{overflow: hidden; line-height: 60px; font-size: 14px; background: #eee; margin-bottom: 40px; color: #666;}
.location i{padding-right: 5px; font-size: 25px;}
.location a{color: #666; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.location a:hover{color: #015cb5;}
.location b{float: left; font-size: 20px; font-weight: 300;}
.location span{float: right;}
/*联系我们*/
.info_title_all{text-align: center; padding: 0 0 45px;}
.info_title_all h3{display: block; font-size: 36px; color: #434242; margin-bottom: 15px;}
.info_title_all small{font-size: 20px; color: #848484; font-family: pictos;}
.info_title_all b{font-size: 20px; color: #015cb5; display: block; margin-top: 20px;}
.info_contact{overflow: hidden;}
.h-contact-list{background-color: #fff; width: 48%; float: left; overflow: hidden;}
.h-contact-list ul{margin: 0 20px; width: 92%;}
.h-contact-li{position: relative; padding: 23px 10px 22px 50px; border-bottom: 1px solid #D2D2D2; font-size: 16px;}
.h-contact-li:last-child{border: none;}
.h-contact-li .ico{position: absolute; left: 0; top: 25px; display: block; width: 32px; height: 32px; background-position: 0 0; background-size: 100% 100%;}
.h-contact-li .addr{background-image: url(../images/h_ctc_ico1.png);}
.h-contact-li .tel{background-image: url(../images/h_ctc_ico2.png);}
.h-contact-li .fax{background-image: url(../images/h_ctc_ico3.png);}
.h-contact-li .mail{background-image: url(../images/h_ctc_ico4.png);}
.h-contact-li .txt{color: #888;}
#allmap{width: 51%; height: 350px; float: right; border: 1px solid #ccc;}
/*在线留言*/
.info_mes{overflow: hidden;}
.info_mes .info_mes_l{float: left; width: 50%;}
.info_mes .info_mes_l h3{font-size: 20px;}
.info_mes .info_mes_l span{display: block; margin: 15px 0; color: #666; font-size: 14px;}
.info_mes .info_mes_l form{margin-top: 40px;}
.info_mes .info_mes_l .input-group{margin-bottom: 10px; clear: both; /*overflow: hidden;*/}
.info_mes .info_mes_l .input-group:after{display: block; content: ''; clear: both;}
.info_mes .info_mes_l .input-group label{width: 62px; font-size: 15px; display: inline-block; text-align-last: justify; color: #606060; font-weight: bold;}
.info_mes .info_mes_l .input-group input[type=text]{border: 1px solid #aaa; border-radius: 2px; line-height: 30px; height: 30px; width: 276px; text-indent: 1em; font-family: "microsoft yahei", "sans-serif"; /* background: #f0f2ef; */ transition: 300ms; -webkit-transition: 300ms; outline: none;}
.info_mes .info_mes_l .input-group input[type=text]:focus{width: 300px; box-shadow: 0 0 5px #015cb5; border: 1px solid #015cb5;}
.info_mes .info_mes_l .input-group textarea:focus{width: 440px; box-shadow: 0 0 5px #015cb5; border: 1px solid #015cb5;}
.info_mes .info_mes_l .input-group input[type=text]#captcha:focus{width: 90px; box-shadow: 0 0 5px #015cb5; border: 1px solid #015cb5;}
.info_mes .info_mes_l .input-group textarea{transition: 300ms; -webkit-transition: 300ms; width: 420px; border: 1px solid #aaa; border-radius: 2px; text-indent: 1em; padding-top: 5px; font-family: "microsoft yahei", "sans-serif"; outline: none; margin-left: 4px;}
.info_mes .info_mes_l #submit{display: block; clear: both; width: 80px; line-height: 30px; background: #015cb5; border: 0; color: #ffffff; font-size: 14px; font-family: "microsoft yahei"; margin-left: 64px;}
.info_mes .info_mes_l #submit:hover{background: #BB0000;}
.info_mes .info_mes_r{float: right; width: 50%;}
.info_mes .info_mes_r img{max-width: 100%; display: block;}
/*qa*/
.qa_right ul li{border-bottom: 1px solid #ccc; padding: 32px 0;}
.qa_right ul li a{display: block;}
.qa_right ul li:hover span{color: #f7c433;}
.qa_right ul li:first-child{padding-top: 0;}
.qa_right ul li span{display: block; font-weight: bold; color: #3e3e3e; min-height: 25px; margin-bottom: 19px; background: url("../images/q.html") no-repeat left center; padding-left: 30px;}
.qa_right ul li small{display: block; font-size: 14px; color: #a6a6a6; background: url("../images/a.html") no-repeat left center; padding-left: 30px; min-height: 25px;}
/*子页面news*/
.inews_items{border-bottom: 1px #e2e2e2 solid; padding-bottom: 40px; margin-bottom: 30px; overflow: hidden;}
.inews_items li{position: relative; width: 385px; float: left; margin-left: 20px;}
.inews_items li:first-child{margin-left: 0;}
.inews_items li img{display: block; width: 100%; height: 290px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.inews_items .bd{height: 418px; overflow: hidden; position: relative;}
.inews_items .bd li{float: left; width: 385px; margin-right: 20px;}
.inews_items .inews_pd .date{position: absolute; top: 0; left: 0; width: 106px; height: 82px; background-color: #015cb5; color: #fff; text-align: center; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.inews_items .inews_pd .date span{display: block;}
.inews_items .inews_pd .date .day{font-size: 28px; font-weight: bold; line-height: 30px; margin-top: 15px;}
.inews_items .inews_pd .date .year{font-size: 15px;}
.inews_items ._inews_text ._title{font-size: 18px; font-weight: normal; line-height: 23px; height: 46px; overflow: hidden; margin: 20px 0 0;}
.inews_items ._inews_text ._text{font-size: 14px; color: #747474; height: 44px; line-height: 22px; overflow: hidden;}
.inews_items .hd{margin-top: 50px;}
.inews_items .hd ul{font-size: 0; text-align: center;}
.inews_items .hd li{display: inline-block; border: 1px #707070 solid; width: 9px; height: 9px; line-height: 99; overflow: hidden; margin: 0 4px; border-radius: 50%; cursor: pointer; *display: inline; *zoom: 1;}
.inews_items .hd li.on{border-color: #f7c433; background-color: #f7c433;}
.inews_items .inews_pd a{display: block; overflow: hidden;}
.inews_items li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.inews_items li:hover ._title{color: #015cb5;}
.inews_items li:hover .inews_pd .date{background: #f7c433;}
.l{float: left;}
.news_bottom li{padding: 25px 0 30px; border-bottom: 1px dashed #ccc; overflow: hidden; *zoom: 1; width: 100%;}
.news_bottom li .data{font-family: Arial; border: 1px #ccc solid; width: 55px; margin-right: 2%;}
.news_bottom li .data span{display: block; text-align: center;}
.news_bottom li .data .day{font-size: 30px; font-weight: bold; background-color: #ccc; line-height: 45px; color: #fff;}
.news_bottom li .data .month{font-size: 0.77em; color: #565656;}
.news_bottom ._img{float: left; width: 15%; margin-right: 2%; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.news_bottom ._img img{height: 100%;}
.news_bottom ._t{font-size: 18px; margin-bottom: 5px; color: #555; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.news_bottom ._p a{line-height: 23px; height: 46px; overflow: hidden; color: #999; font-size: 14px;}
.news_bottom ._i{overflow: hidden; *zoom: 1; margin-top: 25px;}
.news_bottom ._i span,
.news_bottom ._i a{float: left; line-height: 26px; padding: 0 10px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.news_bottom ._i ._more{background: #f7c433; color: #fff; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.news_bottom ._i ._date{background: #ededed; color: #999; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.news_bottom li:hover ._t{color: #015cb5;}
.news_bottom li:hover span{color: #015cb5;}
.news_bottom li:hover ._i ._more{background-color: #015cb5;}
.news_bottom li:hover .data{border-color: #015cb5;}
.news_bottom li:hover .data .day{background-color: #015cb5;}
/*news_content*/
.news_info_con{overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 30px; margin-bottom: 20px;}
.news_info_con ._title{float: left; font-size: 25px; font-weight: 400;}
.news_info_con .news_time{float: right; font-size: 14px; color: #666; margin-top: 12px;}
.news_info_con .news_time span{padding-left: 20px; margin-left: 20px;}
.news_info_con .news_time span:nth-of-type(1){background: url("../images/time.png") no-repeat left center;}
.news_info_con .news_time span:nth-of-type(2){background: url("../images/click.png") no-repeat left center;}
/*在线客服*/
.suspension{position: fixed; z-index: 101; right: 0; bottom: 85px; width: 70px; height: 240px;}
.suspension-box{position: relative; float: right;}
.suspension .a{display: block; width: 44px; height: 44px; background-color: #015cb5; margin-bottom: 4px; cursor: pointer; outline: none;}
.suspension .a.active,
.suspension .a:hover{background: #F05352;}
.suspension .a .i{float: left; width: 44px; height: 44px; background-image: url(../images/side_icon.png); background-repeat: no-repeat;}
.suspension .a-service .i{width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(../images/suspension-bg.png); background-repeat: no-repeat; background-position: 0 0;}
.suspension .a-service-phone .i{width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(../images/suspension-bg.png); background-repeat: no-repeat; background-position: -27px 0;}
.suspension .a-qrcode .i{background-position: -44px 0;}
.suspension .a-cart .i{background-position: -88px 0;}
.suspension .a-top .i{background-position: -132px 0;}
.suspension .a-top{background: #D2D3D6; display: none;}
.suspension .a-top:hover{background: #c0c1c3;}
.suspension .d{display: none; width: 223px; background: #fff; position: absolute; right: 67px; min-height: 90px; border: 1px solid #E0E1E5; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position: absolute; width: 8px; height: 12px; background: url(../images/side_bg_arrow.html) no-repeat; right: -8px; top: 31px;}
.suspension .d-service{top: 0;}
.suspension .d-service-phone{top: 34px;}
.suspension .d-qrcode{top: 78px;}
.suspension .d .inner-box{padding: 8px 22px 12px;}
.suspension .d-service-item{border-bottom: 1px solid #eee; padding: 14px 0;}
.suspension .d-service .d-service-item{border-bottom: none;}
.suspension .d-service-item .circle{width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #F1F1F3; display: block; float: left;}
.suspension .d-service-item .i-qq{width: 44px; height: 44px; background: url(../images/side_con_icon03.png) no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden;}
.suspension .d-service-item:hover .i-qq{background-position: center 3px;}
.suspension .d-service-item .i-tel{width: 44px; height: 44px; background: url(../images/side_con_icon02.png) no-repeat center center; display: block;}
.suspension .d-service-item h3{float: left; width: 112px; line-height: 44px; font-size: 15px; margin-left: 12px;}
.suspension .d-service-item .text{float: left; width: 112px; line-height: 22px; font-size: 15px; margin-left: 12px;}
.suspension .d-service-item .text .number{font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}
.suspension .d-service-intro{padding-top: 10px;}
.suspension .d-service-intro p{float: left; line-height: 27px; font-size: 12px; width: 50%; white-space: nowrap; color: #888;}
.suspension .d-service-intro i{background: url(../images/side_con_icon01.html) no-repeat center center; height: 27px; width: 14px; margin-right: 5px; vertical-align: top; display: inline-block;}
.suspension .d-qrcode{text-align: center;}
.suspension .d-qrcode .inner-box{padding: 20px 0;}
.suspension .d-qrcode p{font-size: 16px; color: #93959c;}
/*产品分类*/
.info_pro_list{padding: 25px; background: #fff; margin-top: 30px; overflow: hidden;}
.info_pro_list .pro-list{width: 1250px;}
.info_pro_list .pro-list li{width: 270px;}
.info_pro_type{overflow: hidden; background: #fff; padding: 25px;}
.info_pro_type li{width: 16.666%; float: left; background: #fff; line-height: 40px; height: 40px; overflow: hidden; border: 1px solid #ccc; box-sizing: border-box; margin-left: -1px; margin-top: -1px; text-align: center; font-size: 14px;}
.info_pro_type li a{display: block; color: #777; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.info_pro_type li a:hover{color: #fff; background: #015cb5;}

.floatbox{width: 192px;height: 470px;background:#fff;right: 10px;bottom: 50px;position: fixed;border: 3px #177ECD solid;z-index: 999;}
.floatbox .fl01{display: block;padding-left:22px;padding:22px 23px;background: #177ECD;}
.floatbox .fl02{text-align: center;color: #656565;font-size: 15px;padding-top:18px;}
.floatbox .fl02 span{color: #de1805}
.floatbox .fl03{text-align: center;color: #1547a9;font-size: 15px;padding-top: 15px;padding-bottom: 11px;display: block;}
.floatbox .fl03 big{font-size: 20px;font-weight: bold;line-height:26px;margin-top: 13px;display: block;}
.floatbox .fzixun{width:92px;height:40px;line-height: 40px;border-radius: 20px;color: #fff;position: absolute;background: url(../images/fl02.png) left center no-repeat #177ECD;left: 25px;top: 240px;padding-left: 56px;display: block;}
.floatbox .fzixun:hover{background:url(../images/fl02.png) left center no-repeat #de1805}
.floatbox .up{display: block; height: 35px; width: 35px; position: absolute; top: 0; right: 0; cursor: pointer; background: url(../images/close.png) center center no-repeat; background-size: 60% 60%;}
.floatbox .fweixin{width: 118px;height: 118px;position: absolute;left:40px;top:294px;}
.floatbox .fbox03{width:100%;height: 50px;line-height: 60px;color: #fff;text-align: center;left: 0;bottom: 0;background: url(../images/top.png) top center no-repeat #177ECD;position: absolute;}