html {min-width: 1200px;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd {
  margin: 0px; padding:0;}
input,button,ul,ol {margin: 0px;padding: 0px;}
body,input,button,form {
  font-size: 14px;
  line-height: 28px;
  font-family: "microsoft yahei", 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333333;}
h1,h2,h3,h4,h5,h6,font {font-size: 14px;font-weight: normal;}
ul,ol,li {list-style: none;}
input {background: none;border: 0 none;}
img,iframe { border: 0px;}
em,i {font-style: normal;}
button,input,select,textarea {font-size: 100%;}
table {border-collapse: collapse;border-spacing: 0;}
a {color: #333333;text-decoration: none;}
a:hover {color: #0668bf;text-decoration: none;}
a:visited {text-decoration: none;}
.fl {float: left;}
.fr {float: right;}
.clear{width:100%; clear:both;}
.icon{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}

/*head*/
.header_main {width: 100%;height: 104px;position: relative;top: 0;left: 0;z-index: 100;background: #fff;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
border-bottom: 1px solid #e5e5e5\9;}
.header_main .logo_main {display: block;float: left; padding-top:30px;}
.header_main .nav_main {width: 860px;padding-top: 22px;height: 60px;line-height: 60px;float: right;}
.header_main .nav_main ul { width: 100%;}
.header_main .nav_main li {margin: 0 28px;font-size: 14px; position: relative; float: left;}
.header_main .nav_main li a {height: 60px;line-height: 60px;display: block;transition: all ease 300ms;position: relative;color: #333;}
.header_main .nav_main li i {position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background-color: #0668bf; -webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;z-index: 10;}
.header_main .nav_main li .sub-box {background-color: #f9f9f9;width: 110px;position: absolute;left: 50%;margin-left: -55px;top: 60px;display: none;}
.header_main .nav_main li .sub-box a {color: #333 !important;line-height: 35px;height: 35px;overflow: hidden;display: block;margin: 0;
text-align: center;font-size: 14px;}
.header_main .nav_main li .sub-box a:hover {background: #217f3b;color: #fff !important;}
.header_main .nav_main li:hover i,
.header_main .nav_main li.hover i { width: 100%;margin-left: -50%;}
.fixedNav {position: fixed;top: 0px;left: 0px;width: 100%;z-index: 100000;_position: absolute;_top:expression(eval(document.documentElement.scrollTop));}

#banner_main{overflow:hidden;position: relative;max-width:1920px;margin:0 auto;min-width:1200px;}
#banner_main .banner {height:500px;}
#banner{width:100%;min-width:1300px;position:relative;overflow:hidden;}
#banner, .banner ul{width:100%;overflow:hidden;}
.banner li {width:100%;position:absolute;z-index:1;overflow:hidden;display: none;}
.banner li:first-child{display:block;}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;}
#banner .tip {width:1000px; height:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-500px;bottom:40px;z-index:13; }
#banner .tip span{width:50px;height:10px;margin:0 12px;display:inline-block;font-size: 0;cursor: pointer;background-color:#a2a7ac;}
#banner .tip span.cur{background-color:#003e92;}
#banner #btn_prev,#banner #btn_next{width:50px;height:50px;position:absolute;top:214px;z-index:5;}
#banner #btn_prev{background-position:-54px -0px;left:8%;transition: all 600ms ease;}
#banner #btn_next{background-position:-106px -0px;right:8%;transition: all 600ms ease;}
#banner #btn_prev:hover{opacity:.8;filter:alpha(opacity=80);transition: all 600ms ease;left: 7.6%;background-position:-0px -0px;}
#banner #btn_next:hover{opacity:.8;filter:alpha(opacity=80);transition: all 600ms ease;right: 7.6%;background-position:-160px -0px;}


/*主体部分*/
.wrapper {padding: 0 0 36px;position: relative; min-height:500px;}
.w1200{width:1200px; margin:0 auto; position:relative;}
/*面包屑*/
.location {width: 100%;height: 52px;line-height: 52px;margin-bottom: 30px;border-bottom: 1px solid #e5e5e5;
  /*sitepath*/
  /*menu*/}
.location .w1200 {position: relative;}
.location .sitepath {height: 52px;line-height: 52px;position: absolute;left: 0; top: 0;}
.location .sitepath s {width: 38px;height: 18px;margin-right: 10px;background-position: -104px 0;}
.location .menu {height: 52px;position: absolute;right: 0;top: 0;font-size: 0;}
.location .menu li {height: 52px;float: left;position: relative;display: inline-block;*display: inline;*zoom: 1;margin-left: 10px;font-size: 14px;vertical-align: top;}
.location .menu li .nav1 {height: 52px;line-height: 52px;padding: 0 26px;position: relative;display: block;text-align: center;}
.location .menu li:hover .nav1,
.location .menu li.hover .nav1 {color: #fff;background: #0668bf;}
.location .goBack {width: 40px;height: 52px;cursor: pointer;}
.location .goBack s {width: 22px;height: 22px;background-position: 0 -25px;}

/*内容部分*/
.aboutPage {width: 1200px;margin: 0 auto;background: #fff;}
.aboutPage .txtcon td {vertical-align: top;}
.aboutPage table td {padding: 4px;border: 1px solid #ccc;text-align: center;vertical-align: middle; WORD-WRAP: break-word;TABLE-LAYOUT: fixed;word-break: break-all;}

/*footer*/
.copyright {height: 36px;line-height: 36px;font-size: 12px;background: #252525;color: #fff;}
.copyright a {color: #fff;}
.copyright a:hover {color: #0668bf;}


/*新闻列表*/
.newsPage .item {width: 100%;height: 168px;padding: 26px 0;transition: all .5s;border-bottom: 1px solid #f3f3f3;}
.newsPage .item:first-child {padding-top: 0;}
.newsPage .item a {width: 100%;display: block;}
.newsPage .item img {width: 224px;height: 168px;display: block;margin-right: 30px;}
.newsPage .item h3 {font-size: 20px;padding: 25px 0 20px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;color: #000;}
.newsPage .item .txt {color: #999;line-height: 24px;padding-right: 130px;overflow: hidden;}
.newsPage .item .time {width: 130px;padding: 25px 0 25px 45px;
margin-top: 20px;border-left: 1px solid #eee;font-family: arial;font-size: 18px;color: #999;}
.newsPage .item .time .day {font-size: 30px;line-height: 45px;display: block;}
.newsPage .item .time s {width: 14px;height: 18px;display: block;margin-top: 20px;background-position: -224px 0;}
.newsPage .item:hover {box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); margin-left: 15px;}
.newsPage .item:hover h3 {color: #0668bf;}
.newsPage .item:hover .time .day span {background: #6d6d6d;}
.newsPage .item:hover .time .day strong {background: #ff0000;color: #fff;}
.newsPage .item.items img {width: auto;max-width: 300px;}

/*产品列表*/
.gridlist {width: 100%;}
.gridlist .pi {width: 280px;margin: 0 26px 30px 0;float: left;position: relative;overflow: hidden;}
.gridlist .pi:nth-child(4n) {margin-right: 0;}
.gridlist .pi img {width: 280px;height: 210px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.gridlist .pi .bg {width: 280px;height: 210px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;background: url(../images/black50.png) repeat 0 0;position: absolute;left: -100%;top: 0;}
.gridlist .pi .plus {width: 280px;height: 210px;display: block;transition: all ease .4s;background: url(../images/ipro_hover.png) no-repeat center center;position: absolute;left: -100%;top: 0;}
.gridlist .pi h3 {color: #000;line-height: 22px;text-align: center;padding-top: 12px;overflow: hidden;font-family: "microsoft yahei";}
.gridlist .pi .txt {font-size: 12px;color: #999999;margin-top: 10px;line-height: 20px;height: 40px;overflow: hidden;font-family: "microsoft yahei";}
.gridlist .pi:hover .bg {left: 0;}
.gridlist .pi:hover .plus {left: 0;}
.gridlist .pi:hover img {-webkit-filter: brightness(110%); filters: brightness(110%);}
.gridlist .pi:hover h3 {color: #0668bf;}

/*新闻详情*/
#newTitle{ line-height:45px; font-size:25px; text-align:center;}
#newsInfo{ height:32px; line-height:32px; text-align:center; border-bottom:solid 1px #f1f1f1; margin:10px;}
.newsinfoleft {padding-left: 30px;}
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:100%; padding:3px; border:#dcdcdc solid 1px;}
#newsContent{ margin:0 auto;line-height:32px; padding:10px;}
#newsContent img{max-width:100%; text-indent:0em;}
#newsInfo i{ margin-right: 5px; }
.newsInfo{ height: 64px; margin-top: 15px; line-height: 64px; color:#999999;  border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; }
.newsInfo i{ margin-right: 5px; }
.sha{ margin-right: 10px; }
.sha a{ margin-left: 10px; float:left;}
.sha a:hover{ animation: swing 1s; }
.sha span{ float:left;}


/*上一条下一条*/
#prev_next{margin: 10px 10px;clear: both;overflow: hidden; }
#prev_next li{ height:33px; line-height:33px;}
#prev_next li i{ margin-right: 5px; }
#prev_next li a{color:#333333; font-size:14px;}
#prev_next li a:hover{ color: #FF0000; }

/*案例推荐*/
.n-tit { margin-bottom: 30px;}
.n-tit h3 {line-height: 35px;font-size: 24px;}
.n-tit s {width: 4px;height: 22px;margin-right: 15px;background: #0668bf;display: inline-block;vertical-align: middle;}
.n-tit .more {font-size: 16px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.n-project {width: 100%;padding: 45px 0 20px;}
.n-project .con {position: relative;}
.n-project .gridlist {width: 100%;*padding-bottom: 30px;}

/********.fixtool*********/
.toolbar {
  width: 50px;
  position: fixed;
  right: 5px;
  top: 32%;
  z-index: 999;
}
.toolbar dd {
  width: 50px;
  height: 50px;
  margin-bottom: 1px;
  position: relative;
  background: #fff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #dedede;
}
.toolbar dd i {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  text-align: center;
}
.toolbar dd i span {
  width: 35px;
  height: 43px;
  display: block;
  margin: 7px 0 0 7px;
  *margin: 7px 0 0 0;
  background: url(../images/rightFixIcon.png) no-repeat 0 0;
}
.toolbar dd:hover {
  background: #c7441b;
  border: 1px solid #c7441b;
}
.toolbar .slide-tel {
  display: block;
  width: 0;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  font-weight: bold;
  font-family: arial;
  color: #FFF;
  position: absolute;
  padding: 0 0 0 50px;
  top: 0;
  right: 0;
  overflow: hidden;
}
.toolbar .slide-tel.over {
  right: -2px;
  top: -2px;
  height: 52px;
  line-height: 52px;
  border: 1px solid #c7441b;
}
.toolbar .pop {
  position: absolute;
  right: 90px;
  top: -65px;
  background: #c7441b;
  display: none;
}
.toolbar .pop-code {
  width: 120px;
  padding: 20px 20px 0;
}
.toolbar .pop-code img {
  width: 120px;
  height: 120px;
  display: block;
}
.toolbar .pop-code h3 {
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #f2e8e1;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
}
.toolbar .qq span {
  background-position: -35px -47px;
}
.toolbar .qq a {
  width: 50px;
  height: 50px;
  cursor: pointer;
  display: block;
}
.toolbar .qq:hover {
  background: #c7441b;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #c7441b;
}
.toolbar .qq:hover span {
  background-position: 0 -47px;
}
.toolbar .tel span {
  background-position: -35px 0;
}
.toolbar .tel:hover {
  background: #c7441b;
  border: 1px solid #c7441b;
}
.toolbar .tel:hover span {
  background-position: 0 0;
}
.toolbar .code span {
  background-position: -35px -95px;
}
.toolbar .code:hover {
  background: #c7441b;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.toolbar .code:hover span {
  background-position: 0 -95px;
}
.toolbar .top span {
  background-position: -35px -142px;
}
.toolbar .top:hover {
  background: #c7441b;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #c7441b;
}
.toolbar .top:hover span {
  background-position: 0 -142px;
}