@charset "utf-8";
html,body{ font:14px/1.7 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#7f7f7f; -webkit-text-size-adjust:none; width:100%;   letter-spacing: 0.4px;}
h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;}
ol,ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0;}
a{ color:#000; text-decoration:none;}
a:hover{ text-decoration:none;}
img { max-width:100%; height:auto; display:block;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
clear{ clear:both;}
.BMap_Marker img{ max-width:none !important;}
.BMap_shadow div{display:none;}
.fl{float:left;}
.fr{float:right;}
.container{max-width:100%;}
/*banner*/
.ban2img{}
.ban2img1{}
.ban2img img{}
.ban2img1 img{}
.index_main .section1 .index_banner .item .ban2img img{
	position: absolute;
	top: 14%;
	
	left:15%;
	opacity: 0;
	width:28%;
	height:auto; 
	transform: translateY(40px);
	-webkit-transform: translateY(40px); 
	-webkit-transition: all 500ms ease; 
	transition: all 500ms ease;
}
.index_main .section1 .index_banner .ban2img1 img{
	position: absolute;
	top: 65%;
	
	right:15%;
	opacity: 0;
	width:30%;
	height:auto; 
	transform: translateY(40px);
	-webkit-transform: translateY(40px); 
	-webkit-transition: all 500ms ease; 
	transition: all 500ms ease;
}
.index_main .section1 .index_banner .item.active .ban2img1 img{
	opacity: 1; 
	-webkit-transform: translateY(0); 
	transform: translateY(0); 
	-webkit-transition-delay: 100ms; 
	transition-delay: 100ms;
}
.index_main .section1 .index_banner .item.active .ban2img img{
	opacity: 1; 
	-webkit-transform: translateY(0); 
	transform: translateY(0); 
	-webkit-transition-delay: 100ms; 
	transition-delay: 100ms;
}

.index_main .section1 .index_banner .item .ban2img:hover img{
	-webkit-animation: tada 1s .2s ease both;
    -moz-animation: tada 1s .2s ease both;
}


header{ width: 100%; overflow: hidden;  position: absolute; z-index: 9; transition: .8s all ease;height: 80px;line-height: 80px;}
header.on .men{ position:fixed; top:40%;right: 0;  background:#1f286d;transition: .8s all ease;    padding: 28px;}
header.fi{}
header.anm{ position:fixed; top: 0;}
header .logo{ transition: .5s all ease;}
header .logo .img1.on{ display:none;}
header .logo .img2.on{ display:block;}
header .men .menu{padding-left:30px; padding-right:20px; position:relative; line-height:1; cursor:pointer;font-size: 18px;    color: #fff;}
header .men .menu:before{content:""; position:absolute; top:2px; left:0; width:20px; height:2px; background:#fff;  }
header .men .menu span{position:absolute; width:20px; height:100%; top:0; left:0;}
header .men .menu span:before{content:""; position:absolute; left:0; top:9px; width:14px; height:2px; background:#fff;}
header .men { margin-top:3px;}
header .menn { margin-top:40px;}
header .men .menu span:after{content:""; position:absolute; left:0; top:16px; width:8px; height:2px; background:#fff;}
header .men.ac .menu{    color: #1f286d;}
header .men.ac .menu:before{    background: #1f286d;}
header .men.ac .menu span:before{ background: #1f286d;}
header .men.ac .menu span:after{ background: #1f286d;}
.navm ul li{ float:left; padding: 0 40px;}
.navm ul li a{ font-size:18px; color:#fff; font-weight: bold;}
.navm{margin-right:15px;}
header.anv{ top:0; background:#fff;position: fixed;}
header.anv ul li a{    color: #333;font-weight: bold;}

header:hover{ background:#fff;}
header:hover ul li a{ color:#7f7f7f;}
header ul li:hover a{color:#1f286d;}
header:hover  .men .menu span:before,header.anv .men .menu span:before,header:hover .men .menu:before,header.anv .men .menu:before{background: #1f286d;}
header:hover  .men .menu span:after,header.anv .men .menu span:after{ background: #1f286d;}
header:hover .logo .img1{display:none;}
header:hover .logo .img2{display:block;}
header .men .menu span:before,header .men .menu span:after{-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
header .men .menu:hover span:before,header .men .menu:hover span:after{width:20px;}
.pmenu{transition: all .8s ease; width:100%; height: 100%; position: fixed; left:-100%; background:#f5f5f5; background-size:cover; z-index:100000;}
.pmenu.act{ left:0;}
.pmenu .mlogo{ position:relative; height: 100%; background:url(/static/default/assets/img/l.jpg) no-repeat; background-size:cover; overflow: hidden; padding: 0;}
.pmenu .mlogo .l-img{ max-width:140px; margin: 40px auto;}
.navo{  top:32%;     position: absolute;   right: 0;padding: 50px;}
.cha{position: absolute;right: 5%;top: 14%; cursor: pointer;}
.navo ul li{ float: left;    margin-left: 9%}
.navo ul li  a{ font-size:24px;color: #000;font-weight: 700;}
.navo ul li dl dd a{ font-size:16px; color:#7f7f7f;  font-weight:normal;   line-height: 36px;}
.navo ul li dl dd a:hover{ color:#1f286d;}
.navo ul li dl{ margin-top:40px;}
.hea2 header .logo,.hea3 header .logo,.hea4 header .logo,.hea5 header .logo,.hea6 header .logo{ opacity: 0;}

#about_1{ position: relative; height: 100%; overflow: hidden;padding: 0;}
#about_1 .row {margin: auto;padding: 0;box-sizing: content-box;position: relative;overflow: visible;height: 100%;}
#about_1 .row{position: relative;}
#about_1 .row .playBox {display: inline-block;position: absolute;text-align: center;bottom:52%;right: 50%;z-index: 10001; width: 80px;height: 80px;background: url(/static/default/assets/img/video.png) center no-repeat;background-size: cover;margin: 0 auto 20px;cursor: pointer; margin-bottom:-40px; margin-right:-40px;}
#about_1 .row .skew {overflow: hidden; -moz-transform: skew(0, -2.4deg); -o-transform: skew(0, -2.4deg);z-index: 1000;width: 100%; height:100%;left: 0;top: 0;transform-origin: left top;}
#about_1 .row .skew .Tvideo {width: 100%; overflow: hidden;-moz-transform: skew(0, 2.4deg);-o-transform: skew(0, 2.4deg);-moz-transition: all 1s cubic-bezier(0.7, 0.01, 0.3, 1);-o-transition: all 1s cubic-bezier(0.7, 0.01, 0.3, 1);}
#about_1 .row .skew .Tvideo .pic {position: absolute; width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;transform-origin: 50% 50%;z-index: 6;opacity: 1;
transition: all 1s cubic-bezier(0.7, 0.01, 0.3, 1);-webkit-transition: all 1s cubic-bezier(0.7, 0.01, 0.3, 1);-moz-transition: all 1s cubic-bezier(0.7, 0.01, 0.3, 1); -o-transition: all 1s cubic-bezier(0.7, 0.01, 0.3, 1);background: url(/static/default/assets/img/ao.jpg) no-repeat center; background-size:cover; 	}
.vidcontainer{position: absolute; width:50%; height: 100%; z-index: 100;top: 0;left: 0;overflow: hidden;display: none; background-color: rgba(0,0,0,0.7);cursor: pointer;z-index: 99999;}
.vidcontainer video{ position: absolute;width: 100%; height: 100%; top: 0;left: 0;background-color: #000; bottom: 0; right: 0; margin: auto;}
.vidcontainer .closevid{width: 40px;height: 40px;background: url(/static/default/assets/img/close-vid.png) no-repeat center/100% auto; position: absolute;top: 90px;right: 40px;z-index:999;cursor: pointer;}

.about{    display: table;table-layout: fixed; position: relative; height: 100%; background:#f5f5f5; background-size:cover; padding: 0;}
.about .aimg img{ margin:0 auto;width: 150px;}
.about h4{     padding:0 0 30px;font-size:32px; color:#fff;    font-weight:700;}
.about .abi{    position: absolute;left: -16%;z-index: 7;}
.about .at-i{         position: absolute; left: -10%; top: 30%;  background: #1f286d;width: 93%; margin: 0 auto;padding: 80px; }
.about .atb{ display: table-cell; vertical-align: middle;}
.about .at-i p{ font-size:15px; color:#fff; margin-bottom: 10px;}
a.more{ display:block; width:150px; height: 50px; border:1px solid #fff; line-height: 50px; text-align: center; color:#fff;    margin-top: 40px;}
a.more:hover{ border:1px solid #fff; background:#fff; color:#0d4fbc;}

.runpic-box {  height:100%;width: 100%;overflow: hidden; position: relative;}
.runpic-words {        width: 40%;   bottom: 20%; z-index: 3;     float: right;}
.runpic-words ul li { transition: .5s all ease;    border-radius: 10px;width: 100%;float: left;    margin-bottom: 40px;margin-bottom: 20px;background: #e9e9e9; padding: 20px 50px}
.runpic-words ul li img {    float: left;display: block;margin: 0 auto;transition: all 1s;}
.runpic-words ul li h6 {    float: left; font-size: 20px;     margin-top: 20px;padding-left: 25px;}
.runpic-words ul li p {font-family: Arial;font-size: 18px;color: #fff; text-transform: capitalize; margin-top: 10px;}
.runpic-words ul li:hover img { transform: rotateY(180deg);}
.runpic-line-null {position: absolute; width: 100%;height: 1px; background-color: rgba(255, 255, 255, .1);left: 0;top: 62%;z-index: 4;}
.runpic-line {position: absolute; width: 10%; height: 1px; background-color: #b6b5aa; left: 0;top: 62%; z-index: 4;transition: all 1s;}
.runpic-pic { overflow: hidden;   width: 600px;height: 700px; float: left; z-index: 1;}
.runpic-pic ul li { display: none;}
.runpic-pic-true{animation: toPicBig 1s ease-in-out both;}
@keyframes toPicBig
{0% {transform: scale(1.04);}100% {transform: scale(1);}}
.runpic-pic-shade {position: absolute;z-index: 2; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2);transition: all 2s;}
.runpic-words-pic {}
.runpic-words ul li:hover{background:#fff;}
.kuai{ width:50%; height:430px; background:#1f286d;}
.jfix{    position: absolute;width: 100%; top: 16%;}
.ys{color: #fff;left: 5%;    padding: 14% 5%;}
.ys h4{ font-size:36px;   }
.ys p{ font-size:24px;}

.produ{ overflow: hidden;float: none;
    margin: 0 auto;}
.produ ul li{position: relative;    margin-top: 20px;    height: 100%;}
.produ ul li img{}
.produ ul li .p-txt{ bottom: 0; left:0px;      padding: 40px 50px;     background: #fff; }
.produ ul li .p-txt h4{ font-size:20px;}
.produ ul li .p-txt span{display: block;width: 120px;height: 40px;border: 1px solid #333;text-align: center;line-height: 40px;margin-top:13px;}
.produ ul li .p-txt span:hover{background:#1f286d; border:1px solid #1f286d; color:#fff;}
.pt{ padding:0 0 4%;}
.pt h4{font-size:36px; text-align: center; color:#fff;}
.pt  p{ font-size:16px; text-align: center; color:#fff;}
.pt.ptt h4{font-size:36px; text-align: center;color:#333;}
.pt.ptt  p{ font-size:16px; text-align: center;color:#7f7f7f; }
.pto h4{ color:#333;}
.pto p{ color:#7f7f7f;}
.tab{ width:100%; position: relative; height: 100%; background:url(/static/default/assets/img/bg5.jpg) no-repeat; background-size:cover;     display: table;table-layout: fixed;}
.tabc{display: table-cell;vertical-align: middle;width: 100%;height: 100%;}

.new  li {height: auto;position: relative; margin-top: 30px;}
.new .n-txt{ background:#fff; padding: 30px;}
.new .n-txt span{ color:#7f7f7f;}
.new .n-txt h4{ font-size:18px; padding:10px 0;}
.new  li:hover h4{color:#1f286d;}
.new .n-txt p{ color:#7f7f7f;}
.new  .n-img  {overflow: hidden;}
.new .n-img  img { transition: transform 1.5s;}
.new li:hover .n-img img {transform: scale(1.1);}
.new li em{display: block;width: 120px;height: 45px;border: 1px solid #333;text-align: center;line-height: 45px;margin-top: 20px; font-style: normal;}
.new li:hover em{background:#1f286d; border:1px solid #1f286d; color:#fff;}

.lx{ position:absolute; left:0; background:rgba(8,107,0,.8); height: 100%;  z-index: 20;  top: 0;display: table;table-layout: fixed;}
.lx .lxb{ padding: 0px 50px;   display: table-cell;vertical-align: middle;}
.lx h4{color: #fff;font-size: 36px;}
.lx ul li{color:#fff; margin-bottom: 25px;font-size:20px;}
.lx ul li img{     margin-top: 8px;float:left; padding-right: 15px;  }
.lx ul li a{ color:#fff;}
.lx p{ color:#fff;padding: 15px 0 38px; font-size: 16px;}
a.lmore{ font-size:15px;   float: left;display: block;width: 150px;height:50px; color:#fff;background:#333;text-align: center;line-height: 50px;margin: 30px auto; font-style: normal;}
a.lmore:hover{background:#1f286d;}
.index_main .section6 dl{ margin-top: 7%;   float: right;     padding-left: 5%;}
.index_main .section6 dl h3{ font-size: 32px;font-weight: 700;color: #000;}
.index_main .section6 dl p{margin-bottom: 25px;font-size: 20px;padding-top: 8px;}
.index_main .section6 dl dd{ font-size:16px;color: #333;     float: left;width:100%;margin: 0 10px;}
.index_main .section6 dl dd img{ margin:20px auto 0;    float: left;}
.index_main .section6 dl dd h3{padding: 19px 25px 0; float:left;color: #7f7f7f;font-size: 15px;font-weight: normal;}
.fo{padding: 5px 0 0;width: 100%;bottom: 0; color:#fff;}
.fo a{ color:#fff;}
.index_main .section6 ul li{ float:left; padding-left:15px;line-height: 36px;}
.index_main .section6 .lbg{ margin-bottom: 20px;     margin-top: 12%; background: #fff;  padding: 50px;  background-size:cover;}
.index_main .section6 ul li a{color:#fff; }
.index_main .section3 ul li{padding:0; position:relative;height: 100vh; overflow: hidden;background: #000;}
.index_main .section3 ul li.ho .himg{ opacity:.8;   width: 100%; background:url(/static/default/assets/img/ho.jpg) no-repeat; background-size: cover; height: 100%;position:absolute;left: 0;top: 0; transition: .5s all ease;}
.index_main .section3 ul li .ht{position: absolute;font-size: 32px;color: #fff;text-align: center; width: 100%; bottom: 14%;}
.index_main .section3 ul li.ht .himg{ opacity: .8;   width: 100%; background:url(/static/default/assets/img/ht.jpg) no-repeat; background-size: cover; height: 100%;position:absolute; left: 0;top: 0;transition: .5s all ease;}
.index_main .section3 ul li.hr .himg{ opacity: .8;   width: 100%; background:url(/static/default/assets/img/hf.jpg) no-repeat; background-size: cover; height: 100%;position:absolute;left: 0;top: 0;transition: .5s all ease;}
.index_main .section3 ul li.hg .himg{ opacity: .8;   width: 100%; background:url(/static/default/assets/img/hg.jpg) no-repeat; background-size: cover; height: 100%;position:absolute;left: 0;top: 0;transition: .5s all ease;}
.index_main .section3 ul li:hover .himg{ opacity: 1;}



footer{width:100%;  overflow:hidden; margin-top: 3%;    padding:5% 0 0; background:#1f286d; background-size:cover;}
.d-nav ul li{ float:left; width:25%}
.d-nav ul li:nth-child(6),.d-nav ul li:nth-child(7){display:none;}
.d-nav ul li a{ color:#fff;}
.d-nav ul li span{ display:block; font-size:18px;padding-bottom: 20px;}
.d-nav ul li dl dd{margin-bottom:8px;}
.d-nav ul li dl dd a{ color:#fff;}
.d-nav ul li dl dd a:hover { color:#fff;}
.dh{ font-size:18px; color:#fff;}
.dh p{ font-size:48px;font-family: 'impact'; color:#fff; }
.d-nav ul li:last-child{display:none;}
.md{ border-top:1px solid #fff;    margin-top: 5%; color:#fff; text-align: center;    padding: 30px 0;}
.md a{ color:#fff;}

/*右侧漂浮菜单*/
.right{position: fixed;right: -50px;bottom: 30%;z-index: 10;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.right.act{right: 0;}
.right .ul1{width: 50px;}
.right .ul1 *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} 
.right .ul1 li{cursor: pointer;margin-bottom: 1px;position: relative;}
.right .ul1 li .img{display: block;width: 50px;height: 50px;background: #1f286d;position: relative;right: 0; border-radius: 50%;}
.right .ul1 li .img img{display: block;width: 100%;}
.right .ul1 li .cla{position: absolute;top: 0;right: -160px; width: 160px;height: 50px; line-height: 50px;background: #f5f5f5;color: #a60000;font-size: 20px;overflow: hidden;text-align: center;z-index: 2;}
.right .ul1 li.dh:hover .img{right: 160px;}
.right .ul1 li.dh:hover .cla{right: 0;}
.right .ul1 li .ewm{width: 100px;position: absolute;top: 0;right: -100px;z-index: -1;}
.right .ul1 li:hover .ewm{right: 45px;}
/*右侧漂浮菜单 end


/*内页侧栏*/
#showproduct .pshow dd li span{      color: #333;  font-size: 16px;}
#showimg .imgshow img{ margin:0 auto;}
.s-box{}
.sidebar { }
.sidebar .sb_nav{     padding-bottom: 50px;  padding-top:3%;}
.sidebar .sb_nav h3.title { display:none;}
.sidebar .sb_nav .active{ text-align:center; width:100%;}
.sidebar .sb_nav dl{       display: inline-block;  margin: 0 20px;  position:relative;}
.sidebar .sb_nav dl dt a{   display:block;  margin-bottom: 10px;     border: 1px solid #eee;  padding:12px 26px;}
.sidebar .sb_nav dl dt a.on,.sidebar .sb_nav dl dt a:hover { background:#1f286d; color:#fff;}
.sidebar .sb_nav dl dt a{ font-size:15px;color:#7f7f7f;    font-weight: normal;}
.sidebar .sb_nav dl dt.on a,.sidebar .sb_nav dl dt:hover a{ color:#fff;}
.sidebar .sb_nav dl dd{ width:100%; background:#fff; background:rgba(255,255,255,.85); position:absolute; left:0px; right:0; top:100%; z-index:2; max-height:160px; overflow-y:scroll; margin-top:12px;}
.sidebar .sb_nav dl dd::-webkit-scrollbar { width:3px; background-color:#ededed; margin-top:12px;}
.sidebar .sb_nav dl dd::-webkit-scrollbar-thumb { border:none; width:3px;background-color:#ca171c; }
.sidebar .sb_nav dl dd::-webkit-scrollbar-corner { background-color:#ededed; }
.sidebar .sb_nav dl dd h4{ font-weight:normal;}
.sidebar .sb_nav dl h4 a { display:block;line-height:2.5; font-size:16px;}
.sidebar .sb_nav dl h4.on a{ color:#ca171c;}
.sidebar .sb_nav dl h4 a::before { display:inline-block; content:""; width:0px; vertical-align:middle; border-top:1px solid #ca171c; margin-right:5px; transition:.4s;}
.sidebar .sb_nav dl h4:hover a::before,.sidebar .sb_nav dl h4.on a::before { width:10px;}
.sidebar .sb_box{ width:100%;  overflow:hidden;}
.sidebar .sb_box h3.title{  display: none;   margin-bottom: 40px;    text-align: center; line-height:1.6; font-weight:normal; position:relative;  }
.sidebar .sb_box h3.title span{ font-size:20px; color:#333; padding:0px 10px;}
.sidebar .sb_box h3.title div.position{ float:right; color:#7f7f7f; margin-top:20px;    display: none;}
.sidebar .sb_box h3.title div.position a{ color:#7f7f7f;}
.sidebar .sb_box .active { }
#showproduct .pshow{ margin-top:20px; padding-bottom:22px;}
.sidebar .sb_box h3.title .moresidebar { display:none; float:right; font-weight:normal; padding:0 10px 0 20px; background:url(/static/default/assets/img/side.png) no-repeat left center; background-size:12px; margin-top:20px;}
/*产品列表*/
.editor p{font-size:16px;}
#showimg .editor img{display:initial; margin-bottom:10px;}
.sidebar .sb_nav.sbn dl{ display:block; float:left;margin: 0 10px;}
#productlist li { overflow: hidden;  text-align: center;height:auto !important;     margin-bottom: 30px;  position:relative;}
#productlist li a{display: block;overflow: hidden; }
#productlist li a span{ display:block; width:85%; color:#000; font-size:14px;margin-left:15px;margin-top:4px;}
#productlist li a.img img {  display:block; border:none; }
#productlist {padding: 0px 10px;margin-top: 30px;}

#productlist li a.text h3 { font-size:24px; font-weight:bold; line-height:1.6; padding:15px 0 0 0; color:#000; margin-left:15px;}
#productlist li:hover a{ }

#productlist>ul>li:hover p{}
#productlist li a.text p {     font-size: 15px;   line-height: 21px;    color: #7f7f7f; }
#productlist li a.text i{}

#productlist{ padding:0;}
#productlist li:hover a.text{}
#productlist li:hover a.text p{ color:#fff;}
#productlist li a.text h4{    font-size: 20px;color: #000;background: #fff;padding: 30px 0;}
#productlist li a.text span{width: 140px;height: 45px;font-size: 16px;line-height: 45px;color: #fff; background-color: #1f286d;margin: 0px auto 0; display: block; text-align: center; opacity: 0; transform: translateY(20px); transition: transform .5s,opacity .5s;}
#productlist li:hover a.text span {opacity: 1;transform: translateY(0px);}
#productlist li:hover .bs{ left:0;}
#productlist li  .pm-img  {overflow: hidden;}
#productlist li .pm-img  img { transition: transform 1.5s;}
#productlist li:hover .pm-img img {transform: scale(1.1);}
.po-b {width:100%; background: #f5f5f5;padding:0 0 40px;}
#imglist li{     text-align: left;   transition: .3s all ease; height:auto !important;      margin-top: 30px;overflow:hidden;    }
#imglist li .case{    background: #f5f5f5;padding: 13%;}
#productlist {padding: 0px;}
#showimg {padding: 0 15px 0;margin-top: 4%;}
#imglist li h3{      padding: 0px 48px;  font-size: 32px;font-weight: lighter; background:url(/static/default/assets/img/hb.png) no-repeat left;}
#imglist li p{ font-size:15px; color:#7f7f7f; padding-top:26px;}
#imglist li span{ display:block;    margin-top: 50px; width: 128px;height: 50px;line-height: 50px; border: 1px solid #7f7f7f;text-align: center;color: #7f7f7f;}
#imglist li:hover span{ border: 1px solid #1f286d; background:#1f286d; color:#fff;}
/*产品内容页*/
.met_page a{ color:#7f7f7f !important;}
.new-box{    padding-top: 1.5%;background: #f2f2f2; width:100%; overflow:hidden;}
#newslist li{padding: 0 15px;}
#newslist .new .n-txt{    background: #f7f7f7;}
#showproduct .editor{    margin-top: 3%;}
.editor div{font-size:16px;}
.xit .x-to h4{font-size:42px;text-align: center;}
h3.in-t{font-size:36px; color:#333;    padding-bottom: 5%;}
h3.in-t i{border-bottom:2px solid #1f286d;padding-bottom:25px; font-style: normal;}
#showproduct h1.title {    text-align: center;color: #000;margin-bottom: 30px; font-size:32px;    font-weight:lighter; padding:0;}
#showproduct .pshow::after { content:""; display:block; clear:both;}
#showproduct .pshow dt {    width: 50% !important;}
#showproduct #imgqwe { display:block; float:left; width:100%;    border: 1px solid #e5e5e5;}
#showproduct #imgqwe img { display:block; width:100%;}
#showproduct .smallimg { width:100% !important; float:right; margin:0; max-height:693px; overflow:auto;}
#showproduct .smallimg::-webkit-scrollbar { width:6px; background-color:#ededed; margin-top:20px;}
#showproduct .smallimg::-webkit-scrollbar-thumb { border:none; width:6px;background-color:#e89301; }
#showproduct .smallimg::-webkit-scrollbar-corner { background-color:#ededed; }
#showproduct .smallimg span.spic { display: inline-block;margin-top: 20px; width: 120px; border: 1px solid #ccc;}
#showproduct .smallimg span img { width:100% !important;}
#showproduct .pshow dd {    width:45% !important;}
#showproduct .pshow dd ul { margin:0 15px;}
#showproduct img{margin:0 auto;}
#metinfo_additional{display:none;}
#thumblist li .zoomThumbActive img{    border: 2px solid #1f286d !important;}
#showproduct .pshow dd li{border-bottom:none;font-size: 16px;color: #878787;    }
a.x-more{width:180px; font-size:16px;   margin-top: 30px; height: 50px; background:#1f286d; display: block; line-height:50px; text-align: center; color: #fff;}
#showproduct .ctitle {      display: none;  font-weight: bold;color: #324373; font-size:36px;border-bottom:none; margin:40px 0px 0px; padding:0px 10px; background:none;}
#showproduct .ctitle::after { content:""; display:block; width:40px; border-top:2px solid #c2000b; margin-top:15px;}
#showproduct td{width:50%;    padding: 0 4% 0 0; line-height: 1.7;}

/*新闻模块*/
/*新闻模块*/
#showtext{margin-top: 3%;     padding: 0; }
#imglist{margin-top:4%;}
#shownews h1{border:none; font-size: 32px;     color: #000; text-align:center;    font-weight: lighter;  padding: 0% 0 1.5% 0;margin:0;}
#shownews .n-time{ margin-bottom: 2%; border-bottom: 1px solid #eee;   padding-bottom: 20px;   color: #7f7f7f;text-align: center; display: block;}
#shownews {padding: 0px 15px 1%;}
#flip{ margin-top:4%;      text-align: center;  }
.metpager_8 span.current{    background-color: #1f286d;    border: 1px solid #1f286d;}
#showimg h1.title{border-bottom:1px solid #eee; color: #000;font-size: 32px;font-weight: lighter;   padding-bottom: 20px;}
#showimg .ctitle{    padding: 20px 20px;    margin: 10px 0px 28px; font-size:36px;}
#showimg h1.title {
    margin-bottom: 30px;
text-align: center;}
/*简介模块*/
.editor h3.title { font-size:30px; text-align:center; border-bottom:none !important;}
.editor h6.subtitle { font-weight:normal; text-align:center; color:#7f7f7f;}
.editor h6.subtitle::before { content: ""; display:inline-block; width:30px; border-top:1px solid #7f7f7f; margin:0 10px 4px;}
.editor h6.subtitle::after { content: ""; display:inline-block; width:30px; border-top:1px solid #7f7f7f; margin:0 10px 4px;}
/*联系我们*/
.contactus ul { width:60%; padding:0; float:left; margin-right:3%;}
.contactus li { margin-bottom:10px; padding:20px 0; border-bottom:1px dashed #ccc;}
.contactus .erweima { width:36%; float:left; text-align:center; line-height:1;}
.contactus .erweima .er-img { width:48%; margin:0 1%; float:left;}
.contactus .erweima img { display:block; width:100%;}
#allmap { width:100%; height:400px;}
#allmap .BMap_Marker div { width:39px !important;}
#showtext img{}
#showimg .smallimg{width:100% !important;}
/*公司简介*/
.aj h3{ font-size:36px; text-align: center;    font-weight: lighter; color:#000; padding-bottom: 3%;}
.aj p { text-align: center;color: #7f7f7f;font-size: 15px;width: 75%; margin:0 auto;}
.zy{ width:100%; overflow:hidden; background:url(/static/default/assets/img/zy.jpg) no-repeat; background-size:cover;}
.zy h3{ font-size:36px; text-align: center; color:#fff; font-weight: 700;  padding: 3%;}
.zy p,.hl .hlt p{ font-size:15px; text-align:center; color:#fff;}
.hl .hlt { width:100%; background:#333; color:#fff;}
.hl .hlt h3{font-size:36px; text-align: center; color:#fff; font-weight: 700;  padding: 3%;}
.jm ul li{ padding: 0; position:relative;   }
.jm ul li .jtit{ position: absolute; width:100%; height: 100%; text-align: center; font-size: 36px; color:#fff;    top: 10%;}
.jm ul li .jimg{ background:#000;}
.jm ul li .jimg img{ display:block; transition: .5s all ease;}

.jm ul li:hover img{ opacity:.8;}
.jm {    margin: 5% 0;}
.nmap{ margin-top:5%;}
.aj h2{font-size:36px;    font-weight: 700; color:#000;}
.aj .nmap p{ text-align:left; width:100%;padding-top:10px;font-size: 24px;color: #000;}
.aj h2.nlx{    padding-top: 12%;}
.aj .nmap ul li:nth-child(2){    padding-left: 6%;margin-top: 7%;}

.ln { min-height: 610px; overflow: hidden; position:relative;}
.ln ul li{ background:#f9f9f9; padding:50px;    border-left: 6px solid #1f286d;}
.ln ul li .lin{ background:#003b92;}
.ln ul li h4{padding-bottom: 40px;color: #000; font-size:36px; font-weight: lighter;}
.ln ul li:nth-child(2){ padding:5%;}
.ln ul li .mn{ width:42px; height: 42px; border-radius: 50%; border:1px solid #888;}
.ln ul li .mit{ margin-left:15px; font-size:15px;}
.ln ul li h3{ color:#888;}
.ln ul li .mi{padding-bottom: 25px;margin-bottom: 25px; border-bottom:1px solid #eee;}
.ln .lxp{position: absolute;top: 12%;left: 11%;}
.ln ul li .mn img {margin: 7px auto; display:block;}
/*品牌营销*/
.marketing .network-img img { width:50%;}
.marketing h5 { font-size:22px; font-weight:normal; color:#b08046;}
/*招商加盟*/
.join .guarantee { width:50%; float:left;}
.join .reward { width:50%; float:right; padding-left:5%; box-sizing:border-box;}
.join img { width:50%;}
#foote{ display:none;
    bottom: 0;
    width: 100%; }
.footerbox{ max-width:100%; height:70px; margin:0px auto; position:relative;}
.footerlist{max-width:100%;  height:70px; overflow:hidden; background:-webkit-gradient(linear,0 0,0 100%,from(#0065bc),to(#014c8d)); position:absolute; left:0px;  }
#foote ul{ display:-webkit-box; }
#foote ul li{ display:-webkit-box; -webkit-box-flex:1; text-align:center; border-right:1px solid rgba(255,255,255,0.2);  }
#foote ul li a{ display:block; width:100%; text-align:center; color:#fff; height: 70px; }
#foote .icon{ display:block; margin:0px auto 6px; position:relative; top:13px; width:30px; height:20px; overflow:hidden; background:url(/static/default/assets/img/footer.png) no-repeat; background-size:150px;background-position:-3px 0px;}
#foote .map{ background-position:-83px 0px;}
#foote .message{ background-position:-45px 0px;}
#foote .home{ background-position:-118px 0px;}
#foote .txt{ height:16px; line-height:47px; font-size:12px;}
#foote ul li:nth-child(2),#foote ul li:nth-child(3){display:none;}
#foote .footerlist{ background:-webkit-gradient(linear,0 0,0 100%,from(#1a1a1a),to(#000));}
#messagelist td.input input{width: 100% !important;background: #fff;outline: none; border: none;height: 42px;}
#messagelist textarea{background:#fff;border: none; outline: none;width: 100%;}
#messagelist table td {font-size: 16px;}
#messagelist .button{margin:0;    background: #324373; border: none;}	
td.input .info{display: none;}
#messagelist table .submit {background: #333;width: 160px;    height: 42px;}
#messagelist table .submit:hover{background: #1f286d; opacity: 1;}
.ms-t h4{      padding:7.5% 10%;  font-size: 36px;color: #7f7f7f;}
.ms-t p{    color: #878787;font-size: 36px;}
#messagelist table{     margin-left:10%;   float: left;}
.meb{    padding: 28px 0 3% 0;}
td.text{width: auto;}
.met_hits{  margin-top: 4%;  height: auto;line-height: 60px;}
.met_page{text-align: center; padding:0px 5px;  margin-top:10px; border-top:1px dotted #ccc; text-align:right; 

position:relative; color:#666;margin-top: 4%;
    line-height: 60px;}


/*响应式开始*/
@media only screen and (max-width: 2560px) {
	#about_1 img{width:100%;}
}
@media (max-width: 1600px) and (min-width: 1366px) {
	.ys{    padding: 3% 5%;}
	header{top: 0;}
.show-img {
height: 456px !important;}
	.navo{    padding: 20px;}
	.navo ul li{    margin-left: 8%;}
	#fp-nav.right {right: 6px !important;}
	.index_main .section5 .pt{padding:0; display:none;}
	.index_main .section6 .lbg{    margin-top: 7%;    padding: 10px;}
	.lxi{width:50%;}
.about .at-i{top:25%;}
}
@media (max-width: 1366px) and (min-width: 1260px) {
	.about .at-i{    width: 80%;padding: 40px;}
	.ys{    padding: 3% 5%;}
	header{top: 0;}
.show-img {
height: 456px !important;}
	.navo{    padding: 20px;}
	.navo ul li{    margin-left: 8%;}
	#fp-nav.right {right: 6px !important;}
	.container{ width:1200px;}
	#messagelist{height: 501px;}
	.ms-t h4 {padding: 2.5% 10%;}
.index_main .section5 .pt{display:none;}
.index_main .section6 .lbg{      padding: 15px;  margin-top: 7%;}
.new li{    margin-top: 7%;}
.about .at-i{top:25%;}

}
@media (max-width: 1260px) and (min-width: 991px) {
		header .logo .img2{display:block;}
		header .logo .img1{display:none;}
html{ height:auto !important;overflow: visible !important;}
body{ height:auto !important;overflow: visible !important;}
.index_main .section3 ul li{height: 35vh;}
.produ ul li .p-txt{padding: 40px 18px;}
	.index_main{      position: static !important;  transform: none !important;transition: none !important;height: auto !important;}
	.fp-tableCell,.index_main .section{ height:auto !important;}
	#fp-nav{ display:none;}
	header{position: relative; background:#1f286d;top: 0;}
	header .logo{ display:block !important;background: #fff; padding: 10px;    max-width: 130px;}
	.pmenu{ top:0;}
	.pmenu .mlogo{    display: none;}
	.navo {top: 21%;      width: 100%;  left: 0;}
	.navo ul li dl{ display:none;}
	.navo ul li{    margin-left: 0;text-align: center;width: 100%;margin-bottom: 15px;}	
	.index_main .section1 .index_banner .item{height: 52vh !important;}
	#about_1,.about{height: 576px;}
	.about .at-i{width: 100%;padding: 20px;}
	.about h4{font-size: 30px;}
	.jfix{    position: static;}
	.runpic-words ul li h6{font-size: 18px;}
	.runpic-words ul li{    padding: 20px 20px;}
	.runpic-pic{    width: 50%;height: auto;}
	.kuai{   height: auto;}
	.ys{    padding: 20px;}
	.pt {padding: 40px 0 4%;}
	.new .n-txt h4{text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}
	.index_main .section5{padding-bottom:50px;}
	.index_main .section6 dl dd h3 {padding: 15px 12px;}
	.index_main .section6 .lbg{margin-top:50px;}
	.fo{    position: static; }
	.show-img{ height:400px !important;}
	.new li{ }
	.jm ul li .jtit{font-size:24px;}
	.aj h3,.aj h2 {
    font-size: 30px;}
}
@media (max-width: 991px) and (min-width: 767px) {
	header .logo .img2{display:block;}
		header .logo .img1{display:none;}
	.index_main .section1 .index_banner .item .inner .block_txt h2{font-size: 16px;letter-spacing: 2px;    line-height: 1.6;}
	.index_main .section1 .index_banner .item .inner .block_txt h4 { font-size: 20px; margin-bottom: 20px;    line-height: 1.6; }
.index_main .section1 .index_banner .item .ban2img img { width: 80% !important; left: 5%; top: 16% !important; }
.index_main .section1 .index_banner .ban2img1 img { width: 80% !important; right: 10%; }
	html{ height:auto !important;overflow: visible !important;}
body{ height:auto !important;overflow: visible !important;}
	.index_main{      position: static !important;  transform: none !important;transition: none !important;height: auto !important;}
	.fp-tableCell,.index_main .section{ height:auto !important;}
	#fp-nav{ display:none;}
	header{position: relative; background:#1f286d;top: 0;}
	header .logo{ display:block !important;background: #fff; padding: 10px;    max-width: 130px;}
	.pmenu{ top:0;}
	.pmenu .mlogo{    display: none;}
	.navo {top: 21%;    left: 0;}
	.navo ul li dl{ display:none;}
	.navo ul li{    margin-left: 0;text-align: center;width: 100%;margin-bottom: 15px;}
	.vidcontainer{ width:100%;height: 430px;}
	#about_1{    height: 430px;}
	header.on .men{    display: none;}
	.about .at-i{width: 100%;padding: 50px;margin: 30px auto;position: static;}
	.about h4{padding: 10px 0;font-size: 26px;}
	.kuai {width: 100%;height: 200px;}
	.ys h4,.pt h4 {font-size: 26px;}
	.jfix{       margin: 40px 0; position: static;}
	.runpic-words{width: 100%;}
	.runpic-words ul li{ margin: 10px 10px; width: 47%;  text-align: center;}
	.runpic-words ul li img{    float: none;}
	.runpic-words ul li h6{ float: none; font-size: 18px;   padding-left: 0;  margin-top: 10px; }
	.runpic-pic{display:none;}
	.new .n-txt p {text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}
	.index_main .section6 dl dd{    width: 100%; margin:0 0 15px 0;}
	.index_main .section5{    padding-bottom: 35px;}
	.pt {padding: 40px 0 4%;}
	.show-img{ height:260px !important;}
	.sidebar .sb_nav dl{  display: block;  float: left;width: 46%;margin: 0 6px 12px;}
	.je p{width: 87%;}
	footer .fe p,footer h4,footer .fy{    display: none;}
	footer ul li{    font-size: 16px;padding-top: 10px;}
	footer{padding: 36px 0 0;    margin-top: 30px;}
	footer .fd{    padding: 20px 0;}
	.sidebar .sb_nav{margin-bottom: 20px;margin-top: 20px;}
	.ms-img{ display:none;}
	#messagelist{height: auto;}
	#shownews h1{    font-size: 24px;}
	#productlist li a.text h4{     padding: 15px;   background: #1f286d; font-size: 24px;   position: static;}
		.index_main .section6 .lbg{     margin-top: 40px;   padding: 0 20px 20px;}
	.fo{    position: static;}
	.index_main .section3 ul li{height: 42vh;}
}
@media only screen and (max-width: 767px) {
	header .logo .img2{display:block;}
		header .logo .img1{display:none;}
	.navo ul li dl{    display: none;}
	.navo ul li{ float:none; margin-left:0;     text-align: center;    padding-bottom: 6px;}
	.navo {top: 18%;}
	header:hover {background: none;}
	.index_main .section1 .index_banner .item .inner .block_txt h2{font-size: 16px;letter-spacing: 2px;    line-height: 1.6;}
	.index_main .section1 .index_banner .item .inner .block_txt h4 { font-size: 20px; margin-bottom: 2px;    line-height: 1.6; }
.index_main .section1 .index_banner .item .ban2img img { width: 80% !important; left: 5%; top: 16% !important; }
.index_main .section1 .index_banner .ban2img1 img { width: 80% !important; right: 10%; }
	html{ height:auto !important;overflow: visible !important;}
body{ height:auto !important;overflow: visible !important;}
	.index_main{      position: static !important;  transform: none !important;transition: none !important;height: auto !important;}
	.fp-tableCell,.index_main .section{ height:auto !important;}
	#fp-nav{ display:none;}
	header{position: relative; background:#1f286d;top: 0;}
	header .logo{ display:block !important;background: #fff; padding: 10px;    max-width: 130px;}
	.pmenu{ top:0;}
	.pmenu .mlogo{    display: none;}
	header.on .men{    display: none;}
	.about .at-i{width: 100%;padding: 20px;    position: static;}
	.about h4{padding: 10px 0;font-size: 26px;}
	.index_main .section3 ul li{    height: 30rem;}
	.new li{    padding: 0;}
	.new .n-txt p {text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}
	.index_main .section6 dl dd{    width: 100%; margin:0 0 15px 0;}
	.index_main .section5{    padding-bottom: 35px;}
	.d-nav{ display:none;}
	.ln .lxp{position: static;}
	.pt {padding: 40px 0 4%;}
	.show-img{ height:310px !important;}
	.sidebar .sb_nav dl{  display: block;  float: left;width: 46%;margin: 0 6px 12px;}
	.index_main .section6 dl h3{    font-size: 24px;}
	table td{ width:100% !important; float:left;}
	#messagelist table {margin-left: 6%;}
	#messagelist{height: auto;}
	#shownews h1{    font-size: 24px;}
	#productlist li a.text h4{     padding: 15px;   background: #1f286d; font-size: 24px;   position: static;}
	.index_main .section6 .lbg{     margin-top: 40px;   padding: 0 ;}
	.index_main .section6 dl dd img{    margin: 7px auto; float:none;}
	.index_main .section6 dl dd h3 {padding: 9px 0;float: none;
    text-align: center;}
	.index_main .section6 dl{margin-top: 10px;}
	.fo{    position: static;}
}