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

body{ margin:0px; padding:0px; border:0px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#555555; font-size:14px; width:100%; background:#ffffff; text-size-adjust: none;}
a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#555555; font-size:13px;}
a:hover{ text-decoration:none;}
*{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
li{ list-style:none;}
.clear{ clear:both !important; height:0px !important; width:0px !important; float:none !important; margin:0px !important; padding:0px !important; border:0px !important; line-height:0 !important; position:relative !important; }
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/
img{ max-width:100% !important; vertical-align: middle;}
div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;}
input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#4d4d4d; font-size:12px;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#4d4d4d; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#4d4d4d; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#4d4d4d; font-size:12px;}
.fl{ float:left;}
.fr{ float:right;}


/*黑白照片*/
.gray { 
-webkit-filter: grayscale(100%); 
   -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
     -o-filter: grayscale(100%); 
        filter: grayscale(100%); 
        filter: gray; 
}

.gray:hover { 
-webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
     -o-filter: grayscale(0%); 
        filter: grayscale(0%); 
        filter: gray; 
}
/*圆角5px*/
.radius5{ 
-webkit-border-radius:5px; 
   -moz-border-radius:5px; 
    -ms-border-radius:5px; 
     -o-border-radius:5px; 
        border-radius:5px; 
}
/*圆角10px*/
.radius10{ 
-webkit-border-radius:10px; 
   -moz-border-radius:10px; 
    -ms-border-radius:10px; 
     -o-border-radius:10px; 
        border-radius:10px; 
}
/*图片变大*/
.tra{
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
           filter: scale(1);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}
.tra:hover{
-webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
     -o-transform: scale(1.15);
           filter: scale(1.15);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}
/*透明度50%*/
.opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;}

.shadow5{ 
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
   -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
     -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
        box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
}

.shadow10{ 
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
   -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
     -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
        box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
}

.box{ width:94%; max-width:1200px; margin:0 auto;}

.pc_top{ width:100%;}

.pc_top .top1{ width:100%; background:#3d3d3d;}
.pc_top .top1 .top1Nei{ height:33px; display:flex; align-items:center; justify-content:space-between;}
.pc_top .top1 .top1Nei .top1NeiLeft{ font-size:12px; color:#FFFFFF;}
.pc_top .top1 .top1Nei .top1NeiRight{ font-size:16px; color:#ffe599;}
.pc_top .top1 .top1Nei .top1NeiRight span{ margin-left:5px;}
.pc_top .top1 .top1Nei .top1NeiRight span:nth-child(1){ color:#FFFFFF;}

.pc_top .top2{ width:100%; background:url(../images/1603174913.jpg);}
.pc_top .top2 .top2Nei{ height:125px; display:flex; align-items:center; justify-content:space-between;}
.pc_top .top2 .top2Nei .pc_logo{}
.pc_top .top2 .top2Nei .pc_search{ width:300px; height:28px; display:flex; justify-content:space-between; align-items:center;}
.pc_top .top2 .top2Nei .pc_search input[type="text"]{ width:250px; height:28px; padding:0 15px; line-height:28px;}
.pc_top .top2 .top2Nei .pc_search input[type="submit"]{ width:50px; height:28px; background:url(../images/bg.jpg) no-repeat 50%/cover; cursor:pointer; }
.pc_top .top2 .top2Nei .pc_img{}

.pc_top .top3{ width:100%; background:url(../images/16031749112.jpg) repeat-x 0 50%;}
.pc_top .top3 .top3Nei{ display:flex;}
.pc_top .top3 .top3Nei a{ text-align:center; font-size:16px; color:#FFFFFF; height:42px; line-height:42px; flex:1;}
.pc_top .top3 .top3Nei a.on{ background:url(../images/dhbj.jpg) no-repeat 50%; color:#a61c00;}
.pc_top .top3 .top3Nei a:hover{ background:url(../images/dhbj.jpg) no-repeat 50%; color:#a61c00;}

.footer{ background:#3d3d3d; width:100%; padding:20px 0;}
.footerNei{ display:flex; justify-content:space-between; flex-wrap:wrap;}
.footer1{ color:#FFFFFF; font-size:14px; line-height:30px;}
.footer1 div{ font-size:18px; line-height:2em;}

.footer2{ display:flex;}
.footer2 .fooImg{ width:130px; margin:0 18px;}
.footer2 .fooImg .fooImgBox{ width:130px; padding:4px; border-radius:5px; background:#FFFFFF; height:130px;}
.footer2 .fooImg .fooImgTitle{ width:100%; text-align:center; font-size:13px; color:#FFFFFF; margin-top:15px;}

.footer3{}
.footer3 .footer31{ font-size:18px; color:#FFFFFF; line-height:2em;}
.footer3 .footer32{ width:222px; display:flex; flex-wrap:wrap;}
.footer3 a{ font-size:14px; color:#FFFFFF; line-height:30px; width:50%;}

.footer4{ width:100%; text-align:center;}
.footer4 div{ display:inline-block; font-size:14px; height:2em; background:#1e1e1e; color:#FFFFFF; line-height:2em; border-radius:30px; padding:0 10px;}
{}


.mo-header {  display: none;  width: 100%;  position: relative;  z-index: 99;  background: rgba(0, 0, 0, 0.9);  height: 80px;  padding: 0 3%;  overflow: hidden;}
.mo-header .logo {  float: left;  height: 46px;  margin: 17px 0;}

.mo-header .menu-icon {  float: right;  font-size: 45px;  color: #fff;  z-index: 999;  margin: 17px 0;}
.menu-bg {  display: none;  position: fixed;  z-index: 9999;  height: 100%;  width: 100%;  margin-top: 80px;  top: 0;  left: -200%;}
.menu-list {  display: none;  position: absolute;  background: rgba(0, 0, 0, 0.9);  height: 100%;  width: 50%;  /* left: -100%; */}
.menu-list .menu-item {  width: 100%;  height: 75px;  border-bottom: #ffffff solid 1px;}
.menu-list .menu-item .menu-item-title {  display: inline-flex;  justify-content: space-between;  height: 100%;  width: 100%;  padding-left: 4%;  padding-right: 4%;  line-height: 75px;  color: #fff;  font-size: 24px;}
.menu-list .menu-item .fa-angle-right.yijijiantou,.menu-list .menu-item .yijijiantou2 {  line-height: 75px;  margin-right: 4%;  color: #fff;  font-size: 40px;}
.menu-list .menu-item .menu-item-drop {  display: none;  position: absolute;  top: 0;  left: 100%;  width: 100%;  height: 100%;  background: #000;  height: 100%;}
.menu-list .menu-item .menu-item-link {  width: 60%;  font-size: 24px;  color: #fff;}
.menu-list .menu-item .menu-item-drop .erji {  width: 100%;  position: relative;  border-bottom: #ffffff solid 1px;}
.menu-list .menu-item .menu-item-drop .erji a {  display: inline-block;  height: 74px; font-size: 18px;  line-height: 74px;  color: #fff;  padding-left: 4%;}
.menu-list .menu-item .menu-item-column {  display: flex;  justify-content: space-between;  align-items: center;  padding: 0 4%;  width: 100%;  font-size: 24px;  color: #fff;}
.menu-box-title2 {  font-size: 24px;  color: #000;}

{}

.neiBanner{ width:100%; position:relative; background:url(../images/2342.jpg) no-repeat 50%;}
.aboutNeiBanner{background:url(../images/about_banner.jpg) no-repeat 50%;}
.caseNeiBanner{background:url(../images/case_banner.jpg) no-repeat 50%;}
.contactNeiBanner{background:url(../images/contact_banner.jpg) no-repeat 50%;}
.newsNeiBanner{background:url(../images/news_banner.jpg) no-repeat 50%;}
.productNeiBanner{background:url(../images/product_banner.jpg) no-repeat 50%;}
.messageNeiBanner{background:url(../images/message_banner.jpg) no-repeat 50%;}
.neiBanner .zhanwei{ width:100%; max-width:1200px;}
.neiBanner .zhanwei:before{ content:''; display:block; padding-top:calc(100% * ( 400 / 1200));}
.neiBanner .banner{ position:absolute; left:50%; transform: translateX(-50%); top:0; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#FFFFFF; width: 100%;}
.neiBanner .banner .banner1{ font-size:2.6vw; line-height:1.32em; font-weight:bolder; margin-top:-5%;}
.neiBanner .banner .banner2{ font-size:0.9vw; line-height:1.32em; transform:scale(0.1); transition:all ease 1.5s;}
.neiBanner .banner .banner2.on{ transform:scale(1);}
.neiBanner .banner .banner3{ font-size:1.3vw; line-height:1.32em;}

.pages{ width:94%; margin:0 auto; display:flex; justify-content:space-between; max-width:1200px;}
.pages .pageLeft{ width:250px; flex-shrink:0;}
.pages .pageLeft .pageLeft1{ width:100%; height:111px; background:url(../images/478.png) no-repeat 50%; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#FFFFFF; margin-top:-111px;    position: relative; z-index: 1;}
.pages .pageLeft .pageLeft1 div:nth-child(1){ font-size:27px; text-align:center; margin-top:15px;}
.pages .pageLeft .pageLeft1 div:nth-child(2){ font-size:12px; text-align:center; text-transform:uppercase;}
.pages .pageLeft .pageLeft2{ padding:10px 22px 0px 20px; background:#f0f0f0;}
.pages .pageLeft .pageLeft2 a{ width:100%; height:40px; font-size:14px; color:#ffffff; text-align:center; background:url(../images/ta.png) no-repeat 50% 0; display:inline-block; margin-bottom:10px; line-height:40px;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 30px;}
.pages .pageLeft .pageLeft2 a:hover{ background:url(../images/tab.png) no-repeat 50% 0;}
.pages .pageLeft .pageLeft2 a.on{ background:url(../images/tab.png) no-repeat 50% 0;}
.pages .pageLeft .pageLeft3{}
.pages .pageLeft .pageLeft4{ font-size:#5a5a5a; font-size:14px; line-height:2em; padding:10px 0;}
.pages .pageRight{ margin-left:45px; flex-shrink:1; width: 100%;}

.nav{ width:100%; margin:45px 0 35px 0; background:url(../images/897.jpg) no-repeat 0 50%,#f5f7f6; height:40px; display:flex; align-items:center; padding-left:35px;}
.nav a{ font-size:14px; color:#073763; margin-right:8px;}

.contant{ width:100%; color:#5a5a5a; font-size:14px; line-height:2em; margin-bottom:110px;}

{}

.productList{ width:100%; display:flex; flex-wrap:wrap;}
.productList .proItems{ width:calc(25% - (20px * 3 / 4)); border:#eeeeee solid 1px; padding:15px; margin-left:20px; margin-bottom:28px;}
.productList .proItems:hover{ border:#cc0000 solid 1px;}
.productList .proItems:nth-child(4n+1){ margin-left:0;}
.productList .proItems .proItemsImg{ width:100%; position:relative;}
.productList .proItems .proItemsImg:before{ content:''; display:block; padding-top:calc( 100% * 190 / 180);}
.productList .proItems .proItemsImg div{ width:100%;  height:100%; position: absolute; left:0; top:0; display:flex; justify-content:center; align-items:center; }
.productList .proItems .proItemsTitle{ width:100%; text-align:center; font-size:14px; color:#5a5a5a;}

.page{ width:100%; display:flex; justify-content:center;}
.page li{ display:inline-block; height:22px; min-width:22px; padding:0 5px; margin:0 2px; border:2px solid #F0F0F0; text-align:center; cursor:pointer; line-height: 18px; }
.page li a{ line-height:18px; font-size:12px; color:#48B9EF;}
.page li:hover{ border:#FF6C16 solid 2px; background:#FF6C16;}
.page li.on{ border:#FF6C16 solid 2px; background:#FF6C16; color:#FFFFFF;}
.page li:hover a{ color:#FFFFFF;}
.page li.on a{ color:#FFFFFF;}

{}

.pro{ width:100%;}
.pro .pro1{ width:100%; text-align:center; font-size:23px; color:#426100; line-height:2em;}
.pro .pro2{ width:100%; text-align:center; font-size:12px; color:#cccccc; line-height:2em;}
.pro .pro3{ width:100%; padding:10px; color:#868686; font-size:14px; line-height:2em; border:#E5E5E6 1px dotted;}

/*slick*/
.case_box{ width:100%; margin:25px auto; max-width:400px; text-align:center;position: relative;}
.case_box .case_bigbox{ width:100%; max-width:788px; height:400px; overflow:hidden; display:inline-block; position:relative;}
.case_box .case_bigbox .datu{ width:100%; height:400px; overflow:hidden; position: relative; background: #f0f0f0;}
.case_box .case_bigbox .datu img{ width:100%;}
.case_box .case_simbox{ width:100%; height:124px;}
.case_box .case_simbox .case_simbox_nei{ width:100%; height:100%;}
.case_box .case_simbox .case_simbox_nei .xiaotu{ padding:0; width:90px; height:90px; float:left; position:relative; border:2px solid #9c9c9c; margin:0 10px;}
.case_box .case_simbox .case_simbox_nei .xiaotu img{ width:100%; height:100%;}
.case_box .case_simbox .case_simbox_nei .xiaotu span{ padding:0 6px; display:inline-block; height:16px; text-align:center; font-size:12px; color:#FFFFFF; background:rgba(0,0,0,0.8); position:absolute; z-index:999; bottom:4px; right:4px;}
.case_box .case_simbox .case_simbox_nei .xiaotu.slick-active.on{ border:2px solid #b90000;}

.case_box .slick-prev{ background:url(../images/an1L.gif) no-repeat 50%;}
.case_box .slick-next{ background:url(../images/an1R.gif) no-repeat 50%;}

.case_box .case_textbox{ margin:0 auto; text-align:left; text-indent:2em; margin-bottom:50px; max-width:788px; color:#666666; font-size:14px; line-height:24px;}
/*slick*/

.xzk{ width:100px; position:absolute; z-index:999; border:#e5e5e5 solid 1px; background:rgba(256, 256, 256, 0.5); top:0; left:0; display:none;}
.xzk:before{ display:block; content:''; padding-top: calc(100% * (470 / 570));}
.bigImgBox:hover .xzk{ display:block;}
.meaTop .meaTopLeft {  position: relative;}
.datu:hover .xzk {    display: block;}


.floatImgBox{ width:200px; position:absolute; left:100%; top:0; border:#e5e5e5 solid 1px; background:#FFFFFF; overflow:hidden; opacity:0; pointer-events: none;}
.floatImgBox:before{ display:block; content:''; padding-top:100%;}
.floatImgBox div{ width:1000px !important; position:absolute; left:0%; top:0%; text-align: left;}

.smallImgBox{ width:100%; display:flex; align-items:center;margin-top: 30px;}
.smallImgBox img{ width:14px; flex-shrink:0;}
.sImg{ width:100%; width: calc(100% - 48px); margin: 0 10px 0 10px !important;}

.sImg li div{ width:calc(100% - 10px); margin:0 5px; height:100px; border:#eeeeee solid 1px; display:flex; justify-content:center; align-items:center;}
.sImg li div img{ width:100%;}
.sImg li div.on{ border:#000000 solid 1px;}

.pro .pro6{ margin-top:45px;}
.pro .pro6 a{ display:flex; align-items:center; font-size:12px; color:#595959;}
.pro .pro6 a i{ color:#c2c2c2; margin-right:10px;}
.pro .pro6 a:hover{ color:#048BCD}
.pro .pro6 a:hover i{ color:#048BCD}


{}

.newsList{ width:100%; margin-bottom:12px;}
.newsItem{ width:100%; padding:15px 30px; border-bottom:1px dotted #dbd4cd;}
.newsItem{ width:100%; display:flex;}
.newsItem .newsDate{ width:60px; height:60px; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#666666; color:#FFFFFF; margin-right:15px; flex-shrink:0;}
.newsItem .newsDate div:nth-child(1){ font-size:24PX;}
.newsItem .newsDate div:nth-child(2){ font-size:12PX;}
.newsItem .newsTitle{ width:100%; display:flex; flex-direction:column;}
.newsItem .newsTitle div:nth-child(1){ font-size:18px; color:#5a5a5a;}
.newsItem .newsTitle div:nth-child(2){ font-size:12px; color:#949494;}


{}

.pro2 span{ margin:10px 8px; display: inline-block;}

{}

.contact{ width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.contact .con1{ width:100px; height:100px; border:3px solid rgb(217, 217, 217); display:flex; justify-content:center; align-items:center; border-radius:100px; overflow:hidden;}
.contact .con1 img{ max-width:none !important; height:100%;}
.contact .con2{ font-size:14px; color:#434343; text-align:center; margin-top:15px;}
.contact .con3{ font-size:26px; color:#cc0000; text-align:center; font-weight:bold;}
.contact .con4{ width:100%; display:flex; justify-content:space-between; margin-top:40px; flex-wrap:wrap;}
.contact .con4 .con4Item{ width:calc( 100% * ( 1 / 3) - ( 60px * 2 / 3)); border: 1px solid rgb(225, 222, 222); display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:16px; padding:25px 0 15px 0;}
.contact .con4 .con4Item .con4Item1{ width:70px;}
.contact .con4 .con4Item .con4Item2{ color:#cc0000;}
.contact .con4 .con4Item .con4Item3{ color:#434343;}

{}

.mess{ width:100%; background:url(../images/liuyan.jpg) no-repeat 50%/cover;}
.messBox{ width:90%; max-width:460px; background:rgb(204, 0, 0); margin:0 auto;}
.mess1{ width:100%; text-align:center; font-size:18px; color:#FFFFFF; padding:40px 0 20px 0;}

.zxly{ width:100%; display:table;}
.zxly .lyCol{ display:table-row;}
.zxly .lyCol .lyColLeft{ display:table-cell; width:80px; font-size:14px; color:#FFFFFF; padding-right:25px; text-align:right;vertical-align: middle; padding-bottom:15px;}
.zxly .lyCol .lyColRight{ display:table-cell; padding-right:35px;vertical-align: middle; padding-bottom:15px;}
.zxly .lyCol .lyColRight input{ width:100%; height:40px; background:#FFFFFF; border-radius:5px; padding: 0 15px; line-height:40px;}
.zxly .lyCol .lyColRight textarea{ width:100%; height:72px; background:#FFFFFF; border-radius:5px; padding: 0 15px;}
.zxly .lyCol .lyColRight input[type='button']{ background:#ffd966; color:#FFFFFF; text-align:center; margin-bottom:50px;}

{}


/* 响应式banner */
.img_gallery{position: absolute; left:0; top:0; height:100%; width:100%;}
.main_img{ overflow:hidden;position:relative; height:100%;}
.main_img .zhanwei{ width:100%; max-width:1200px;}
.main_img .zhanwei:before{ padding-top:calc(100% * ( 600 / 1200)); content:''; display:block;}
.main_img ul{width:9999px; overflow:hidden; height:100%;position:absolute;top:0;left:0}
.main_img li{float:left;width:100%; height:100%; }
.main_img li span{display:block;width:100%;  height:100%;}
.main_img li a{display:block;width:100%; height:100%; }
.img_font{position:absolute; bottom:30px; left:30%; color:#f00; width:100%; padding:10px;}
.img_font span{display:none; }
div.point{ position:absolute;bottom:50px;left:0;z-index:999;width:100%;height:0px; text-align:center;}
div.point .point_box{ margin:0 auto; display:inline-block;}
div.point a{ display: block; width:37px; height:5px; font-size:0; background:#FFFFFF; float: left; cursor: pointer; margin:0 3px;}
div.point a.on{ background:#ffde10;}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{}
#btn_next{}
/* 响应式banner */

.ban{ width:100%; position:relative; overflow:hidden;}
.ban .zhanweis{ width:100%; max-width:1200px; position:relative; margin:0 auto; pointer-events: none; z-index:99;}
.ban .zhanweis:before{ content:''; display:block; padding-top:calc( 100% * ( 600 / 1200));}
.ban .zhanweis .bannerText{ width:100%; position:absolute; top:50%; transform:translateY(-80%); color:#FFFFFF;}
.ban .zhanweis .bannerText .bannerText1{ width:100%; text-align:center;}
.ban .zhanweis .bannerText .bannerText2{ position:absolute; left:0; top:0; width:100%; text-align:center; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.ban .zhanweis .bannerText .bannerText2 div:nth-child(1){ font-size:50px;}
.ban .zhanweis .bannerText .bannerText2 div:nth-child(2){ font-size:19px; line-height:3em;}
.ban .zhanweis .bannerText .bannerText2 div:nth-child(2){ transform:scale(0.1); transition:all ease 1.5s;}
.ban .zhanweis .bannerText .bannerText2 div:nth-child(2).on{ transform:scale(1);}

.ban .zhanweis .bannerText .bannerText2 div:nth-child(3){ font-size:25px;}

.indexTitle{ width:100%; line-height:50px; text-align:center; font-size:30px; color:#de201b;  height:60px; margin:47px 0 42px 0;}

.hotProduct{ width:94%; margin:0 auto; max-width:1200px; display:flex; margin-bottom:60px;}
.hotProduct .hotProductLeft{ width:210px; flex-shrink:0;}
.hotProduct .hotProductLeft a{ height:72px; margin-bottom:10px; background:url(../images/02.png) no-repeat 50% 0; display:inline-block; width:100%; font-size:14px; color:#FFFFFF; line-height:72px; text-align:center;}
.hotProduct .hotProductLeft a:hover{ background:url(../images/02a.png) no-repeat 50% 0;}
.hotProduct .hotProductLeft .more{ width:100%; height:112px; margin-top:-10px; position:relative; background:none;}
.hotProduct .hotProductLeft .more img{ transition:all ease 0.5s; transform-origin:center; position:absolute; top:0; left:0;}
.hotProduct .hotProductLeft .more img:nth-child(1){transform: rotateX(0deg); z-index:1;}
.hotProduct .hotProductLeft .more img:nth-child(2){transform: rotateX(180deg); z-index:0;}
.hotProduct .hotProductLeft .more:hover img:nth-child(1){transform: rotateX(180deg); z-index:0;}
.hotProduct .hotProductLeft .more:hover img:nth-child(2){transform: rotateX(360deg); z-index:1;}

.hotProduct .hotProductRight{ width:100%; display:flex; flex-wrap:wrap;}
.hotProduct .hotProductRight .gpItem{ width:calc( 25% - 35px); margin-left:35px;}
.hotProduct .hotProductRight .gpItem .gpItemImg{ width:100%; position:relative;}
.hotProduct .hotProductRight .gpItem .gpItemImg:before{ content:''; display:block; padding-top:100%;}
.hotProduct .hotProductRight .gpItem .gpItemImg div{ position:absolute; left:0; top:0; display:flex; justify-content:center; align-items:center; overflow:hidden; height:100%; width:100%; }
.hotProduct .hotProductRight .gpItem .gpItemTitle{ font-size:14px; color:#5a5a5a; text-align:center; line-height:3em;}


.gdcp{ width:150px; height:50px; color:#FFFFFF; text-align:center; line-height:50px; background:rgba(222,2,11,1); border-radius:5px; display:block; transition:ease all 0.5s; margin:30px auto; display:none;}
.gdcp:hover{ background:rgb(255,153,0);}

.indexAbout{ width:100%; background:url(../images/4gog.gif); padding:55px 0 70px 0;}
.indexAboutBox{ width:100%; max-width:1200px; margin:0 auto; display:flex;}
.indexAboutBox .iaLeft{ width:360px; display:flex; justify-content:center; align-items:center; border:#de020b solid 4px; height:394px; margin:0 90px 0 40px; flex-shrink:0;}
.indexAboutBox .iaLeft div{ width:458px; height:302px; border:7px solid #FFFFFF; background:#FFFFFF; display:flex; justify-content:center; align-items:center; flex-shrink:0;}
.indexAboutBox .iaCenter{ display:flex; flex-direction:column;}
.indexAboutBox .iaCenter .iaCenter1{ font-size:30px; color:rgb(222, 2, 11);}
.indexAboutBox .iaCenter .iaCenter2{ font-size:14px; color:rgb(222, 2, 11);}
.indexAboutBox .iaCenter .iaCenter3{ font-size:14px; color:rgb(67, 67, 67); line-height:1.5em; margin:15px 0; text-align:justify;}
.indexAboutBox .iaCenter .iaCenter4{}
.indexAboutBox .iaCenter .iaCenter4 a{ width:150px; height:50px; color:#FFFFFF; text-align:center; line-height:50px; background:rgba(222,2,11,1); border-radius:5px; display:inline-block; transition:ease all 0.5s;}
.indexAboutBox .iaCenter .iaCenter4 a:hover{ background:rgb(255,153,0);}
.indexAboutBox .iaCenter .iaCenter5{ display:flex; align-items:center; margin-top:30px;}
.indexAboutBox .iaCenter .iaCenter5 img{ height:35px;}
.indexAboutBox .iaCenter .iaCenter5 div:nth-child(2){ display:flex; flex-direction:column; margin:0 10px; text-align:justify;}
.indexAboutBox .iaCenter .iaCenter5 div:nth-child(2) span:nth-child(1){ color:#434343; font-size:12px;}
.indexAboutBox .iaCenter .iaCenter5 div:nth-child(2) span:nth-child(2){ color:#434343; font-size:15px;}
.indexAboutBox .iaCenter .iaCenter5 div:nth-child(3){ font-size:34px; color:rgb(222, 2, 11);}


.indexAboutBox .iaRight{ width:200px; margin-left:50px; flex-shrink:0; display:flex; flex-direction:column;}
.indexAboutBox .iaRight a{ display:inline-block; margin-bottom:60px;}

/*无缝滚动*/
.avpmp7_right_gd{ height:170px; overflow:hidden; width:100%; max-width:1200px; margin:0 auto; position:relative; margin-bottom:60px;}
.avpmp7_right_gd div[class*=gdnei]{ position:absolute; display:flex;}
.avpmp7_right_gd div[class*=gdnei] a{ width:200px; height:170px; margin:0 12px; display:block;}

.index2{ width:94%; margin:0 auto 90px auto; display:flex; max-width:1200px;}
.index2Right{ width:100%; border:1px solid rgb(221, 220, 220); padding:30px 30px 20px 30px;}
.index2Right .indexNews{ width:100%; display:flex; margin-bottom:20px;}
.index2Right .indexNews .indexNews1{ width:180px; height:120px; display:flex; justify-content:center; align-items:center; overflow:hidden; flex-shrink:0; margin-right:20px;}
.index2Right .indexNews .indexNews2{ width:100%;}
.index2Right .indexNews .indexNews2 div:nth-child(1){ font-size:17px; color:#cc0000;}
.index2Right .indexNews .indexNews2 div:nth-child(2){ font-size:14px; color:#666; margin:10px 0;}
.index2Right .indexNews .indexNews2 div:nth-child(3){ width:106px; height:39px; font-size:14px; color:#FFFFFF; text-align:center; line-height:40px; background:rgba(222,2,11,1); border-radius:5px; display:inline-block; transition:ease all 0.5s;}
.index2Right .indexNews .indexNews2 div:nth-child(3):hover{ background:rgb(255,153,0);}

.indexNews3{ width:100%; display:flex; flex-direction:column;}
.indexNews3 a{ width:100%; height:45px; justify-content:space-between; border-bottom:1px dashed #e7e5e5; display:flex; align-items:center;}
.indexNews3 a:nth-chidl(1){ font-size:14px; color:#5a5a5a;}
.indexNews3 a:nth-chidl(2){ font-size:12px; color:#acacac;}
.indexNews3 a:nth-last-child(1){ border:none;}


@media screen and (min-width:1040px){
	

}
@media screen and (max-width:1040px){
.pc{ display:block;}
.mo{ display:none;}
.disable_text_highlighting,body {
	/*去除选中高亮*/
-webkit-touch-callout: none;
-webkit-user-select: none;    /* Webkit */
-moz-user-select: none;      /* Firefox */
-ms-user-select: none;        /* IE 10  */
        /* Opera 目前不支持在Opera，但将很快 */
-o-user-select: none;
user-select: none;
}

.mo-header {display: block;}
.menu-bg {display: block;}
.menu-list {display: block;}
.pc_top {display: none;}

.footer2{ display:none;}
.footer3{ display:none;}

.pages .pageLeft{display: none;}
.pages .pageRight{ margin-left:0;}

.neiBanner .banner .banner1{ font-size:24px; margin-top:0;}
.neiBanner .banner .banner2{ font-size:16px;}
.neiBanner .banner .banner3{ font-size:18px;}

.productList .proItems{ width:calc((100% * ( 1 / 3 )) - (20px * 2 / 3));}
.productList .proItems:nth-child(4n+1){ margin-left:20px;}
.productList .proItems:nth-child(3n+1){ margin-left:0;}
.datu:hover .xzk {    display: none;}
.floatImgBox{ display:none !important;}

.contact .con4 .con4Item{ width:100%; margin-bottom:30px;}
}
@media screen and (max-width:770px){



.productList .proItems{ width:calc(50% - (20px * 1 / 2));}
.productList .proItems:nth-child(3n+1){ margin-left:20px;}
.productList .proItems:nth-child(2n+1){ margin-left:0;}

.hotProduct .hotProductLeft{ display:none;}
.hotProduct .hotProductRight .gpItem{ width:calc( 25% - ( 35px * 3 / 4))}
.hotProduct .hotProductRight .gpItem:nth-child(4n+1){ margin-left:0;}

.gdcp{ display:block;}

.indexAboutBox{ flex-wrap:wrap;}
.indexAboutBox .iaLeft{ display:none;}
.indexAboutBox .iaCenter{ width:94%; margin:0 3%;}
.indexAboutBox .iaRight{ flex-direction:row; width:100%; padding:30px; justify-content:space-between; margin-left:0;}

.index2{ flex-wrap:wrap; flex-direction:column-reverse;}
.index2 .messBox{ width:100%; max-width:100%;}

.ban .zhanweis .bannerText .bannerText1{ width:50%; margin:0 25%;}
.ban .zhanweis .bannerText .bannerText2 div:nth-child(1){ font-size:30px;}
.ban .zhanweis .bannerText .bannerText2 div:nth-child(3){ font-size:20px;}
}
@media screen and (max-width:640px){




}
@media screen and (max-width:420px){




}