@charset "utf-8";
/* CSS Document */
body{min-width: 1290px;overflow: hidden;}
body, button, input, select, textarea a{ font-size:14px; line-height:24px; font-family: "微软雅黑",Arial, Helvetica, sans-serif; }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, iframe, button, textarea, p, blockquote, th, td, img{ margin: 0;  padding: 0;}
html{color:#333333;margin:0px auto;padding:0px;OVERFLOW-X: hidden; }
fieldset, img, iframe, button{ border:0; text-decoration:none;}
/**:focus { outline: 0;}*/
ol, ul { list-style: none;}
table {  }
caption, { text-align: left;}
header, footer, article, section, nav{display: block;}
a {outline: none; /* for Forefox */ cursor:pointer; text-decoration: none; }
a { /* for Ie*/ }
input{ outline:none; }
em{ font-style:normal;}
input,select,img{ vertical-align:middle;}
textarea{ outline: none; resize:none;}
h1,h2,h3,h4,h5,h6,.fs14 { font-weight:normal;} 
a img{border: none;}
i{ font-style:normal;}
a{ color: #666; }
.fl{float:left}
.fr{float:right}
.clear{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;}
.clearfix{zoom:1;}
.g-w{width:100%; min-width:1200px; margin:0 auto; height:auto;}
.g-box{ width:1200px; height:auto; margin:0 auto;}
.g-box2{ width:84%; height:auto; margin:0 auto;}
/*top*/

.top{ width:100%; height:110px; background:#fff;}
.logo{ width:360px; height:100px;padding-top:10px;}
.logo img{ width:360px; height:100px;}

/*nav*/
.nav-con{ width:60%; height:50px; padding:35px 0;}
.nav{height:50px; line-height:50px;  position:relative; z-index:1;}
.nav .nLi{ float:left;  position:relative; display:inline;}
.nav .nLi h3{ float:left; }
.nav .nLi h3 a{ display:block; padding:0 26px; font-size:18px; color:#000;}
.nav .sub{ display:none; width:110px; left:0; top:50px;  position:absolute; background:#fff; border:1px #ddd solid;  line-height:36px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; text-align:center;}
.nav .sub a:hover{ color:#c10d23;}
.nav .on h3 a{ }
.phone-top{width:200px;line-height:100px;position:absolute;float:right;right:0%;}
.phone-top img{width:30px;height:30px}
.phone-top a{color:#4d4d4d !important;font-size:16px !important;}
.phone-top a span{margin-left:16px !important;}
.phone-num{width:200px;line-height:100px;position:absolute;float:right;right:0%;top:40px;}
.phone-num a{color:#4d4d4d !important;font-size:16px !important;}






/*banner*/
.focusBox { position: relative; width:100%; height:800px; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0;height:100% !important; width:100% !important;  }
.focusBox .pic li{  height:100% !important; width:100% !important; }
.focusBox .prev,.focusBox .next{ position:absolute; z-index:1; display:block; width:30px; height:50px; top:50%; margin-top:-50px; left:20px;  background:url(../images/icons.png) 0 0 no-repeat; cursor:pointer;  filter:alpha(opacity=60);opacity:0.6;  }
.focusBox .next{ left:auto; right:30px; background-position:-51px 0; }
.focusBox .prev:hover,
.focusBox .next:hover{ filter:alpha(opacity=100);opacity:1; }
.focusBox .hd { position: absolute; left:47.5%; bottom:40px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{display: inline-block;width: 12px;height: 12px;border-radius:50px;background: rgba(221,221,221,1);margin: 0 10px !important;opacity: 1;cursor: pointer;}
.focusBox .hd .on{ background:#000;}

.ban_txt{ position: absolute;width:100%; z-index: 100;left:27%;top:30%; }
.ban_txt h2{ font-size:56px;color:#fff;font-family: "HelveticaNeue-CondensedBold"; line-height:1;padding-top:55px;background: url(../images/fan.png) no-repeat left top; transition:all 0.5s ease 0.8s; margin-top:30px; opacity: 0;  } 
.ban_txt h3{ font-size:48px;color:#f2f2f2;font-family: "PingFangSC-Semibold"; letter-spacing: 15px;  transition:all 0.5s ease 1s;margin-top:50px; opacity: 0; text-transform: uppercase; }
.ban_txt .t3{ font-size:26px;color:#f2f2f2;font-family: "PingFangSC-Semibold"; letter-spacing: 15px;  transition:all 0.5s ease 1s;margin-top:50px; opacity: 0; text-transform: uppercase; }
.ban_txt span{display: block;width:150px;height:45px;line-height:45px;font-size:16px;color:#fff;padding-left:40px;background: #c10d23 url(../images/more.png) no-repeat 80% 50%;transition:all 0.5s ease 1s;margin-top:90px; opacity: 0;}
.banner .focusBox .ban_txt h2{opacity: 1;margin-top:0;}
.banner .focusBox .ban_txt h3{opacity: 1;margin-top:60px;}
.banner .focusBox .ban_txt span{opacity: 1;margin-top:60px;}
.banner .focusBox .ban_txt .txt-2{margin-left:24% !important;margin-top:-40px;}
.banner .focusBox .ban_txt  img{width:300px;height:100px;}
.banner .focusBox .ban_txt #txt2:hover{-webkit-animation-play-state: paused;}
.txt3{margin-left:8%;margin-top:-1.5%;background-color: rgb(0,0,0,.4);padding-bottom:80px;}
.txt3 h2{font-size:48px;color:#;margin-left:7.5%;}
.txt3 p{width:200px;height:8px;background-color: #C10D23;margin-top:2%;margin-left:7.5%;}
.txt3 h3{font-size:38px;color:#;margin-left:7.5%;}

/*首页简介*/
.index-about{background: url('../images/box1_bg.jpg')no-repeat center 0;}
.index-about .layout{position: relative; height: 700px; padding-top: 76px;}
.tit_words{background: url('../images/about.png')no-repeat center 0;display:block;margin: 0 auto;	width: 489px;height: 124px;}
.index-about .tit_words{position: absolute;left: 30px;top: 135px;}
.index-about .words{position: relative;margin-left: 90px;margin-top: 120px;padding-top: 26px;}
.index-about .words h3{color: #333;font-size: 24px;line-height: 32px;position: absolute;top: 0px;left: 50px;}
.index-about .words h4{color: #57595d;font-size: 46px;line-height: 69px;margin-left: 120px;}
.index-about .words h5{color: #2bad6f;font-size: 32px;line-height: 36px;margin-bottom: 30px;font-weight: normal;}
.index-about .words p{color: #5b5c5c;font-size: 16px;line-height: 36px;margin-left: 75px;}
.index-about .words .more{color: #a4a5a5;font-size: 24px;line-height: 36px;position: absolute;bottom: -88px;right: 366px;font-weight: 800;text-shadow: 0 1px 1px #d5d5d5;}
.index-about .layout:hover .words .more{color: #2bad6f}
.index-about .pic {position: absolute;right: 160px;top: 76px;}


/*jianjie*/

/*.title_wrap_inner h4::before {display: inline-block;vertical-align: middle;content: "";background: #333;width: 50px;height: 1px;margin: 0 10px;}
.title_wrap_inner h4::after {display: inline-block;vertical-align: middle;content: "";background: #333;width: 50px;height: 1px;margin: 0 10px;}
*/
.title_wrap_inner{  text-align:center;z-index:999;width:60%;padding:40px 0;}
.title_wrap_inner h3{ font-size:30px; line-height:30px; font-weight:bold; color:#c10d23;}
.title_wrap_inner h4{ font-size:24px; color:#c10d23; margin-top:30px;}

.hm-about{ margin:0 auto; width:100%;padding:120px 0; position:relative;background-image: url(../images/ys.png);}
.hm-about .about_info { width: 42% }
.about_info{margin-left:0%;}
.cy_s-box { width: 500px; }
.cy_sec{width:80%; height:auto; margin:0 auto;}
.cy_title { padding: 0 0 30px; color: #000 }
.cy_title h2{background: url('../images/about.png')no-repeat center 0;display:block;margin: 0 auto;	width: 489px;height: 124px;position: absolute;left: 18%;top: 70px;}
.cy_title .title { position: relative; z-index: 999 !important; font-family: Arial,sans-serif; font-size: 34px; line-height:30px; font-weight: 700; text-transform: uppercase ;border:none;}
/*.cy_title .title::before {position: absolute;right: 100%;bottom: 50%;z-index: -1;margin-right: .5em;width: 2em;height: 1px;background: #009b4c;content: '';}   */
.cy_title .name { font-size: 24px; line-height:30px;line-height: 1.5 ;z-index: 999 !important;position: relative;}
.hm-about .cy_jj{font-size: 14px; line-height:30px;height:90px; text-align: justify; color: #858585; }
.hm-about .cy_jj img{width:100%;height:200px;}
.hm-about .a_i-link { margin: 60px 0 0px;padding-top:60px;}
.hm-about .a_i-link .t { font-family: Arial,sans-serif; font-size: 16px; line-height: 32px; color: #111;margin-top:30px;}
.hm-about .a_i-link  h2{position:absolute;left:39%;top:53.5%;width:45px;height:45px;background:url(../images/more-1.png) no-repeat ;z-index: 99;}

.hm-about .about_video { width:53.5%;position: relative; z-index: 1;margin-top:50px;right:-1.5%;}
.hm-about .about_video .a_v-bor { height:600px; position: absolute; top: -16%; left: 40% !important; right: 0; bottom: 0; z-index: -1; /*border: 3px solid #c10d23*/ }
.hm-about .about_video .vbBox { margin: 0 10px 10px 0; border-right: 10px solid #fff; border-bottom: 10px solid #fff;  }
.hm-about .about_video .vbBox img{width:100%;height:400px;}


/*品牌*/
.intro{height: 610px;background: url(../images/pp_bg.jpg) no-repeat top center;}
.intro-fl h3 span{color: #d98f52;}
.pt60 {padding-top: 60px;}
.intro-fl h3{color: #ffffff;font-weight: bold;font-size: 24px;}
.intro-fl h4{color: #ffffff;font-size: 15px;margin: 10px 0 0 0;}
.intro-fl{ margin: 40px 0 0 0;}
.intro-fl .line{width: 50px;height: 3px;background: #d98f52;margin: 24px 0 0 0;}
.intro-para,.intro-para1{color: #ffffff;font-size: 15px;line-height: 30px;}
.intro-para{ margin: 58px 0 0 0;}
.intro-para1{margin: 35px 0 0 0;}
.imgs ul{width: 660px; margin: -20px 0 0 0;}
.imgs ul li{float: left; height: 150px;margin: 20px 20px 0 0;}
.imgs{width: 640px;overflow: hidden;}
.line1{margin: 120px 0 0 0;}

/*首页产品*/
.index-product{background: url('../images/pro-bg.jpg')no-repeat center 0;padding-top:80px; position: relative;}
.index-product .tit_words{background: url('../images/pro.png')no-repeat center 0;width: 509px;height: 124px;}
.all_h3{font-size: 34px;color: #ffffff;text-align: center;margin-top: 0px;line-height: 30px;margin-bottom: 60px;}
.all_h3 .en{color:#00923F;}
.all_h3 span{font-size: 30px;color: #c10d23;line-height: 27px;font-weight: normal;}
.box2_list{text-align: center;}
.box2_list li{margin-right: 15px;color: #b0b0b0;width: 140px;height: 65px;line-height: 65px;background: url('../images/box2_pic2.png')no-repeat 0 0;display: inline-block;cursor: pointer;}
.box2_list .li_act{background: #c10d23;color: #ffffff;border: 3px solid #c10d23;box-sizing: border-box;vertical-align:bottom;}
.box2{position: relative;}
.box2::after{width: 108px;height: 212px;background: url('../images/.png')no-repeat 0 0;content: '';position: absolute;left: 0px;bottom: -124px;z-index: -1}
.box2_blist {margin-top: 24px;background: #ffffff;padding-top: 58px;}
.box2_blist li{display: none}
.box2_blist li:nth-of-type(1){display: block;}
.box2_blist .all_h3{margin: 0px;text-align: left;color: #4fb773;margin-left: 40px;margin-right: 50px;}
.box2_blist .all_h3 em{color: #57595d}
.box2_blist .all_h3 .more{float: right;font-size: 24px;line-height: 36px;font-weight: 800;color: #a5a5a5;text-shadow: 0 1px 1px #d5d5d5;}
.box2_blist .all_h3 .more:hover{color: #2bad6f}
.box2_swiper{position: relative; text-align: center; margin-top: 36px}
.box2_swiper .swiper-container{width: 1114px;}
.box2_swiper .swiper-slide{width: 252px; overflow: visible;padding-bottom: 50px;}
.box2_swiper .swiper-slide img{width: 252px;width: 252px; object-fit: cover;}
.box2_swiper .swiper-slide p{font-size:16px;line-height: 46px;color: #C10D23;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border:1px solid #cfcdce}
.box2_swiper .swiper-slide p:hover{background: #C10D23;color:#fff;border:1px solid #C10D23;}
.box2_swiper .swiper-slide p span{font-size:18px;font-weight:500;color:#000;}
.box2_swiper .swiper-slide p:hover span{color:#fff;}
.box2_swiper .swiper-slide::after{width: 1px; height: 25px;bottom: 0px;left: 50%;position: absolute;content: '';}
.box2_swiper .swiper-prev, .box2_swiper .swiper-next{position: absolute;width: 25px;height: 40px;top: 35%;margin-top: -20px;background-color: #fafafa;text-align: center;font-size: 20px;line-height: 40px;z-index: 11;
color: #dfdfdf;cursor: pointer;transition: .6s}
.box2_swiper .swiper-prev{left: 20px;}
.box2_swiper .swiper-next{right: 20px}
.box2_swiper .swiper-prev:hover, .box2_swiper .swiper-next:hover{color: #ffffff;background: #4fb773; transition: .6s}

.index-product::after {width: 108px;height: 212px;background: url('../images/.png')no-repeat 0 0;content: '';position: absolute;left: 0px;bottom: -124px;z-index: -1;}

/*首页案例*/

.box3{margin: 80px auto;}
.box3 .tit_words{background: url('../images/case.png')no-repeat center 0;width: 573px;height: 124px;}
.box3 .all_h3{font-size: 36px; color: #333}
.box3_swiper{margin-top: 85px;}
.box3_swiper .swiper-container{width: 100%;}
.box3_swiper .swiper-container .swiper-slide{width: 515px !important;position: relative;overflow: hidden;flex-shrink:0;-webkit-flex-shrink:0;}
.box3_swiper img{width: 515px;height:300px;object-fit: cover;}
.box3_swiper .swiper-scrollbar{height: 5px;background: #ebebeb;margin-top: 32px;}
.box3_swiper .swiper-scrollbar-drag{background: #c10d23}
.box3_swiper p{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);z-index: 11;top: 0px;left: 0px;text-align: center;padding-top:167px;color: #ffffff;font-size: 18px;
transform: translate3d(0,-1000px,0);transition: .6s;}
.box3_swiper p::after{width: 260px;height: 1px;background: rgba(255, 255, 255, .5);position: absolute;bottom: 52px;left: 50%;margin-left: -130px;content: '';transform: translate3d(0,2000px,0);
transition: .6s;}
.box3_swiper .swiper-slide:hover p{transform: translate3d(0,0,0);transition: .6s;} 
.box3_swiper .swiper-slide:hover p::after{transform: translate3d(0,0,0);transition: 0.8s;} 


/*ban*/
.intro{height: 560px;background: url(../images/pp_bg.jpg) no-repeat top center;}
.intro-fl h3 span{color: #c10d23;}
.pt60 {padding-top: 0px;}
.intro-fl {padding-top: 60px;}
.intro-fl h3{color: #ffffff;font-weight: bold;font-size: 24px;}
.intro-fl h4{color: #ffffff;font-size: 15px;margin: 10px 0 0 0;}
.intro-fl{ margin: 40px 0 0 0;}
.intro-fl .line{width: 50px;height: 3px;background: #c10d23;margin: 24px 0 0 0;}
.intro-para,.intro-para1{color: #ffffff;font-size: 15px;line-height: 30px;}
.intro-para{ margin: 58px 0 0 0;}
.intro-para1{margin: 35px 0 0 0;}
.imgs img{width:840px;height:560px;display: block;margin:20px auto;opacity: 1;}
.imgs{top:0;right: 0;width: 60%;overflow: hidden;}
.line1{margin: 120px 0 0 0;}

/*case*/
.case_c .tit_words{background: url('../images/pro1.png')no-repeat center 0;width: 573px;height: 124px;}
.case_c .all_h3{font-size: 36px; color: #333}
.case_c{width: 100%;height: auto;overflow: hidden; padding:40px 0;}
.case_c ul{width: 100%;height: 808px; margin-top:80px}
.case_c li{width:15.1%;float: left;position: relative;cursor:pointer;height: 808px;box-sizing:border-box;-webkit-transition:all .2s linear;transition:all .2s linear;}
.case_c li:last-child{border: 0;}
.case_c li:before{content: "";position: absolute;width:100%;height:100%;background:rgba(0, 0, 0, 0.65);bottom:0;left:0;}
.case_c li .shu2 h3{position: relative;text-align: center;}
.case_c li .shu2 h3 b{display: block;font-size:28px;line-height: 48px;}
.case_c li .shu2 h3 em{display: block;margin-top:360px;font-size: 16px;color: #fff;font-family: Arial;font-weight: bold; font-style: normal;}
.case_c li .shu2 h3:before{content: "";position: absolute;width:1px;height:212px;background:rgba(255, 255 , 255 , 1);left: 50%;top:165px;}
.case_c li .shu2{width: 100%;height:68%;left:0;position: absolute;top:24%;color: #fff;}
.case_c li .bock{display: none;width:90%;position: absolute;bottom:130px;left:5%;height:115px;white-space: nowrap;}
.case_c li .bock .cust_wz h4 b{display: block;font-size:26px;line-height: 36px;color: #fff;padding: 22px 0 20px;}
.case_c li .bock .cust_wz h4 em{display: block;font-size: 16px;color: #fff;font-family: Arial;font-weight: bold;font-style: normal;}
.case_c li .bock .cust_wz p{ font-size: 16px;line-height: 24px;color: #fff;}
.case_c li.cur{width:24.28%;}
.case_c li.cur:before{width:100%;height:100%;background:rgba(0, 0, 0, 0.25);}
.case_c li.cur .bock{display: block;}
.case_c li.cur .shu2{ display: none;}
/*changfang*/
.index_ab_box .cl{width:56.5%;height:400px;float:right;}
.index_ab_box .cl img{width:678px;height:400px;}
.index_ab_box .cr{width:42%;float:left;}
.index_ab_box .cr img{width:504px;height:400px;}


/*zhaoshang*/
.zl-top{ width:100%; height:100px; }
.index_ab{padding-bottom:80px;/*background-image:url(../images/index_about_bg.jpg);background-repeat:no-repeat;background-position:center top;*/}
 .htit{padding:60px 0;text-align:center;}
 .htit h2{font-size:36px;color:#000;padding:12px 0;}
 .htit p{font-size:13px;color:#CCCCCC;font-family: 'Arial';text-transform: uppercase; margin-top:15px}
.index_ab_box .zl{width:42%;height:400px;float:right;}
.index_ab_box .zl img{width:504px;}
.index_ab_box .zr{width:56.5%;float:left;}
.index_ab_box .zr img{width:678px;height:400px;}
.index_ab_box  .pic_box{width:100%;}
.index_ab_box  .box1{margin-bottom:15px;}
.index_ab_box .zl-top {height:400px;padding:40px;box-sizing: border-box;background-color:#f7f7f7;}
.index_ab_box .zl-top .p1 {font-size: 25px;}
.index_ab_box .zl-top .p2 { color:#c10d23;font-size:20px; margin-top: 10%;}
.index_ab_box .zl-top .p3 {font-size: 14px;color: #797979;max-width: 440px; margin:20px 0 30px 0;}
.index_ab_box .zl-top .p4 a {font-size: 18px; display:block;border: solid 2px #c10d23;color:#c10d23;text-align: center;width: 174px;line-height: 47px;border-radius: 25px;}
.index_ab_box .zl-top .p4 a:hover {border: solid 2px #c10d23; color:#fff;background: #c10d23;}
.index_ab_box .zl-top .p5 a {font-size: 18px; display:block;background-color:#c10d23;color:#fff;text-align: center;width: 174px;line-height: 47px;}

/*首页新闻*/

.box4{margin-top:88px; position: relative; text-align: center; margin-bottom:63px}
.box4::after{width: 192px;height: 392px;background: url('../images/.png')no-repeat 0 0;content: '';position: absolute;left: 0px;top: -138px;;z-index: -1;background-size: 100% 100%;}
.box4::before{width: 88px;height: 155px;background: url('../images/.jpg')no-repeat 0 0;content: '';position: absolute;right: 0px;bottom: -83px;;z-index: -1;background-size: 100% 100%;}
.box4 .tit_words{background: url('../images/news.png')no-repeat center 0;width: 679px;height: 124px;}
.box4 .all_h3{font-size: 36px; color: #333}
.box4_tit{margin-top: 25px;display: inline-block;}
.box4_tit p{float: left;width: 134px;height: 40px;border: 2px solid #c10d23;background: #ffffff;color: #c10d23;text-align: center;font-size: 16px;line-height: 36px;cursor: pointer;}
.box4_tit .p_act{background: #c10d23;color: #fff;}
.box4_list{margin-top: 35px;}
.box4_list li{float: left;width: 390px;position: relative;margin-right: 15px;}
.box4_list li:last-of-type{margin-right: 0px;}
.box4_list li img{display: block;width: 100%;height: 260px;object-fit: cover;transition: .6s;}
.box4_list .words{padding: 42px 25px 35px;background: #f7f7f7;height: 115px;position: relative;}
.box4_list .words h3{font-size: 16px;line-height: 30px;color: #000;height:30px;overflow: hidden;text-align: left;}
.box4_list .words p{font-size: 14px;line-height: 24px;color: #999;text-align: left; margin-top:10px;}
.box4_list .words::after{position: absolute;width: 108px;height: 1px;background: #c10d23;content: '';top:25px;transition: .6s;left: 25px;}
.box4_list li i{width: 45px;height: 45px;line-height: 45px;background:url(../images/n-ico.jpg) no-repeat;text-align: center;font-size: 30px;position: absolute;top: 232px; right: 18px;transition: .6s	}
.box4_list li:hover .words::after{transition: .6s;width:300px;}
.box4_list ul{display: none;}
.box4_list ul:nth-of-type(1){display: block;}



.box5{background: url('../images/pro-bg.jpg')no-repeat center 0;width:100%;position: relative;margin:40px 0;height:600px;}
/* 企业愿景 */

.section-title{padding:20px 0 60px 0;text-align:center; }
.section-title h2{font-size:36px;color:#000;padding:12px 0;}
.section-title h4{width: 100%; display: block; font-size: 24px; line-height: 24px; color: #333; margin-top:15px; text-transform: uppercase;}
.section-title p{font-size:13px;color:#333;font-family: 'Arial';text-transform: uppercase; margin-top:15px}
.company-s3{width: 100%; display: block; padding-top:30px; padding-bottom:60px; /*background: url(../images/youshi-bg.jpg) no-repeat;*/}
.company-s3 .row{width: 100%; display: block; margin-top: 20px; text-align: center; font-size: 0;}
.company-s3 .item{width:218px; display:block; float: left; margin-left:25px; height:180px;  padding-top:48px;background: rgb(220,220,220,0.5);}
.company-s3 .item:first-child{margin-left: 0;}
.company-s3 .item h3{width: 100%; display: block; text-align: center; line-height:24px; font-size:24px; color:#c10d23;}
.company-s3 .item p{width: 100%; display: block; text-align: center; line-height:24px; font-size:14px; color: #333; margin-top:20px;}
.company-s3 .item:hover{background-color: #C10D23;}
.company-s3 .item:hover h3{color:#f2f2f2}
.company-s3 .item:hover p{color:#f2f2f2}


/*  页脚  */
.footer {min-width: 1200px; background:#333;z-index:9;padding-bottom:220px;}
.footer_t {min-width: 1200px; border-bottom: 1px solid #2e2e2e;}
.footer_t_l {display: block; height: 70px; overflow: hidden;}
.footer_i_l {margin-top:60px; margin-right:150px;}
.footer_i_l img{width:260px;height:100px;}
.footer_i_l h3{ width: 300px;margin-top: 25px;text-align: center;font-size: 16px;line-height:40px;background-color: #4a4a4a;color: #fff;}
.footer_i_l p{ width: 100%;margin-top:15px;font-size:24px;line-height:40px;color: #333; }
.footer_i {height:268px;}
.footer_i_i {margin-top:100px; }
.footer_i_i dd {width:127px;float: left;}
.footer_i_i dd h3{padding-bottom:8px; font-size: 18px; line-height:26px;  color: #f2f2f2;}
.footer_i_i dd a.link{display: block; line-height:30px; font-size: 16px; color: #bbbaba;}
.footer_i_c{padding-top:80px;}
.footer_i_c img{width:120px;height:120px;}
.footer_i_c h3{color:#fff;margin-top:20px;margin-left:-4px;}
.footer_i_r {margin-top:40px;}
.footer_i_r_b {width: 140px; height: 140px; box-sizing: border-box; padding: 14px;}
.footer_i_r p {font-size: 14px; color:#999; line-height: 40px; text-align: center;}
.footer_b { min-width:1200px;margin-left:20%;margin-top:60px;line-height: 50px; border-top: 1px solid #666;}
.footer_b_l {font-size: 13px; color:#bbbaba; line-height: 50px;}
.footer_b_l p{ text-align:center; font-size:14px;}
.footer_b_l p a{ color:#999;}



.g-w2{width:100%; min-width:1200px; margin:0 auto;height:100px;}
/*内页banner*/

.xbanner{width: 100%;position: relative;overflow: hidden;height:420px;}
.xbanner img{display: block;width: 1920px;position: absolute;left: 50%;margin-left: -960px;height:445px;}

/*内页banner*/
.about_banner{background:url(../images/top-ab.jpg) center top no-repeat;width:100%;height:400px;position: relative;}
.brand_banner{background:url(../images/top-ab.jpg) center top no-repeat;width:100%;height:400px;position: relative;}
.product_banner{background:url(../images/top-ab.jpg) center top no-repeat;width:100%;height:400px;position: relative;}
.bc_banner{background:url(../images/top-ab.jpg) center top no-repeat;width:100%;height:400px;position: relative;}
.news_banner{background:url(../images/top-ab.jpg) center top no-repeat;width:100%;height:400px;position: relative;}
.contact_banner{background:url(../images/top-ab.jpg) center top no-repeat;width:100%;height:400px;position: relative;}
.join_banner{background:url(../images/top-join.jpg) center top no-repeat;width:100%;height:400px;position: relative;}
.fw_banner{background:url(../images/top-ab.jpg) center top no-repeat;width:100%;height:400px;position: relative;}


.banner_title{position:absolute;top:50%;left:50%;text-align:center;}
.banner_title h2{text-transform:uppercase;color:#fff;font-size:42px;}
.banner_title em{display:block;width:40px;height:4px;background:#c30d23;margin:19px auto;}
.banner_title em.tone{background:#de1c65}
.banner_title blockquote{font-size:26px;color:#fff;}


/*中间导航宵*/
.path{height:80px;line-height:80px;background:#f2f2f2;margin:0 auto;color:#666;font-size:15px;position:relative;z-index:2;}
.path .link_nav{float:left;}
.path a{color:#666;}
.path_list ul li{width:125px;float:left;text-align:center;}
.path_list ul li.on{background:#fff;font-weight:bold;}
.path_list ul li.on a{color:#c30d23;}


.page_body{ padding:100px;background-color: #F7F7F7;margin-top:80px !important;margin-bottom:80px !important;}
.page_body2{padding:60px 0; background-color: #fff;}



/*关于我们*/
.ab-c2{padding-top:100px !important;}
.about-con .ab-left{ width:500px;}
.about-con .ab-left img{ width:500px;}
.about-con .ab-left .ab-left-img{ height:615px;}
.about-con .ab-right{ width:500px;}
.about-con .ab-right img{ margin:10px 0;}
.about-con .ab-right h2{ font-size:30px; line-height:50px; color:#999;}
.about-con .ab-right h3{font-size:30px; line-height:50px; color:#505050; font-weight:bold;}
.about-con .ab-right p{ font-size:15px; line-height:30px; margin-top:20px;}

.about2 h2{ font-size:36px; line-height:50px; color:#999;}
.about2 h3{font-size:30px; line-height:50px; color:#c30d23; font-weight:bold;}
.yunu-qywh{padding-top:30px;}
.yunu-qywh li {width: 300px;float: left;height: 250px;background: #fff;position: relative;}
.yunu-qywh li.li2 {padding: 25px 30px;width: 240px;height: 200px;}
.yunu-qywh li b {font-size: 20px;color:#000;}
.yunu-qywh li p {margin-top: 15px;font-size: 14px;color: #333;line-height: 20px;}
.yunu-qywh li span {position: absolute;left:30px;bottom: 35px;}
.yunu-qyry li{ width:360px; margin:10px 20px; float:left;}
.yunu-qyry li img{ width:360px;}

.about-sm{}
.about-sm .ab-right h2{ font-size:30px; line-height:50px; color:#999;}
.about-sm .ab-right h3{font-size:30px; line-height:50px; color:#009944; font-weight:bold;}
.about-sm .sm-left{ width:500px;}
.about-sm .sm-right{ width:500px;margin-top:20px;}
.about-sm .sm-right h3{ font-size:20px; line-height:40px; font-weight:bold; color:#333;}
.about-sm .sm-right p{ font-size:15px; line-height:30px; color:#333;}
.about-sm .sm-right .sm-right-b{ margin-top:50px;}
.about-sm .sm-right .sm-right-b .sm-right-b-left{ width:250px;}
.about-sm .sm-right .sm-right-b .sm-right-b-right{ width:300px;}


/*新闻中心*/

.newslist{}
.newslist .n-list ul li{height: 190px;margin-bottom: 25px;padding-bottom: 25px;border-bottom: 1px dashed #ccc;}
.newslist .n-list ul li .newpic{position:relative;height: 180px;width: 280px;position:relative; overflow:hidden;}
.newslist .n-list ul li img{position:absolute; top:0;left:0;width:280px; -moz-transition: all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; -o-transition:all 0.6s;}
.newslist .n-list ul li .newpic:hover img{cursor: pointer;transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}
.newslist .n-list ul li .fr{width:860px;}
.newslist .n-list ul li h3{display: block;font-size: 18px; color:#333; line-height:40px;}
.newslist .n-list ul li a:hover h3{ color:#c30d23;}
.newslist .n-list ul li .time{display: block; background: url(../images/inco18.png) 0 center no-repeat;padding-left: 25px;color: #999;margin-bottom: 10px;}
.newslist .n-list ul li .deails {font-size: 14px;color: #666;height: 44px;overflow: hidden;}
.newslist .n-list ul li .deailsbtn {padding-top: 25px;font-size: 13px;}
.newslist .n-list ul li .deailsbtn span{ font-size:14px;padding: 6px 22px;border: 1px solid #8C8C8C;display: inline-block; cursor:pointer;}
.newslist .n-list ul li a:hover .deailsbtn span{background:#c30d23;border: 1px solid #c30d23;color: #fff;}

.newsdisplay {width:100%;text-indent:2em;}
.newsdisplay h3 { width:100%; text-align:center; font-size:24px; color:#333; line-height:36px;}
.newsdisplay h4{ width:100%; text-align:center;  font-size:12px; color:#bbb; margin-bottom:20px; padding:8px 0 15px; border-bottom:1px dashed #bdbdbd;}
.newsdisplay p{ font-size:14px; color:#666; line-height:33px; }

.next{ width:100%; float:left; margin:30px 0 0;}
.next .next-left{ width:calc(100% - 80px);text-align:left;}
.next .next-left span { width:100%; display:block;float:left; line-height:30px; color:#666; font-size:14px; font-weight:300; text-indent:0 !important;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.next .next-left span a{ text-decoration:none; color:#666;} 
.next .next-left span a:hover{ color:#f08200;}
.next span { float:right; font-size:14px; font-weight:300; margin-right:40px;}
.next span a{ color:#666; padding:15px 0 0 0;}
.next span a:hover{color:#1e64bc;}


/*产品中心*/

/*产品中心*/

.product-list2 ul{ margin-left:-20px;}
.brick-items{z-index: 1;float: left;width: 283px; margin-left:20px; margin-bottom:20px;background:#fff;-webkit-transition: all .2s linear;transition: all .2s linear;height:100%;padding: 0px 0 0 0;border:#f1f1f1 1px solid;}
.brick-items:hover{z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);top:-2px}
.brick-items .title{margin-top:10px;margin-bottom:10px;line-height:50px;font-size:16px;font-weight:400;text-align:center; display:block; color:#333333;}
/*.brick-items  h3{ font-size:16px; margin-top:10px; margin-bottom:20px; text-align:center;}*/
/*.brick-items .desc{margin:0px 0px 10px 0px;padding-left:10px; padding-right:10px;font-size:12px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;_zoom:1;color:#777777; }*/
.brick-items .figure-img{background-color: #e9e9e9;}
.brick-items .figure-img img{width:100%;}

.page_main{text-align: center;margin-top:20px;}

.product-details-box {background:#fff;position: relative; }
.product-details-box .g-box{ position:relative; z-index:22} 
.product-details-box .nr {padding:80px 0;display: flex;}
.top-img{float: left;}
.top-img img{width:400px;height:500px;border:4px #ddd solid ;}
.top-text {float: right;margin-left:60px;text-align: left;}
.product-details-box .nr h3{ font-size:24px; margin-top:10px; margin-bottom:50px;color: #c30d23;}
.product-details-box .nr h5{ font-size:18px; line-height:30px; color:#666;}
.product-details-box .nr p{ font-size:16px; line-height:30px; color:#666;}

.next{ width:100%; float:left; margin:30px 0 0;}
.next .next-left{ width:calc(100% - 80px);text-align:left;}
.next .next-left span { width:100%; display:block;float:left; line-height:30px; color:#666; font-size:14px; font-weight:300; text-indent:0 !important;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.next .next-left span a{ text-decoration:none; color:#666;} 
.next .next-left span a:hover{ color:#f08200;}
.next span { float:right; font-size:14px; font-weight:300; margin-right:40px;}
.next span a{ color:#666; padding:15px 0 0 0;}
.next span a:hover{color:#1e64bc;}




/*板材展示*/
.bclist{margin-left: -20px;margin-right: -20px; padding:60px 0;}
.bclist .list-box { float:left; width: 33.33333%;}
.bclist .item {display: block;margin: 0 20px 10px;}
.bclist .img-box {padding: 10px;background-color: #fff; border: 1px #ddd solid;}
.bclist .img-box .img {position: relative;padding-top: 65.76355%;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;overflow: hidden;}
.bclist .img-box .img img {position: absolute;top: 50%;left: 50%;max-width: 100%;max-height: 100%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);-webkit-transition: .4s ease all;-moz-transition: .4s ease all;-o-transition: .4s ease all;transition: .4s ease all;}
.bclist .item:hover .img img {-webkit-transform: translate(-50%, -50%) scale(1.05);-moz-transform: translate(-50%, -50%) scale(1.05);-ms-transform: translate(-50%, -50%) scale(1.05);transform: translate(-50%, -50%) scale(1.05);}
.bclist .msg-box {width: 100%;padding: 18px 0;text-align: center;font-size: 16px;color: #666;}

.bc-con{ width:1200px; background:#fff; padding:30px 0;}
.bc-con h3{ text-align:center; font-size: 24px;color:#333;line-height: 36px; margin-bottom:30px;}


/*招商加盟*/
.join{ background:#fff;}
.join-zc,.join-fw{ padding-top:30px;}


/*防伪查询*/

.query {padding:20px 0;}
.query h3{ font-size:24px; color:#000;font-weight: bold; line-height:50px; text-align:center;}
.query p{ font-size:14px; color:#666; line-height:30px; text-align:center;}

.query-list{ width:900px; margin:0 auto; margin-top:30px;}
.query-list li{ width:850px; border:1px solid #dedede; border-radius:2px; padding:20px 40px; margin-bottom:20px; }
.query-list li i{ width:50px; height:50px; background:url("../images/query-icon.png") no-repeat; background-size:48px 448px; display:block; padding-right:55px; }
.query-list li .icon-1{ background-position:0px -266px; margin-top:5px; }
.query-list li .icon-2{ background-position:-1px -138px; margin-top:5px;}
.query-list li .txt{ border-left:1px dashed #dedede; width:700px; padding:15px 0px; padding-left:40px; }
.query-list li .txt p{ font-size:15px; color:#666; line-height:1.6; text-align:left; }
.query-list li .txt p a,
.query-list li .txt p span{ font-size:15px; color:#333; font-weight:bold; }
.query-list li:hover{ border:1px solid #c30d23;}
.query-list li .txt p a:hover{text-decoration: underline;}
.fw-pic{ margin:0 auto; width:800px;}


/*销售网络*/
.xswl .bt{text-align:center; color:#333; font-size:30px; line-height:40px; font-weight:normal; margin-bottom:30px;}
.xswl .bt span{font-size:14px; color:#b1b1b1; display:block;}
.xswl .bt p{font-size:14px; color:#999; line-height:24px; margin-top:15px;}
.xswl .bt p i{display:block;}
.xswl img{width:1100px; height:auto; display:block; margin:0 auto;}


/*联系我们*/

.tell_one{ width:1200px; margin:0px auto 65px; clear:both;}
.tell_one .tpleft{ float:left; width:180px; }
.tell_one .tpright .tp{ margin-bottom:12px;}
.tell_one .tpright{ width:1000px; float:right; color:#686868; font-size:16px; line-height:29px; padding-top:44px;}
.tell_one .tpright img{ margin-bottom:5px;}

.support li {width:376px;height: 122px;border: 1px solid #eaeaea;float: left;margin-right: 28px;border-radius: 5px;}
.support li:nth-child(3){margin-right:0;}
.support li .pic {height: 45px;width: 45px;float: left;margin: 39px 0 0 15px;}
.support li .right {width: 303px;height: 102px;float: right; margin-top: 39px;}
.support li .name {color: #333;line-height: 5px;height: 16px;font-size: 18px;margin-bottom: 16px;}
.support li .info {margin: 0}
.support li:hover {box-shadow: 0 0 5px #eaeaea;}
                    
.contact_img{ margin-top:50px;text-align:center;}




@media only screen and (max-width:1279px ) {
	/*--mobile header--*/
	.top{top:0;line-height:80px;height: 80px;padding: 10px 10px;z-index: 222;}
	.top .active .nav{opacity: 1;left:0;line-height:80px;}
	.top .active1 .mobile,.top .active1 .logo{opacity: 1;}
	.logo{vertical-align: middle;line-height:80px !important;z-index: 222;}
	.logo img {width:300px;}

	.nav{margin-right: 1vw;left:0%;top:0px;margin:0;z-index: 3333;height: auto;width: 100%;padding: 0 10px;line-height: 80px;text-align: center;}	
	.nav ul{width: 80%;display:flex;left:0;}
	.nav ul>li{width: 100%;margin-right: 0;opacity: 1;}
	.nav ul>li>a{width: 100%;border: none;height: 100%;line-height: 50px;vertical-align: top;font-size: 14px;padding: 0;}
	.nav ul>li ol{display: none;}
	.nav ul>li.active>a, .nav ul>li:hover>a{border: none;}
	.bav_list,.nav ul>li>a:after{display: none;}
	.lisnj{display: block;margin-left: 0;padding: 10px 0;}
	/*-- end mobile header--*/
.phone-top{display: inline-block;position: relative;width:300px;line-height:40px;margin-top:-10px;margin-left:130px;opacity: 0;}
.phone-top img{width:34px;height:34px;}
.phone-top a {font-size: 24px;color: #333;}	
}
@media only screen and (max-width:1550px) {
	.top{top:0;line-height:80px;height: 80px;padding: 10px 10px;z-index: 222;}
	.top .active .nav{opacity: 1;left:0;line-height:80px;}
	.top .active1 .mobile,.top .active1 .logo{opacity: 1;}
	.logo{vertical-align: middle;line-height:80px !important;z-index: 222;}
	.logo img {width:300px;}

	.nav{margin-right: 1vw;left:0%;top:0px;margin:0;z-index: 3333;height: auto;width: 100%;padding: 0 10px;line-height: 80px;text-align: center;}	
	.nav ul{width: 80%;display:flex;left:0;}
	.nav ul>li{width: 100%;margin-right: 0;opacity: 1;}
	.nav ul>li>a{width: 100%;border: none;height: 100%;line-height: 50px;vertical-align: top;font-size: 14px;padding: 0;}
	.nav ul>li ol{display: none;}
	.nav ul>li.active>a, .nav ul>li:hover>a{border: none;}
	.bav_list,.nav ul>li>a:after{display: none;}
	.lisnj{display: block;margin-left: 0;padding: 10px 0;}
	/*-- end mobile header--*/
.phone-top{display: inline-block;position: relative;width:300px;line-height:40px;margin-top:-10px;margin-left:130px;opacity: 0;}
.phone-top img{width:34px;height:34px;}
.phone-top a {font-size: 24px;color: #333;}	
}
@media (min-width: 1400px) and (max-width: 1550px) {
	.top{top:0;line-height:80px;height: 80px;padding: 10px 10px;z-index: 222;}
	.top .active .nav{opacity: 1;left:0;line-height:80px;}
	.top .active1 .mobile,.top .active1 .logo{opacity: 1;}
	.logo{vertical-align: middle;line-height:80px !important;z-index: 222;}
	.logo img {width:300px;}

	.nav{margin-right: 1vw;left:0%;top:0px;margin:0;z-index: 3333;height: auto;width: 100%;padding: 0 10px;line-height: 80px;text-align: center;}	
	.nav ul{width: 80%;display:flex;left:0;}
	.nav ul>li{width: 100%;margin-right: 0;opacity: 1;}
	.nav ul>li>a{width: 100%;border: none;height: 100%;line-height: 50px;vertical-align: top;font-size: 14px;padding: 0;}
	.nav ul>li ol{display: none;}
	.nav ul>li.active>a, .nav ul>li:hover>a{border: none;}
	.bav_list,.nav ul>li>a:after{display: none;}
	.lisnj{display: block;margin-left: 0;padding: 10px 0;}
	/*-- end mobile header--*/
.phone-top{display: inline-block;position: relative;width:300px;line-height:40px;margin-top:-10px;margin-left:130px;opacity: 0;}
.phone-top img{width:34px;height:34px;}
.phone-top a {font-size: 24px;color: #333;}	
}
@media (min-width: 1280px) and (max-width: 1399px) {
	.top{top:0;line-height:80px;height: 80px;padding: 10px 10px;z-index: 222;}
	.top .active .nav{opacity: 1;left:0;line-height:80px;}
	.top .active1 .mobile,.top .active1 .logo{opacity: 1;}
	.logo{vertical-align: middle;line-height:80px !important;z-index: 222;}
	.logo img {width:300px;}

	.nav{margin-right: 1vw;left:0%;top:0px;margin:0;z-index: 3333;height: auto;width: 100%;padding: 0 10px;line-height: 80px;text-align: center;}	
	.nav ul{width: 80%;display:flex;left:0;}
	.nav ul>li{width: 100%;margin-right: 0;opacity: 1;}
	.nav ul>li>a{width: 100%;border: none;height: 100%;line-height: 50px;vertical-align: top;font-size: 14px;padding: 0;}
	.nav ul>li ol{display: none;}
	.nav ul>li.active>a, .nav ul>li:hover>a{border: none;}
	.bav_list,.nav ul>li>a:after{display: none;}
	.lisnj{display: block;margin-left: 0;padding: 10px 0;}
	/*-- end mobile header--*/
.phone-top{display: inline-block;position: relative;width:300px;line-height:40px;margin-top:-10px;margin-left:130px;opacity: 0;}
.phone-top img{width:34px;height:34px;}
.phone-top a {font-size: 24px;color: #333;}	
}