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-size:1.5em;*/}
p{ margin:0; padding:0;}
a { text-decoration:none; color:#333; background-color:transparent}
a:active,a:hover {outline:0; color:#145491;}
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,section{ max-width:1180px; width:100%; margin:50px auto 0; overflow:hidden;}
.main1{ max-width:1180px;width:100%;margin:25px auto; overflow:hidden;}

.header{ max-width:1180px; margin:0 auto; padding:10px 0; position:relative; background:#FFF; height:65px;  /*overflow:hidden;*/}
.logo-top{ width:32%; margin-right:10%;}
.logo-top img{ float:left; /*width:100%; width:211px; height:65px;*/}
.nav-menu{ float:right; width:70%;}
.nav-menu ul li{ width:12.38%; float:left; text-align:center; line-height:75px;}
.nav-menu ul li:hover .sub{ display:block;}
.nav-menu ul > li a{ display:block;}
.nav-menu ul > li a:hover{ background:url(../images/san.png) no-repeat bottom ;}
/*.nav-menu ul > li a.on{ background:url(../images/san.png) no-repeat bottom ;color:#fff;}*/

.nav-menu .nav-text{ text-align:center;}
.nav-menu .nav-text a{ display:inline-block; vertical-align:middle; border-right:1px dotted #dcdcdc; padding-right:25px; color:#333; line-height:30px !important; margin:0 10px;}
.nav-menu .sub a:hover{ color:#145491; background:none;}
.nav-menu .sub{ display:none; z-index:9999; width:1180px;  position:absolute; left:0px; top:85px;  background:#fff; border-top:2px solid #145491; border-bottom-left-radius:2px; border-bottom-right-radius:2px; -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px; box-shadow:1px 1px 6px #bbbbbb;}
.nav-menu .nav-text a:last-child{ border-right:none;}

.drawer-toggle{ display:none !important;}

/* banner */
.bans { width:100%; overflow:hidden; position:relative; }
.bans .warp { width:20000px; }
.bans .warp a { float:left; display:block;}
.bans .warp a img{ width:100%; float:left; }
.bans ul { list-style:none; margin:0; padding:0; width:100%; position:absolute; bottom:20px; text-align:center; }
.bans ul li { display:inline-block; margin:0 3px; background-color:#c1c3c4; width:40px; height:4px; margin-top:13px; }
.bans ul li.click { background:#0075c1; }
.in_banner{  height:auto; width:100%;}
.banner001{}
.banner002{ display:none;}

.navbanner1{ display:none;}

.bar{ margin-bottom:25px; overflow:hidden;}
.bar big{ font-size:2em; text-align:center; display:block; text-transform:uppercase;}
.bar big span{ color:#145491; font-weight:normal;}
.bar small{ font-size:1.2em; color:#6e6e6e; background-color:#fff; padding:0 5px; text-align:center;display:block; margin:-12px auto 0;}
.bar001{ width:8%;}
.bar002{ width:15%;}
.line{  margin:25px auto 0; overflow:hidden; height:1px; background-color:#6e6e6e; width:20%;}
.line1{  margin:25px auto 0; overflow:hidden; height:1px; background-color:#6e6e6e; width:32%;}

.intro-text{ line-height:1.5; margin:0 0 25px; text-align:center;}
.intro-text a{ color:#f11925; display:block; text-align:center;}
.intro-pic{ padding:0 0%; overflow:hidden;}
.intro-pic a{ border:1px solid #e3e3e3; display:inline-block; width:17%; margin:1%;margin-right:3.1%;  margin-left: 0px; text-align:center; overflow:hidden; height: 100px;}
.intro-pic a:nth-child(5n){margin-right: 0px;}
.intro-pic a img{ transition:all ease 0.6s;-moz-transition:all ease 0.6s; -o-transition:all ease 0.6s; -webkit-transition:all ease 0.6s; transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); filter:alpha(opacity=80); opacity:0.80;}
.intro-pic a:hover img{ filter:alpha(opacity=100); opacity:1; transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}

.intro-case{}
.slide-item{ width:25%; height:414px; float:left; position:relative; text-align:center; overflow:hidden;}
.item-img{ width:100%; height:100%; text-align:center; position: absolute;overflow: hidden;}

.bg{ width:100%;height:100%;position:absolute;overflow:hidden;background-color:#000; filter:alpha(opacity=30); opacity:0.3;}
.item-title{position: absolute;left:0; bottom:30%;color: rgb(255, 255, 255);font-size:1.5em;font-weight:normal; transition: all 0.4s;width:100%; text-align:center;}
.content span{ position:absolute; left:48%; bottom:10%;text-align:center;color:rgb(255, 255, 255); transform:rotate(90deg); -webkit-transform:rotate(90deg); font-size:40px; font-family:"宋体"; display:block; }
.item-desc{	position:absolute;bottom:-80px;transition:all 0.4s;color:#fff;text-align:center;padding:0px 4%; line-height:1.5;}
.item-link{ position:absolute; left:38%; bottom:-100px;display:inline-block;width:90px;height: 28px;line-height: 28px;font-size: 12px; border: 1px solid #fff; color:rgb(255, 255, 255);}

.slide-item:hover .item-title{ transition: all 0.4s;bottom:60%;}
.slide-item:hover .content span{transition: all 0.2s;opacity:0;}
.slide-item:hover .item-desc{transition: all 0.4s;bottom:30%;}
.slide-item:hover .item-link{transition: all 0.4s;bottom:20%;}

.intro-news{ width:48%; float:left; margin-bottom:25px; }
.juli{ margin-right:4%;}
.intro-news-img{ width:41%; float:left; overflow:hidden;}
.intro-news-img img{ float:left; transition:all ease 0.6s; }
.intro-news-img img:hover{ transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.intro-news-text{ float:left; width:55%; margin-left:4%;}
.intro-news-text a{ display:block;eight: 32px; line-height:2;overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;}
.more{ color:#6e6e6e; font-size:12px;}

.tonglan-bg{ border-bottom:1px solid #e5e5e5;}
.tonglan{ max-width:1180px; width:100%; margin:0 auto; text-align:center;}
.tonglan a{ width:8%; text-align:center; line-height:4; display:inline-block; }
.tonglan a:hover span{ /*border-bottom:2px solid #ef6d04;*/ width:40px; height:2px; margin:0 auto; text-align:center; background-color:#ef6d04; display:block;}

.tonglan a.currclass span{ /*border-bottom:2px solid #ef6d04;*/ width:40px; height:2px; margin:0 auto; text-align:center; background-color:#ef6d04; display:block;}


.tonglan-bg1{ border-bottom:1px solid #e5e5e5; display:none;}
.tonglan1{ max-width:1180px; width:100%; margin:0 auto; text-align:center;}
.tonglan1 a{ width:8%; text-align:center; line-height:4; display:inline-block; }
.tonglan1 a:hover span{ /*border-bottom:2px solid #ef6d04;*/ width:40px; height:2px; margin:0 auto; text-align:center; background-color:#ef6d04; display:block;}

.tonglan1 a.currclass span{ /*border-bottom:2px solid #ef6d04;*/ width:40px; height:2px; margin:0 auto; text-align:center; background-color:#ef6d04; display:block;}


.case{ border-bottom:1px dotted #e5e5e5; overflow:hidden; padding-bottom:10px; margin-bottom:30px;}
.case-text{ float:left; width:70%; margin-right:4%; color:#6e6e6e; line-height:1.8;}
.case-text h3{ font-weight:650; color:#333;}
.case-text h3 span{ display:block; color:#f18645;font-weight:normal; font-size:13px; margin:10px 0;}
.case-img{ float:left;width:26%; max-height:170px; overflow:hidden; }
.case-img img{ width:100%;}
.case .case-img img{ /*width:100%;*/ transition:all ease 0.6s;-moz-transition:all ease 0.6s; -o-transition:all ease 0.6s; -webkit-transition:all ease 0.6s; transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1);}
.case:hover .case-img img{ transform:scale(1.6); -moz-transform:scale(1.6); -o-transform:scale(1.6); -webkit-transform:scale(1.6);}

.news-left{ float:left; width:73%;}
.news{  margin-bottom:25px; margin-right:3%; overflow:hidden;}
.news .time{ border:1px solid #e5e5e5; /*width:110px;*/ width:13%; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; text-align:center; float:left; margin-right:3%; padding-bottom:5px;}
.news .time01{ height:20px; line-height:20px; color:#fff; background-color:#155593; text-transform:uppercase;}
.news .time02{ font-size:3em; color:#155593;}
.news-text{ border:1px solid #e5e5e5; float:left; padding:20px; color:#6e6e6e; width:78%;}
.news-text h3{ font-weight:650; color:#333; margin-bottom:20px;}
.news-img{ margin-bottom:20px;}

.news-right{ float:left; border-top:3px solid #ef6d04; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#f8f7f7; padding-bottom:15px; width:23%; /*width:247px;*/}
.news-right h3{  color:#145491; border-bottom:1px solid #e5e5e5; padding:5px 0 5px 10px;}
.news-right div{ padding:0 10px; }
.news-right div a{ line-height:2.5; display:block;}

.upload{ border:1px solid #e5e5e5; width:31.1%; float:left; margin:0 1% 2%; }
.upload-title{ border-bottom:1px solid #e5e5e5; padding:20px 10px;}
.upload-time{ padding:20px 10px;}
.upload-title img{ float:left; margin-right:5px;}
.upload-time span{ float:right;}
.upload:hover span{ color:#ef6d04;}

.hd a{ float:left; color:#fff;  font-size:2em; text-align:center; width:48%; margin:0 1%; line-height:240px; overflow:hidden; transition:all ease 0.3s;}
.hd a:hover{ transition:all ease 0.3s; font-size:2.5em;}

.contact-left{ float:left; width:45%; margin-right:4%;}
.contact-right{ float:left; width:51%;}

.product{ float:left; width:46%; margin:0% 2% 2%; padding-bottom:25px; text-align:center; border-bottom:1px solid #e5e5e5; min-height:260px;}
.product .product-text{ display:block; text-align:left; margin:10px 0;}
.product .product-clacify{ text-align:left;margin-top: 20px;}
.product .product-clacify a{ border:1px solid #e5e5e5; display:inline-block; margin-right:20px;  margin-bottom:10px;padding:3px 15px;}
.product .product-clacify a:hover{ background-color:#145491; color:#fff;}

.productlist{ width:48%; margin-right:2%; margin-bottom:2%; float:left; border-bottom:1px dashed #ccc; padding-bottom:2%;height: 249px;}
.productlist-img{ width:52%; margin-right:25px; }
.productlist-img img{ /*width:100%; border:1px solid #ccc;*/   float:left;}
.productlist-text{ width:43%; float:left; margin-left:4%;}
.productlist-text h2{ font-weight:650; display:block; font-size:1.2em; line-height:2;}
.productlist-text a{ color:#ef6d04; display:block; line-height:2;margin-top: 10px;}
*文章分页样式*/
.fenye{clear:both; margin:30px 20px 20px 0;}
#fenye{clear:both; margin:30px 20px 20px 0;}
#fenye a{ width:28px; text-align:center; float:left; border:1px solid #bfbfc7;background:#fff; height:28px; font-size:12px;color:#666; line-height:28px; margin-left:5px;border-radius:3px; display:inline-block;}
#fenye .prev,#fenye .next{width:60px;}
#fenye a.curr{background:#bfbfc7;border:1px solid #bfbfc7;color:#fff;}
#fenye a:hover{background:#bfbfc7;border:1px solid #bfbfc7;color:#fff; text-decoration:none}
#pageNext{ margin:10px;}
#pageNext .prev,#pageNext .next{text-align:center;width: 60px;}
#pageNext a.curr{background: #bfbfc7;border: 1px solid #bfbfc7;color: #fff;}
#pageNext a.curr span{ color:#fff !important;}
#pageNext a{width: 28px;text-align: center;float: left;border: 1px solid #bfbfc7;background: #fff;height: 28px;font-size: 12px;color: #666;line-height: 28px;margin-left: 5px;border-radius: 3px;}
#realname{height: 30px;border: 1px solid #ddd;}
#b1{padding: 5px 10px;background: #ff7d02;color: #fff;border: 1px solid #ff7d02;border-radius: 3px;}

.fenyetips{ display:none}



.navlist { max-width:1180px; width:100%; margin:0 auto 80px;}
.navlist .menu_tab{ margin:25px 0;}
.navlist .menu_tab a { display:inline-block; padding:0 2.66%;  text-align:center; line-height:2.5; border:1px solid #e5e5e5; float:left; }
.navlist .menu_tab a.currclass { background:#145491; color:#fff;}

.navlist .menu_box { position:relative; margin-bottom:25px;}
.navlist .menu_box .menu_list { position:relative; top:0; left:0; }
.navlist .menu_box .menu_list a {  height:30px; overflow:hidden; display:inline-block; float:left; line-height:30px; color:#145491; margin-right:5px;
	-moz-transition:height 1s; /* Firefox 4 */
	-webkit-transition:height 1s; /* Safari and Chrome */
	-o-transition:height 1s; /* Opera */                      }
.navlist .menu_box .currclass a { height:30px;}
.navlist .menu_box .menu_list a.currclass{ color:#145491;}


.home{ max-width:1180px;width:100%;margin:25px auto;}
.home span a{ border:1px solid #e5e5e5; float:right; width:90px; height:30px; line-height:30px; text-align:center; color:#adadad; display:block;}
.home span a:hover{ background-color:#145491; color:#fff;}
.detail-bg{ background-color:#f1f1f1; height:40px; line-height:40px;}
.tab{  max-width:1180px; width:100%; margin:0 auto; text-align:center;}
.tab li{ display:inline-block; cursor:pointer; /*width:10%;*/ padding:0 2%; border-left:1px solid #e5e5e5; /*border-right:1px solid #e5e5e5;*/}
.tab li:first-child{ border:none;}
.tab .curr{ color:#ef6d04;}
.mc{ margin-top:25px;}

.detail-title{ font-size:1.5em;}

.footer-bg{ border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; width:100%; /*margin-top:50px;*/  font-size:12px; }
.footer{ max-width:1180px; width:100%; margin:25px auto; overflow:hidden;}
.l-t{ float:left; margin-right:11%;}
.l-t a{ display:block; color:#6e6e6e; line-height:2;}
.l-t a:hover{ color:#145491;}
.r-t{ float:left; text-align:center; line-height:2;}
.alright{ text-align:center; color:#adadad; font-size:12px; padding:10px 0;}
.alright a{ color:#adadad;}


.case_leftnav{ width:20%; float:left; margin:0; padding:0;}
.case_leftnav_dt{ height:50px; background:#165490; text-align:center; font-size:18px; font-weight:bold; color:#FFF; line-height:50px;}
.case_leftnav_dd{ border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; padding:0; margin:0;	}
.demo_case{ width:77.5%; float:right;}
.case_righttitle{ font-size:20px; font-weight:bold; color:#165490; padding:2px 0% 9px 0%; background:url(../images/casetitleline.jpg) left bottom repeat-x; margin-bottom:25px;}
a.case_a1{ display:block; padding:12px 0 12px 0; margin:0 3%; border-bottom:1px solid #cccccc; font-weight:bold; color:#165490;}
a.case_a2{ display:block; padding:5px 1% 5px 11%; font-size:12px;}

.case_secnav{ padding:10px 0; height:140px; overflow:hidden;}

@media (max-width: 1104px) {

	
.intro-news{ width:70%; margin:0 auto 25px; text-align:left; float:none;  overflow:hidden;}
.case-text {width: 65%;}
.tonglan a {width:auto;}

.news{ margin-right:0;}

.upload{ width:46%;}

.footer{ padding:0 2%;}
}
@media (max-width: 998px) {
.main,section{ max-width:1180px; width:100%; margin:25px auto 0; overflow:hidden;}
.header{ padding-left:2%; padding-right:2%; padding-top:20px; padding-bottom:20px; overflow:hidden; height:auto;}
.drawer-toggle{ display:block !important;}
.drawer-nav{ float:none;  }
.drawer-nav ul li{ float:none; text-align:center; line-height:2;}
.drawer-nav ul li a{ display:block; color:#fff; line-height:3;}
.nav-menu{ display:none;}

.banner001{ display:none; }
.banner002{ display:block !important; width:100%;}
.bans ul li {background-color:#c1c3c4; border-radius:100px; width:10px; height:10px;}


.home{ width:96%;  padding-left:2%; padding-right:2%;}

.navbanner{ display:none;}
.navbanner1{ display:block;}
.demo{ padding-left:2%; padding-right:2%; line-height:2;}
.demo img{ text-align:center;}
.demo_case{ width:96%; padding-left:2%; padding-right:2%; line-height:2;}
.demo_case img{ text-align:center;}

.bar001{ width:10%;}
.bar002{ width:20%;}
.line{ width:25%;}
.line1{width:35%;}


.intro-text{ margin:0 2%;}

.intro-pic a{ width:46%;}

.r-t{ display:none;}

.navlist{ width:96%; float:none; margin:0 auto; padding-left:2%; padding-right:2%;}

.case-text {width: 54%;}

.detail-title{ font-size:1.2em; margin-bottom:10px;font-weight:bold;}

.slide-item{ height:324px;}
.content span{  font-size:20px;  }
.item-title{ font-size:1.2em; }

.news-left{ float:left; width:100%;}
.news{ margin-right:0; }
.news .time{ /*width:110px;*/ width:13%; margin-right:0; }
.news-text{ width:80%;}
.news-right{ float:left; width:100%; /*width:247px;*/}
.news-right a{ float:left; width:33.3%}

.product{ width:96%; min-height:auto;}

.news-img{ display:none;}

.productlist{ width:96%; margin-left:2%; margin-right:2%;}
.productlist-text{ width:58%; float:left; margin-left:4%;}


.case_leftnav{ display:block; width:100%; float:left; margin:0; padding:0;}
.case_leftnav dt{ height:25px; background:#165490; text-align:center; font-size:18px; font-weight:bold; color:#FFF; line-height:25px;}
.case_leftnav dd{ border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; padding:0; margin:0;	}
.case_righttitle{ display:block; font-size:20px; font-weight:bold; color:#165490; padding:15x 0% 9px 0%; background:url(../images/casetitleline.jpg) left bottom repeat-x; margin-bottom:25px;}
a.case_a1{ display:block; padding:12px 0 12px 0; margin:0 3%; border-bottom:1px solid #cccccc; font-weight:bold; color:#165490;}
a.case_a2{ display:block; padding:5px 1% 5px 11%; font-size:12px;}


.tonglan-bg1{ border-bottom:1px solid #e5e5e5; display:none;}
.tonglan1{ max-width:1180px; width:100%; margin:0 auto; text-align:center;}
.tonglan1 a{ width:98%; padding-left:2%; text-align:left; line-height:4; display:inline-block; }
.tonglan1 a:hover span{ /*border-bottom:2px solid #ef6d04;*/ width:40px; height:2px; margin:0 auto; text-align:center; background-color:#ef6d04; display:block;}

.tonglan1 a.click span{ /*border-bottom:2px solid #ef6d04;*/ width:40px; height:2px; margin:0 auto; text-align:center; background-color:#ef6d04; display:block;}

}
@media (max-width: 760px) {
.main,section{ width:96%; padding-left:2%; padding-right:2%;}
.main1{ width:96%; padding-left:2%; padding-right:2%;}

.logo-top{ width:45%; margin-right:0;}

.intro-text{text-align:left;word-break: break-all;}

.intro-news{ width:96%;  margin-bottom:2%; }
.intro-news-img{ width:40%;}
.intro-news-text{ width:48%; margin-left:25px;}

.slide-item{ width:50%; height:284px; }
.item-title{ font-size:1em; }
.content span{  font-size:20px;  }
.item-desc{ display:none;}
.item-link{ display:none;}

.bar big{ font-size:1.2em; }
.bar small{ font-size:13px;}
#MyContent{padding: 2%; line-height: 30px; font-size: 16px;}
.case-text {width:100%; margin-bottom:20px;}

.news .time{ display:none;}
.news-text{ width:89%;}

.news-right{ display:none;}

.upload{ width:92%; margin:0 auto 25px; padding:0 2%;}

.productlist-text{ width:38%;}

.contact-left { width: 92%; margin-right: 4%; margin-left: 4%; margin-bottom:25px;}


	
.footer{ display:none;}
.mbdisplay{ display:none;}
}

@media (max-width: 598px) {
.logo-top{ width:65%;}



.slide-item{ width:50%; height:184px; }
.item-title{ font-size:14px;}
.content span{  font-size:20px;  }

.intro-news-img img{ float:none;}


.hd a{ width:96%;}
.menu_tab { text-align:center;}
.menu_tab a { width:49%; margin:0 auto; padding:0 !important; }

.bar001{ width:15%;}
.bar002{ width:28%;}
.line{ width:32%;}
.line1{width:45%;}

.productlist-text{ width:96%; margin-left:2%; margin-right:2%; text-align:center; }
.productlist-img{ text-align:center; margin:0 auto;}

.intro-news-img{ width:48%; float:none; margin:0 auto;}
.intro-news-img img{ width:100%;}
.intro-news-text{ float:none !important; width:52%; margin:0 auto;}

}

@media (max-width: 573px) {
.intro-news-img{ width:100%; float:none;}
.intro-news-img img{ width:100%;}
.intro-news-text{ width:100%; float:none; margin-left:0 !important;}
.intro-pic a{ border:1px solid #e3e3e3; display:inline-block; width:46%; margin:1% !important; text-align:center; overflow:hidden;}
.intro-pic a:nth-child(5n){margin-right: 1% !important;}
}
@media (max-width: 420px) {
.bar001{ width:25%;}
.bar002{ width:45%;}
.line{ width:52%;}
.line1{width:70%;}
.intro-pic a{ border:1px solid #e3e3e3; display:inline-block; width:46%; margin:1% !important; text-align:center; overflow:hidden;}
.intro-pic a:nth-child(5n){margin-right: 1% !important;}


}