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

*{ padding:0; margin:0; box-sizing:border-box; }

img,a,span,p{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

body{font-size:14px;color:#666;font-family:'SourceHanSansCN-Normal';}
a{ text-decoration:none; color:#333;}
li{ list-style:none;}
img{ max-width:100%; margin:0 auto; display:block;}
.clr{ clear:both;}
.ri{ float:right;}
.le{ float:left;}
.w1300{ max-width:1300px; margin:0 auto;}
.w1200{ max-width:1200px; margin:0 auto;}
.clear::after{ display:block; content:""; clear:both;}
.table{ display:table; width:100%; height:100%;}
.tbc{ display:table-cell; width:100%; height:100%; vertical-align:middle;}

img.ani{ max-height:340px}
.logo img{ max-height: 70px;}
.logotxt{ float:left; line-height:70px; padding-left:20px; font-size:20px;}
.waptel{ position: absolute;
    left: 100px;
    top: 0;
    height: 70px;
    line-height: 70px;
    background-image: url(../images/2icon2.png);
    background-size: 20px auto;
    background-position: left center;
    padding-left: 25px;
    background-repeat: no-repeat;}
	.waptel a{ color:#ff1615}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom, .swiper-pagination-fraction{bottom:70px;}
.wap{ display:none;}
.wap2{ display:none;}
.hei50{ height:60px; width:100%;}
.sp_header{height:60px;overflow:hidden;background:#fff;position:fixed;z-index:100;width:100%;box-shadow:0 0 10px #ccc;}
.sp_logo{float:left;height:60px}
.sp_txt{  float:left; height:60px; line-height:60px;padding-left:10px}
.sp_txt a{ font-size:15px; color:#000;}
.sp_logo img{margin:auto;max-height:60px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:999;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:60px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%; display:block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
.wap_name{ text-align:center; font-size:34px; color:#333; display:block; padding-top:40px; font-weight:normal;}
.header .w1300{ position:relative;}
.header {height:70px; border-bottom:solid 1px #e8e8e8;}
.header .lag{ position:absolute; right:0; top:24px;}
.header .nav{ padding-right:150px;}
.header .nav li{ display:inline-block; float:left; margin-right:40px;}
.header .nav li a{ line-height:70px; color:#6c6d70}
.header .nav li a:hover,.header .nav li.on a,.header .lag a:hover{ color:#ff1615;}
.header .lag a{ line-height:24px; border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0; display:inline-block; padding:0 8px; float:left; color:#6c6d70;}
.header .lag a:first-child{ border-right:none;}
.swiper-pagination-clickable .swiper-pagination-bullet.my-bullet-active{
  background: #ff1615;
  opacity: 1;
}

.banner{ height:100%; width:100%; position:relative;}
.banner .lanmuming{ position:absolute; top:36%; left:52%; font-size:30px; color:#000;}
.banner .lanmujieshao{ position:absolute; top:52%; left:52%; font-size:16px; color:#666; width:30%; line-height:20px; height:40px; overflow:hidden;}
.banner .lanmuurl{ position:absolute; top:65%; left:52%; }
.banner .lanmuurl a{font-size:16px; text-align:center; color:#fff; display:block; width:150px; line-height:35px; border-radius:100px; background:#ff1615}
.banner img{ position:absolute; left:10%; top:50%; transform:translateY(-50%); width:auto; max-height:90%;}
.banner .swiper-container,.banner .swiper-wrapper,.banner .swiper-slide{ height:100%;}
.banner .swiper-slide{ background-size:cover;}

.footer { background:#f1efef; padding:40px 0 0;}
.links{ border-top:1px solid #ccc; padding:20px 0; max-width:1300px; margin:0 auto; margin-top:20px;}
.links span{ font-size:18px; color:#333; display:inline-block; padding-right:20px;}
.links a{ font-size:14px; color:#888; margin:0 2px;}

.fot_le,.fot_ri{ width:50%;}
.fotnav{ width:auto; padding-right:60px; float:left; display:inline-block;}
.fotnav span{ display:block; font-size:20px; color:#333; position:relative; padding-bottom:15px; margin-bottom:20px;}
.fotnav span::after{ display:block; width:45px; height:3px; background:#ff1615; position:absolute; content:""; bottom:0; left:0;}
.fotnav a{ display:block; font-size:14px; color:#888; margin:10px 0;}
.fotnav a:hover{ color:#ff1615}
.forriimg{ width:130px;}
.forriimg img{ width:100%; margin-bottom:15px;}
.lxfot{ width:calc(100% - 170px);}/* text-align:right;*/
.lxfot span{ font-size:20px; color:#333;}
.lxfot em{ display:block; color:#333; font-size:16px; font-style:normal; margin-top:20px; margin-bottom:5px;}
.lxfot .telfot{ font-size:16px;color:#e60012;font-weight: bold;}
.lxfot .youxiangfot{ font-size:18px; color:#888;}

.copyright{ background:#ff1615; width:100%; padding:10px 0; text-align:center;}
.copyright p,.copyright a{ color:#fff;}
.copyright a{ display:inline-block; margin:0 0 0 10px;}
.copyright a:hover{ color:#ff0}

.titles{ text-align:center; padding:40px 0;}
.titcn{ font-size:34px; color:#333; font-weight:normal; text-align:center; padding-bottom:10px; }
.titen{ font-size:14px; color:#666; text-transform:uppercase;}
.titen .h1bq{font-size:34px; color:#333;}

.en_tit{  text-align:center; position:relative; margin:10px auto; width:100%;}
.en_tit p{font-size:12px; color:#bebebe; background:#f7f7f7; padding:0 10px; display:inline-block; position:relative; z-index:2;}
.en_tit::after{ content:""; display:block; width:100%; border-bottom:1px dashed #dadada; position:absolute; top:50%; z-index:1;}
.titpro{ max-width:750px;line-height: 20px; margin: 0 auto;
    text-align: center;}
.main1{ background:#f7f7f7; overflow:hidden; padding-bottom:40px;}
.main1 ul li{ float:left; width:31.33%; margin:1%; text-align:center; background:#fff; padding:20px;}
.main1 ul li b{ font-size:20px; color:#000; font-weight:normal; display:block; padding:20px 0;}
.main1 ul li .imgs{ overflow:hidden; }
.main1 ul li .imgs img{ transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;}
.main1 ul li p{height:auto;margin: 10px 0; overflow: hidden;    font-size: 14px;    line-height: 20px; color:#666;}
.mores{ text-align:center; margin:20px auto;}
.mores a{ display:inline-block; height:30px; padding:0 20px; line-height:30px; background:#ff1615; color:#fff; text-align:center; font-size:14px;}
.mores a:hover{ color:#ff0}
.main1 ul li:hover b{ color:#ff1615;}
.main1 ul li:hover img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.main2 { padding-bottom:60px;}
.main2 ul li{float:left; width:31.33%; margin:1%; text-align:center; padding-top:80px; background-position:center 5px; background-repeat:no-repeat; background-size:auto 60px;}
.main2 ul li b{display: block; font-weight:normal;    font-size: 20px;    color: #333; margin-bottom:10px;}
.main2 ul li:nth-child(1){ background-image:url(../images/ico1.jpg);}
.main2 ul li:nth-child(2){ background-image:url(../images/ico2.jpg);}
.main2 ul li:nth-child(3){ background-image:url(../images/ico3.jpg);}
.main2 ul li:nth-child(4){ background-image:url(../images/ico4.jpg); clear:left;}
.main2 ul li:nth-child(5){ background-image:url(../images/ico5.jpg);}
.main2 ul li:nth-child(6){ background-image:url(../images/ico6.jpg);}


.main3{ background:#f7f7f7; padding-bottom:60px;}

.newindexLe{ width:360px;}
.newindexLe .txts{ padding:20px; background-color:#ff1615;}
.newindexLe .txts  h3 a{ display:block; overflow:hidden; white-space:nowrap; font-size:18px; color:#fff; text-overflow: ellipsis;}
.newindexLe .txts span{ color:#fff;}

.newindexLe .imgs{ width:360px; height:270px; overflow:hidden; position:relative;}
.newindexLe .imgs img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); min-width:100%; min-height:100%; width:100%; height:auto; max-width:none;}
.newindexLe .swiper-slide{ background:#fff;}
.texts2{ padding:20px; height:80px; }
.texts2 p{ line-height:20px; height: 40px; overflow: hidden;}

.newindextap a{ display:inline-block;    padding: 2px 15px;
    border-left: 3px solid #efeff0;
    color: #555;
    font-size: 16px;
    line-height: 25px; cursor: pointer;}
.newindextap a.on{border-left: 3px solid #ff1615;
    color: #ff1615;
    font-weight: bolder;}

.newindexRi{ width:calc(100% - 400px);}
.main3 .newindextabbox ul{  }
.main3 .newindextabbox ul li{ padding-left:20px; border-bottom:1px solid #ddd;transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;}
.newindexleft{ width:calc(100% - 170px);}
.newindexleft a{ font-size:18px; line-height:30px; color:#333; font-weight:bold; margin:10px auto 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.newsindextime { width:150px; height:105px; background:#e8e8e8; text-align:center;transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;}
.newindextabbox li{ margin-top:28px;}
.newindexleft p{ font-size:14px; line-height:1.6; color:#666; line-height:20px; height:40px; margin-bottom:10px; overflow:hidden;}
.newsindextime b{font-size: 45px;line-height: 60px; display:block; padding-top:10px;transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;}
.main3 .newindextabbox ul li:hover{ border-bottom:1px solid #ff1615;}
.main3 .newindextabbox ul li:hover .newsindextime{ background:#ff1615}
.main3 .newindextabbox ul li:hover .newsindextime b,.main3 .newindextabbox ul li:hover .newsindextime span{ color:#fff;}
.main3 .newindextabbox ul li:hover .newindexleft a{ color:#ff1615}
.newindextit a.ri{ line-height:30px; border-bottom:1px solid #999;}
.newindextit a.ri:hover{ color:#ff1615}

#top{ display:none;    position: fixed;
    bottom: 10%;
    z-index: 100;
    right: 5%;}
	
.positons{ padding:30px 0;background:#f7f7f7; }
.positons a:hover{ color:#ff1615}

.pro-chan{  padding-bottom:40px;}
.pro-chan li{float:left; width:31.33%; margin:1%; text-align:center; background:#fff; padding:20px;}
.pro-chan li b{font-size:20px; color:#000; font-weight:normal; display:block; padding:20px 0;}
.pro-chan li:hover b{ color:#ff1615}

.pro-list{ background:#fff;}
.pro-list li{  }
.pro-list li b{ padding-bottom:10px;}
.pagelists{ text-align:center; padding-bottom:40px;}
.pagelists li{ display:inline-block;margin-bottom: 10px; }
.pagelists li a,.pagelists li span{ padding:3px 10px; border:1px solid #e2e2e2;}
.pagelists li.active a{ background:#ff1615; color:#fff;}
.pagelists li a:hover{ color:#ff1615}
.pagelists li.active a:hover{ color:#fff;}


.pro_contain { width:100%; position:relative; z-index:10;}
.positons2{ background:none;}
.pro_nav{ background:#333333; text-align:right; padding:0 20px}
.pro_nav li{ display:inline-block; margin-right:20px;}
.pro_nav li a{ display:block; color:#fff; line-height:40px;}
.xh_le{ width:40%;}.xh_ri{ width:40%;}
#xinghao{ padding:100px 0 50px;}

	    .picFocus{ margin:0 auto;  width:100%;   position:relative;  zoom:1;   }
		.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; position:absolute; right:-100px; top:0; }
		.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
		.picFocus .hd ul li{ padding-top:5px;   text-align:center;  }
		.picFocus .hd ul li img{ width:60px; height:60px; border:1px solid #ddd; cursor:pointer; margin-right:5px;   }
		.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
		.picFocus .hd ul li.on img{ border-color:#ff1615;  }
		.picFocus .bd li{ vertical-align:middle; }
		.picFocus .bd img{ width:100%; height:auto; display:block;  }

.xh_ri .p1 h1{ color:#000; font-size:20px; font-weight:normal; padding:0 0 20px 0;}
.xh_ri .p2{ font-size:30px; color:#000;padding:0 0 20px 0;}
.xh_ri .line{ border-bottom:solid 1px #e2e2e2; height:1px; width:175px; margin-bottom:30px;}
.intorduction p{ font-size:14px; line-height:2;  color:#666;}
#xinghao2{ margin:40px auto;}
#xinghao2 li{ width:25%; border-right:solid 1px #e4e4e4; float:left; padding-top:100px; padding-bottom:50px; text-align:center; background-position:center 20px; background-repeat:no-repeat; background-size:auto 50px;}
#xinghao2 li:nth-child(1){ background-image:url(../images/proicon1.png);}
#xinghao2 li:nth-child(2){ background-image:url(../images/proicon2.png);}
#xinghao2 li:nth-child(3){ background-image:url(../images/proicon3.png);}
#xinghao2 li:nth-child(4){ background-image:url(../images/proicon4.png);}

.sub_ban{ width:100%; background-position:center; background-size:cover;}
.sub_ban .w1300{height:200px; text-align:center;}
.sub_ban .w1300 b{ color:#333; font-size:30px; display:block;}
.sub_ban .w1300 span{ color:#333; font-size:20px; display:block;}
.chanpinlis{ padding:30px 0; padding-left:20px; background:#333;}
.chanpinlis b,.chanpinlis span{ color:#fff;font-size:20px; display:block;}
.chanpinlis span{ font-size:14px;}
.chanpinfenlei{ margin-top:2px; background-color:#ff1615;padding:0 20px; color:#fff; font-size:16px; line-height:50px; background-image:url(../images/fenlei.png); background-repeat:no-repeat; background-position:20px center; background-size:15px auto; padding-left:40px;}
.pro_lis ul li{ padding:0 20px; background:#dddddd; margin-top:2px;}
.pro_lis li a{ line-height:50px; color:#222; font-size:14px;}
.pro_lis ul li.active a{ color: #fff;}
.pro_lis ul li.active{ background: #ff1615;}
.pro_lis li a:hover{ color:#ff1615}
.pro_lis ul li.active a:hover{ color: #fff;}
.pro_lis{ width:250px; margin-top:20px;}

.news_contain{ padding:40px 0; max-width:1920px;}
.newslists{ width:calc(100% - 280px);}
.newslists .positons{ height:60px; padding:0; background:none; border-bottom:1px solid #d2d2d2; position:relative;}
.newslists .positons::after{ display:block; content:""; width:50px; height:1px; z-index:1; position:absolute; left:0; background:#ff1615;bottom:0 ;}


.newslists .positons a{ line-height:60px;}
.newcenterlist{ padding:20px 0;}
.newcenterlist li{ padding:15px; border-bottom:1px solid #efefef}
.newcenterlist li .imgs{ width:200px;}
.newcenterlist li .imgs img{ width:100%;}
.newcenterlist li .txts { width:calc(100% - 220px);}
.newcenterlist li .txts h3{ font-size:16px; color:#000; display:block; padding:10px 0; font-weight:normal;}
.newcenterlist li .txts p{ max-height:60px; line-height:20px; color:#666; overflow:hidden;}
.newcenterlist li .txts span{ color:#666; display:block; padding-top:20px;}
.newcenterlist li:hover{ background:#f9f9f9;}
.newcenterlist li:hover h3{ color:#ff1615}

.news_body h1{ font-size:20px; color:#333; display:block; padding:20px 0;}
.news_body .times{ padding-bottom:40px;}
.news_body .times span{ margin-right:20px; color:#999;}
.news_body .bodies p{ font-size:14px; color:#666; line-height:2;}
.nextprev{ padding:20px 0; border-top:1px solid #d2d2d2; margin-top:40px;}
.nextprev a{ display:block; color:#666; margin:5px 0;}
.nextprev a:hover{ color:#ff1615}

.contact_top{background:#f5f5f5;}
.contactople{ width:380px; background:#333; padding:30px;}
.contactople strong{ font-size:38px; color:#fff; font-weight:bold;}
.contactopri{ width:calc(100% - 380px); padding:30px 80px 30px 100px; position:relative;}
.contactopri .oneyin,.contactopri .twoyin{ font-size:100px; color:#333; font-family:Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; line-height:30px;}

.dianhua{ width:100%; display:block; border:solid 2px #fff; font-size:28px; color:#fff; text-align:center; margin:20px auto;}
.contactople em{    font-family: Arial, Helvetica, sans-serif; color:#fff;
    font-size: 24px;
    font-style: italic;
    line-height: 40px;}
.contactopri .oneyin{ left:30px; top:60px }
.contactopri .twoyin{ right:30px; bottom:-20px;}
.contactopri b{    font-size: 24px;
    font-weight: bold;
    line-height: 60px;
    color: #333; margin-top:10px; display:block;}
.contactopri p{ font-size:14px; line-height:2;}
.contact_bot{ background:#fff ; margin-top:40px; }
.conbot_le{ width:45%;}
.conbot_ri{ width:55%; padding:30px;min-height:530px;}
.lianxi_rm_en {
    float: left;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 45px;
    line-height: 50px;
    font-weight: bold;
}
.lianxi_rm_m {
    float: left;
    margin-left: 10px;
    border-top: solid 3px #333333;
    font-size: 20px;
    line-height: 40px;
    margin-top: 10px;
}
.lianxi_lm {
    overflow: hidden;
    margin-top: 40px;
    border-left: solid 5px #333333;
    font-size: 26px;
    line-height: 30px;
    padding-left: 20px;
    margin-bottom: 18px;
}
.conbotleli {
    overflow: hidden;
    padding: 15px 0px 0;
    padding-left: 30px;
}
.conbotleli span {
    font-size: 18px;
    color: #333; display:block; margin-bottom:5px;
}
.conbotleli  p{ font-size:14px; line-height:1.6;}

.conbot_ri .maps{ margin-top:20px;}

.lianxi_lm strong{ color:#333;}
.conbotleli{ background-position:20px 15px; background-repeat:no-repeat; background-size:40px auto; padding-left:70px;}
.conbotleli:nth-child(2) { background-image:url(../images/1icon.png);}
.conbotleli:nth-child(3) { background-image:url(../images/4icon.png);}
.conbotleli:nth-child(4) { background-image:url(../images/4icon.png);}
.conbotleli:nth-child(5) { background-image:url(../images/5icon.png);}
.conbotleli:nth-child(6) { background-image:url(../images/6icon.png);}
.conbotleli:nth-child(7) { background-image:url(../images/6icon.png);}

.about_box{ max-width:960px; margin:0 auto; margin-top:40px; background:#fff; position:relative; z-index:2; padding:0 20px 80px 20px;height:960px;}
.about_box .t{ text-align:center;    color: #333;
    font-size: 34px;
    text-transform: uppercase; margin-bottom:20px;}
.aboutbody p,.textbox p{ font-size:14px; line-height:1.8;}
#canshu .cn { font-size:14px; line-height:1.8;}
.hei80{ height: 80px; width: 100%;}

.video-js .vjs-big-play-button{    width: 55px;
    height: 55px;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    margin-left: -27px;
	margin-top: -27px;}
	.vjs-poster{ background-size: cover;}
	#my-video{ max-width: 800px; height: 500px; width: 100%; margin: 0 auto;}

.main4{ padding-bottom:50px; background:#fff;}
.case_box{ max-width:1920px; margin:0 auto;}
.case_box li,.main4 li{ width:23%; float:left; margin:1%;}
.case_box li .imgs,.main4 li .imgs{ overflow:hidden; position:relative; height:220px;}
.case_box li .imgs img,.main4 li .imgs img{ position:absolute; width:100%; min-height:100%; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}

.case_box li b a,.main4 li b a{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; padding:10px 0;}
.case_box li p,.main4 li p{ display:block; height:40px; line-height:20px; overflow:hidden;}
.case_box li a.view,.main4 li a.view{ display:inline-block; padding:5px 20px; border-top:1px solid #eee;border-bottom:1px solid #eee; margin-top:10px;}
.case_box li:hover a.view,.main4 li:hover a.view{ color:#ff1615; border-color:#ff1615;}
.case_box li:hover b a,.main4 li:hover b a{ color:#ff1615}

.caseca{ padding:40px 0;}
.pagelists li a{ font-size:14px;}
.positons a{ font-size:14px;}
.news_body.cases{ padding-top:50px; padding-bottom:40px;}
.news_body.cases h1,.news_body.cases .times{ text-align:center;}
@media screen and (max-width:1400px){
		.w1300,.links{ padding-left:40px; padding-right:40px}
		.header .lag{ right:40px;}
		.header .nav{ padding-right:90px;}
		.banner .lanmuurl{ top:70%;}
		.fotnav{ padding-right:40px;}
		.waptel{ left:150px;}
	}
@media screen and (max-width:1220px){
	.header .nav li{ margin-right:20px;}
	.titcn{ font-size:22px;}
	.titen{ font-size:14px;}
	.main1 ul li b{ font-size:16px;}
	.main3 .newindextabbox ul li{ padding-left:0;}
	.lxfot .telfot{ font-size:20px;}
	.fotnav span,.lxfot span{ font-size:16px;}
	.fotnav a,.links a,.copyright p, .copyright a{ font-size:12px;}
	.fotnav{ padding-right:20px; margin-right:0;}
	.lxfot em,.links span,.lxfot .youxiangfot{ font-size:14px;}
	.main2 ul li b{ font-size:16px;}
	.case_box li .imgs, .main4 li .imgs{ height:150px;}
	.about_box{ width:95%;}
	.contactople strong{ font-size:28px;}
	.dianhua{ font-size:20px;}.contactopri b{ line-height:30px;}
	.news_contain{ padding-left:40px; padding-right:40px;}
	.news_contain .w1300{ padding:0;}
	.pagelists.w1300{ padding:30px 10px;} 
	.pro-chan li b{ font-size:16px;}
	}
@media screen and (max-width:960px){
		.header .nav{ float:none; width:100%; background:#f1efef;padding-left:40px; padding-right:40px;}
		.header{ height:auto;}
		.header .w1300{ padding:0;}
		.header .logo{ float:none;  padding-left:40px; padding-right:40px; height:50px;}
		.header .logo img{ margin-left:0; max-height:50px;}
		.header .nav li a{ color:#333; line-height:50px;}
		.header .lag{ top:14px;}
		.header .nav li{ width:16.666%; float:left; margin:0; text-align:center;}
		.fot_le{ display:none;}
		.fot_ri{ width:100%; max-width:370px; margin:0 auto; float:none;}
		.lxfot{ float:right; text-align:left;}
		.forriimg{ float:left;}
		.newsindextime{ width:80px;}
		.newindexleft{ width:calc(100% - 90px);}
		.newindexleft a,.newindexLe .txts h3 a{ font-size:14px;}
		.newindexleft p,.newindextit a.ri{ font-size:12px;}
		.newindextap a{ font-size:14px; padding:2px 8px;}
		.newindexRi,.newindexLe{ width:48%;}.main1 ul li p{ font-size:12px;}
		.main1 ul li{ padding:15px;}
		.texts2{ font-size:12px;}
		.banner .lanmuming{ top:26%;}
		.banner .lanmujieshao{ top:47%;}
		.banner .lanmuming{ font-size:20px;}
		.banner .lanmuurl a{ font-size:14px; line-height:25px; width:100px;}
		
	.positons{ padding:15px 0;}
	.sub_ban .w1300{ height:120px;}
	.sub_ban .w1300 b{ font-size:18px;}
	.sub_ban .w1300 span,.conbotleli p{ font-size:12px;}
	.lianxi_lm{ font-size:20px;}
	.conbotleli span{ font-size:14px;}
	.lianxi_rm_en{ font-size:25px;}.lianxi_rm_m{ font-size:16px; line-height:30px;}
	.contactopri .oneyin, .contactopri .twoyin{ display:none;}
	.contactopri{ padding:15px 20px;}
	.contactopri b{ font-size:16px;}
	
	.newslists,.pro_lis{ width:100%; float:none;}
	.pro_lis li a{ line-height:20px; font-size:12px;}
	.pro_lis ul li{ padding:10px;}
	.xh_le{ width:100%; max-width:500px; margin:0 auto; float:none;}
	 .wap{ display:block;}
	 .pc{ display:none;}
	.waptel{
		left:120px;
    height: 50px;
    line-height: 50px;}
	}
	.wap2{ display:none;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{ left:52%; top:80%; bottom:auto;width:AUTO;}
@media screen and (max-width:768px){
  img.ani{max-height:270px;}
	#my-video{ height: 300px; }
	.wap2{ display:block;}
	.pc2{ display:none;}
	 .header .logo,.header .logo,.w1300, .links,.news_contain{ padding-left:15px; padding-right:15px;}
	 .header .lag{ right:15px;}
	 .header .nav li{ width:33.33%; border-bottom:1px solid #fff;border-right:1px solid #fff;}
	 .header .nav li:nth-child(3n){ border-right:none;}
	 .header .nav li a{ line-height:40px; font-size:14px;}
	 .header .nav{ padding:0;}
	 .header .lag a{ font-size:12px; }
	 .lxfot{ width:calc(100% - 150px);}
	 .newindexRi, .newindexLe{ width:100%;}
	 .newindexLe{ margin-bottom:20px;}
	 .newindexLe .imgs{ width:100%;}
	 .case_box li, .main4 li,.main1 ul li,.main2 ul li{ width:48%;}
	 .main2 ul li b{ font-size:14px;}
	 .main2 ul li{ background-size:auto 30px; padding-top:40px; margin-bottom:20px;}
	 .main2 ul li:nth-child(4){ clear:none;}
	 .main2 ul li:nth-child(2n+1){ clear:left;}
	 .main2 ul li p{ font-size:12px; color:#999}
	 .titpro,.case_box li p, .main4 li p{ font-size:12px;}
	 .newsindextime b{ font-size:25px;}
	 .main1 ul li b{ font-size:14px; padding:0 0 10px 0;}
	 .main1 ul li { padding:15px 10px;}
	 .case_box li b a, .main4 li b a{ font-size:11px;}
	 .case_box li,.main4 li{ margin-bottom:10px;}
	 .case_box li a.view, .main4 li a.view{ font-size:12px; padding:3px 10px;}
	 .titles{ padding:20px 0}
	 .main4,.main2,.main1{ padding-bottom:20px}
	 .titcn,.sub_ban .w1300 b{ font-size:20px;}
	 .titen{ font-size:12px;}
	.newindexLe .txts,.texts2{ padding:15px;}
	.main3 .newindextabbox ul li{ margin-top:15px;}
	
	.about_box{ width:100%; margin-top:0; padding-top:30px; padding-bottom:30px;}
	.about_box .t{ font-size:22px;}
	.aboutbody p{ font-size:12px;}
	.positons a{ font-size:12px;}
	.news_body.cases{ padding-top:0;}
	.news_body h1{ font-size:14px; padding-bottom:10px;}.news_body .times span{ font-size:12px;}
	.news_body .times{ padding-bottom:20px;}
	.contactople,.contactopri{ width:100%;}
	.dianhua{ max-width:300px; margin-left:0;}
	.contactopri b{ margin-top:0;}
	.conbot_le,.conbot_ri{ width:100%;}
	.conbot_ri{ margin-top:20px;}
	.news_contain{ padding-bottom:30px;}
	.contact_bot,.lianxi_lm{ margin-top:20px;}
	.conbot_ri{ min-height:inherit;}
	.contactople strong,.dianhua,.contactople em{ font-size:18px;}
	.newcenterlist li .imgs{ width:120px;}
	.newcenterlist li .txts{ width:calc(100% - 130px);}
	.newcenterlist li .txts p{ max-height:40px;}
	.newcenterlist li .txts h3{ padding-top:0;}
	.newcenterlist li .txts h3{ font-size:14px;}
	.newcenterlist li .txts p{ font-size:12px;}
	.newcenterlist li .txts span{ padding-top:10px; font-size:12px;}
	.news_contain{ padding-top:20px;}
	.newcenterlist li{ padding:15px 0;}
	.chanpinlis{ padding:15px;}
	.pro_lis ul li{ padding:10px 15px ;}
	.pro-chan li{ width:48%; height:240px;}
	.pro-chan li b{ font-size:14px; padding:10px 0}
	.pro-chan li{ padding:10px;}
	.pro-chan li p{ font-size:12px;}
	.pro-chan{ padding-bottom:0;}
	.pro_nav li{ width:25%; float:left; margin:0;}
	.pro_nav li a{ font-size:12px; text-align:center;}
	#xinghao{ padding:30px 0;}
	.xh_ri{ width:100%; padding-top:30px;}
	.xh_ri .p2{ font-size:20px;}
	.xh_ri .p1 h1{ padding-bottom:5px; font-size:14px;}
	#xinghao2 li{ width:50%; border:solid 1px #e4e4e4; height:150px;font-size:12px; padding-top:80px;}
	#xinghao2{ margin:0;}
	.xh_ri .line{ margin-bottom:10px;}
	#canshu { font-size:12px; line-height:24px;}
	#xinghao2 li{ background-size:auto 30px; padding-top:60px; height:120px;}
	.intorduction p,.intorduction{ font-size:12px; line-height:22px;}
	.prowapban .swiper-container-horizontal>.swiper-pagination-bullets,.prowapban  .swiper-pagination-custom,.prowapban  .swiper-pagination-fraction{ bottom:0;}
	.prowapban .swiper-container{ padding-bottom:30px;}
	#top{ opacity: 0;}
	.pro_contain .w1300{ padding-left: 0; padding-right: 0;}
	.pro_nav{ padding: 0 10px;}
	
	.header{ border-bottom:none;}
	.pro-list li{ width:100%; margin:1% 0;height:auto;}
	.conbot_ri{ padding:0;}
	.wap_name{ font-size:22px; padding-top:30px;}
	}
@media screen and (max-width:420px){
	.forriimg{ width:100px;} 
	.lxfot{ width:calc(100% - 120px);}
	.banner .lanmuming{ top:10%; font-size:16px;}
	.banner .lanmujieshao{ width:45%; font-size:12px; top:28%;}
	.banner .lanmuurl a{ font-size:12px; width:70px; }
	.banner .lanmuurl{ top:60%;}
	.case_box li .imgs, .main4 li .imgs{ height:100px;}
	.newindexLe .imgs{ height:150px;}
	.newindextap a{ padding:2px 5px;}
	.news_body .bodies p{ font-size:12px;}
	.lianxi_lm{ font-size:16px;}
	.conbotleli{ padding-right:15px;}
	.test{}
	.test ul{}
	.test ul li{width: 320px;height:398px;}
	.test ul li p{}
	.test ul li p a{}
	.test ul li p a img{}
	.fotwap2 p{font-size: 11px;line-height: 2;}
	.test li img:hover{    -webkit-transform: none;
    transform: none;
    box-shadow: none}
	.test li img{width: 280px;
    height: 384px;
    box-shadow: none;
    -webkit-transition:none;
    transition: none;}
	}
	 
@media screen and (max-width:414px){
	
	.test{}
	.test ul{}
	.test ul li{width:375px;height:398px;}
	.test ul li p{}
	.test ul li p a{}
	.test ul li p a img{}
	.fotwap2 p{font-size: 11px;line-height: 2;}
	.test li img:hover{    -webkit-transform: none;
    transform: none;
    box-shadow: none}
	.test li img{width: 285px;}
	}
	@media screen and (max-width:411px){
	
	.test{}
	.test ul{}
	.test ul li{width:370px;height:398px;}
	.test ul li p{}
	.test ul li p a{}
	.test ul li p a img{}
	.fotwap2 p{font-size: 11px;line-height: 2;}
	.test li img:hover{    -webkit-transform: none;
    transform: none;
    box-shadow: none}
	.test li img{width: 285px;}
	}
		@media screen and (max-width:375px){
	
	.test{}
	.test ul{}
	.test ul li{width:330px;height:398px;}
	.test ul li p{}
	.test ul li p a{}
	.test ul li p a img{}
	.fotwap2 p{font-size: 11px;line-height: 2;}
	.test li img:hover{    -webkit-transform: none;
    transform: none;
    box-shadow: none}
	.test li img{width: 285px;}
	}
	@media screen and (max-width:360px){
	
	.test{}
	.test ul{}
	.test ul li{width:320px;height:398px;}
	.test ul li p{}
	.test ul li p a{}
	.test ul li p a img{}
	.fotwap2 p{font-size: 11px;line-height: 2;}
	.test li img:hover{    -webkit-transform: none;
    transform: none;
    box-shadow: none}
	.test li img{width: 285px;}
	}
	@media screen and (max-width:320px){
	
	.test{}
	.test ul{}
	.test ul li{width:280px;height:398px;}
	.test ul li p{}
	.test ul li p a{}
	.test ul li p a img{}
	.fotwap2 p{font-size: 11px;line-height: 2;}
	.test li img:hover{    -webkit-transform: none;
    transform: none;
    box-shadow: none}
	.test li img{width: 285px;}
	}

	.fot_wap_nav{ z-index: 111; display:none; background: #ff1615; position: fixed; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; padding: 10px;}
	.fot_wap_nav img{ max-height: 30px; display: inline-block; margin: 0 10px;}
.fotwnav { text-align: right;}
.fotwnav img{ max-height: 25px;}

.fotwap2{ text-align: center; padding: 30px 10px 80px; border-top: 1px solid #f1f1f1;}
.fotwap2 p{ font-size: 14px; line-height: 2;}

.wapbanner{ text-align: center; padding-top:16px;}
.wapbanner .lanmuming{ font-size: 20px; padding-bottom: 10px;}
.wapbanner .lanmujieshao{ font-size:11px;}
.wapbanner .swiper-container{ padding-bottom: 40px;}
.wapbanner .lanmuurl a{ display: inline-block; padding: 5px 10px; background: #ff1615; color: #fff; margin-top: 20px;}
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.wapwxewm{ position: absolute; right: 10px; bottom: 50px; display: none;}
.wapwxewm img{ width: 150px; height: auto; max-height: none;}
#footerToolBar{position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 48px;
    border-top: 1px solid rgba(255,255,255,.2);
    z-index: 999; background:rgba(255,255,255,.8)}
	#footerToolBar li {
	width: 20%;
	height: 45px;
	float: left;
	text-align: center;
	border-color: #fff;
	border-left: 1px solid rgba(255,255,255,.2);
	cursor: pointer;
	margin-top: 2px
}
#footerToolBar li a {
	display: block;
	height: 45px;
	color: #333;
	font-size: 12px;
	line-height: 1;
	text-transform: capitalize;
	opacity: .8;
	padding-top: 1px
}
#footerToolBar li a:before {
	content: '';
	width: 30px;
	height: 20px;
	margin: 4px auto;
	display: block;
	font-family: icomoon;
	line-height: 20px;
	font-size: 20px
}
#footerToolBar .footerBarPro a:before {
	background:url(../icon/cp.png) no-repeat center;
	background-size:20px auto;
}
#footerToolBar .footerBarTel a:before {
	background:url(../icon/dh.png) no-repeat center;
	background-size:20px auto;
}
#footerToolBar .footerBarEmail a:before {
	background:url(../icon/yx.png) no-repeat center;
	background-size:20px auto;
}
#footerToolBar .footerBarMessage a:before {
	background:url(../icon/wx.png) no-repeat center;
	background-size:20px auto;
}
#footerToolBar .footerBarShare a:before {
	background:url(../icon/fx.png) no-repeat center;
	background-size:20px auto;
}
.bdsharess,.weixinmas{
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    z-index: 99999;}
	.fenxiangdaima{  text-align: center;    background: #fff;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 5%;
    width: 90%;
    transform: translateY(-50%);}
	.fenxiangdaima img{ display:block;}
	.fenxiangtxt{text-align: center;
    color: #fff;
    background: #dfdfdf;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    padding: 15px;
    border: 1px solid #EEEEEE;
    text-shadow: 0px 0px 15px rgba(0,0,0,0.18); margin:20px auto;}
.mfp-close{    width: 50px;
    height: 50px;
    background: none;
    color: #333;
    font-size: 40px;
    position: absolute;
    right: 0;
    top: 0;
    border: none;}

	@font-face
	{
	font-family: SourceHanSansCN-Normal;
	src: url('../fonts/SourceHanSansCN-Normal.ttf'),
		 url('../fonts/SourceHanSansCN-Normal.eot'); /* IE9+ */
	}
	
	/* 荣誉资质0526 */
	
	.test {
	width: auto;
	margin:5px auto;
	height:940px;
}
.test li {
	width: 285px;
	height: 384px;
	float: left;
	list-style: none
}
.test li img {
	width: 280px;
	height: 384px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	-webkit-transition: all ease .30s;
	transition: all ease .9s;
}
.test li img:hover {
	-webkit-transform: scale(1.08);
	transform: scale(1.55);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	
}
.tanchubac{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:100}
	.tanchu_video{display:none; position:fixed; z-index:101; width:90%; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); max-width:800px; height:50%; max-height:400px;}
	.tanchu_video iframe{ width:100% !important; height:100% !important;}
	.closevideo{ width:40px; height:40px; position:absolute; right:5px; top:5px; background-image:url(../images/close.png); background-size:cover; background-color:#000; border-radius:100px; opacity:.65; cursor:pointer;}
	.case_box li .imgs>span{ z-index:81; display:block; position:absolute; left:50%; top:50%;transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); width:50px; height:50px; cursor:pointer; }
	.case_box li .imgs::before{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,.2); content:""; display:block; left:0; top:0; z-index:80}