/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family:' , sans-serif;'; color:#333;}
a{ color:#666;}
a:hover{ color:#f60; text-decoration:none;}
:hover{ transition:all .3s ease;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ min-width:1200px; margin:0 auto;}
input,textarea,select{outline:none}
/*common end*/

.h_height{ height:152px;}
.head{ width:100%; background:#fff; position:fixed; top:0.r_fd; left:0; z-index:55; box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 0.16);}
.head1bg{ background:#333333; color:#fff; }
.head1{ height:32px; line-height:32px; font-size:12px;max-width: 1440px;margin: 0 auto;}
.head1 .lt{ float:left; margin-left:.proDetail .top .rt dl1.5%; opacity: 0.5;}
.head1 .lt img{ vertical-align:middle;}
.head1 .rt{ float:right; margin-right:1.5%; padding-top: 3px;}
.head1 .rt a{ margin-left:10px;opa.proDetail .top .rt dl ddcity: 0.5;}
.head1 .rt a:hover{ opacity:1;}

.head2bg{}
.head2{ height:120px; max-width: 1440px;}
.head2 .logo{ float:left; width:280px; height:120px; position:relative; margin-left:7%;}
.head2 .logo img{ max-width:100%; max-height:100%; width: 280px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.head2 .rt{ float:right; margin-right:0;}
/*menu*/
.menu{height:120px;line-height:115px; float:left;}
.menu ul li{ float:left; position:relative;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:40px; }
.menu ul li dl dd a{ font-size:14px; color:#666; padding:0; font-weight:normal;}
.menu ul li dl dd a:hover{ color:#000;}
.menu a{ font-size:14px;color:#333; text-decoration:none; display:block;text-align:center; padding:0 20px;}
.menu a:hover{color:#000;}
a.menu_hover{ color:#000; border-bottom:5px solid #333;}
.menu a.active{ color:#000; border-bottom:5px solid #333;}

.h_lang{ float:left; margin-left:40px; margin-top:40px; height:36px; line-height:40px;}
.h_lang a{ font-weight:bold; font-size:12px; color:#333;}
.h_lang a img{ vertical-align:middle; margin-right:5px; width: 20px; padding-bottom: 3px;}
.h_lang a:hover{ color:#000;}
.h_search{ float:right; margin-left:20px; margin-top:40px; width:40px; height:36px; position:relative;}
.h_search img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; cursor:pointer; width: 22px;}

.search1bg{ width:100%; height:calc(100vh - 40px); background:rgba(0,0,0,.5); position:fixed; z-index:555; top:40px; left:0; display:none;}
.search1{ background:#fff;}
.search1_close{ width:24px; height:160px; background:url(../images/h_ico9.png) center no-repeat; position:absolute; top:0; right:0; cursor:pointer;}
.search1_con{}
.search1_con .list1{ height:160px; margin:0 7%; position:relative;}
.search1_con .list1 .text1{ border:none; width:calc(100% - 70px); height:160px; line-height:160px; padding:0 40px 0 80px; font-size:44px; color:#666;}
.search1_con .list1 .button1{ border:none; width:64px; height:160px; background:url(../images/h_ico8.png) center no-repeat; position:absolute; top:0; left:0; cursor:pointer;}
.search1_con .list2{ border-top:1px solid #666; padding:50px 7%;}
.search1_con .list2 ul li{ float:left; width:25%; font-size:18px; line-height:1.5em; margin:.5em 0;}
.search1_con .list2 ul li:nth-child(4n-3){ clear:both;}
.search1_con .list2 ul li a{ color:#999;}
.search1_con .list2 ul li a:hover{ color:#333;}



/*banner_02*/
.banner_02{ height:500px; overflow:hidden; /*max-width: 1440px;*/ margin: 0 auto;}
.banner_02 #banner_02_con{ display:none;}


.tit1{ text-align:center;}
.tit1 h2{  font-size:36px; line-height:1.5em;}
.tit1 h3{ font-weight:normal; font-size:14px; line-height:1.5em; color:#666; margin-top:10px;}
.con01bg{ background:#f8f8f8; padding:50px 0 0 0;}
.con01{}
.con01 .list{ background:#fff; margin-top:30px; padding:0px 7% 50px 7%;}
.con01 .list ul li{ float:left; width:32%; margin:30px 2% 0 0; box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 0.16)}
.con01 .list ul li:hover{ box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 0.3)}
.con01 .list ul li:nth-child(3n){ margin-right:0;}
.con01 .list ul li:nth-child(3n-2){ clear:both;}
.con01 .list ul li .txt{}
.con01 .list ul li .txt h2{ font-weight:bold; font-size:24px; line-height:3em; height:2em; overflow:hidden; padding:0 40px; color:#333;}
.con01 .list ul li .img{ padding-bottom:100%; position:relative; overflow:hidden;}
.con01 .list ul li .img img{  max-width:80%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.con01 .list ul li:hover .img img{ transform:scale(1.1); transition:all .3s ease;}


.con02bg{ padding:50px 0; background:#f8f8f8;}
.con02{}
    .con02 .list {
        margin: 0 auto;
        padding: 0 7%;
        margin-top: 30px;
        max-width: 1440px;
    }
.con02 .list ul li{ float:left; width:11%; text-align:center; border-right:1px solid #e5e5e5;}
.con02 .list ul li:nth-child(9n){ border-right:none;}
.con02 .list ul li .img{ height:36px; position:relative;}
.con02 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.con02 .list ul li h2{ font-weight:normal; font-size:12px; line-height:2em; height:2em; overflow:hidden; margin-top:5px; color:#333;}
.con02 .list ul li:hover h2{ color:#000;}


.con03bg{ padding:50px 0;}
.con03{}
.con03 .list{ padding:0 7%;}
.con03 .list ul li{ float:left; width:23.5%; margin:30px 2% 0 0;}
.con03 .list ul li:hover{ box-shadow:0px 0px 5px 5px #ccc;}
.con03 .list ul li:nth-child(4n){ margin-right:0;}
.con03 .list ul li:nth-child(4n-3){ clear:both}
.con03 .list ul li .img{ overflow:hidden;}
.con03 .list ul li .imgbg{ padding-bottom:66%; transition:all .3s ease;}
.con03 .list ul li:hover .imgbg{ transform:scale(1.1); transition:all .3s ease;}
.con03 .list ul li .txt{ padding:15px 15px;}
.con03 .list ul li .txt h2{ font-weight:bold; font-size:14px; line-height:1.5em; height:1.5em; overflow:hidden;}
.con03 .list ul li .txt h2 a{ color:#333;}
.con03 .list ul li .txt h3{ font-weight:normal; font-size:14px; line-height:1.5em; height:3em; overflow:hidden; color:#666; margin-top:5px;}
.con03 .list ul li .txt h4{ font-weight:bold; font-size:12px; line-height:1.5em; margin-top:10px;}
.con03 .list ul li .txt h4 a{ color:#333; display:inline-block; border-bottom:2px solid #333;}



.footbg{ background:#333333; padding:0px 0 40px 0;}
.foot{ color:#999;}
.foot a{ color: #8C8C8C; opacity: 0.7;}
.foot a:hover{ color:#fff;}
.foot .lt1{ float:left; width:25%; margin-left:7.5%;}
.foot .lt1 h2{ font-weight:bold; font-size:18px; line-height:2em; margin:1em 0; color:#fff;}
.foot .lt1 .list{}
.foot .lt1 .list ul li{ font-size:12px; line-height:18px; padding: 10px 0px 5px 30px;}

.foot .lt2{ float:left; width:25%; margin-left:0.5%;}
.foot .lt2 h2{ font-weight:bold; font-size:18px; line-height:2em; margin:1em 0; color:#fff;}
.foot .lt2 .list{}
.foot .lt2 .list ul li{ font-size: 12px;line-height: 18px;padding: 10px 0 5px 0;border-bottom: 1px solid #8c8c8c40; border-right: 5px solid #fff;margin-top: 5px; }

.foot .rt1{ float:left; width:15%; margin-left:3.5%;}
.foot .rt1 h2{ font-weight:bold; font-size:18px; line-height:2em; margin:1em 0; color:#fff;}
.foot .rt1 .list{}
.foot .rt1 .list ul li{ font-size:12px; line-height:18px; margin:1em 0; }
.foot .rt2{ float:right; width:17.5%; margin-right:1.5%;}
.foot .rt2 h2{ font-weight:bold; font-size:18px; line-height:2em; margin:1em 0; color:#fff;}
.foot .rt2 .list{}
.foot .rt2 .list a{ margin-right:10px;}
.foot .rt2 .list img{ vertical-align:middle; width: 120px;}
.foot .rt2 .list a:hover{ opacity:.8;}



/*Add------------------------------------------------------------------------------*/

.weizhi{ height:120px; line-height:120px; font-weight:bold; font-size:28px;max-width: 1440px; margin: auto; padding-left: 7%;}
.weizhi a{ color:#333;}
.weizhi a:hover{ color:#999;}

.insidebg{ background:#f4f4f4;}
.inside{ padding:0 0 50px 0; }
.inside_con{ padding:0 7%;}
.inside_lt{ float:left; width:82%;}
.inside_rt{ float:left; width:16%;}
.side_a{ border-left:1px solid #e0e0e0;/* position:relative;*/}
/*.side_a:before{ content:""; width:1px; height:100%; background:#e0e0e0; position:absolute; z-index:1; top:0; right:3px;}*/
.side_a ul li{ text-align:left; position:relative; z-index:2;}
.side_a ul li h3{ font-weight:bold; font-size:18px; line-height:50px; position:relative;}
.side_a ul li h3 a{ display:inline-block; font-size:18px; color:#333; padding-left:10px; border-left:4px solid transparent; position:relative; z-index:2;}
.side_a ul li h3 i{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background:url(../images/l_ico1.png) left 140px center no-repeat !important; background-size: 16px !important;}
.side_a ul li h3 i.active{ background:url(../images/l_ico2.png) left 140px center no-repeat !important; transition:all .3s ease;background-size: 16px !important;}
.side_a ul li dl.erji{ display:none;}
/*.side_a ul li:nth-child(1) dl.erji{ display:block;}
.side_a ul li:nth-child(1) h3 i{ background:url(../images/l_ico2.png) left 100px center no-repeat;}*/
.side_a ul li dl.erji dd{ line-height:40px;}
.side_a ul li dl.erji dd h4{ font-weight:normal; font-size:14px; position:relative;}
.side_a ul li dl.erji dd a{ display:inline-block; font-size:14px; padding-left:10px; color:#666; border-left:4px solid transparent; position:relative; z-index:2;}
.side_a ul li dl.erji dd a:hover{ color:#333; border-left:4px solid #333;}
.side_a ul li dl.erji dd h4 i{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background:url(../images/l_ico3.png) left 150px center no-repeat; transition:all .3s ease;}
.side_a ul li dl.erji dd h4 i.active{ background:url(../images/l_ico4.png) left 150px center no-repeat; transition:all .3s ease;}
.side_a ul li dl.erji dd .sanji{ display:none;}
.side_a ul li dl.erji dd .sanji a{ display:block; padding-left:20px;}
.side_a ul li a.active{ color:#333; border-left:4px solid #333 !important;}



.product{}
.product ul li{ float:left; width:32%; margin:0 2% 2% 0; background:#fff; box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 0.16)}
.product ul li:hover{ box-shadow: 0px 5px 10px 0 rgb(0 0 0 / 0.3)}
.product ul li:nth-child(3n){ margin-right:0;}
.product ul li:nth-child(3n-2){ clear:both}
.product ul li .img{ padding-bottom:100%; position:relative; overflow:hidden;}
.product ul li .img img{ max-width:90%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.product ul li:hover .img img{ transform:scale(1.1); transition:all .3s ease;}
.product ul li .txt{}
.product ul li .txt h2{ font-weight:bold; font-size:20px; line-height:1em; height:1.5em; overflow:hidden; color:#333; padding:0 25px;}
.product ul li .txt table{width: 100%; line-height: 24px; color: #333; font-size: 14px; margin-bottom: 20px; padding: 0 25px;}

.page1{ text-align:center; height:30px; line-height:30px; margin-top:10px;}
.page1 a{ display:inline-block; font-size:18px; padding:0 10px; color:#666;}
.page1 a:hover{ background:#8c8c8c; color:#fff;}
.page1 a.on{ background:#8c8c8c; color:#fff;}



.proDetail{ background:#fff; padding-top: 30px;}
.proDetail .top{ margin:0 7%; position:relative; min-height:800px; /*padding-left:660px;*/ }
.proDetail .top .ltbg{ width:40%; position:absolute; top:0; left:0;}
.proDetail .top .lt{height: 570px;position:relative;width:100%}
.proDetail .top .rt{ padding-bottom:50px; float:right;    width: 57%; }
.proDetail .top .rt dl{ padding-top:15px;}
.proDetail .top .rt dl dt{ font-size:28px; line-height:1.5em; font-weight: bold;}
.proDetail .top .rt dl dd{ font-size: 18px;line-height: 28px;margin-top: 10px;}
.button11{ margin-top:30px;}
.button11 a{ display:inline-block; border:1px solid #ccc; border-radius:5px; height:50px; line-height:50px; text-align:center; font-size:14px; padding:0 20px; color:#666;}
.button11 a:hover{ box-shadow:0px 0px 5px #ccc;}
.button11 img{ vertical-align:middle; margin-right:5px;}

.proDetail .btm{  font-size:16px; line-height:2em;}
.proDetail .btm table{ border-spacing:0; width: 100%;}
.proDetail .btm table td{ padding:10px 0; text-align:center;}
.proDetail .btm .bg0{ background:#333333; color:#fff;height: 50px;}
.proDetail .btm .bg1{ background:#fff;}
.proDetail .btm .bg1:hover{background-color: #e6e6e6;}
.proDetail .btm .bg2{ background:#f4f4f4;}
.proDetail .btm .bg2:hover{background-color: #e6e6e6;}
.proDetail .btm .bg0 td{ font-size:16px; line-height:2em;}
.proDetail .btm .bg0 td span{ font-size:12px; line-height:2em; display:block;}






.proSearch1{}
.proSearch1 img{ display:block; width:100%;}

.proSearch2{}
.proSearch2 ul li{ background:#fff; box-shadow:0px 0px 5px 0 #ccc; text-align:center;}
.proSearch2 ul li:hover{ box-shadow:0px 0px 5px 5px #ccc;}
.proSearch2 ul li .img{ padding-bottom:50%; position:relative; overflow:hidden;}
.proSearch2 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.proSearch2 ul li:hover .img img{ transform:scale(1.1); transition:all .3s ease;}
.proSearch2 ul li .txt{}
.proSearch2 ul li .txt h2{ font-weight:bold; font-size:22px; line-height:2em; height:2em; overflow:hidden; color:#333; padding:0 15px;}


.proSearch3{}
.proSearch3 ul li{ float:left; width:49%; margin:0 2% 2% 0; background:#fff; box-shadow:0px 0px 5px 0 #ccc;}
.proSearch3 ul li:hover{ box-shadow:0px 0px 5px 5px #ccc;}
.proSearch3 ul li:nth-child(2n){ margin-right:0;}
.proSearch3 ul li:nth-child(2n-1){ clear:both}
.proSearch3 ul li .img{ padding-bottom:100%; position:relative; overflow:hidden;}
.proSearch3 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.proSearch3 ul li:hover .img img{ transform:scale(1.1); transition:all .3s ease;}
.proSearch3 ul li .txt{}
.proSearch3 ul li .txt h2{ font-weight:bold; font-size:22px; line-height:2em; height:2em; overflow:hidden; color:#333; padding:0 15px;}




.tit2{ text-align:center;}
.tit2 h2{ font-weight:normal; font-size:30px; line-height:2em}
.aboutusbg{ background:#fff; padding:80px 0;}
.aboutus{ width:1200px; margin:0 auto;}
.aboutus .box1{}
.aboutus .box1 .img{ float:left; width:580px;}
.aboutus .box1 .img img{ display:block; width:580px}
.aboutus .box1 .txt{ float:left; width:500px; padding-left:50px; font-size:14px; line-height:2em;}
.aboutus .box2{ margin-top:60px;}
.aboutus .box2 .list{ margin-top:10px; font-size:14px; line-height:2em;}
.aboutus .box3{ margin-top:55px;}
.aboutus .box3 .list{ margin-top:10px; font-size:16px; line-height:2em;}



.downloadbg{background:#fff; padding:80px 0 80px 0;}
.download{ width:1200px; margin:0 auto;}
.download ul li{ float:left; width:32%; margin:0 2% 50px 0; text-align:center;}
.download ul li:nth-child(3n){ margin-right:0;}
.download ul li .img{ width:240px; height:340px; margin:0 auto; box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 0.3);}
.download ul li .txt{}
.download ul li .txt h2{ font-weight:bold; font-size:20px; line-height:2em; height:2em; overflow:hidden;}
.download ul li .txt h3{ font-weight:normal; font-size:16px;}
.download ul li .txt h3 a{ display:inline-block; border:2px solid #c00; width:116px; height:46px; line-height:46px; color:#666;margin-top: 8px;}
.download ul li .txt h3 a:hover{ background:#c00; color:#fff;}



.contactbg{}
.contact{ width:1000px; margin:0 auto;}
.contact .box1{ padding:40px 0;}
.contact .box1 .lt{ width:840px; /*height: 320px;*/ margin: 0 auto;}
.contact .box1 .lt ul li{ /*line-height:10px;*/ font-size:24px; color:#333333; padding:10px 0;}
.contact .box1 .lt ul li b{ display:block; font-weight:800; font-size:18px; color:#333;}
.contact .box1 .rt{width:740px; margin: auto;}
.contact .box1 .rt table{ border-spacing:0;}
.contact .box1 .rt table td{ width:50%; padding:5px 0;}
.contact .box1 .rt span{ display:block; font-size:12px; line-height:24px; color:#999;}
.contact .box1 .rt .text1{ border:none; width:96%; padding:0 2%; height:48px; line-height:48px; background:#f3f3f3; color:#666; border-radius:0px;}
.contact .box1 .rt .text2{ border:none; width:92%; padding:0 4%; height:48px; line-height:48px; background:#f3f3f3; color:#666; border-radius:0px;}
.contact .box1 .rt textarea{ border: none; width: 96%; padding: 10px 2%; height: 124px; line-height: 24px; background: #f3f3f3; color: #666; border-radius: 0px;}
.contact .box1 .rt .button1{ border:none; width:100%; height:48px; line-height:48px; background:#ff3838; color:#fff; font-size:16px; cursor:pointer; border-radius:0px;}
.contact .box1 .rt .button1:h.product ul li .txt h2over{ background:#000;}
.contactbg .box2{}
.contactbg .box2 img{ display:block; width:100%;}
.inbanner img{width: 100%;height: 100%;}

.product-detail__table{width: 100%;border-collapse: collapse;table-layout: fixed;border: 1px solid #f2f2f2;background-color: #fff;}
.product-detail__table tr td {padding: 4px 28px 4px 4px;}
.product-detail__table tr:nth-child(odd) td{ background-color: #f7f7f7 !important;}