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: -139px; box-shadow: 0 0 10px #000;}
/************************header************************/
header{background: #fff;}
.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: 250px; top: 12px;}
.header_logo .header_logo_r{float: right;}
.header_logo .header_logo_r p{margin-top: 14px;}
.header_logo .header_logo_r p small{color: #616161; display: block; background: url("../images/header_tel.jpg") no-repeat left center; padding-left: 30px; line-height: 20px;}
.header_logo .header_logo_r p b{font-size: 30px; color: #c8171e;}
.nav{background: url("../images/navbg.jpg"); height: 68px; position: relative; z-index: 100;}
.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:hover{color: #fff; background: #11509b;}
.nav ul li:hover small{color: #fff;}
.nav ul li:hover p{visibility: visible; opacity: 1; top: 68px;}
.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: 133px; text-align: center; box-sizing: border-box; padding: 15px 0 16px 0;}
.nav ul li > a span{display: block;}
.nav ul li > a small{display: block; font-size: 12px; color: #515555; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.nav ul li p{position: absolute; left: 0; top: 120px; background: #262729; width: 100%; text-align: center; box-sizing: border-box; visibility: hidden; opacity: 0; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.nav ul li p a{display: block; padding: 10px 0; line-height: inherit; color: #fff; font-size: 14px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.nav ul li p a:hover{background: #c8171e;}
.banner{margin-top: 207px;}
.banner .box_skitter .info_slide_dots .image_number{height: 6px; width: 35px; border-radius: 5px;}
.banner .box_skitter .info_slide_dots .image_number{background: #11509b; 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************************/
/*-------------------------------------------------------------------------search 首页搜索-----------------------------------------------------------------------------------*/
.search{overflow: hidden; background: url("../images/index_formbg.jpg") no-repeat center; height: 169px;}
.search .search_left{float: left; color: #fff; position: relative; width: 550px; margin-top: 43px;}
.search .search_left span{display: block; font-size: 30px;}
.search .search_left p{position: absolute; right: 0; top: 0;}
.search .search_left p small{display: inline-block; width: 42px; height: 42px; border-radius: 50%; background: #fff; color: #11509b; text-align: center; line-height: 42px; margin-left: 10px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.search .search_left p small:hover{background: #c8171e;}
.search .search_left p small:hover i{color: #fff;}
.search .search_left p small i{font-size: 25px; color: #11509b;}
.search .search_left div{border-top: 2px solid rgba(255, 255, 255, 0.26); padding-top: 14px; margin-top: 14px;}
.search .search_left div b{font-size: 32px;}
.search .search_left div b:last-of-type{float: right;}
.search .search_right{float: right; width: 530px; margin-top: 10px;}
.search .search_right form{margin-top: 10px; overflow: hidden;}
.search .search_right form input{display: block; width: 430px; float: left; text-indent: 35px; font-family: 'Microsoft YaHei', SimHei, sans-serif; outline: none; background: #ffffff url("../images/sch.png") no-repeat 10px center; border: 0; height: 40px; line-height: 40px;}
.search .search_right form button{display: block; width: 100px; height: 42px; float: right; background: #11509b; color: #fff;}
.search .search_right p{margin-top: 13px;}
.search .search_right p b{display: inline-block; font-size: 14px; color: #484848; font-weight: 500; height: 50px; float: left;}
.search .search_right p span{float: revert; width: 410px;}
.search .search_right p span a{font-size: 14px; color: #868686; padding: 0 15px; border-right: 1px solid #868686; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.search .search_right p span a:hover{color: #11509b;}
/*-------------------------------------------------------------------------product_type 首页产品分类及热销-----------------------------------------------------------------------------------*/
.main_title{text-align: center; margin: 70px 0 42px 0; background: url("../images/titlebg.png") no-repeat center;}
.main_title b{font-size: 34px; color: #11509b;}
.main_title small{display: block; font-size: 22px; color: #646464; font-weight: 500;}
.idx_pro_type{overflow: hidden; margin-bottom: 45px;}
.idx_pro_type a{display: block; width: 134px; line-height: 50px; font-size: 14px; color: #717171; border: 1px solid #dedede; text-align: center; float: left; margin-right: 16px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.idx_pro_type a:last-of-type{margin-right: 0;}
.idx_pro_hot{overflow: hidden;}
.idx_pro_hot .swiper-slide{overflow: hidden; background: #fff;}
.idx_pro_hot .swiper-slide .idx_pro_hot_img{float: left; width: 698px; height: 430px; border: 1px solid #ccc; position: relative; overflow: hidden;}
.idx_pro_hot .swiper-slide .idx_pro_hot_img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}
.idx_pro_hot .swiper-slide .idx_pro_hot_txt{float: right; height: 400px; background: #f5f5f5; width: 420px; padding: 30px 40px 0 40px; position: relative;}
.idx_pro_hot .swiper-slide .idx_pro_hot_txt b{display: block; font-size: 20px; color: #11509b;}
.idx_pro_hot .swiper-slide .idx_pro_hot_txt b:after{display: block; content: ''; background-color: #d9d9d9; width: 50px; height: 3px; margin-top: 18px; margin-bottom: 18px;}
.idx_pro_hot .swiper-slide .idx_pro_hot_txt div{display: block; font-size: 14px; color: #555555; line-height: 22px;}
.idx_pro_hot .swiper-slide .idx_pro_hot_txt div p{margin-bottom: 8px;}
.idx_pro_hot .swiper-slide .idx_pro_hot_txt p.idx_pro_hot_txt_btn{position: absolute; bottom: 30px; left: 40px;}
.idx_pro_hot .swiper-slide .idx_pro_hot_txt p.idx_pro_hot_txt_btn a{display: inline-block; width: 158px; line-height: 46px; color: #fff; background-repeat: no-repeat; text-indent: 68px; margin-right: 25px;}
.idx_pro_hot .swiper-slide .idx_pro_hot_txt p.idx_pro_hot_txt_btn a:hover{text-decoration: underline;}
.idx_pro_hot .swiper-slide .idx_pro_hot_txt p.idx_pro_hot_txt_btn a:nth-of-type(1){background: url("../images/idx_pro_bg1.jpg") no-repeat center;}
.idx_pro_hot .swiper-slide .idx_pro_hot_txt p.idx_pro_hot_txt_btn a:nth-of-type(2){background: url("../images/idx_pro_bg2.jpg") no-repeat center;}
.idx_pro_hot_gallery{overflow: hidden; margin-top: 45px;}
.idx_pro_hot_gallery ul li{float: left; width: 385px; border: 1px solid #ccc; margin: 0 19px 0 0;}
.idx_pro_hot_gallery ul li:last-of-type{margin-right: 0;}
.idx_pro_hot_gallery ul li p{height: 238px; overflow: hidden; position: relative;}
.idx_pro_hot_gallery ul li p img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}
.idx_pro_hot_gallery ul li div{background: #f5f5f5; text-align: center; padding: 20px 0; position: relative; border-top: 1px solid #ccc; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.idx_pro_hot_gallery ul li div b{display: block; font-size: 18px; color: #5a5a5a; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; font-weight: 400; margin-bottom: 10px;}
.idx_pro_hot_gallery ul li div small{display: block; font-size: 14px; color: #939393; padding: 0 10px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.idx_pro_hot_gallery ul li div span{width: 0; height: 0; border-bottom: 30px solid #11509b; border-left: 30px solid transparent; position: absolute; right: 0; bottom: 0; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.idx_pro_hot_gallery ul li div span i{color: #fff; position: absolute; right: 2px; top: 9px; font-style: normal;}
.idx_pro_hot_gallery ul li:hover div,
.idx_pro_hot_gallery ul li.pro_act div{background: #11509b;}
.idx_pro_hot_gallery ul li:hover div b,
.idx_pro_hot_gallery ul li.pro_act div b{color: #fff;}
.idx_pro_hot_gallery ul li:hover div small,
.idx_pro_hot_gallery ul li.pro_act div small{color: #fff;}
.idx_pro_hot_gallery ul li:hover div span,
.idx_pro_hot_gallery ul li.pro_act div span{border-bottom: 30px solid #c8171e;}
/*-------------------------------------------------------------------------supplier 首页合格供应商------------------------------------------------------------------------------------*/
.supplier{background-attachment: fixed; padding-top: 70px; background-position: center; margin-top: 90px; border-bottom: 1px solid #ccc;}
.supplier b,
.supplier strong{display: block; font-size: 40px; color: #fff;}
.supplier b{color: #EA0202;}
.supplier strong{color: #EA0202;}
.supplier .swiper-container_supplier{margin-top: 80px; position: relative; background: #fff; padding: 0 30px; overflow: hidden;}
.supplier .swiper-container_supplier ul li{height: 120px; position: relative;}
.supplier .swiper-container_supplier ul li img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.supplier .swiper-container_supplier .swiper-button-next,
.supplier .swiper-container_supplier .swiper-button-prev{background-size: 18px;}
/*-------------------------------------------------------------------------industry 行业应用------------------------------------------------------------------------------------*/
.ind_type{overflow: hidden; margin-bottom: 40px;}
.ind_type ul li{width: 199px; float: left; background: #f4f5f5; height: 144px; border-right: 1px dotted #ccc; position: relative; cursor: pointer;}
.ind_type ul li:hover span,
.ind_type ul li.ind_act span{color: #11509b;}
.ind_type ul li:hover p:after,
.ind_type ul li.ind_act p:after{transform: scale(1);}
.ind_type ul li:hover:nth-of-type(1) i,
.ind_type ul li.ind_act:nth-of-type(1) i{background-image: url("../images/case_ico11.png");}
.ind_type ul li:hover:nth-of-type(2) i,
.ind_type ul li.ind_act:nth-of-type(2) i{background-image: url("../images/case_ico22.png");}
.ind_type ul li:hover:nth-of-type(3) i,
.ind_type ul li.ind_act:nth-of-type(3) i{background-image: url("../images/case_ico33.png");}
.ind_type ul li:hover:nth-of-type(4) i,
.ind_type ul li.ind_act:nth-of-type(4) i{background-image: url("../images/case_ico44.png");}
.ind_type ul li:hover:nth-of-type(5) i,
.ind_type ul li.ind_act:nth-of-type(5) i{background-image: url("../images/case_ico55.png");}
.ind_type ul li span{display: block; text-align: center; width: 100%; color: #505050; font-weight: bold; position: absolute; left: 0; bottom: 25px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.ind_type ul li p{position: absolute; left: 0; top: 15px; width: 100%; height: 70px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.ind_type ul li p i{background-repeat: no-repeat; background-position: center; width: 100%; height: 70px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; display: block; z-index: 2; position: relative;}
.ind_type ul li p:after{display: block; content: ''; width: 92px; height: 92px; background: url("../images/case_icobg.png") no-repeat center; position: absolute; left: 50%; top: 50%; transform: scale(0); margin-left: -48px; margin-top: -48px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.ind_type ul li:nth-of-type(1) i{background-image: url("../images/case_ico1.png");}
.ind_type ul li:nth-of-type(2) i{background-image: url("../images/case_ico2.png");}
.ind_type ul li:nth-of-type(3) i{background-image: url("../images/case_ico3.png");}
.ind_type ul li:nth-of-type(4) i{background-image: url("../images/case_ico4.png");}
.ind_type ul li:nth-of-type(5) i{background-image: url("../images/case_ico5.png");}
.ind_type > a{width: 200px; line-height: 144px; background: #11509b url("../images/cass_btn.png") no-repeat right bottom; display: block; float: left; text-align: center; font-size: 22px; color: #fff; font-weight: bold;}
.ind_list{overflow: hidden;}
.ind_list .swiper-slide{overflow: hidden;}
.ind_list .swiper-slide .ind_list_left{width: 600px; height: 430px; float: left;}
.ind_list .swiper-slide .ind_list_left img{display: block; width: 100%; height: 100%;}
.ind_list .swiper-slide .ind_list_right{float: left; width: 530px; height: 360px; background: #f4f5f5; padding: 35px; position: relative;}
.ind_list .swiper-slide .ind_list_right > b{display: block; font-size: 18px; color: #3f3f3f; margin-bottom: 30px;}
.ind_list .swiper-slide .ind_list_right > small{font-size: 14px; color: #818181; line-height: 28px; display: block;}
.ind_list .swiper-slide .ind_list_right > small a{color: #c8171e; font-size: 14px;}
.ind_list .swiper-slide .ind_list_right > small a:hover{text-decoration: underline;}
.ind_list .swiper-slide .ind_list_right .ind_list_right_more{position: absolute; bottom: 20px; left: 35px; width: 100%;}
.ind_list .swiper-slide .ind_list_right .ind_list_right_more a{display: block; background: url("../images/case_more.png") no-repeat 80px center; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; margin-bottom: 15px; font-size: 18px; color: #3f3f3f; font-weight: bold; width: 100%;}
.ind_list .swiper-slide .ind_list_right .ind_list_right_more a:hover{color: #11509b;}
.ind_list .swiper-slide .ind_list_right .ind_list_right_more ol{height: 115px;}
.ind_list .swiper-slide .ind_list_right .ind_list_right_more ol li{float: left; width: 164px; height: 115px; overflow: hidden; margin-left: 15px; position: relative;}
.ind_list .swiper-slide .ind_list_right .ind_list_right_more ol li:hover span{line-height: 45px; height: 45px;}
.ind_list .swiper-slide .ind_list_right .ind_list_right_more ol li:nth-of-type(1){margin-left: 0;}
.ind_list .swiper-slide .ind_list_right .ind_list_right_more ol li img{display: block; width: 100%; height: 100%; object-fit: cover;}
.ind_list .swiper-slide .ind_list_right .ind_list_right_more ol li span{display: block; font-size: 14px; background: rgba(0, 0, 0, 0.62); color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; line-height: 39px; height: 39px; overflow: hidden; text-align: center;}
/*-------------------------------------------------------------------------ys 首页优势------------------------------------------------------------------------------------*/
.ys{overflow: hidden; margin: 94px auto 0 auto;}
.ys_top{color: #fff; overflow: hidden; margin-bottom: 65px; background: #11509b url("../images/center_telbg.jpg") no-repeat center top; height: 212px;}
.ys_top .ys_top_l{float: left; margin-top: 50px; background: url("../images/yslogo.png") no-repeat left center; padding-left: 130px; border-right: 1px solid rgba(255, 255, 255, 0.46); padding-right: 25px;}
.ys_top .ys_top_l span{display: block; font-size: 26px;}
.ys_top .ys_top_l b{display: block; font-size: 38px;}
.ys_top .ys_top_c{float: left; margin: 35px 0 0 25px;}
.ys_top .ys_top_c b{display: block; background: url("../images/fourys.png") no-repeat center; position: relative; width: 553px; height: 75px; text-indent: -999rem;}
.ys_top .ys_top_c span{display: block; font-size: 20px;}
.ys_top .ys_top_r{float: right; text-align: right; margin-top: 50px; background: url("../images/ys_tel.png") no-repeat right top; padding-right: 60px;}
.ys_top .ys_top_r > *{display: block;}
.ys_top .ys_top_r small{font-size: 14px; color: #3474bf;}
.ys_top .ys_top_r b{font-size: 34px;}
.ys_top .ys_top_r a{width: 122px; line-height: 34px; background: #c8171e; text-align: center; color: #fff; border-radius: 20px; float: right; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.ys_top .ys_top_r a:hover{text-decoration: underline;}
.ys_bottom_list{overflow: hidden; margin-bottom: 55px;}
.ys_bottom_list img{width: 600px; height: 430px; float: left; display: block;}
.ys_bottom_list .ys_bot_lis_r{width: 470px; height: 360px; background: #f4f4f4; padding: 35px 65px; float: left;}
.ys_bottom_list .ys_bot_lis_r p{background: url("../images/ys_ico1.png") no-repeat left center; padding-left: 72px;}
.ys_bottom_list:nth-of-type(2) .ys_bot_lis_r p{background: url("../images/ys_ico2.png") no-repeat left center;}
.ys_bottom_list:nth-of-type(3) .ys_bot_lis_r p{background: url("../images/ys_ico3.png") no-repeat left center;}
.ys_bottom_list:nth-of-type(4) .ys_bot_lis_r p{background: url("../images/ys_ico4.png") no-repeat left center;}
.ys_bottom_list .ys_bot_lis_r p > *{display: block;}
.ys_bottom_list .ys_bot_lis_r p b{font-size: 30px; color: #11509b;}
.ys_bottom_list .ys_bot_lis_r p small{font-size: 22px; color: #2f2f2f; display: block; position: relative;}
.ys_bottom_list .ys_bot_lis_r div{background: url("../images/ys_bg1.png") no-repeat top center; padding-top: 22px; margin-top: 22px;}
.ys_bottom_list .ys_bot_lis_r div small{display: block; font-size: 16px; color: #505050; margin-bottom: 20px; position: relative; padding-left: 18px;}
.ys_bottom_list .ys_bot_lis_r div small:after{display: block; content: '>'; position: absolute; left: 0; top: 0; transform: scaleY(1.5); opacity: 0.6;}
.ys_bottom_list .ys_bot_lis_r div small strong{color: #c8171e;}
.ys_bottom_list .ys_bot_lis_r ol{overflow: hidden; margin-top: 55px; margin-left: 18px;}
.ys_bottom_list .ys_bot_lis_r ol li{float: left; color: #444444; margin-right: 50px;}
.ys_bottom_list .ys_bot_lis_r ol li:before{display: block; content: ''; width: 50px; height: 3px; background: #b2b2b2;}
.ys_bottom_list .ys_bot_lis_r ol li b{font-size: 38px;}
.ys_bottom_list .ys_bot_lis_r ol li span{font-size: 30px;}
.ys_bottom_list .ys_bot_lis_r ol li small{display: block; font-size: 16px;}
/*-------------------------------------------------------------------------company 首页公司简介------------------------------------------------------------------------------------*/
.company{overflow: hidden; background: url("../images/company_bg1.jpg") no-repeat center; height: 470px; position: relative;}
.company .company_con{background: rgba(0, 0, 0, 0.53); position: absolute; bottom: 0; left: 0; width: 100%; color: #fff;}
.company .company_con::after{display: block; content: ''; clear: both;}
.company .company_con .com_left{width: 222px; float: left; margin-top: -85px;}
.company .company_con .com_left b{display: block; background: #fff; font-size: 28px; color: #3d3d3d; text-align: center; line-height: 85px;}
.company .company_con .com_left p{background: #11509b; height: 145px; padding-left: 28px; padding-top: 35px;}
.company .company_con .com_left p strong{display: block; font-size: 20px;}
.company .company_con .com_left p strong i{font-size: 35px; padding-right: 10px;}
.company .company_con .com_left p a{display: block; width: 88px; line-height: 28px; border: 1px solid #3e77bc; text-align: center; color: #fff; font-size: 14px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; margin-top: 10px;}
.company .company_con .com_left p a:hover{color: #c8171e;}
.company .company_con .com_right{width: 925px; float: right; font-size: 14px; padding: 38px 0; line-height: 26px;}
/*-------------------------------------------------------------------------honor_env 首页荣誉------------------------------------------------------------------------------------*/
.honor_env{overflow: hidden; margin: 58px 0;}
.honor_env p{overflow: hidden; margin-bottom: 25px;}
.honor_env p b{font-size: 24px; color: #3d3d3d;}
.honor_env p a{float: right; width: 33px; height: 33px; border-radius: 50%; border: 1px solid #ccc; position: relative; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.honor_env p a i{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.honor_env p a:hover{background-color: #11509b;}
.honor_env p a:hover i{color: #fff;}
.honor_env ul li{float: left; width: 280px; height: 198px; position: relative; border: 1px solid #ccc; overflow: hidden; margin: 0 10px 10px 0; background: #000;}
.honor_env ul li img{display: block; width: 100%; height: 100%; object-fit: cover; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.honor_env ul li:hover img{opacity: 0.6;}
.honor_env .env{float: left; width: 585px;}
.honor_env .honor{float: right; width: 585px;}
/*-------------------------------------------------------------------------index_contact 首页联系------------------------------------------------------------------------------------*/
.index_contact{background: #11509b url("../images/idnex_con.jpg") no-repeat center; overflow: hidden; padding: 40px 0; position: relative; margin-bottom: 80px;}
.index_contact .i_con_left{float: left; color: #fff; margin-left: 125px;}
.index_contact .i_con_left b{display: block; font-size: 34px;}
.index_contact .i_con_left span{display: block; font-size: 34px; font-weight: 400;}
.index_contact .i_con_left small{display: block; font-size: 17px; opacity: 0.5;}
.index_contact .i_con_ewm{float: left; text-align: center; margin: 0 40px 0 45px;}
.index_contact .i_con_ewm p{float: left; margin-right: 25px;}
.index_contact .i_con_ewm p img{display: block; background: #fff; padding: 5px; width: 90px; height: 90px;}
.index_contact .i_con_ewm p small{display: block; font-size: 16px; color: #fff;}
.index_contact .i_con_right{float: left; color: #fff; margin-top: 15px;}
.index_contact .i_con_right small{display: block; font-size: 16px; background: url(../images/i-tel0.png) left center no-repeat; padding-left: 25px;}
.index_contact .i_con_right b{display: block; font-size: 30px;}
.index_contact .i_con_right span{display: block; font-size: 18px;}
.index_contact .wrapper > a{position: absolute; left: 0; top: -25px;}
/*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; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-height: 80%; max-width: 100%;}
ul.pro_list li div{background: #11509b; color: #fff; 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: #fff; font-size: 16px; font-weight: bold; margin-bottom: 5px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
ul.pro_list li div span{display: block;  color: #fff;-moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; font-size: 14px;}
ul.pro_list li:hover div{background: #C8171E; 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: #11509b; margin-bottom: 20px;}
.sidebar ul li{border-bottom: 1px solid #ccc;}
.sidebar ul li:hover > a,
.sidebar ul li.act > a{background: #c8171e; 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: #11509b; font-weight: bold;}
.sidebar .sidebar_con{background: #11509b; 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;}
/*news*/
.news{overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.tit1{height: 58px; background: #f2f2f2; overflow: hidden;}
.tit1 a{display: block;}
.tit1 em{display: block; float: left; width: 190px; height: 80px; text-align: center; font: 18px "Microsoft YaHei"; font-weight: bold; color: #fff; background: #11509b; padding-top: 7px;}
.tit1 em i{display: block; font: 15px "Microsoft YaHei"; text-transform: uppercase; color: #d5dce8;}
.tit1 span{display: block; width: 62px; height: 58px; background: #666; font: 12px Arial; text-transform: uppercase; text-align: center; float: right; color: #fff; line-height: 58px;}
.dy{width: 580px; height: 420px; overflow: hidden;}
.dy dl{height: 55px; overflow: hidden; border-bottom: 1px solid #ececec;}
.dy dl a{-moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.dy dl:hover a{color: #c8171e;}
.dy dt{width: 106px; font: 20px "Microsoft YaHei"; color: #484848; float: left; text-align: center; line-height: 55px;}
.dy dt em{display: none;}
.dy dd{width: 395px; padding-right: 20px; float: right;}
.dy dd a{display: block; font: 14px "Microsoft YaHei"; line-height: 55px; color: #484848; overflow: hidden;}
.dy dd p{display: none;}
.dy .cur{height: 95px; padding-top: 20px;}
.dy .cur:hover a{color: #c8171e;}
.dy .cur dt{font-weight: bold; line-height: 25px; margin-top: 8px;}
.dy .cur dt em{display: block; font-size: 16px; font-style: normal; color: #9e9e9e;}
.dy .cur dd a{display: block; font: 14px "Microsoft YaHei"; font-weight: bold; line-height: 30px; color: #11509b; height: 30px; overflow: hidden;}
.dy .cur dd p{display: block; font: 14px "Microsoft YaHei"; line-height: 24px; height: 48px; overflow: hidden; color: #666;}
.faq{height: 270px; overflow: hidden;}
.faq h2{width: 175px; height: 200px; float: left; overflow: hidden; background: #13519c; font: 18px "Microsoft YaHei"; font-weight: bold;}
.faq h2 a{display: block; padding: 45px 0 0 35px; height: 200px; color: #fff;}
.faq h2 em{display: block; font: 18px Arial; color: #d5dce8; padding-top: 11px;}
.faq dl{width: 300px; float: left; padding-left: 40px;}
.faq dt{font: 14px "Microsoft YaHei"; line-height: 50px; font-weight: bold; color: #484848; background: url('../images/q.gif') no-repeat left top; padding-top: 23px;}
.faq dt a{color: #484848; display: block;}
.faq dd{font: 14px "Microsoft YaHei"; line-height: 24px; color: #666; background: url('../images/a.gif') no-repeat left top; padding-top: 33px;}
.faq dd p{height: 48px; overflow: hidden;}
.faq dd a{display: block; width: 92px; height: 28px; border: 1px solid #d4d4d4; font: 12px Arial; text-transform: uppercase; color: #484848; overflow: hidden; line-height: 28px; text-align: center; margin-top: 14px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.faq dd a:hover{color: #c8171e; border: 1px solid #c8171e;}
/* Footer----------------------------------------*/
#end_wrap{width: 100%; height: 599px; background: #0f0f0f; position: relative; overflow: hidden;}
#end_bar_w{width: 100%; height: 71px; background: #11509b;}
#end_bar{width: 1100px; margin: 0 auto; height: 71px; line-height: 71px; font-size: 16px; overflow: hidden; position: relative; padding-right: 100px;}
#end_bar big{font-size: 18px; font-weight: bold; color: #fff;}
#end_bar a{color: rgba(255, 255, 255, 0.53); font-size: 16px; display: inline-block; margin: 0 10px;}
#end_bar a:hover{color: #fff;}
#end_txt_w{width: 1200px; margin: 0 auto; height: 448px; padding: 50px 0 0 0; text-align: center;}
#e_lxwm{float: left; width: 365px; text-align: left;}
#e_lxwm .title{font-size: 26px; color: #fff; font-weight: bold;}
.e_fwzc_lxlist{width: 480px; height: 348px; float: left;}
.e_fwzc_lxlist ul{padding: 20px 0;}
.e_fwzc_lxlist li{padding-left: 30px; line-height: 42px; color: rgba(255, 255, 255, 0.51); font-size: 16px;}
.e_lx_icon1{background: url(../images/lx_icon1.png) left center no-repeat;}
.e_lx_icon2{background: url(../images/lx_icon2.png) left top no-repeat;}
.e_lx_icon3{background: url(../images/lx_icon3.png) left center no-repeat;}
.e_lx_icon4{background: url(../images/lx_icon4.png) left center no-repeat;}
#end_menu{width: 830px; height: 390px; float: right;}
#end_menu dl{width: 155px; padding: 0 15px; height: auto; overflow: hidden; display: block; float: left; text-align: left;}
#end_menu dl dt{margin: 0 0 10px 0; display: block;}
#end_menu dl dt i{width: 17px; height: 4px; background: #535353; display: block; margin-top: 10px;}
#end_menu dl dt a{display: inline-block; color: #fff; font-size: 18px; line-height: 30px; height: 30px; font-weight: bold;}
#end_menu dl dd a{display: inline-block; color: #9e9c9c; font-size: 16px; line-height: 30px;}
#end_menu dl dt a:hover{color: #f00;}
#end_menu dl dd a:hover{color: #f00;}
.end_txt{width: 1200px; margin: 0 auto; position: relative; color: #5e5f61; font-size: 14px; text-align: center; line-height: 30px; height: 70px; padding-top: 20px;}
.end_logo{position: absolute; top: -30px; left: 50%; margin-left: -30px;}
.end_logo2{position: absolute; top: -4px; left: 50%; margin-left: -600px;}
.end_txt a{color: #5e5f61;}
.end_txt a:hover{color: #fff;}
#end_menu dl.dl_ewm{width: 240px;}
#end_menu dl.dl_ewm dd p{float: left; text-align: center; margin-right: 15px;}
#end_menu dl.dl_ewm dd p img{width: 100px; height: 100px;}
#end_menu dl.dl_ewm dd p small{display: block; color: #fff; opacity: 0.6; font-style: 15px;}
/*-------------------------------------------------------------------------关于我们详情页 info_company------------------------------------------------------------------------------------*/
.info_company{overflow: hidden;}
.info_company .wrapper > b{display: block; font-size: 24px; color: #11509b; margin-bottom: 30px; margin-top: 40px;}
.info_company .wrapper > b span{color: #373737;}
.info_company_title{text-align: center; padding: 80px 0 70px 0; position: relative;}
.info_company_title b{display: block; font-size: 35px; color: #494949; position: relative; z-index: 2;}
.info_company_title small{display: block; font-size: 64px; color: #ecf1f6; position: absolute; left: 0; top: 70px; width: 100%; text-align: center; font-weight: bold;}
.info_company_content{margin-top: 45px;}
.info_company_content p{text-indent: 2em; margin-bottom: 45px;}
.indexcoo{width: 1100px; margin-left: 105px;}
.indexcoo .list li{float: left; width: 30%; text-align: center; color: #11509b; border-left: 1px solid #e2e2e2;}
.indexcoo .list li:first-child{border-left: 0;}
.indexcoo .list li .num p{width: auto; display: inline; position: relative;}
.indexcoo .list li .num p strong{font-size: 18px; padding-left: 14px;}
.indexcoo .list li .num p span{animation: r_x 4s ease-in-out infinite; -webkit-animation: r_x 4s ease-in-out infinite; display: inline-block; font-size: 60px; line-height: 1; font-weight: bold;}
.indexcoo .list li .num small{display: block; position: absolute; font-size: 30px; line-height: 1; right: -21px; top: -38px;}
.indexcoo .list li .line{margin-left: auto; margin-right: auto; width: 29px; height: 3px; margin-top: 15px; background: #232323;}
.indexcoo .list li .text{line-height: 50px; font-size: 14px; color: #595959;}
@keyframes r_x{75%{transform: rotateY(0deg);} 100%{transform: rotateY(360deg);}}
@-webkit-keyframes r_x{75%{transform: rotateY(0deg);} 100%{transform: rotateY(360deg);}}
.info_com2{background: url("../images/info_com2.jpg") no-repeat center; color: #fff; height: 430px; margin-top: 70px;}
.info_com2 .wrapper > b{display: block; font-size: 36px; padding-top: 100px;}
.info_com2 .wrapper > small{display: block; font-size: 16px; margin: 38px 0; width: 640px;}
.info_com2 .wrapper .idx_pro_hot_txt_btn{float: left;}
.info_com2 .wrapper .idx_pro_hot_txt_btn a{display: inline-block; width: 158px; line-height: 46px; color: #fff; background-repeat: no-repeat; text-indent: 68px; margin-right: 25px;}
.info_com2 .wrapper .idx_pro_hot_txt_btn a:hover{text-decoration: underline;}
.info_com2 .wrapper .idx_pro_hot_txt_btn a:nth-of-type(1){background: url("../images/idx_pro_bg2.jpg") no-repeat center;}
.info_com2 .wrapper .i_con_right{float: left; color: #fff;}
.info_com2 .wrapper .i_con_right small{display: block; font-size: 16px; background: url(../images/i-tel0.png) left center no-repeat; padding-left: 25px;}
.info_com2 .wrapper .i_con_right b{display: block; font-size: 30px; color: #c8171e;}
.info_com2 .wrapper .i_con_right span{display: block; font-size: 18px;}
/*-------------------------------------------------------------------------企业文化 info_culture------------------------------------------------------------------------------------*/
.info_culture{overflow: hidden;}
.info_culture .info_culture_l{float: left; width: 600px; height: 512px; position: relative;}
.info_culture .info_culture_l img{display: block; width: 100%; height: 100%;}
.info_culture .info_culture_l p{position: absolute; z-index: 1; left: 42px; top: 58px;}
.info_culture .info_culture_l p b{display: block; font-size: 36px; color: #393939;}
.info_culture .info_culture_l p small{display: block; font-size: 16px; color: #7b7b7b;}
.info_culture .info_culture_r{float: left; width: 600px;}
.info_culture .info_culture_r ul{overflow: hidden;}
.info_culture .info_culture_r ul li{position: relative; width: 290px; height: 252px; float: left; margin-left: 10px; margin-bottom: 10px;}
.info_culture .info_culture_r ul li img{display: block; width: 100%; height: 100%;}
.info_culture .info_culture_r ul li p{position: absolute; z-index: 1; left: 28px; top: 48px; color: #fff;}
.info_culture .info_culture_r ul li p b{display: block; font-size: 20px;}
.info_culture .info_culture_r ul li p small{display: block; font-size: 14px; padding-right: 28px; margin-top: 20px; line-height: 28px; font-weight: 300;}
.info_culture .info_culture_r div{position: relative; width: 590px; margin-left: 10px;}
.info_culture .info_culture_r div img{display: block; width: 100%; height: 100%;}
.info_culture .info_culture_r div small{position: absolute; z-index: 1; left: 28px; top: 58px; color: #fff; padding-right: 28px; line-height: 28px; font-weight: 300;}
/*-------------------------------------------------------------------------时间轴 info_culture------------------------------------------------------------------------------------*/
#certify{position: relative; width: 1200px; margin: 0 auto;}
#certify .swiper-container{padding-bottom: 60px;}
#certify .swiper-slide{width: 520px; height: 455px; background: #fff; box-shadow: 0 8px 30px #ddd;}
#certify .swiper-slide img{display: block; width: 505px; height: 354px; margin: 15px auto;}
#certify .swiper-slide p{padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; margin-top: 25px;}
#certify .swiper-pagination{width: 100%; bottom: 20px;}
#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%;}
.page_box{margin-top: 60px;}
.tejia_con2 img{max-width: 333px; height: 226px;}
.tejia_con2 .img{width: 333px; height: 226px; transition: all 0.5s; text-align: center;}
.tejia_con2 ul li{width: 333px; height: 226px; margin: 0 4px; float: left;}
.tejia_con2 ul li a{display: block; padding: 50px 0; margin: 0 auto;}
.tejia_con2 ul{width: 99999px; position: absolute;}
.tejia_con2{position: relative; width: 999px; height: 440px; overflow: hidden; margin: 0 auto;}
.tejia_cc2{position: relative; width: 1160px; height: 440px; margin: 20px auto;}
.bbtn{text-align: center; z-index: 2;}
.aleft_l2{position: absolute; left: 0; top: 130px; font-size: 60px; width: 66px; height: 66px; line-height: 50px; text-align: center; background-color: #11509b; border-radius: 50%; background-image: url("../images/hleft.png"); background-position: center; background-repeat: no-repeat; background-size: 20px;}
.aright_r2{position: absolute; right: 0; top: 130px; font-size: 66px; width: 66px; height: 66px; line-height: 50px; text-align: center; background-color: #11509b; border-radius: 50%; background-image: url("../images/rleft.png"); background-position: center; background-repeat: no-repeat; background-size: 20px;}
.aleft_l2:hover,
.aright_r2:hover{background-color: #11509b;}
.aleft_l2 i,
.aright_r2 i{color: #fff;}
.show_img a{display: block; position: relative; width: 365px; height: 300px;}
.show_img .img{transform: scale(1.4); box-shadow: 0 3px 3px #000; background: #fff;}
.gd_title{overflow: hidden; height: 0; transition: all 0.3s;}
.show_img .gd_title{width: 365px; left: 25px; height: 56px; line-height: 60px; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; background: url(../images/honor_gd_title.png) center no-repeat; color: #fff; font-size: 20px;}
.honor_ul_list{overflow: hidden;}
.honor_ul_list li{width: 250px; height: 175px; float: left; overflow: hidden; border: 1px solid #ccc; margin: 0 10px 10px 0;}
.honor_ul_list li img{display: block; width: 100%; height: 100%;}
.honor_wrap{background: #f6f5f5; padding-bottom: 65px;}
.time{position: relative;}
.time:after{display: block; content: ''; clear: both;}
.time:before{display: block; content: ''; width: 1px; height: 100%; background: #9a9a9a; position: absolute; left: 50%; margin-left: -0.5px; top: 0;}
.time em{position: absolute; width: 10px; height: 10px; background: #d6000e; left: 50%; margin-left: -5px; z-index: 2; border-radius: 50%; top: 40px; display: block; transition: 300ms ease; -webkit-transition: 300ms ease;}
.time ul li{width: 42%; position: relative; z-index: 3;}
.time ul li:after{display: block; content: ''; clear: both;}
.time ul li p{width: 80%; background: #fff; height: 80px; font-size: 14px; color: #555555; position: relative; display: block;}
.time ul li p:after{display: block; content: ''; height: 100%; background: #555; top: 0; position: absolute; width: 0; transition: 600ms ease; -webkit-transition: 600ms ease;}
.time ul li p span{padding: 0 10px; position: absolute; z-index: 2; transition: 600ms ease; -webkit-transition: 600ms ease; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.time ul li div{width: 20%; background: #7a7a7a; text-align: center; font-size: 15px; color: #fff; line-height: 80px; position: relative; transition: 600ms ease; -webkit-transition: 600ms ease;}
.time ul li div:after{display: block; content: ''; border-top: 16px solid transparent; border-bottom: 16px solid transparent; position: absolute; top: 50%; margin-top: -14px; transition: 600ms ease; -webkit-transition: 600ms ease;}
.time ul li:nth-of-type(odd){float: left; margin-bottom: 80px;}
.time ul li:nth-of-type(odd) p{float: left;}
.time ul li:nth-of-type(odd) p:after{left: 0;}
.time ul li:nth-of-type(odd) p span{text-align: left;}
.time ul li:nth-of-type(odd) div{float: left;}
.time ul li:nth-of-type(odd) div:after{border-left: 16px solid #7a7a7a; right: -16px;}
.time ul li:nth-of-type(odd):hover div:after{border-left: 16px solid #d6000e;}
.time ul li:nth-of-type(even){float: right; margin-top: 80px;}
.time ul li:nth-of-type(even) p{float: right;}
.time ul li:nth-of-type(even) p:after{right: 0;}
.time ul li:nth-of-type(even) p span{text-align: left;}
.time ul li:nth-of-type(even) div{float: left;}
.time ul li:nth-of-type(even) div:after{border-right: 16px solid #7a7a7a; left: -16px;}
.time ul li:nth-of-type(even):hover div:after{border-right: 16px solid #d6000e;}
.time ul li:hover p span{color: #fff;}
.time ul li:hover p:after{width: 100%;}
.time ul li:hover div{background: #d6000e;}
/*qa*/
.news_list_con{background: #fff; padding: 30px 30px 80px 30px; margin-top: 30px;}
.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: #11509b;}
.news_list_con ul li img{float: left; width: 212px; height: 127px;}
.news_list_con ul li p,
.news_list_con ul li div.l_con{float: right; width: 865px; position: relative; height: 135px;}
.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;}
.news_list_con ul li p small,
.news_list_con ul li div.l_con small{display: block; font-size: 12px; position: absolute; left: 0; bottom: 0; color: #666;}
.news_list_con ul li div.bdsharebuttonbox{position: absolute; right: 0; bottom: 0; opacity: 0;}
/*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: #11509b; 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 #11509b;}
.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: 80px;}
.location{background: #fff;}
.location b a{padding-right: 10px; display: inline-block;}
.info2 + footer{margin-top: 0;}
/*相册*/
.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: 452px; border: 1px solid #ccc; padding: 0 10px;}
.info_pro-text{float: right; width: 366px; 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 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: 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;}


/*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: 430px;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{display: block;max-width: 100%;max-height: 100%;display: block;width: 100%;height: 100%;object-fit: cover;}
.i_pro_others::after{display: block; content: ''; clear: both;}
.i_pro_others .pro-list-others{width: 1250px;}
.i_pro_others .pro-list-others li{float: left; width: 277px; 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: 10px;bottom: 10px;z-index: 10000;width: 96px;background: #11509b;}
#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: #c8171e;}
#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;font-size: 12px;}
#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: #11509b;}
.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: #11509b; 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 #11509b; border: 1px solid #11509b;}
.info_mes .info_mes_l .input-group textarea:focus{width: 440px; box-shadow: 0 0 5px #11509b; border: 1px solid #11509b;}
.info_mes .info_mes_l .input-group input[type=text]#captcha:focus{width: 90px; box-shadow: 0 0 5px #11509b; border: 1px solid #11509b;}
.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: #11509b; 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: #c8171e;}
.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: #11509b; 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: #c8171e; background-color: #c8171e;}
.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: #11509b;}
.inews_items li:hover .inews_pd .date{background: #c8171e;}
.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: #c8171e; 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: #11509b;}
.news_bottom li:hover span{color: #11509b;}
.news_bottom li:hover ._i ._more{background-color: #11509b;}
.news_bottom li:hover .data{border-color: #11509b;}
.news_bottom li:hover .data .day{background-color: #11509b;}
/*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: #11509b; 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: #11509b;}