@charset "utf-8";
/* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:"Microsoft YaHei",SimSun,Helvetica,sans-serif; color:#333; background:#FFF; line-height:25px; overflow-x:hidden;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none; width:auto; max-width:100%;}
a{ color:#333; text-decoration:none;}
a:hover,a:active{color:#E50011;text-decoration:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.hei{ color:#000;}
.en_ft{ font-family:Arial;}
.ft1{ font-size:14px; font-weight:bold; color:#FFF;}
.ft_red{ color:#C80000;}
.ft_bai{ color:#FFF;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.txt_hide_1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.txt_hide_2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.not-animated { opacity: 0; }
.totop { position: fixed; right: 20px; bottom: 20px; cursor: pointer; z-index: 100 }
@font-face
 {
  font-family:'impact';
  src:url('../fonts/impact.ttf');
  font-weight:normal;
  font-style:normal;
}

/*index*/
.in_ban{ width: 100%; position: relative; z-index: 1000;}
.in_ban .box{ height: 880px; position: relative; overflow: hidden; z-index: 11;}
.in_ban li{ width: 100%; height: 880px; background-position: center center; background-repeat: no-repeat;}
.in_ban li a { display:block; width:100%; height:100%;}
.in_ban .btn p{ opacity: 0; position: absolute; top: 50%; width:50px; height: 130px; background-color: rgba(0,0,0,0.6); cursor: pointer; z-index: 12;}
.in_ban .btn p i{ display: block; width: 16px; height: 16px; margin-top: 55px; border-left: 1px solid #FFF; border-top: 1px solid #FFF;}
.in_ban .prev{ left: 50px; border-radius: 0 4px 4px 0;}
.in_ban .prev i{ transform: rotate(-45deg); margin-left: 20px;}
.in_ban .next{ right: 50px; border-radius: 4px 0 0 4px;}
.in_ban .next i{ transform: rotate(135deg); margin-left: 13px;}
.in_ban:hover .btn p{ opacity: 1;}
.in_menu{ width: 1300px; height: 90px; background-color: rgba(255,255,255,0.8); position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 2000;}
.in_menu .log{ float: left; padding: 24px 0 0 48px;}
.in_menu .lang{ float: right; padding: 30px 52px 0 0; font-size: 16px; font-family: arial;}
.in_menu .shbox{ float: right; padding: 36px 40px 0 0; margin-right: 40px; position: relative;}
.in_menu .shbox::after{ content: ""; display: block; width: 1px; height: 17px; background-color: #777; position: absolute; top: 36px; right: 0;}
.in_menu .shbox img{ cursor: pointer;}
.in_menu .menu{ float: right; margin-right: 140px;}
.in_menu .menu li{ float: left; font-size: 16px; margin: 0 29px;}
.in_menu .menu li>a{ display: inline-block; height: 90px; line-height: 90px; color: #333; position: relative; transition: all 0.3s ease-out;}
.in_menu .menu li>a::after{ content: ""; display: block; position: absolute; left: 50%; top: 0; width: 0; height: 2px; background-color: #E50011; transition: all 0.3s ease-out;}
.in_menu .menu li.on>a{ font-weight: bold;}
.in_menu .menu li.on>a::after{ width: calc(100% + 8px); left: -4px;}
.in_menu .menu li:hover>a{ font-weight: bold;}
.in_menu .menu li:hover>a::after{ width: calc(100% + 8px); left: -4px;}
.in_boxA{ clear: both; width: 1200px; margin: 0 auto; padding-top: 65px;}
.in_boxA .tit{ overflow: hidden;}
.in_boxA .tit .lt{ float: left;}
.in_boxA .tit b{ display: inline-block; margin-right: 15px; font-size: 24px; font-weight: bold;}
.in_boxA .tit a{ display: inline-block; margin-left: 50px; transform: translateY(-5px);}
.in_boxA .tit a img{ margin-right: 14px;}
.in_boxA .tit .more{ float: right; color: #e50011;}
.in_boxA .box{ margin-top: 35px; position: relative; overflow: hidden;}
.in_boxA .box li{ position: relative;}
.in_boxA .box li img{ display: block;}
.in_boxA .box li .tit{ position: absolute; left: 0; bottom: 0; width: 218px; height: 70px; line-height: 70px; text-align: center; font-size: 18px; color: #FFF; background-color: #CF0212; font-weight: bold;}
.in_boxA .box .btn p{ position: absolute; top: 50%; width:46px; height: 46px; border: 2px solid #FFF; cursor: pointer; z-index: 12;}
.in_boxA .box .btn p i{ display: block; width: 13px; height: 13px; margin-top: 16px; border-left: 2px solid #FFF; border-top: 2px solid #FFF;}
.in_boxA .box .btn p:hover{ background-color: #E50011; border-color: #E50011;}
.in_boxA .box .prev{ left: 40px;}
.in_boxA .box .prev i{ transform: rotate(-45deg); margin-left: 18px;}
.in_boxA .box .next{ right: 40px;}
.in_boxA .box .next i{ transform: rotate(135deg); margin-left: 13px;}
.swiper-1 .swiper-pagination{ left: unset; transform:translateX(0); right: 40px; bottom: 30px;}
.swiper-1 .swiper-pagination-bullet{ width: 30px;}
.in_boxB{ clear: both; width: 1200px; margin: 0 auto; padding-top: 85px;}
.in_boxB .tit{ overflow: hidden;}
.in_boxB .tit .lt{ float: left;}
.in_boxB .tit b{ display: inline-block; margin-right: 15px; font-size: 24px; font-weight: bold; float:left;}
.in_boxB .tit a{ display: inline-block; margin-left: 70px; font-size: 18px; transform: translateY(-5px);}
.in_boxB .tit .rt{ float: right;}
.in_boxB .tit .rt p{ display: inline-block; width:38px; height: 38px; border: 2px solid #CCC; cursor: pointer; z-index: 12;}
.in_boxB .tit .rt p i{ display: block; width: 13px; height: 13px; margin-top: 12px; border-left: 2px solid #CCC; border-top: 2px solid #CCC;}
.in_boxB .tit .rt p:hover{ background-color: #E50011; border-color: #E50011;}
.in_boxB .tit .rt p:hover i{ border-left-color: #FFF; border-top-color: #FFF;}
.in_boxB .tit .rt .prev{ }
.in_boxB .tit .rt .prev i{ transform: rotate(-45deg); margin-left: 15px;}
.in_boxB .tit .rt .next{ }
.in_boxB .tit .rt .next i{ transform: rotate(135deg); margin-left: 10px;}
.in_boxB .box{ margin-top: 25px; position: relative; overflow: hidden;}
.in_boxC{ clear: both; width: 100%; background-color: #F0F0F0; margin-top: 80px;}
.in_boxC .box{ width: 1200px; margin: 0 auto; padding: 60px 0 80px 0; position: relative;}
.in_boxC .box .lt{ width: 435px; height: 350px; padding: 60px 55px 0 30px; border: 10px solid #FFF;}
.in_boxB .tit .lt ul{float:left;}
.in_boxB .tit .lt li{float:left;padding:0px;margin:0px;list-style-type:none;display: none; margin-left: 70px; font-size: 18px;}
.in_boxB .tit .lt li:nth-child(1){display:block;}
.in_boxC .box .lt .p_1{ font-size: 24px; font-weight: bold;}
.in_boxC .box .lt .p_2{ font-size: 20px; margin-top: 18px;}
.in_boxC .box .lt .info{ margin-top: 30px; line-height: 30px; color: #888; max-height:120px; overflow:hidden;}
.in_boxC .box .lt .more{ display: block; margin: 40px auto 0 auto; width: 144px; height: 42px; line-height: 42px; text-align: center; border-radius: 6px; background-color: #CF0212; color: #FFF;}
.in_boxC .box .rt{ position: absolute; right: 0; top: 110px; width: 702px; height: 410px;}
.in_boxC .box .rt .cont{position: relative; }
.in_boxC .box .rt .cont .btn{ position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/index_11.png) center center no-repeat;}
.in_boxC .box .rt video { width:100%;}
.in_boxD { clear: both; width: 1200px; margin: 0 auto; padding: 60px 0 80px 0; }
.in_boxD .tit{ overflow: hidden;}
.in_boxD .tit b{ float: left; display: inline-block; margin-right: 15px; font-size: 24px; font-weight: bold;}
.in_boxD .tit a{ float: right; color: #999; font-family: arial; text-transform: uppercase;}
.in_boxD .box{ margin-top: 35px; overflow: hidden;}
.in_boxD .box .lt{ float: left; width: 626px;}
.in_boxD .box .lt li{ width: 100%; height: 122px; margin-bottom: 1px; background-color: #F5F5F5;}
.in_boxD .box .lt li .tm{ float: left; width: 120px; text-align: center; color: #999;}
.in_boxD .box .lt li .tm b{ font-size: 46px; line-height: 1; display: block; margin-top: 23px;}
.in_boxD .box .lt li .tm p{ margin-top: 6px;}
.in_boxD .box .lt li .info{ float: right; width: calc(100% - 170px); padding: 0 40px 0 10px;}
.in_boxD .box .lt li .info p{ font-size: 16px; font-weight: bold; margin-top: 20px;}
.in_boxD .box .lt li .info div{ color: #999; padding-top: 10px; line-height:25px; height:50px; overflow:hidden;}
.in_boxD .box .rt{ float: right; width: 574px; position: relative; overflow: hidden;}
.in_boxD .box .lt li.on{ background-color: #CF0212;}
.in_boxD .box .lt li.on .tm{ color: #FFF;}
.in_boxD .box .lt li.on .info p{ color: #FFF;}
.in_boxD .box .lt li.on .info div{ color: #FFF;}
.in_boxD .box .lt li:hover{ background-color: #CF0212;}
.in_boxD .box .lt li:hover .tm{ color: #FFF;}
.in_boxD .box .lt li:hover .info p{ color: #FFF;}
.in_boxD .box .lt li:hover .info div{ color: #FFF;}
.swiper-3 .swiper-pagination{ left: unset; transform:translateX(0); right: 20px; bottom: 20px;}
.swiper-3 .swiper-pagination-bullet{ width: 20px;}
.in_btm{ clear: both; width: 100%; background-color: #F0F0F0;}
.in_btm .box{ width: 1200px; margin: 0 auto; overflow: hidden; padding: 45px 0 20px 0;}
.in_btm .box .lt{ float: left; width: 890px;}
.in_btm .box .lt .box_1{ float: left; width: 165px;}
.in_btm .box .lt .box_1 p a{ font-weight: block; font-size: 16px;}
.in_btm .box .lt .box_1 ul{ padding-top: 20px;}
.in_btm .box .lt .box_1 li{ padding-top: 8px;}
.in_btm .box .lt .box_1 li a{ color: #808080;}
.in_btm .box .lt .box_1 li a:hover{ color: #e60012;}
.in_btm .box .lt .box_2{ float: left; width: 260px;}
.in_btm .box .lt .box_2 .p_1{ font-weight: block; font-size: 16px;}
.in_btm .box .lt .box_2 .p_tel{ margin-top: 25px; padding-left: 34px; color: #808080; background: url(../images/index_19_1.png) 7px center no-repeat;}
.in_btm .box .lt .box_2 .p_add{ padding:5px 0 0 34px; line-height: 33px; color: #808080; background: url(../images/index_19_2.png) 7px 13px no-repeat;}
.in_btm .box .lt .box_2 .p_fax{ padding:5px 0 0 34px; color: #808080; background: url(../images/index_19_3.png) 7px center no-repeat;}
.in_btm .box .rt{ float: right; padding-left: 70px; border-left: 1px solid #D7D7D7;}
.in_btm .box .rt .p_tel{ margin-top: 10px; padding-left: 34px; color: #666; font-weight: bold; background: url(../images/index_23_1.png) left center no-repeat;}
.in_btm .box .rt .p_tel_1{ display: block; margin-top: 5px; padding-left: 34px; font-size: 24px;font-family:'impact';}
.in_btm .box .rt .p_email{ margin-top: 20px; padding-left: 34px; color: #666; font-weight: bold; background: url(../images/index_23_1.png) left center no-repeat;}
.in_btm .box .rt .p_email_1{ padding-top: 5px; padding-left: 34px; font-family: arial;}
.in_btm .box .rt .p_email_1 a{ color: #666;}
.in_btm .cpy{ width: 1200px; margin: 0 auto; overflow: hidden; padding: 20px 0; color: #838383;}
.in_btm .cpy .lt{ float: left; text-transform: uppercase;}
.in_btm .cpy .rt{ float: right;}
.in_btm .cpy a{ color: #838383;}
.in_btm .cpy a:hover{ color: #CF0212;}
.sh_bkg { position: fixed; left: 0; top: 0; z-index: 2000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: none; }
.sh_box { position: fixed; left: 20%; top: 40%; z-index: 2001; width: 60%; display: none; }
.sh_box .txt { float: left; display: block; width: calc(90% - 22px); height: 20px; line-height: 20px; padding: 15px 10px; border: 0; }
.sh_box .btn { float: left; display: block; width: 10%; height: 50px; line-height: 50px; text-align: center; color: #FFF; background: #E50011 url(../images/sh_btn.png) center center no-repeat; border: 0; cursor: pointer; }
.sh_box form { margin-top: 35px; }
.sh_box .close { position: relative; width: 50px; height: 50px; margin: 0 auto 20px auto; cursor: pointer; transition: all 0.3s ease-out; }
.sh_box .close:before, .sh_box .close:after { content: ""; display: block; width: 60px; height: 1px; background-color: #FFF; position: absolute; left: -5px; top: 25px; }
.sh_box .close:before { transform: rotate(45deg); }
.sh_box .close:after { transform: rotate(-45deg); }
/*.sh_box .close:hover { transform: rotate(180deg); }*/


/*about*/
.ab_menubox{ position: absolute; top: 0; left: 0; width: 100%; height: 90px; background-color: rgba(255,255,255,0.8); z-index: 20;}
.ab_menubox .in_menu{ background: none;}
.ab_ban{ width: 100%; height: 512px; background: url(../images/about_02.jpg) center top no-repeat;}
.ab_boxA{ width: 1280px; margin: 0 auto; padding: 80px 0; overflow: hidden;}
.ab_boxA .lt{ float: left; width: 283px;}
.ab_boxA .lt .tit{ padding-left: 28px; height: 80px; line-height: 80px; color: #FFF; background-color: #E60012; font-size: 24px; font-weight: bold;}
.ab_boxA .lt ul{}
.ab_boxA .lt li{ margin-top: 1px;}
.ab_boxA .lt li a{ display: block; padding-left: 28px; height: 49px; line-height: 49px; font-size: 16px; color: #666; background-color: #F0F0F0;}
.ab_boxA .lt li.on a{ color: #333; font-weight: bold;}
.ab_boxA .rt{ float: right; width: calc(100% - 310px);}
.ab_boxA .rt .mbx{ height: 64px; line-height: 64px; border-bottom: 1px solid #F0F0F0; color: #666; position: relative;}
.ab_boxA .rt .mbx::after{ content: ""; display: block; position: absolute; left: 8px; bottom: -1px; width: 76px; height: 1px; background-color: #E60012;}
.ab_boxA .rt .mbx a{ color: #666;}
.ab_boxA .rt .cont{ padding-top: 30px; color: #666; min-height:200px;}

/*class*/
.cls_menu{ width: 1200px; margin: 0 auto; position: initial; transform: translateX(0); background: none; border-bottom: 1px solid #E5E5E5;}
.cls_menu .log{ padding-left: 0;}
.cls_menu .lang{ padding-right: 0;}
.cls_boxA{ clear: both; width: 1200px; margin: 55px auto 0 auto;}
.cls_boxA .tit{ overflow: hidden;}
.cls_boxA .tit b{float: left; font-size: 24px;}
.cls_boxA .tit a{ float: right; font-size: 16px; color: #666; font-weight: bold;}
.cls_boxA .tit a span{ font-size: 14px; display: inline-block; font-family: SimSun; margin-left: 15px;}
.cls_boxA .box{ height: 678px; margin-top: 50px; box-shadow: 0 0 10px #aaa; position: relative;}
.cls_boxA .box .bg_list{ position: relative; overflow: hidden; z-index: 1;}
.cls_boxA .box .tit_list{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 2;}
.cls_boxA .box .tit_list ul{ height: 100%;}
.cls_boxA .box .tit_list li{ float: left; height: 100%; width: 199px; margin-right: 1px; background-color: rgba(0,0,0,0.3); transition: all 0.3s ease-out;}
.cls_boxA .box .tit_list li a{ display: block; width: 100%; height: 100%; position: relative;}
.cls_boxA .box .tit_list li div{ position: absolute; left: 0; top: calc(50% - 44px); width: 100%; font-size: 24px; color: #FFF; font-weight: bold; text-align: center; transition: all 0.3s ease-out;}
.cls_boxA .box .tit_list li div img{ display: block; margin: 38px auto 0 auto; opacity: 0; transition: all 0.3s ease-out;}
.cls_boxA .box .tit_list li:hover{ background-color: rgba(0,0,0,0.8);}
.cls_boxA .box .tit_list li:hover div{ transform: translateY(-50px);}
.cls_boxA .box .tit_list li:hover div img{ opacity: 1;}
.cls_boxA .box .tit_list li.on{ background-color: rgba(0,0,0,0.8);}
.cls_boxA .box .tit_list li.on div{ transform: translateY(-50px);}
.cls_boxA .box .tit_list li.on div img{ opacity: 1;}
.cls_boxA .box .btn p{ position: absolute; top: 50%; width: 24px; height: 50px; background-color: #E50011; cursor: pointer; z-index: 3;}
.cls_boxA .box .btn p i{ display: block; width: 9px; height: 9px; margin-top: 20px; border-left: 1px solid #FFF; border-top: 1px solid #FFF;}
.cls_boxA .box .btn p:hover{ background-color: #E50011; border-color: #E50011;}
.cls_boxA .box .btn p:hover i{ border-left-color: #FFF; border-top-color: #FFF;}
.cls_boxA .box .btn .prev{ left: -2px; }
.cls_boxA .box .btn .prev i{ transform: rotate(-45deg); margin-left: 10px;}
.cls_boxA .box .btn .next{ right: -2px; }
.cls_boxA .box .btn .next i{ transform: rotate(135deg); margin-left: 6px;}
.cls_boxA .swiper-button-disabled{ display: none;}
.cls_boxA .nav{ margin-top: 60px; height: 3px; position: relative;}
.cls_boxA .nav div{ position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.cls_boxA .nav span{ display: block; float: left; width: 50px; height: 3px; background-color: #CBCBCB; margin: 0 5px; cursor: pointer;}
.cls_boxA .nav .swiper-pagination-bullet-active{ background-color: #E50011;}
.cls_boxB{ clear: both; width: 1240px; margin: 70px auto 0 auto; padding-bottom: 80px;}
.cls_boxB .tit{ overflow: hidden; padding: 0 20px;}
.cls_boxB .tit .lt{ float: left;}
.cls_boxB .tit b{ display: inline-block; margin-right: 15px; font-size: 24px; font-weight: bold;}
.cls_boxB .tit a{ display: inline-block; margin-left: 50px; transform: translateY(-5px);}
.cls_boxB .tit a img{ margin-right: 14px;}
.cls_boxB .tit .more{ float: right; color: #e50011;}
.cls_boxB .box{ margin-top: 70px; position: relative; padding: 20px; overflow: hidden;}
.cls_boxB .bkg{ position: absolute; top: -30px; left: calc(50vw - 600px); width: 100vw; height: 460px;}
.cls_boxB .box li{ float: left; width: calc(33.33% - 20px); margin-right: 30px; position: relative; transition: all 0.3s ease-out;}
.cls_boxB .box li .item{ position: relative; z-index: 1;}
.cls_boxB .box li .item div{ position: absolute; left: 30px; bottom: 0; width: calc(100% - 60px); height: 135px; background-color: rgba(255,255,255,0.8);}
.cls_boxB .box li .item div p{ text-align: center; color: #333; font-size: 24px; font-weight: bold; margin-top: 34px;}
.cls_boxB .box li .ctg{ display: block; margin: 17px auto 0 auto; font-size:12px;width: 68px; height: 24px; line-height: 22px; padding-right: 5px; color: #e60012; text-align: center; background: url(../images/cls_11.png) no-repeat;}
.cls_boxB .box li .item1{ opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #FFF; text-align: center; z-index: 2; transition: all 0.3s ease-out;}
.cls_boxB .box li .item1 .p_1{ margin-top: 45px; color: #333; font-size: 24px; font-weight: bold;}
.cls_boxB .box li .item1 .p_2{}
.cls_boxB .box li .item1 .p_3{ margin-top: 35px;}
.cls_boxB .box li .item1 .p_4{ margin: 43px auto 0 auto; width: 144px; height: 42px; line-height: 42px; text-align: center; background-color: #CF0212; color: #FFF; border-radius: 5px;}
.cls_boxB .box li:hover{ box-shadow: 0 0 20px #ccc;}
.cls_boxB .box li:hover .item1{ opacity: 1;}
.cls_boxB .nav{ margin-top: 60px; height: 3px; position: relative;}
.cls_boxB .nav div{ position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.cls_boxB .nav span{ display: block; float: left; width: 50px; height: 3px; background-color: #CBCBCB; margin: 0 5px; cursor: pointer;}
.cls_boxB .nav .swiper-pagination-bullet-active{ background-color: #E50011;}

/*products*/
.pro_boxA{ clear: both; width: 1220px; margin: 0 auto; overflow: hidden; padding: 85px 0 50px 0;}
.pro_boxA .lt{ float: left; width: 230px; padding-left: 10px;}
.pro_boxA .lt .p_1{ font-size: 18px;}
.pro_boxA .lt .p_1 img{ margin-left: 13px;}
.pro_boxA .lt .p_2{ font-size: 18px; margin-top: 18px;}
.pro_boxA .lt .nav{ padding-top: 13px;}
.pro_boxA .lt .nav div { position: relative; }
.pro_boxA .lt .nav div > a { line-height: 30px; font-size: 16px; color: #333; }
.pro_boxA .lt .nav div > a:hover { font-weight: bold; }
.pro_boxA .lt .nav div > i { display: block; position: absolute; right: 10px; top: 11px; width: 8px; height: 8px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg); }
.pro_boxA .lt .nav ul{ display:none; padding:5px 0 13px 13px;}
.pro_boxA .lt .nav li{ line-height: 20px;}
.pro_boxA .lt .nav li a{ color: #666;}
.pro_boxA .lt .nav li a:hover{ color: #e60012;}
.pro_boxA .lt .nav div.on > a { font-weight: bold; }
.pro_boxA .lt .nav div.on ul { display: block; }
.pro_boxA .lt .nav li.on a { color: #e60012; }
.pro_boxA .rt{ float: right; width: 890px;}
.pro_boxA .rt .titbox{ overflow: hidden; padding-right: 10px;}
.pro_boxA .rt .titbox p{ float: left; font-size: 28px;}
.pro_boxA .rt .titbox .shbox{ float: right; width: 340px; overflow: hidden; height: 36px; border: 1px solid #E5E5E5;}
.pro_boxA .rt .titbox .shbox .txt{ float: left; display: block; color: #666; width: 260px; padding-left: 20px; height: 36px; line-height: 36px; border: 0; outline: none;}
.pro_boxA .rt .titbox .shbox .btn{ float: left; display: block; width: 60px; height: 36px; background: url(../images/product_03.jpg) center center no-repeat; border: 0; outline: none; cursor: pointer;}
.pro_boxA .rt .box{ clear: both; padding-top: 30px; min-height:280px;}
.pro_list{ overflow: hidden; padding: 10px;}
.pro_list li{ float: left; width: calc(33.33% - 17px); margin:0 25px 25px 0; padding-bottom: 20px; box-shadow: 0 0 10px #ccc; position: relative;}
.pro_list li:nth-child(3n){ margin-right: 0;}
.pro_list li span{ display: block; font-size: 16px; color: #666; padding: 10px 25px 5px 25px; position: relative;}
.pro_list li span::after{ content: ""; display: block; position: absolute; left: 25px; bottom: 0; width: 53px; height: 2px; background-color: #CF0212;}
.pro_list li p{font-size: 16px;font-weight: bold;padding: 10px 25px 0 25px;height: 25px;overflow: hidden;}
.pro_list li div{ opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); transition: all 0.3s ease-out;}
.pro_list li i{ opacity: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; font-style: normal; width: 134px; height: 42px; line-height: 42px; text-align: center; background-color: #CF0212; color: #FFF; border-radius: 5px; transition: all 0.3s ease-out;}
.pro_list li:hover div{ opacity: 1;}
.pro_list li:hover i{ opacity: 1;}

/*products show*/
.pros_mbx{ clear: both; width: 1200px; margin: 0 auto; padding-top: 35px; color: #666;}
.pros_mbx a{ color: #666;}
.pros_mbx a:hover{ color: #e50011;}
.pros_back{ width: 1200px; margin: 0 auto; padding-top: 25px;}
.pros_back a{ display: block; width: 146px; height: 46px; line-height: 46px; text-align: center; color: #E60012; font-size: 18px; border: 2px solid #E60012; border-radius: 5px;}
.pros_boxA{ clear: both; width: 1200px; margin: 0 auto; overflow: hidden; padding: 40px 0 80px 0 ; border-bottom: 1px solid #E5E5E5;}
.pros_boxA .lt{ float:left; width: 427px;}
.pros_boxA .lt .big img{ border: 1px solid #E5E5E5;}
.pros_boxA .lt .smimg{ position: relative; overflow: hidden; margin-top: 28px;}
.pros_boxA .lt li{ float: left; margin-right: 10px;}
.pros_boxA .lt li img{ transform: translateY(1px); width: 75px; border: 1px solid #E5E5E5; cursor: pointer;}
.pros_boxA .lt li.on img{ transform: translateY(0); border: 2px solid #E50011;}
.pros_boxA .rt{ float: right; width: 472px;}
.pros_boxA .rt .p_tit{ font-size: 22px; color: #212121;}
.pros_boxA .rt .info{ padding-top: 25pxh;}
.pros_boxA .rt .info p{ padding: 27px 0; font-size: 16px; border-bottom: 1px solid #EBEBEB;}
.pros_boxA .rt .p_tel{ font-size: 20px; font-weight: bold; color: #212121; margin-top: 45px; padding-left: 38px; background: url(../images/products_05.jpg) 5px center no-repeat;}
.pros_boxA .rt .p_tel span{ font-weight: normal; font-size: 24px; font-family: 'impact';}
.pros_boxA .rt .p_btn{ display: block; width: 185px; height: 40px; line-height: 40px; text-align: center; margin-top: 30px; font-size: 16px; font-weight: bold; color: #FFF; background-color: #CF0212; border-radius: 5px;}
.pros_boxB{ clear: both; width: 1200px; margin: 0 auto; overflow: hidden; padding: 35px 0 50px 0 ; }
.pros_boxB .p_tit{ font-size: 24px; font-weight: bold;}
.pros_boxB .cont{ padding-top: 35px;}


/*news*/
.ns_list { overflow: hidden; }
.ns_list li { padding: 15px 0; overflow: hidden; border-bottom: 1px dashed #D0D0D0 }
.ns_list li p { float: left; max-width: calc(100% - 180px); }
.ns_list li span { float: right; color: #999; }
.ns_list li a { color: #333; }

/*newsShow*/
.nss_tit { font-size: 20px; font-weight: bold; line-height: 1.8; text-align: center; padding: 10px 0; }
.nss_dtm { text-align: center; font-size: 12px; color: #999; }
.nss_info { line-height: 30px; padding-top: 20px; color: #666; }
.ff_pre { clear: both; margin-top: 20px }


.news_ban { background-image: url(../images/news_02.jpg); }
.cont_ban { background-image: url(../images/contact_02.jpg); }




.dispblock{ display:block;}
.dispnone{ display:none;}
.opa0{ opacity:0; }

/*feedback*/
.jn_main{}
.jn_box{ clear:both; padding-bottom:20px; overflow:hidden; width:520px; margin:0px 0 0 240px;}
.jn_lt{ float:left; width:100px; padding:0 5px 0 0; line-height:30px; text-align:right; font-size:14px; font-weight:bold;}
.jn_rt{ float:left; width:360px;}
.jn_box .txt{ width:325px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 10px; font-size:13px; border-radius:3px; outline:none;}
.jn_box input:focus { border: 1px solid #E60012; }
.jn_box textarea:focus { border: 1px solid #E60012; }
.jn_box .cod{ width:70px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 15px; font-size:13px; border-radius:3px; outline:none;}
.jn_box .txtarea{width:325px; height:120px; padding:10px; font-size:13px; border:1px solid #DBDBDB; border-radius:3px; outline:none;}
.jn_box .btn{ width:95px; height:32px; text-align:center; border:0px; background:#666; color:#FFF; font-size:15px; font-weight:bold; border-radius:3px; cursor:pointer;}
.jn_box .btn:hover { background: #E60012 }
.cl_red{ color:#f00;}
.fd_pro_tb{ width:95%; margin:0 auto; border-left:1px solid #E8E8E8; border-top:1px solid #E8E8E8; margin-bottom:20px;}
.fd_pro_tb th, .fd_pro_tb td{ border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8;}
.fd_pro_tb th{ background:#F5F5F5; height:40px; line-height:40px; font-weight:normal;}
.fd_pro_tb td{ text-align:center; padding:10px 0;}
.fd_pro_tb td input{ border:1px solid #E8E8E8; width:80px; padding:0 10px; height:22px; line-height:22px; text-align:right;}
.fd_pro_tb .del{ color:#F00; cursor:pointer;}