*{ padding:0; margin:0;}
body {margin:0; padding:0; font: inherit; font-size: 14px;font-family:Microsoft YaHei,Arial;  }
html {line-height:1.5;font-size:1em; color: #333;}
img { border:0; vertical-align: baseline; max-width:100%;}
img, object{ max-width:100%; }
ul,li { margin:0; padding:0; list-style:none; }
h1,h2,h3,h4,h5,h6{ padding:0; margin:0; font-weight:normal; /*font-size:1.5em;*/}
p{ margin:0; padding:0;}
a { text-decoration:none; color:#333; background-color:transparent}
a:active,a:hover {outline:0; color:#0889d0; }
table{ border-collapse:collapse;}
input{ outline:none;} 
.clearfix{ height:0; clear: both;}

html *,
html *:before,
html *:after {box-sizing: border-box;/*-webkit-transition: 0.5s; transition: 0.5s;*/}

.main{ max-width:1180px; margin:25px auto 0; overflow:hidden;}
.main1{ max-width:1180px; margin:25px auto; overflow:hidden; background-color:#FFF; padding:20px;}

.header-bg{ background:linear-gradient(top, #ffffff, #f0eeee); background:-webkit-linear-gradient(top, #ffffff, #f0eeee); background:-moz-linear-gradient(top, #ffffff, #f0eeee);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0eeee'); /* IE6,IE7 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0eeee')"; overflow:hidden;}
.header{ max-width:1180px; margin:0 auto; padding:10px 0;  overflow:hidden;}
.header-logo{ float:left;}
.call{ color:#006db2; font-size:22px; line-height:70px;}
.call img{ margin-right:5px;}
.header a img{ margin:0 5px;}
.seacher{ float:left; border:1px solid #e5e5e5; width:198px; height:30px; line-height:30px; background-color:#FFF; margin-left:7%; margin-right:7%; margin-top:20px;}
.seacher input.text{ height:28px;line-height:28px;padding-left:5px;padding-right:5px;float:left;width:160px;border:none;float:left;}
.seacher input.btn{ height:18px; width:18px;background:url(../images/seacher.png) no-repeat; border:none; cursor:pointer; float: right; margin-right: 10px; margin-top: 5px; text-indent:-999;}
.info{ margin-top:20px; float:right; }
.info a:hover{ color:#e7152c;}
.off{ color:#e7152c;}
.daohang1,.seacher1,.info1{ display:none;}
.nav-menu-btn{ display:none; height:16px; position:absolute; right:5%; top:36px;}

.daohang-bg{ border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;background:linear-gradient(top, #f1f0f0, #c9caca); background:-webkit-linear-gradient(top, #f1f0f0, #c9caca); background:-moz-linear-gradient(top, #f1f0f0, #c9caca);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f0f0', endColorstr='#c9caca'); /* IE6,IE7 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f0f0', endColorstr='#c9caca')"; }
.daohang{ max-width:1180px; margin:0 auto; text-align:center; line-height:45px; position:relative;}
.daohang ul li{ width:14%; display:inline-block; font-size:15px; font-weight:bold; border-top:3px solid transparent; /*position:relative;*/}
.daohang ul li:hover{ background-color:#fff; border-top:3px solid #006db2; box-shadow:0 0 3px #999; }

.daohang .sub{ display:none; width:100%; position:absolute; left:0; top:47px; background:rgba(0,0,0,0.5);}
.daohang .sub a{ color:#fff; display:block; height:45px; line-height:45px; padding:0 10px; zoom:1; font-size:14px; font-weight:normal;}
.daohang .sub a:hover{ background:#256fb2; }
.daohang #m2 .sub{ z-index:99; }

.in_navs_li{ width:14%; display:inline-block; font-size:15px; font-weight:normal; }
.in_navs_li .innav_a{ display:block; width:100%;font-size:16px; text-align:center; border-top:3px solid transparent;}
.in_navs_li:hover .innav_a{ background-color:#fff; border-top:3px solid #006db2; box-shadow:0 0 3px #999;}
.in_navs_li .in_navs_se{ position:absolute; width:1180px; left:0;  opacity:0; visibility:hidden; padding:0 0 0 0;height:0; transition:all 0.5s;}
.in_navs_li:hover .in_navs_se{ top:48px; visibility:visible; opacity:1; z-index:1000; height:50px; }
.in_navs_li .in_navs_se .in_navs_selist{ background:#ffffff; color:#333; padding:10px 0px; border-radius:0 0 8px 8px; overflow:hidden;}
.in_navs_li .in_navs_se .in_navs_selist a{ display:inline-block;  color:#777;  font-size:13px;}
.in_navs_li .in_navs_se .in_navs_selist a:hover{ color:#2e75b5 ; }
.in_navs_selist a span{ margin:0 12px; color:#6e6e6e;}
.in_navs_selist a:last-child span{ display:none;}

/* banner */
#banner{ overflow:hidden; position:relative;/* width:1100px; margin:0 auto;*/ }
#banner a{width:100%;height:100%;display:block;position:absolute;left:0px;top:0px; /*background-size:100% 100%!important;*/ }
#banner ul{ text-align:center; width:100%; height:30px;clear:both;position:absolute;z-index:2; bottom:10px; }
#banner ul li{ border-radius:100px; width:10px;height:10px;overflow:hidden;cursor:pointer; border:1px solid #fff; margin:0 3px;display:inline-block;}
#banner ul li.active{ /*background-color:#2e75b5;*/ background-color:#FFF;}
#banner span { position:absolute; width:72px; height:100px; top:50%; margin-top:-50px;  /*background:#666;*/ z-index:100;  }
#banner span.tl { left:10px; background:url(../images/left-arrow.png) no-repeat; width:72px; height:72px; cursor:pointer;}
#banner span.tr { right:10px; background:url(../images/right-arrow.png) no-repeat; width:72px; height:72px; cursor:pointer;}
/*.bans { position:fixed; top:0px; width:100%; z-index:10; }*/

.mokuai{ float:left; background-color:#fff; width:31%; margin-left:1%;margin-right:1%; margin-bottom:2%;}
.mokuai-img{ float:left; width:38%;}
.mokuai-img img{ vertical-align:bottom;}
.mokuai-text{ float:left; width:58%; margin-left:4%; padding:10px; }
.mokuai-text h4{ color:#2e75b5; font-size:1.2em; margin-bottom:10px;}
.mokuai-text a{ display:block; line-height:26px; color:#6e6e6e;}
.mokuai-text a:hover{ color:#2e75b5;}
.pic-tu{ text-align:center;}

.bar{ max-width:1180px; margin:25px auto 0; border-bottom:1px solid #e3e3e3; padding-bottom:10px; line-height:35px;}
.bar a.return{ display:block; float:right; border:1px solid #e2e2e2; padding:0 10px; text-align:center; line-height:30px;}
.bar a.return :hover{ background-color:#2e75b5; color:#fff;}
.classify{ float:right;}
.class01{ border:1px solid #e2e2e2; line-height:35px; width:164px; float:left; padding:0 20px; margin:0 5px;}
.lang{ display:block;}
.lang:hover{ }
.lang span{ float:right; display:block; transform:rotate(90deg);}
.flag-text { line-height:2; position:absolute; display:none; z-index:10; top:37px; left:0px; width:164px; background:#fff;  border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; padding:20px;}
.flag-text a{ display:block; line-height:45px; border-bottom:1px solid #e2e2e2;}

.nav-banner{  height:298px;}

.left{ float:left; width:22%; margin-bottom:25px;}
.left ul li{ background-color:#f6f6f6; border-top:1px solid #fff; height:45px; line-height:45px; text-align:center; }
.left ul li:hover{ background-color:#0189d2;}
.left ul li span{margin-top:16px;  margin-right:-30px; transition:all 0.4s;}
.left ul li:hover span{ display:block; background:url(../images/circle.png) no-repeat; float:right; width:13px; height:13px; margin-top:16px; margin-right:10px;}
.left ul li a{ display:block;}
.left ul li a:hover{ color:#fff; }

.left ul li.click{ background-color:#0189d2; }
.left ul li.click span{ display:block; background:url(../images/circle.png) no-repeat; float:right; width:13px; height:13px; margin-top:16px; margin-right:10px;}
.left ul li.click a{ color:#fff; }

.right{ float:left; margin-left:4%; width:74%; margin-bottom:25px;}
.news{}
.news a{ display:block; border-bottom:1px dashed #adadad; padding-bottom:25px; margin-bottom:25px;}
.news div{ color:#6e6e6e;}
.news a h4{ font-weight:bold; margin-bottom:10px;}
.news .more{ margin-top:10px;}
.news .more span{ float:right; display:block;}
.news:hover span{ color:#0189d2}

.product-banner-bg{ width:100%; background-color:#2e75b5; overflow:hidden; }
.product-banner{ max-width:1180px; margin:0 auto; text-align:center; overflow:hidden;}
.product-banner img{ vertical-align:bottom;}
.nav-product-menu{ text-align:center; margin-bottom:25px;}
.nav-product-menu a{ display:inline-block; border:1px solid #e2e2e2; line-height:35px; padding:0 15px; margin:0 5px;}
.nav-product-menu a:hover{ border:1px solid #256fb2; background-color:#256fb2; color:#fff;}
.nav-product-menu a.click{ border:1px solid #256fb2; background-color:#256fb2; color:#fff;}

.product-max{ width:102%;}
.product{ float:left; width:31%; margin-right:2%; margin-bottom:25px;}
.product-img{}
.product-text{ color:#6e6e6e;}
.product-text h4{ color:#256fb2; font-size:1.2em; margin-bottom:5px;}
.product a{ display:block; background-color:#256fb2; color:#fff; border-radius:15px; text-align:center; margin-top:20px; width:90px;line-height:28px;}

.anli a{ display:block; margin-bottom:25px; overflow:hidden;}
.anli-img{ float:left; width:26%;}
.anli-text{ float:left; margin-left:4%; width:70%; color:#6e6e6e;}
.anli-text h4{ font-weight:bold; color:#333;}
.anli-text h4 span{ display:block; font-weight:normal; margin:10px 0; color:#adadad;}
.anli a:hover h4{ color:#256fb2;}

.solution-max{ width:102%;}
.solution-max a{ display:block; overflow:hidden; float:left; width:23%; margin-right:2%; margin-bottom:25px; text-align:center;}
.solution{ }
.solution span{ display:block;}
.solution-detail{ margin:25px 0; color:#6e6e6e; line-height:26px;}

.productdetail{ margin-bottom:25px; border-bottom:1px solid #e2e2e2; padding-bottom:25px; overflow:hidden;}
.magnify{ max-width:500px; width:100%;}
.magnifying  { width:100%; float:left; }
.magnifying .imgbox { width:100%; }
.magnifying .imgbox img { width:100%; }
.magnifying .list { display:block; position:relative; }
.magnifying .list span { width:20px; height:100%; position:absolute; cursor:default; text-align:center; display:block; color:#fff; 
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.magnifying .list .tl { background:#808080; left:0; }
.magnifying .list .tr { background:#808080; right:0; }
.magnifying .list .inbox { width:auto; margin:0 20px; overflow:hidden }
.magnifying .warp { display:block; width:auto; width:50000px;  }
.magnifying .warp a { float:left; cursor:pointer;  }
.magnifying .warp a img { display:block; width:90%; border:1px solid #fff; margin:5px; }
.magnifying .warp a.click img { border:1px solid #f00; }

.detail-01{ float:left; max-width:632px; width:96%; margin-left:4%; color:#6e6e6e; }
.detail-01 h4{ color:#2e75b5; margin-bottom:15px; font-size:1.6em;}
.bdsharebuttonbox{ margin-top:15px;}
.detail-02{ text-align:center;}

.newsdetail{ text-align:center; padding-bottom:20px;}
.newsdetail span{color:#878787; font-size:13px; margin-top:15px; display:block;}
.newsdetail-title{ font-size:16px; font-weight:bold;}
.newsdetail-page{ padding:10px 0;border-top: 1px solid #d9d9d9;/*border-bottom: 1px solid #d9d9d9;*/font-size: 14px;}
.newsdetail-page a{ color:#333;}	


.item-bg{ margin-top:35px; margin-bottom:35px; }
.item{ max-width:1180px;width:100%;margin:0 auto;}
.slide{ color:#fff; margin-top:35px;}
.title{ text-align:center;}
.title img{ vertical-align:bottom;}
.tablist { width:100%; position:relative; }
.tablist span { position:absolute;  width:34px; height:100%; background:#888; text-align:center; color:#fff; }        
.tablist span.tl { left:0; background:url(../images/left-arrow.jpg) center no-repeat; }
.tablist span.tr { right:0; background:url(../images/right-arrow.jpg) center no-repeat; }
.tablist .box { margin:0 34px;  width:auto; overflow:hidden; }
.tablist .box .warp { width:500000px; }
.tablist .box .warp a { float:left; }
.tablist .box .warp a img { width:90%; margin:0px 5%; border:1px solid #fff;  }
.tablist .box .warp a p { display:block; margin:0; padding:0; text-align:center; color:#fff; }

.server ul li { margin-bottom:15px; border-bottom:1px solid #e5e5e5;}
.server-title { display:block;  height:39px; line-height:39px;  font-size:14px; font-weight:600; cursor:pointer; }
.server-title a{ float:right; color:#969696; }
.server-text { display:none; padding:20px 0; color:#6e6e6e; line-height:2;}

.rongyu{ float:left; width:31%; margin:0 1% 2%;  overflow:hidden;}
.rongyu-text h4{ display:block; font-weight:normal; text-align:center; /*font-size:1.2em;*/ padding:15px 0;}

.dibu-bg{ background:url(../images/footer-bg.jpg) no-repeat; overflow:hidden;}
.dibu{ max-width:1180px; margin:0 auto; overflow:hidden; padding:20px;}
.l-t{ float:left; margin-right:8%; /*margin-right:6.4%;*/ color:#dfdfdf; font-size:13px;}
.l-t h3{ font-size:15px; font-weight:bold;}
.l-t a{ display:block; color:#dfdfdf; line-height:2;}
.l-t a:hover{ color:#fff;}
.weixin{ float:right; }
.weixin div{ float:left; margin-left:20px; text-align:center; color:#dfdfdf;}
.alright{ max-width:1180px; width:100%; margin:0 auto; padding:20px 0; line-height:24px; text-align:center;}
.alright div{ max-width:1180px; margin:0 auto; text-align:center;}

 
@media (max-width: 1090px) {
.seacher{ margin-left:2%; margin-right:2%;}
.mokuai{ width:48%;}
.magnify{ margin:0 auto;}
.detail-01{ text-align:center; max-width:100%; margin-left:0;}
}

@media (max-width: 980px) {
#banner span{ display:none;}
.daohang-bg,.call{ display:none;}
.tu1,.seacher,.info{ display:none;}
.daohang1,.seacher1,.info1,.nav-menu-btn{ display:block;}
.menu{ display:none; width:100%;position:absolute; top:87px; background:rgba(0,0,0,0.8); color:#fff;z-index:9999; overflow:hidden; padding:20px 0;}
.daohang1 ul{ }
.daohang1 ul li{ width:100%;  border-top:3px solid transparent; text-align:center; line-height:45px;}
.daohang1 ul li:hover{ background-color:#006db2; color:#fff; }
.daohang1 ul li a{ color:#fff;}
.seacher1{ float:none; border:1px solid #e5e5e5;width:198px;height:30px; line-height:30px; background-color:#FFF; margin:20px auto;}
.seacher1 input.text{ height:28px;line-height:28px;padding-left:5px;padding-right:5px;float:left;width:160px;border:none;float:left;}
.seacher1 input.btn{ height:18px; width:18px; background:url(../images/seacher.png) no-repeat; border:none; cursor:pointer; float: right; margin-right: 10px; margin-top: 5px; text-indent:-999;}
.info1{ text-align:center;}
.info1 a{ color:#fff;}
.dibu-bg{ display:none;}
.alright{ padding:0 0 20px;}
.main,.bar{ margin-left:2%; margin-right:2%;}
.left{ width:100%;}
.right { margin-left:0;width: 100%;}
.nav-product-menu a{ margin-bottom:10px;}
.izl-rmenu{ display:none;}
}

@media (max-width: 725px) {
.mokuai{ width:96%; margin-left:2%; margin-right:2% }
.link{ display:none;}
.alright{ padding:10px 0;}
#banner ul{ bottom:0;}
#banner ul li{  width:8px;height:8px;}
.main1{ margin:0 auto; }
.anli-text div{ display:none;}
.classify {float: none;margin-bottom: 40px;}
.class01{ margin-left:0; margin-right:5px;}
.solution-max a{ width:48%;}
.product{ width:48%;}
.magnify{ max-width:100%; width:100%;}
.detail-01{ max-width:100%; width:100%;  margin-top:25px;}
}

@media (max-width: 420px) {
.header-logo img{ width:70%;}
.nav-menu-btn{ top:22px;}
.nav-menu-btn img{ width:70%;}
.anli a{ text-align:center;}
.anli-img{ width:100%;}
.anli-text{ margin-left:0; width:100%; }
.rongyu{ float:left; width:48%; margin:0 1% 2%; }
}
@media (max-width: 320px) {
.solution-max a{ width:100%;}
.class01{ width:100%; margin-bottom:10px;}	
.flag-text{ width:100%;}
.product{ width:100%;}
.nav-product-menu a{ width:98%;}
.rongyu{ float:left; width:100%; margin:0 1% 2%; }
}