@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0;}
img{vertical-align: middle;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul,li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
:link,:visited ,ins{text-decoration:none}
input,button,select,textarea,a{outline:none;font-size: 100%;}
textarea{resize:none}
li{*vertical-align: middle;}
body{ color: #000;font:12px/2 Helvetica,Arial,Verdana,sans-serif;word-break:break-all;background: #fff;}
a{color: #333;}
.disn{display: none;}
.ell{overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.f{ float: left;}
.r{ float: right;}
.new{ width: 1200px; margin: 0 auto; overflow: hidden;}
.new ul li{ border-bottom: 1px solid #f1f0f0; padding: 40px 0px; height: 205px; height: auto; overflow: hidden; width: 1200px;}
.new ul li a.thumb{ width: 360px; height: 205px; float: left; display: block; overflow: hidden;}
.new ul li a.thumb img{ width: 360px; height: 205px;}
.new ul li .des{ width: 820px; float: right;}
.new ul li .des h3 a{ font-size: 18px; width: 820px; display: block; color: #333; transition: all 0.5s ease 0s; }
.new ul li .des h3 a:{ color: #4f7dca;}
.new ul li .des p{line-height: 30px; font-size: 14px; color: #666;}
.new ul li .des a.more{ width: 120px; height: 35px; border-radius: 5px; border:1px solid #ddd; display: block; text-align: center;  display: block;   font-size: 14px; line-height: 35px; background: url(../images/+.png) 15px 11px no-repeat #fff;  transition: all 0.5s ease 0s; margin-top: 35px;}
.new ul li:hover .des a.more{ background: url(../images/+2.png) 15px 11px no-repeat #4f7dca; color: #fff; }
.content{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.content .pos{ font-size: 16px; margin: 50px 0px; line-height: 20px; height: 20px; color: #666;}
.content .pos a{ color: #666;}
.content .datah1{color: #333;font-size: 30px; font-weight: normal; line-height: 50px; margin-bottom: 10px;}
.content .datah2{ border-bottom: 1px dashed #ddd;color: #8d8d8d;font-size: 14px;font-weight: normal;line-height: 40px;}
.content .datacont{ width: 1200px; padding: 30px 0px; line-height: 35px; color: #333;border-bottom: 1px dashed #ddd; text-indent: 2em; font-size: 15px;}
.content .datacont p{ color: #333; margin-top: 10px;}
.pages{ height: 40px; width: 100%; padding-top: 30px; margin: 0 auto; padding-bottom: 40px;}
.pages .digg{ text-align: center;}
.pages .digg b{ border:1px solid #4f7dca;  padding: 6px 12px; font-size: 12px; border-radius: 3px; cursor: pointer; color: #666;}
.pages .digg a b{ font-weight: normal; color: #fff; border:1px solid #4f7dca;}
.pages .digg a { padding:6px 12px; background: #4f7dca; text-decoration: none; color: #fff; font-size: 12px; border-radius: 3px;}
.pages div.digg a{ font-size: 14px;}
.pages div.digg a b{ color: #fff; font-size: 15px; font-weight: none;}
.pages .digg a b{ padding: 0px;}
.updown{ width: 1200px; padding-top: 20px; line-height: 30px; height: 30px;}
.updown div{ float: left; font-size: 14px; color: #00a3fe; width: 600px;}
.updown div a{ color: #333;}
.updown div a:{ color: #00a3fe;}
.updown div.downp{ text-align: right;}
.back{ width: 180px; margin: 0 auto; transition: all 0.5s ease 0s; margin-top: 20px; height: 70px; line-height: 70px; border: 1px solid #ddd; text-align: center; border-radius: 10px;}
.back a{ font-size: 14px; display: block; width: 180px; height: 70px;}
.back:{ background: #00a3fe;}
.back: a{ color: #fff;}
.datah3{color: #000;font-size: 50px; padding: 30px 0 40px; text-align: center;}
.zizhi{ width: 930px;}
.zizhi ul{ width: 950px; height: auto; overflow: hidden; padding-top: 25px;}
.zizhi ul li{ width: 215px;  background: #f6f6f6; margin-bottom: 25px;  border:1px solid #fff; height: 210px; float: left; margin-right: 20px;}
.zizhi ul li:hover{border:1px solid #f78c3b;}
.zizhi ul li a{  height: 160px; width: 100%; margin: 0 auto; text-align: center; margin-top: 30px; display: block;  }
.zizhi ul li a img{ height: 145px; text-align: center;}
.content{ width: 1200px; height: auto; overflow: hidden; min-height: 550px; padding-bottom: 50px;}
.pagecont{ padding-top: 40px;}
.content .left{width: 220px; float: left; height: auto; overflow:hidden;}
.content .left .catename{ color: #333;  border-bottom: 1px solid #dddddd; color: #3b3b3b;display: block; font-family: "微软雅黑";font-size: 20px; line-height: 36px;padding-left: 23px; background: url(../images/navdot.jpg) 0px center no-repeat;}
.content .left ul li.parents{ width: 220px; height: auto; overflow: hidden;}
.content .left ul li.parents a.parent{ width: 220px; border-bottom:1px solid #f0f0f0; display: block; height: 36px;line-height: 36px; font-size: 14px; color: #333; background: url(../images/rclnpic2.jpg) 10px center no-repeat; float: left; text-indent: 23px;}
.content .left ul li.parents .child{ width: 220px; display: none; float: left; height: auto; overflow: hidden;}
.content .left ul li.parents ul.child li{ width: 220px; height: 28px; line-height: 28px;  none repeat scroll 0 0; float: left; padding-bottom: 2px;padding-left: 28px;width: 192px;}
.content .left ul li.parents ul.child li.act{background: #898989}
.content .left ul li.parents ul.child li.act a{ color: #fff;}
.content .left ul li.parents ul.child li: a{ color: #c11308;}
.content .left ul li.parents ul.child li.act: a{ color: #fff; text-decoration: underline;}
.content .left ul li.hover .child{ display: block;}
.content .left ul li.hover a.parent{ background: url(../images/libg1.png) 10px center no-repeat; color: #c11308;}
.content .left ul li.parents a.parent:{ background: url(../images/libg1.png) 10px center no-repeat; color: #c11308;}
.content .right{ width: 930px; float: right;}

.mobile-show{
	display: none
}
.content .right .lianxizobu{ font-size: 14px; color: #666; padding-left: 15px;}
.content .right .lianxizobu h3{ color: #c11308; font-size: 16px;}
.content .right .lxdh{ width: 930px; margin-top: 25px; height: 30px; background:#fcf2f3 none repeat scroll 0 0;}
.content .right .lxdh .fuwu{ float: left; cursor: pointer;  color: #333; height: 30px;width: 120px; line-height: 30px; text-align: center; font-size: 14px;}
.content .right .lxdh .act{ background: #f5d4d7;}
.lxchlists{ border: 1px solid #fcf2f3; width: 930px; padding: 15px 14px; height: auto; overflow: hidden;}
.lxchlists ul li{ width: 180px; float: left; font-size: 14px; cursor: pointer; height: 32px; background: url(../images/lxwmpic3.jpg) 10px center no-repeat; text-indent: 20px;}
.lxchlists ul li:{color: #c11308;  text-decoration: underline;}
.lxdes{ width: 928px;border: 1px solid #fcf2f3;  margin-top: 20px;}
.lxdes .lxdesup{ width: 928px; height: 30px; padding-left: 25px; ;line-height: 30px; font-size: 14px; color: #333; background:#fcf2f3 none repeat scroll 0 0;}
.lxdes .lxdees{ line-height: 30px; padding: 20px; font-size: 13px;}
.pageList{padding: 20px 0 0;}
.pageList .l{display: none;}
.pageList .r{float: none;text-align: center;}
.pageList .r li {line-height: 16px;display: inline; margin: 0 2px;}
.pageList .r li a{border: 1px solid #f1f1f1; border-radius: 2px; background: #f1f1f1;color:#666;display: inline-block;line-height: 26px;height: 26px;padding: 0 10px;margin: 0 0 10px;}
.pageList .r li a.selected{background:#539ff3;border: 1px solid #539ff3;color: #fff;}
.head{ width: 100%; height: 102px; background: #15375d;}
.head .head_wrap{ width: 1200px; height: 102px; margin: 0 auto;}
.head .head_wrap .logo{ width: 217px; height: 54px; margin-top: 24px; float: left;}
.head .head_wrap .navbar-index{ width: 840px; float: right; height: 102px;}
.head .head_wrap .navbar-index .head_top{ width: 144px; margin-right: 19px; margin-top: 10px; height: 20px; font-size: 18px; color: #fff; float: right; background: url(../images/tel.png) 0px center no-repeat; line-height: 20px;padding-left: 24px; float: right;}
.head .head_wrap .navbar-index .menulist{ width: 840px; float: right; height: 60px; margin-top: 4px;}
.head .head_wrap .navbar-index .menulist ul li{ width: 120px; float: left; height: 60px; line-height: 60px;  text-align: center;}
.head .head_wrap .navbar-index .menulist ul li a{ font-size: 15px; color: #fff;}
.head .head_wrap .navbar-index .menulist ul li a:{ color:#5382b6;}


#ban{height: 420px;position: relative; width: 100%; float: left;}
#ban li{position: absolute;top: 0;left: 0;width: 100%;}
#ban li a{display: block;height: 420px;}
#ban-btn{position: absolute;width: 100%;bottom: 20px;left: 0;line-height: 0;z-index: 3;text-align: center;}
#ban-btn em{display: inline-block;width: 18px;height: 18px; border-radius: 18px; margin: 0 3px;cursor: pointer;background: #fff;}
#ban-btn em.hover{background: #1e6bc7;}
.zhubo,.dewell_img{ width: 100%; height: auto; overflow: hidden; }
.zhubo{ background: #eeeeee}
.dewell{text-align: center;margin: 24px 0 0 0;}
.dewell p.en_title{font-size: 50px;color:#d4d3d3;letter-spacing:0;font-weight: bold;font-family: simhei}
.dewell p.title{font-size: 24px;color: #000;line-height: 50px;}
.dewell div.line{width: 40px;height: 0;border-top:1px solid #b5b5b5;margin: 0 auto;}
.dewell p.info{font-size: 14px;color: #666;line-height: 40px;}
.dewell_img{width: 1200px;margin: 15px auto 30px auto;}
.dewell_img a{float: left;margin-right: 8px;}
.dewell_img .slide{float: left;margin-right: 8px;position:relative;width: 291px;}
.dewell_img .slide a{float: none;margin-right: 0;}
.new_img{float: left}
.new_img img{width: 100%;}
.news{float: right;}
.news .news_item{border: 2px solid #d4d3d3; height: auto; overflow: hidden; margin-bottom: 10px;}
.news .news_item .left{float: left; background-color: #d4d3d3}
.news .news_item .left p.num{background: url("../images/icon_1.png") no-repeat ;width: 76px; height: 40px;margin: 20px 40px 10px 40px;}
.news .news_item .left p.num.num2{background-position:0 -41px;}
.news .news_item .left p.num.num3{background-position:0 -82px;}
.news .news_item .left p.date{font-size: 14px; color: #fff; text-align: center;line-height: 30px;}
.news .news_item .right{float: left}

.news .news_item .right p.title{font-size: 18px; line-height: 24px; color:#464646}
.news .news_item .right p.txt{font-size: 14px;color:#656464;width: 590px; line-height: 20px; }
.news .news_item .right span.more{float: right;background-color: #d4d3d3;padding: 3px 15px;  font-size: 12px;  margin: -3px 0 0 0 ;}
.news .news_item .right span.more a{ font-size: 12px;}
.news .news_item:hover{border-color:#4f7dca;}
.news .news_item:hover .left{background-color: #4f7dca}
.news .news_item:hover .right span.more{background-color: #4f7dca}
.news .news_item:hover .right span.more a{color:#fff}

.case_item{width: 33.333333%;height:198px;float: left;background-color:#dfdfdf;}
.case_item .icon{float: left;width:73px;height: 78px; display: block; background: url("../images/icon_6.png") no-repeat;margin:34px 53px 0 53px;}
.case_item .title{float: left;font-size: 18px;color: #4f7dca;width: 180px;border-bottom: 1px solid #4f7dca;line-height: 50px;margin: 50px 0 0 0; }
.case_item .txt{font-size: 14px;padding: 0 10px;line-height: 20px;display: none}
.cs1 a,.cs2 a,.cs4 a{ background: #000; opacity: 0.60; width: 100%; height: 100%;}
.case_item.cs1{background: url("../images/img_11.jpg")no-repeat}
.case_item.cs2{background: url("../images/img_12.jpg")no-repeat}
.case_item.cs3{background: url("../images/img_13.jpg")no-repeat}
.case_item.cs4{background: url("../images/hei.jpg")no-repeat}
.case_item.cs1 .title{color:#fff;border-color: #fff;}
.case_item.cs2 .title{color:#fff;border-color: #fff;}
.case_item.cs3 .title{color:#fff;border-color: #fff;}
.case_item.cs4 .title{color:#fff;border-color: #fff;}
.case_item .icon.ic1{background-position: -93px -82px;}
.case_item .icon.ic2{background-position: -186px -82px;}
.case_item .icon.ic3{background-position: -281px 0;width: 78px;}
.case_item .icon.ic4{background-position: -377px 0;}
.case_item .icon.ic5{background-position: -470px -82px;}
.case_item:hover{background-image: none;background-color: #4f7dca}
.case_item:hover .title{color:#fff;border-color: #fff;}
.case_item:hover .txt{display: block; clear: both; color: #fff;}
.case_item:hover .icon {background-position: 0 -82px;}
.case_item:hover .icon.ic1{background-position: -93px -82px}
.case_item:hover .icon.ic2{background-position: -186px -82px}
.case_item:hover .icon.ic3{background-position: -281px -66px}
.case_item:hover .icon.ic4{background-position: -377px -82px}
.case_item:hover .icon.ic5{background-position: -470px -82px}
.prolist{ width: 100%; height: 100px; background: #f6f6f6;padding-bottom: 15px;}
.prolist div.procent{ width: 1200px; margin: 0 auto;}
.prolist div.procent ul{ float: right;}
.prolist div.procent ul li{ background: url(../images/img/p_1.png) center center no-repeat; float: left; width: 130px; height: 90px; }
.prolist div.procent ul li a{ line-height: 20px; display: block; width: 130px; text-align: center; padding-top: 80px; font-size: 14px;}
.prolist div.procent ul li.li2{ background: url(../images/img/p_2.png) center center no-repeat;}
.prolist div.procent ul li.li3{ background: url(../images/img/p_3.png) center center no-repeat;}
.prolist div.procent ul li.li4{ background: url(../images/img/p_4.png) center center no-repeat;}
.prolist div.procent ul li.li5{ background: url(../images/img/p_5.png) center center no-repeat;}
.prolist div.procent ul li.li6{ background: url(../images/img/p_6.png) center center no-repeat;}
.prolist div.procent ul li.li7{ background: url(../images/img/p_7.png) center center no-repeat;}
.prolist div.procent ul li.act a{ color: #c11308;}


.right .caselists ul li{ width: 930px; padding: 20px 0px;height: 180px; height: auto; overflow: hidden; border-bottom: 1px solid #eee;}
.right .caselists ul li a.thumb{ width: 280px; float: left;  display: block; border-radius: 2px; overflow: hidden;}
.right .caselists ul li a.thumb img{ width: 280px; height: 180px;}
.right .caselists ul li .des{ width: 630px; float: right;}
.right .caselists ul li .des h3 a{ font-size: 16px; line-height: 32px; color: #333;}
.right .caselists ul li .des p{ font-size: 14px; line-height: 24px; color: #666;}
.right .caselists ul li .des a.more{ width: 180px; height: 35px; border-radius: 5px; border:1px solid #ddd; display: block; text-align: center;  display: block;   font-size: 14px; line-height: 35px; background: url(../images/+.png) 15px 11px no-repeat #fff;  transition: all 0.5s ease 0s; margin-top: 35px; }
.right .caselists ul li .des a.more:{ background: url(../images/+2.png) 15px 11px no-repeat #4f7dca; color: #fff; }
.right .cate{ width: 930px; height: 36px; border-bottom: 2px solid #ddd;}
.right .cate .catname{  display: block; text-align: center; float: left; border-bottom: 2px solid #15375d; font-weight: bold; color: #15375d; height: 36px; line-height: 36px; font-size: 16px; letter-spacing: 2px;}
.right .cate .catpos{ width: 500px; color: #666; float: right; text-align: right; line-height: 36px; font-size: 13px; padding-right: 5px;}
.right .downloadlist{ padding: 20px 0px; height: auto; overflow: hidden;}
.right .downloadlist ul { height: auto; overflow: hidden;}
.right .downloadlist ul li { font-size: 14px; height: 34px; border-bottom: 1px dotted #ddd;}
.right .downloadlist ul li font{ background: url(../images/d_1.png) left center no-repeat; padding-left: 20px; height: 34px;}
.right .downloadlist ul li a{ background: url(../images/d_2.jpg) right center no-repeat; color: #15375d; padding-right: 20px; float: right;}
.right .datapro{ height: auto; overflow: hidden; width: 100%; padding: 50px 0px 20px 0px;}
.right .datapro h1.proh1{ width: 100%; font-size: 20px; color: #000;font-weight: bold; padding-bottom: 20px;  line-height: 36px; text-align: center;}
.right .datapro .prodes{line-height: 34px; font-size: 15px; color: #333; }
.right .datapro .prodes p.p2embold{ margin-top: 10px; font-size: 15px; font-weight: bold;}
.right .datapro .prodes p.padding{ padding-left: 25px;}
.right .datapro .prodes img{ text-indent: 0em; display: block; margin: 0 auto; width: 90%; margin-left: 5%;}
.right  .updown div{ width: 465px;}
.right .datapro .prodes table.table{ width: 100%; margin: 0 auto; margin-top: 20px;}
.right .datapro .prodes table.table td{ font-size: 15px;  border: 1px solid #ccc; padding-left: 10px;}
.right .pagedata{ width: 100%; padding: 25px 0px; line-height: 36px; font-size: 15px;}
.right .pagedata p strong{ text-indent: 0em; display: block;  padding: 10px 0px;}
.right .pagedata p{ text-indent: 2em; margin-bottom: 10px;}
.right .pagedata .zhaoping{ text-indent: 0em;}
.right .pagedata .zhaoping p{ text-indent: 0em;}

.solutionlist{ width: 100%; height: 110px; background: #f6f6f6;}
.solutionlist .solutionlistcent{ width: 1200px; margin: 0 auto;  height: 100px;}
.solutionlist .solutionlistcent ul{ width:700px; float: right;}  
.solutionlist .solutionlistcent ul  li{ width: 140px; float: left; background: url(../images/s_1.jpg) center 10px no-repeat; height: 100px;}
.solutionlist .solutionlistcent ul  li a{ height: 20px; line-height: 20px; text-align: center; padding-top: 80px; float: left; display: block; text-align: center; width: 140px;}
.solutionlist .solutionlistcent ul  li.li1{ background: url(../images/s_1.jpg) center 10px no-repeat;}
.solutionlist .solutionlistcent ul  li.li2{ background: url(../images/timg.png) center 15px no-repeat;}
.solutionlist .solutionlistcent ul  li.li3{ background: url(../images/s_3.jpg) center 10px no-repeat;}
.solutionlist .solutionlistcent ul  li.li4{ background: url(../images/s_4.jpg) center 10px no-repeat;}
.solutionlist .solutionlistcent ul  li.li5{ background: url(../images/p_4.png) center 19px no-repeat;}
.solutionlist .solutionlistcent ul  li.li6{ background: url(../images/s_6.jpg) center 15px no-repeat;}
.solutionlist .solutionlistcent ul  li.act a{ color: #c11308;}




.footer{ width: 100%; height: 345px; background: #2d2d2d;}
.footer .foot { width: 1200px; margin: 0 auto; padding-top: 25px;}
.footer .foot ul li a{ color:#808080; font-size: 13px;}
.footer .foot ul li{ height: 28px;}
.footer .foot ul{ width: 125px; margin-right: 40px; height: auto; overflow: hidden; float: left;}
.footer .foot ul li.foota{  height: 40px; line-height: 40px; margin-bottom: 10px;  background: url(../images/secbtm_hr.jpg) 0px bottom no-repeat; }
.footer .foot ul li.foota a{ color: #ababab; font-size: 14px; font-weight: bold; font-family: "arail"}
.footer .foot .footb{ float:right; text-align: center;  margin-top: 25px; color:#808080; font-size: 14px;}
.footer .foot .footb img{ width: 152px; height: 152px; border-radius: 2px;}


.footerb{ width: 100%; height:auto; font-size: 13px; text-align: center; color: #fff; line-height: 22px; padding-top: 10px; background: #1a1a1a;color: #ababab; }


#footerdown{ width: 40px; height: 40px; background: url(../images/top.png); position: fixed; bottom:0px; left: 50%; margin-left: 600px; cursor: pointer;}
#footerdown a{ background: url(../images/top.png);width: 40px; height: 40px; display: block;  }
#footerdown a:{ background: url(../images/top.png); }

.pgbanner{  width: 100%; height: 420px; background: url(../images/banner2.jpg) center center no-repeat; }



.header{ width: 100%; height: 159px; background: #fff;}
.header .top{ width: 100%; height: 30px;  background: #f1f1f1; border-bottom: 1px solid #ddd; }
.header .top .topc{ color: #666; line-height: 30px;}
.top{ width: 100%; height: 30px; background: #f1f1f1;}
.top .topcent{ width: 1200px; margin: 0 auto;  line-height: 30px;}
.top .topcent .topa{ width: 500px; float: left; color: #666;}
.top .topcent .topb{ float: right;}
.top .topcent .topb a{ color: #666; margin: 0 15px;}
.top .topcent .topc{ float: right;   width: 110px;   margin-left: 15px; cursor: pointer; position: relative;  z-index: 999; color: #666;}
.top .topcent .topc i{ background: #fff; display: block; text-indent: 16px;border-left:1px solid #f1f1f1;border-right: 1px solid #f1f1f1; font-style: normal; width: 108px;background: url(../images/hot.png) no-repeat 83px center;  }
.top .topcent .topc i.hover{border-left:1px solid #e3e3e3;border-right: 1px solid #e3e3e3;background: url(../images/hot.png) no-repeat 83px center #fff;  }
.top .topcent .topc .ewmm{ display: none; padding-top: 0px; position: absolute; width: 108px; border-left:1px solid #e3e3e3; border-right: 1px solid #e3e3e3;height: 100px; background: #fff; text-align: center; border-bottom: 1px solid #e3e3e3; z-index: 999;}
.top .topcent .topc .ewmm img{ width: 95px; height: 95px; }
.mune{ width: 100%; background: #15375d; height: 39px; }
.mune .munec{ width: 1200px; margin: 0 auto; border-top: 1px solid #07121f}
.mune .munec ul li{ float: left; color: #fff; width: 150px; text-align: center; height: 38px; line-height: 38px;}
.mune .munec ul li:{ background: #0b1b3d;}
.mune .munec ul li.{ background: #0b1b3d;}
.mune .munec ul li a{ color: #fff; font-size: 14px;}
.topcenter{ width: 1200px; height: 90px;  margin: 0 auto;  clear: both;}
.topcenter .logo{ width: 600px; float: left; margin-top: 10px; cursor: pointer;}
.topcenter .logo img{ height: 70px;}
.topcenter .tel{ float: right; font-size: 32px; font-family:"Georgia"; margin-right: 15px; font-weight: bold; color: #15375d; line-height: 90px;}
.fixedaa{ position: fixed; z-index: 999;top: 0px;border-bottom: 1px solid #203761;}


.proht{ height: auto; overflow: hidden; border-bottom: 1px solid #ddd; padding: 30px 0px 25px 0px;}
.proht .prohtchild{ width: 50%; height: auto; overflow: hidden;}
.prohtchild_left{ padding-right: 30px;
}

.mobile{
	display: none;
}
.mobile-new-List{
	display: none;
}
.dewell-case-list { 
	display: none;
}
.moblie-ban {
	display: none;
}
.mobile-show{display: none}
.news .news_item .right p{margin: 5px 10px !important;}
@media (min-width: 980px) {
  .navbar{display: none}
  .zcnavbar{display: block; width: 100%;}
  .mobile{display: none;}
   #ban{ display: block;}

  
  .sliderContainer{display: none;}
}
@media (min-width: 1200px) {
  .navbar{display: none}
  .zcnavbar{display: block; width: 100%;}
  .zcnavbar .zccontainer{ width: 1200px; margin: 0 auto;}
  .scrolllist{ display: none;}
}
@media (max-width: 979px) {
  .navbar{display: block; margin-bottom: 0px !important}
  .navbar-brand {
  	
  }

.mobile-show{
	display: block;
	}
	ul.mobile-show  li {
	  color: #666;
	  line-height: 34px;
	  height: 34px;
	  margin-right: 10px;
	  border:1px solid #ddd;
	  border-radius: 3px;
	  padding: 0px 10px;
	  display: inline-block;
	  margin-bottom: 10px;
	}
	ul.mobile-show li a{
		color: #666;
		font-size: 16px;
	}
	ul.mobile-show li.act{
		border:1px solid #15375d;
	}
	ul.mobile-show li.act a{
		color: #15375d;
		font-weight: bold;
	}

#banner{ width: 100%; float: left; height: 280px; position: relative; margin-bottom: 0px; background: #f00; }
#banner .pic,#banner .pic div{width: 100%;position:absolute;margin-top:0px;z-index:1;}
#banner .pic div{display:block;opacity:0;filter:alpha(opacity=0);background-position:center 0;z-index:1; width: 100%; }
#banner .pic div{
	width: 100%;
	height: 320px;
}
#banner .pic div img{
	width: 100%;
	height: 280px; 
}
#banner .btnchild{ 
	width: 100%; 
	height: 20px;  
	position: absolute; 
	left: 50%; 
	margin-left: -68px; 
	z-index: 999;  
	bottom: 15px; }
#banner .btnchild div{
	width:15px;
	height:15px;
	 margin-left: 10px; 
	 float: left; 
	 border-radius: 15px; 
	 background: #fff; 
	 line-height:32px;
	 cursor:pointer; 
	 margin-top: 5px;
	 text-align: center; 
	 font-size: 14px; 
	 font-family: "微软雅黑";
	}
#banner .btnchild div.act{ background: #0d2494;}
  .moblie-ban{
  	display: block;
  }
  .moblie-ban-pc{
  	display: none;
  }
  .head{
  	display: none;
  }
  .navbar-brand-logo .navbar-brand{
  	padding: 5px !important;
  }
  .dewell_img{
  	width: 100%
  }
  .pc {
  	display: none
  }
  .dewell_img a.fangan {
  	width: 50%;
  	float: left;
  	margin-top: 12px;
  	margin-right: 0px;
  	text-align: center;
  }
  .dewell_img a.fangan img{
  	width: 96%
  }
  .dewell_img .slide-img {
  	width: 50%;
  	margin: 0px;
  	float: left;
  	display: block;
  	margin-top: 5px;
  	overflow: hidden;
  	letter-spacing: -8px;
  	height: 270px;
  }
  .dewell_img .slide-img a{
  	width: 100%;
  	display: block;
  	overflow: hidden;
  }
  .dewell_img .slide-img img{
  	width: 96%;
  	height: 96%;
  }
  .mobile{
  	display: block;
  	width: 100%;
  }
  .mobile a {
  	width: 50%;
  	text-align: center;
  	display: block;
  	float: left;
  	padding: 1% 0px;
  }
  .mobile a img {
 	width: 96%;
  }
  .pc-new-list{
  	display: none;
  }
  .mobile-new-List{
  	display: block;
  }
  .mobile-new-List ul {
  	padding: 10px;
  	padding-bottom: 10px;
  }
  .mobile-new-List ul  li{
  	margin-bottom: 10px;
  	margin-top: 10px;
  	border-bottom: 1px solid #dedede;
  	height: auto;
  }
  .mobile-new-List ul  li a.title {
  	color: #333;
  	font-size: 14px;
  }
  .mobile-new-List ul  li p{
  	padding: 5px 0px;
  	color: #666
  }
  .mobile-new-List ul  li p a{
  	color: #666
  }
  .mobile-new-List ul  li span.more{
  	float: right;
  	width: 100%;
  	text-align: right;
  }
  .case_item p.title{
  	font-size: 14px;
  	text-align: center;
  }
  .case_item_lists{ display: none }
  .footer{display: none;}
  .footerb{ padding: 10px 10px;}
  .dewell-case-list{ 
  	 width: 100%;
  	 height: auto;
  	 overflow: hidden;
  	 display: block;
  }
  .dewell-case-list ul li { 
  	width: 50%;
  	float: left;
  	align-items: center;
  	text-align: center;
  }
  .dewell-case-list ul li img{ 
  	width: 40%;
  }
  .dewell-case-list ul li p { 
  	height: 40px;
  	line-height: 40px;
  	color: #4f7dca;
  }
  .caret{ 
  	float: right;
  }
  .content{ 
  	width: 100%;
  	min-height: auto;
  }
  .content .left{ 
  	display: none;
  }
  .content .right{ 
  	width: 100%;
  	float: left;
  }
  .pagecont { 
  	padding: 20px;
  	width: 100%;
  }
  .pagecont .right .zizhi{ 
  	width: 100%;
  }
  .pagecont .right .zizhi .list-newor { 
  	width: 100%;
  	text-align: center;
  }
  .pagecont .right .zizhi .list-newor li { 
  	width: 100%;
  	text-align: center;
  }
  .lxdes { 
  	width: 100%;
  }
  .lxdes .lxdesup { 
  	width: 100%;
  }
  .content .pos { margin: 20px 0px; padding-left: 20px; }
  .content .new { width: 100%;}
  .content .new ul { padding: 0px 12px;}
  .content .new ul li { width: 100%; height: auto; margin-top: 20px; padding: 0px; padding-bottom: 15px; overflow: hidden; }
  .content .new ul li .des a.more { margin-top: 10px; }
  .content .new ul li a.thumb{ width: 100%;}
  .content .new ul li a.thumb img{ width: 100%;}
  .content .new ul li .des { width: 100%;overflow: hidden;}

 .content .caselists { width: 100%;}
  .content .caselists ul { padding: 0px 12px;}
  .content .caselists ul li { width: 100%; height: auto; margin-top: 20px; padding: 0px; padding-bottom: 15px; overflow: hidden; }
  .content .caselists ul li .des a.more { margin-top: 10px; }
  .content .caselists ul li a.thumb{ width: 100%;}
  .content .caselists ul li a.thumb img{ width: 100%;}
  .content .caselists ul li .des { width: 100%;overflow: hidden;}
 
  .solutionlist{ display: none;}
  .prolist{ display: none;}
  .updown{ width: 100%; height: auto; overflow: hidden; }
  .updown .upa { width: 100%; float: left; height: 50px; padding: 0 10px;}
  .content  h1.datah1{ font-size: 20px;padding: 0px 10px;}
  .content h2.datah2 { padding: 0px 10px; }
  .content .datacont{ padding: 10px; width: 100%; }
  .content .updown .downp { width: 100%;float: left; height: 50px; text-align: left;}
}

@media (max-width: 640px) { 
	
	.proht .prohtchild{
	width: 100% }
}