body{ color:#333;font-size:14px; margin:0 auto;font-family:'microsoft yahei',"微软雅黑",SimSun,Verdana,Arial;}
p,span,ul,ol,li,img,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,dl,dd,dt{list-style:none; border:0; margin:0; padding:0; font-weight:normal;}
a{outline-style:none;color:#333;text-decoration:none; padding:0; margin:0}
.fl {float: left;}
.fr {float: right;}
.clearfix:after {display: block;clear: both;content: "";visibility: hidden;height: 0}
.clearfix {zoom: 1}

.section1{ height:50px; line-height:50px; background:#292929;}
.top{ font-size:18px; color:#fefefe; font-weight:bold;}
.her{ line-height:50px;color:#fefefe;}
.her a{color:#fefefe;}
.dingbuxy{ background:url(dingbuyouxiang.jpg) no-repeat left center; padding-left:30px;}
.shejiao{ float:left; margin-top:15px;}
.shejiao a{ display:block; float:left; margin-left:18px;}
.top a:hover{ color:#0354b0;}
.lanuage{ width:40%;}
.socialla{overflow: hidden; float:right;}
.home_share_middle_left2a ul li{display:inline-block;float:left;width:43px;overflow:hidden; margin:0 5px;}
.home_share_middle_left2a ul li a{display:block;width:43px;height:43px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;z-index: 10;background:url(share_middle_backa.png) no-repeat;}
.home_share_middle_left2a ul li a.ffx{background-position: -0px -0px;}
.home_share_middle_left2a ul li a.ffx:hover{background-position: -0 -55px;}
.home_share_middle_left2a ul li a.infx{background-position: -51px -0;}
.home_share_middle_left2a ul li a.infx:hover{background-position: -51px -55px;}
.home_share_middle_left2a ul li a.fgfx{background-position: -102px -0px;}
.home_share_middle_left2a ul li a.fgfx:hover{background-position:-102px -55px;}
.home_share_middle_left2a ul li a.google{background-position: -154px -0px;}
.home_share_middle_left2a ul li a.google:hover{background-position:-154px -55px;}
.home_share_middle_left2a ul li a.vbf{background-position: -205px -0px;}
.home_share_middle_left2a ul li a.vbf:hover{background-position: -205px -55px;}
.tela{ float:right;}
.tela p{ line-height:35px; font-size:20px;}
.tela p:nth-of-type(1){background:url(tela.png) no-repeat left center; padding-left:35px;}
.tela p:nth-of-type(2){background:url(emaila.png) no-repeat left center; padding-left:35px;}
.tela p b{ color:#0354b0;}
.lanuage dt{ float:left; background:url(nav_ybgqyi.png) no-repeat left center; padding-left:35px;}
.lanuage dd{ float:left; background:url(nav_ybgqqi.png) no-repeat left center; padding-left:35px; margin-left:15px;}
.lanuage a:hover{ color:#0354b0;}
.sitemap{ border-left:1px solid #fff; border-right:1px solid #fff; padding:0 10px; margin-left:5px;}
.head{ margin:1% auto;}
.logo{ width:60%; }
.logo1 .logo2{ width:25%;}
.logo1 .logo3{ width:75%; }
.logo3{ line-height:35px; margin-top:8px; font-size:20px;}
.logo3 span{ font-size:16px; display:block;}
.logo3 b{ color:#0354b0;}
.logo img{ max-width:100%;}
.nav{}
 .menu { height:54px; }
.menu ul{margin:0 auto;}
.hide{width:100%; font-size:18px;}
.menu ul li:nth-of-type(2){ width:16%;}
.hidee{ width:12%;}
.menu ul li {float:left; position:relative; z-index:999; }
.menu ul li a, .menu ul li a:visited {display:block; text-align:center; text-decoration:none; height:54px; color:#333; line-height:54px;overflow:hidden;}
.menu ul li ul {display: none; }
.hidee:hover{ border-bottom:2px solid #0354b0;}
.menu ul li:hover a {color:#0354b0;}
.menu ul li:hover ul {display:block; position:absolute; top:54px; left:0; width:100%;}
.menu ul li:hover ul li{ width:100%}
.menu ul li:hover ul li a {display:block;color:#fff; background:rgba(3,84,176,1);}
.menu ul li:hover ul li a:hover {background:rgba(51,51,51,1); color:#fff;}
.title{text-align:center; background:url(title.png) no-repeat bottom center;}
.title a{ font-size:32px; color:#292929; line-height:80px;}
.title a:hover{color:#0354b0;}
.pro1{ margin:2% 0;}
.pro1 dl{ float:left; width:31%; margin:0.5% 1%;}
.pro1 dl dd { background:#f7f7f7;}
.pro1 dl dd .pic{ display:block; overflow:hidden; height:279px;}
.pro1 dl dd img{ width:100%; height:279px; transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
.pro1 dl:hover dd img{transform: scale(1.05);}
.pro1 dl dd p{   background:url(home_product1.png) no-repeat bottom right; padding:3%;}
.pro1 dl dd p a{ display:block;line-height:30px; height:60px;overflow:hidden;}
.pro1 dl:hover dd p{ background:url(home_product2.png) no-repeat bottom right;}
.pro1 dl:hover dd{background:#0354b0;}
.pro1 dl:hover dd a{ color:#fff;}
.pro1 dl dt{ border:1px solid #000; height:35px; line-height:35px; text-align:center; margin:3% 0;}
.pro1 dl dt:hover{ background:#0354b0; border:1px solid #0354b0;}
.pro1 dl dt:hover a{ color:#fff;}
.section2{ background:#f7f7f7;}
.about dt{ float:left; width:49%;}
.about dt h1{ font-size:36px; color:#0354b0; line-height:80px; padding-top:5%;}
.about dt p{ line-height:30px;}
.about dd{ float:right; width:49%;}
.about dd img{ width:100%;}
.more{ background:#0354b0; font-size:18px; width:150px; line-height:35px; height:35px; color:#fff; display:block; text-align:center; margin-top:20px;}
.more:hover{ background:#bdbdbd; color:#333;}

.portfolio-item{width:23%; margin:1%; float:left;}
.portfolio-item .img-responsive{ display:block; height:207px;overflow:hidden;}
.portfolio-item h2{ text-align:center; word-wrap:break-word; line-height:45px; height:45px; background:#fafafa; font-size:14px; overflow:hidden; word-wrap:break-word;}
.portfolio-item h2 a{ word-wrap:break-word;}
.portfolio-item:hover h2{ background:#0354b0;}
.portfolio-item:hover h2 a{ color:#fff;}
.portfolio-item img{width:100%;height:207px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.portfolio-item:hover img{transform: scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);/* IE 9*/-moz-transform:scale(1.2, 1.2);/* Firefox*/-webkit-transform:scale(1.2, 1.2);/* Safari �� Chrome*/-o-transform:scale(1.2, 1.2);/* Opera*/}
/*图片凸出*/.mask{width:100%;height:207px;background-color: rgba(54, 55, 50, 0.79);bottom: -100%;color: #fff;position: absolute;text-align: left;-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.mask h2{display:block;margin-top:120px;text-align:center;line-height:30px; height:30px; overflow:hidden;}
.mask h2 a{color:#fff;font-size:16px; }
.mask h2 a:hover{ color:#fefefe;}
.portfolio-item:hover figcaption.mask{bottom:0px;}
ul.external{position: absolute;left: 0;top: -160px;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;}
.external li{display:inline-block;border:}
.external{width:100%;margin-top:40px;text-align:center;}
.external li a{width:70px;height:70px;display:block;background:url(home_solution_djj.png) no-repeat; transition: all 0.5s;-webkit-transition: all 05s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
.external li a:hover{background-position:0 -80px;}
.portfolio-item:hover ul.external{top: 0;}
.honor{ padding:2% 0;}
.case1{ margin:2% 0;}
.section3{ background:#fafafa;}
.casee{ float:left; width:18%; margin:1%;}
.casee ul li{ display:inline; float:left; width:100%; height:162px; margin:1%; overflow:hidden; position:relative; }
.casee ul li a img{ width:100%; height:162px}
.casee ul li a img,.casee ul li a p { transition: 0.5s; }
.casee ul li a:hover img { transform: scale(1.1); }
.casee ul li a p { position:absolute;bottom: 0px;left: 0px;width: 100%; height:30px; line-height:30px;background: rgba(49,49,49,0.7); color:#fff; text-align:center; overflow:hidden;}
.casee ul li a:hover p { transform: scale(1);  }
.casee dl h1{ color:#0354b0; font-size:36px;} 
.casee dl p{ line-height:26px; word-wrap:break-word;}
.video{ margin:0 0 2% 0;}
.video1{ width:49%; position:relative;}
.news1{ margin:2% 0;}
.shipin img{ width:100%; padding-top:20px; height:440px;}
.shipin1{ position:absolute; left:40%; top:40%;}
.news2{ width:49%;}
.news2 li{ margin:10px 0; overflow:hidden;}
.date{ width:65px; border:1px solid #CCC; text-align:center; float:left; margin :8px 15px 0 0;}
.new3{ width:100%;}
.date span{ display:block;}
.day { font-size: 30px;font-weight: bold; background-color: #ccc;line-height: 55px;color: #fff;}
.year {font-size: 0.77em; color: #565656; line-height:25px;}
.news2 li:hover .date { border-color: #0354b0; }
.news2 li:hover .date .day { background-color: #0354b0; }
.new3 h1{ font-size:14px; font-weight:normal; line-height:30px; height:30px; overflow:hidden;}
.new3 span{background: url(date.png) no-repeat left center;padding-left: 30px;display: block;margin: 10px 0;}
.wenzi{ line-height:25px; height:50px; overflow:hidden; color:#999; word-wrap:break-word;}
.news2 li:hover h1{ color:#0354b0;}
.more_bg { background: url(newtitbg.jpg) repeat-x left center; display: block; width: 100%; margin: 0 auto; overflow: hidden; }
.more1 { padding: 12px 20px; margin: 0 auto 0; display: block; width: 200px; overflow: hidden; text-indent: 80px; margin-left: 38%; text-align: left; border: #272c4c 2px solid; background: #fff url(more.png) no-repeat 40px center; font-size: 18px; color: #000; }
.more1:hover { background: #0354b0 url(more1.png) no-repeat 40px center; color: #FFF;border: #bababa 2px solid; }
.section4{ background:#292929;}
.Navigation{width:25%;float:left;margin-top:30px;}
.Navigation_b b{font-size:18px; font-weight:bold;color:#fff;}
.Navigation .gg{width:70px;height:5px;background:#0354b0;margin-top:8px;}
.foot_navlist{margin-top:40px;}
.foot_navlist li a{ color:#dbdbdb; font-weight:bold; font-size:14px;line-height:30px;}
.foot_navlist li a:hover{color:#0354b0;}
.touch_in{margin:0;}
.liuan1{ padding:15px 0; line-height:30px;} 
.touch_in input,.touch_in textarea{width:98%; border:1px solid #999;line-height: 33px;padding: 0 1%;margin-bottom: 10px;font-size:12px;color:#000; }
.touch_in .submit{width: 150px;border: none;background: #0354b0;color: #fff;font-weight:bold; margin-left:50%;}
.Contact_touch{width:32%;float:left;margin-top:30px;}
.Contact_touch b{font-size:18px; font-weight:bold;color:#fff;}
.Contact_touch .gg{width:70px;height:5px;background:#0354b0;margin-top:8px;}
.fo_product_nav{ width:35%;float:right;margin-top:30px;}
.fo_product_nav .gg{width:70px;height:5px;background:#0354b0;margin-top:8px;}
.fo_product_nav  b{font-size:18px; font-weight:bold;color:#fff;}
.fo_navlist{margin-top:30px;}
.fo_navlist li{ line-height:35px; font-size:16px; color:#fff; padding-left:40px;}
.fo_navlist li:nth-of-type(1){ background:url(home_contact5.png) no-repeat left 10px;}
.fo_navlist li:nth-of-type(2){ background:url(home_contact2.png) no-repeat left center;}
.fo_navlist li:nth-of-type(3){ background:url(home_contact1.png) no-repeat left center;}
.fo_navlist li:nth-of-type(4){ background:url(home_contact3.png) no-repeat left center;}
.fo_navlist li:nth-of-type(5){ background:url(home_contact4.png) no-repeat left center;}
.sociall{overflow: hidden;float: left;margin-top:25px;}
.home_share_middle_left2 ul li{display:inline-block;float:left;width:43px;overflow:hidden; margin:0 5px;}
.home_share_middle_left2 ul li a{display:block;width:43px;height:43px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;z-index: 10;background:url(share_middle_back.png) no-repeat;}
.home_share_middle_left2 ul li a.ffx{background-position: -0px -0px;}
.home_share_middle_left2 ul li a.ffx:hover{background-position: -0 -55px;}
.home_share_middle_left2 ul li a.infx{background-position: -51px -0;}
.home_share_middle_left2 ul li a.infx:hover{background-position: -51px -55px;}
.home_share_middle_left2 ul li a.fgfx{background-position: -102px -0px;}
.home_share_middle_left2 ul li a.fgfx:hover{background-position:-102px -55px;}
.home_share_middle_left2 ul li a.google{background-position: -154px -0px;}
.home_share_middle_left2 ul li a.google:hover{background-position:-154px -55px;}
.home_share_middle_left2 ul li a.vbf{background-position: -205px -0px;}
.home_share_middle_left2 ul li a.vbf:hover{background-position: -205px -55px;}
.section5{ /*background:#0e0e0e;*/ background:#292929;text-align:center; color:#fff; line-height:30px; padding:10px 0;}
.section5 a{ color:#fff; padding:0 5px;}
.head_navlist{ background:#0354b0; height:60px;}
.head_navlist ul li{ float:left; width:25%; text-align:center;}
.head_navlist ul li a{ display:block; line-height:30px; height:30px; color:#fff; border-bottom:1px solid #fff; border-right:1px solid #fff;}
.head_top{ padding:1%;}
.head_top span{ width:40%;}
.head_top span img{ max-width:100%;}
.head_top p{ background:url(home_contact1.png) no-repeat left center; padding-left:30px; margin-top:30px;}
.head_top p a:hover{ color:#0354b0;} 
 #Fixed { position:fixed; left:0; z-index:999999; bottom: 0;  /* 非IE下的定位 */ _position: absolute;  /*IE6 用absolute模拟fixed*/ _top: expression(document.documentElement.scrollTop + Math.round(document.documentElement.offsetHeight-42) + "px"); /*IE6 动态top值*/
right:0; width:100%; height:auto; background-color:#0354b0;  margin:0 auto }
#Fixed ul {  display:block; text-align:center; }
#Fixed li { width:25%; display:block; float:left; height:auto; line-height:20px; text-align:center;  margin:0 auto; }
#Fixed li a { letter-spacing:2px; color:#FFF; text-shadow: 1px 1px rgba(0, 0, 0, 0.5); display:block; font-size:13px; font-family:微软雅黑 }
#Fixed li:hover { background:url(EngBgH.jpg) repeat-x top left; }
.section6{ background:#fafafa;}
.local p{ float:left;}
.local ul{ float:left; line-height:38px; padding-left:15px;}
.local ul a:hover{color:#0354b0;}
.prolist1{ width:75%; margin:0 -1%; overflow:hidden;}
.prolist1 dl{ float:left; width:31%; margin:0 1% 2%; border:1px solid #ebebeb;}
.prolist1 dl img{ width:100%; height:209px; transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
.prolist1 dd a{ display:block; overflow:hidden; width:100%;}
.prolist1 dt{ padding:1% 3%;}
.newsjj{ line-height:30px; height:60px; overflow:hidden;}
.newsjj p{ width:100%;}
.newsjj a{ width:100%; word-wrap:break-word;}
.prolist1 dt h1{ font-size:16px; line-height:30px; height:60px; overflow:hidden; text-align:center;background: url(home_product1.png) no-repeat bottom right;}
.prolist1 dl:hover{ border:1px solid #0354b0;}
.prolist1 dl:hover img{transform: scale(1.05);}
.prolist1 dl:hover dt a{ color:#0354b0;}
.more2{ background:#0354b0; border-radius:3px; color:#fff; line-height:35px; height:35px; text-align:center; display:block; width:50%; margin:2% auto 5%;}
.more2:hover{background:#292929; }
.prolist2{ width:25%;}
.cpfl{ margin-bottom:4%;}
.cpfl dt{ background:#292929; height:70px; line-height:70px;}
.cpfl dt a{background:url(jiantou.jpg) right center no-repeat; color:#fff; font-size:22px; padding:0 30px;}
.cpfl dd p{ background:#ebebeb; line-height:50px; height:50px; border-bottom:1px solid #fff;padding-left:20px; font-size:15px; overflow:hidden;}
.cpfl dd p:hover{ background:#0354b0; }
.cpfl dd p:hover a{color:#fff;}
.cpfl1{ margin-bottom:4%;}
.cpfl1 dt{ background:#292929; height:70px; line-height:70px;}
.cpfl1 dt a{background:url(jiantou.jpg) right center no-repeat; color:#fff; font-size:22px; padding:0 30px;}
.cpfl1 dd p{ background:#ebebeb; line-height:50px; height:50px; border-bottom:1px solid #fff;padding-left:20px; font-size:15px; overflow:hidden; word-wrap:break-word;}
.cpfl1 dd p:hover{ background:#0354b0; }
.cpfl1 dd p:hover a{color:#fff;}
.prolist{ margin:2% auto;}
.cpfl2 dt{ background:#292929; height:70px; line-height:70px;}
.cpfl2 dt a{background:url(jiantou.jpg) right center no-repeat; color:#fff; font-size:22px; padding:0 30px;}
.cpfl2 p{ line-height:40px;border-bottom:1px solid #fff;padding-left:10px;overflow:hidden; font-size:16px;}
.prolist3{ width:73%; overflow:hidden;}
.prolist3 ul li{ border-bottom:1px dashed #999; padding-bottom:15px; margin-bottom:15px;}
.prolist3 ul li h1{ font-size:18px; line-height:35px; height:35px; overflow:hidden;}
.prolist3 ul li h1:hover a{color:#0354b0;}
.prolist3 ul li span{ background:url(date.png) no-repeat left center; padding-left:30px; display:block; margin:10px 0;}
.prolist3 ul li p:hover a{color:#0354b0;}
.prolist3 ul li:hover{ border-bottom:1px dashed #0354b0;}
.prolist4 { margin:1% -1%}
.prolist4 dl{ float:left; width:23%; margin:1%;}
.prolist4 dl dt a{ display:block;height:211px;}
.prolist4 dl dt img{ width:100%; height:211px;}
.prolist4 dl dd{ background:#ebebeb; text-align:center; line-height:50px; height:50px; overflow:hidden;}
.prolist4 dl dd a{ font-size:16px;}
.title1{ color:#292929; font-size:20px; border-bottom:2px solid #292929; line-height:35px; height:35px; background:url(jiantou1.jpg) no-repeat left center; padding-left:30px; margin-bottom:30px;}
.cpfl3 dt{ background:#292929; height:70px; line-height:70px;}
.cpfl3 dt a{background:url(jiantou.jpg) right center no-repeat; color:#fff; font-size:22px; padding:0 30px;}
.casee1{ width:100;}
.casee1 ul li{ width:100%; height:225px; margin:4% 0; overflow:hidden; position:relative; }
.casee1 ul li a img{ width:100%; height:225px}
.casee1 ul li a img,.casee ul li a p { transition: 0.5s; }
.casee1 ul li a:hover img { transform: scale(1.1); }
.casee1 ul li a p { position:absolute;bottom: 0px;left: 0px;width: 100%; height:30px; line-height:30px;background: rgba(49,49,49,0.7); color:#fff; text-align:center; overflow:hidden;}
.casee1 ul li a:hover p { transform: scale(1);  }
.casee1 dl h1{ color:#0354b0; font-size:36px;} 
.casee1 dl p{ line-height:26px;}
.show{ width:73%; overflow:hidden;}
.news3{ margin:1% -1%;}
.news3 ul li{ float:left; margin:0 1%; border-bottom: 1px dashed #999; line-height:50px; height:50px; overflow:hidden; width:48%;}
.news3 ul li span{ padding-right:10px;}
.news3 ul li a{ font-size:16px;}
.show4{ line-height:30px; padding:2% 0;}
.fxda{ float:right;}
.show4 img{ max-width:100%;}
.show1 dl dt{ float:left; width:49%;}
.show1 dl dt img{ width:100%; height:auto;}
.show1 dl dd{ float:right; width:49%;}
.show1 dl dd h1{ text-align:center; font-size:26px; margin-bottom:10px;}
.show1 dl dd p{ background:url(dui.png) no-repeat left 10px; padding-left:28px; line-height:30px;}
.email{ margin:4% 0;}
.email span{ line-height:35px; height:35px;}
.email a{ color:#fff;}
.email1{ width:49%;float:left; background:#292929 url(email.png) no-repeat 10px center; padding-left:40px;}
.email2{ width:29%; float:right; background:#292929 url(wx.png) no-repeat 10px center; padding-left:40px;}
.follow b{ float:left; line-height:32px; font-size:16px; font-weight:normal;}
.follow span{ float:left;}
.follow img{ padding:0 5px;}
.show5 { line-height:30px; padding-bottom:20px;}
.show5 img{ max-width:100%;}
.show5 h1{ line-height:40px; text-align:center; padding-bottom:15px;}
.laiyuan{ text-align:center; line-height:30px;}
.laiyuan span{ padding:0 10px;}
.next{ line-height:30px; margin:15px 0;}
.touch_inn{ background:#ededed; padding:2%; margin:2% 0}
.touch_inn p{ color:#333; line-height:30px; word-wrap:break-word; padding-bottom:15px;}
.touch_inn input,.touch_inn textarea{width:98%;line-height: 33px;padding: 0 1%;margin-bottom: 15px; border:none;}
.touch_inn .submit{width: 150px;border: none;background: #292929;color: #fff;font-weight:bold;}
.list_page {padding: 20px 0 0 0;width: 100%;}
.list_page ul { text-align: center;}
.list_page ul li {border: 1px solid #e9e9e9;display: inline-block;font-size: 12px;height: 25px;line-height: 25px;margin-left: 5px; padding: 0 10px;width: auto;}
.list_page ul li a:hover {color: #0354b0;text-decoration: none;}
.list_page ul li.active {border: 1px solid #0354b0;}
.list_page ul li.active a{  color: #0354b0;}
.kj1 iframe{ width:100%; height:350px; border:none;}
.kj2 iframe{ border:none; height:300px; width:100%; }
.label{ width:15%; text-align:right;float:left; color:#333;}
.enter{ width:70%; float:left;}
.chjj span{ float:left; }
.liuyan dl dt{ float:left; width:49%;}
.liuyan dl dd{ float:right; width:49%;}
.liuyan dl h1{font-size: 18px;font-weight: bold; line-height:40px;}
.liuyan dt p{ line-height:30px;}
.liuyan dd p{ line-height:45px;}

/*1280分辨率以上（大于1200px）*/
@media screen and (min-width:1200px){
.page{ width: 1200px; margin:0 auto; }
.pc{ display:block;}
.mobile{ display:none;}

}

/*1100分辨率（大于960px，小于1199px）*/
@media screen and (min-width: 960px) and (max-width: 1199px) {
.page{ width: 98%; margin:0 auto; }
.pc{ display:block;}
.mobile{ display:none;}
.pro1 dl dd img,.pro1 dl dd .pic{ height:267px;}
.portfolio-item img,.portfolio-item .img-responsive{ height:198px;}
.casee ul li a img,.casee ul li{ height:155px;}
.prolist1 dl img{ height:200px;}
.prolist4 dl dt a,.prolist4 dl dt img{ height:203px;}
.casee1 ul li,.casee1 ul li a img{ height:216px;}
}

/*880分辨率（大于768px，小于959px）*/
@media screen and (min-width: 768px) and (max-width: 959px) {
.page,.show1 dl dt,.show1 dl dd{ width: 100%; margin:0 auto; }
.pc{ display:none;}
.mobile{ display:block;}
.pro1 dl dd img,.pro1 dl dd .pic{ height:213px;}
.portfolio-item img,.portfolio-item .img-responsive{ height:158px;}
.casee ul li a img,.casee ul li{ height:124px;}
.shipin img{ height:344px;}
.prolist1 dl img{ height:163px;}
}

/*720分辨率（大于480px，小于767px）*/
@media only screen and (min-width: 480px) and (max-width: 767px){
.page{ width: 100%; margin:0 auto; }
.pc,.video1,.Navigation,.email{ display:none;}
.mobile{ display:none;}
.pro1 dl,.portfolio-item,.casee{ width:48%;}
.pro1 dl dd img,.pro1 dl dd .pic{ height:260px;}
.portfolio-item img,.portfolio-item .img-responsive{ height:145px;}
.casee ul li a img,.casee ul li{ height:260px;}
.about dt,.news2,.Contact_touch,.fo_product_nav,.prolist1,.prolist2,.prolist3,.show,.show1 dl dt,.show1 dl dd,.liuyan dl dt,.liuyan dl dd{ width:98%; margin:0 auto; float:none;}
.about dd{ width:98%; margin:1% auto; float:none;}
.honor .casee:nth-of-type(1){ width:98%; margin:1% auto; float:none;}
.footer{ padding:2% 0;}
.prolist1 dl img{ height:212px;}
.more_bg{ background:none;}
.more1{ margin:0 auto; width:50%; padding:0; text-align:center; background:none; text-indent:0; line-height:40px; height:40px;}
.cpfl { overflow:hidden;}
.cpfl dt{ display:none;}
.cpfl dd p{padding:0; line-height:35px; height:35px;float:left; width:50%; text-align:center;}
.cpfl dd p a{ border-right:1px solid #fff; display:block; font-size:13px; word-wrap:break-word;}
.newsjj{ display:none;}
.prolist3 ul li{ margin-bottom:10px; padding:0}
.prolist3 ul li span{ display:none;}
}

/*440分辨率以下（小于479px）*/
.mobile2{ display:none;}
@media only screen and (max-width: 479px) {
	.mobile2{ display:block;}
.page{ width: 100%; margin:0 auto; }
.pc,.video1,.Navigation,.email{ display:none;}
.mobile{ display:block; overflow:hidden;}
.pro1 dl,.portfolio-item,.casee{ width:48%;}
.pro1 dl dd img,.pro1 dl dd .pic{ height:130px;}
.portfolio-item img,.portfolio-item .img-responsive{ height:130px;}
.casee ul li a img,.casee ul li{ height:130px;}
.about dt,.news2,.Contact_touch,.fo_product_nav,.prolist1,.prolist2,.prolist3,.show,.show1 dl dt,.show1 dl dd,.liuyan dl dt,.liuyan dl dd{ width:98%; margin:0 auto; float:none;}
.about dd{ width:98%; margin:1% auto; float:none;}
.honor .casee:nth-of-type(1){ width:98%; margin:1% auto; float:none;}
.footer{ padding:2% 0;}
.mask h2{ margin-top:90px;}
.external{ margin-top:20px;}
.copyright{ margin-bottom:60px;}
.prolist1 dl{ width:47%}
.prolist1 dl img{ height:133px;}
.more_bg{ background:none;}
.more1{ margin:0 auto; width:50%; padding:0; text-align:center; background:none; text-indent:0; line-height:40px; height:40px;}
.cpfl { overflow:hidden;}
.cpfl dt{ display:none;}
.cpfl dd p{padding:0; line-height:35px; height:35px;float:left; width:50%; text-align:center;}
.cpfl dd p a{ border-right:1px solid #fff; display:block; font-size:13px; word-wrap:break-word;}
.newsjj{ display:none;}
.prolist3 ul li{ margin-bottom:10px; padding:0}
.prolist3 ul li span{ display:none;}
}
.showpro1 ul{ overflow:hidden;}
.showpro1 ul li{ float:left; width:46%; margin:1% 1.5%; border:1px solid #ebebeb;}
.showpro1 ul li img{ width:100%;   height:125px;} 
.showpro1 ul li p{ display:block; line-height:35px; height:35px; overflow:hidden; text-align:center;}

.IndexCode img{max-width:100% !important; height:auto !important;}