input,button,select,textarea{
outline:none;
border:0;
-webkit-appearance: none;
}
a{color:#444;text-decoration:none}
a:hover{color:#014383}

body{font-family:"Microsoft YaHei","宋体"; font-size: 14px;}
.wrap { width: 1000px; margin: 0 auto; overflow: hidden; }



.tips-inner{ font-size:12px; position:relative; z-index:99; background-color:#eee; border-bottom: 1px solid #e5e5e5; color: #666; }
.tips { height: 30px;line-height: 30px; position: relative; z-index: 100; overflow:inherit !important;}
.tips p{float: left;}
.tips .tip-icon-list{
  float: right;
}
.tips .tip-icon-list ul{}
.tips .tip-icon-list ul li{
  float: left;
}
.tips .tip-icon-list ul li a{
  display: block;
  width: 35px;
  text-indent: -999em;
  background-repeat: no-repeat;
  background-position: center center;
}
.tips .tip-icon-list ul li a.weibo{
  background-image:url(../images/icon1.png);
}
.tips .tip-icon-list ul li a.weixin{
  background-image: url(../images/icon2.png);
}
.tips .tip-icon-list ul li a.qq{
  background-image: url(../images/icon3.png);
}
.tips .tip-icon-list ul li a.mobile{
  background-image: url(../images/icon15.png);
}
.tips .weixin-inner{
  position: absolute;
  top: 30px;
  right: 280px;
  z-index: 999;
  border: 1px solid #e5e5e5;
  padding:8px;
  display: none;
  background-color: #fff;
}
.tips .mobile-inner{
  position: absolute;
  top: 30px;
  right: 200px;
  z-index: 999;
  border: 1px solid #e5e5e5;
  padding:8px;
  display: none;
  background-color: #fff;
}

.tips .tip-right{
  width: 270px;
  float: right;
  text-align: right;
}
.tips .tip-right a{
  padding:0px 5px;
}



.logo-inner{
  padding:20px 0;
}
.logo-inner .logo{
  float: left;
  width: 500px;
  padding-top: 10px;
}
.logo-inner .logo a{
  display: block;
  float: left;
}
.logo-inner .logo p{
  float: left;
  font-size: 18px;
  padding-left: 10px;
  padding-top: 3px;
  line-height: 30px;
  color: #777;
}
.logo-inner .logo em{
  color: #0257a8;
  font-weight: bold;
}
.logo-inner .cxt{
  float: left;
  width:200px;
  text-align: center;
}
.logo-inner .cxt a{
  display: block;
}
.logo-inner .top-tel{
  float: left;
  width: 300px;
  padding-top: 12px;
  padding-bottom: 5px;
}
.logo-inner .top-tel .top-tel-txt{
  font-size: 18px;
  color: #014383;
  background-image: url(../images/icon5.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  text-align: center;
  padding-bottom: 6px;
}
.logo-inner .top-tel .top-tel-num{
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  color: #ff3304;
  padding-top: 6px;
  background:url(../images/icon4.png) no-repeat 40px 10px;
  padding-left: 70px;
}


.nav-inner{
  background: url(../images/nav_bg.png) repeat-x;
  height: 48px;
}
.nav {}
.nav ul{}
.nav ul li { float: left;color: #fff;font-family: "Microsoft YaHei";}
.nav ul li.line{width:2px; height: 48px;background: url(../images/line.png) no-repeat 0px 10px;}
.nav ul li a { color: #fff; display: block;font-size: 14px; text-align:center; line-height:48px; }
.nav ul li a div{
  padding-left:2px;
  padding-right: 2px;
}
.nav ul li a div span{display: block; padding:0 20px;}
.nav ul li a:hover,.nav ul li a.hover { color: #fff; background:url(../images/nav_item_left.jpg) no-repeat;}
.nav ul li a:hover div,.nav ul li a.hover div{background:url(../images/nav_item_right.jpg) no-repeat right;}
.nav ul li a:hover div span,.nav ul li a.hover div span{background:url(../images/nav_item_mid.jpg) no-repeat center;}


/*banner*/
.banner {
    height: 400px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.banner .img {
    width: 100% !important;
}

.banner .img li {
    width: 100% !important;
    height: 400px;
}

.banner .img li a {
    display: block;
    height: 100%;
    background-size: auto;
}

.banner-btn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
}

.banner-btn a {
    display: block;
    width: 49px;
    height: 104px;
    position: absolute;
    top: -10%;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

.banner-btn a.prev {
    left: 20px;
    background: url(../images/foot.png) no-repeat 0 0;
}

.banner-btn a.next {
    right: 20px;
    background: url(../images/foot.png) no-repeat -49px 0;
}

.banner .bannav {
    position: absolute;
    bottom: 20px;
    left: 50%;
}

.banner .bannav ul {
    position: relative;
    left: -50%;
}

.banner .bannav ul li {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    text-indent: -999px;
    margin-right: 20px;
    background: #ccc;
    float: left;
    cursor: pointer;
}

.banner .bannav ul li.on {
    background: #da251d;
}

.search-bar-inner{
  border-bottom: 1px solid #ebebeb;
  padding:29px 0;
}
.search-bar-inner .search-bar{
  background: url(../images/icon6.png) no-repeat 0px 6px;
}
.search-bar-inner .search-bar .sear-txt{
  width: 644px;
  float: left;
  padding-left: 26px;
  padding-right: 30px;
  overflow:hidden;
  white-space:nowrap;
}
.search-bar-inner .search-bar .sear-txt a{
  font-size: 14px;
  color: #666;
  padding:0px 5px;
  height: 38px;
  line-height: 38px;
}
.search-bar-inner .search-bar .sear-txt a:hover{
  color: #ff3304;
}
.search-bar-inner .search-bar .sear-form{
  width: 300px;
  float: right;
  position: relative;
}
.search-bar-inner .search-bar .sear-form .sear-input{
  border:2px solid #ddd;
  font-size: 14px;
  line-height: 34px;
  height: 34px;
  padding:0px 8px;
  color: #999;
  width: 260px;
}
.search-bar-inner .search-bar .sear-form .sear-btn{
  position: absolute;
  right: 1px;
  width: 40px;
  height: 40px;
  background: url(../images/icon7.png) no-repeat;
  cursor:pointer;
}

.ad-txt{}
.ad-txt h3{
  height: 130px;
  text-indent: -999em;
  background: url(../images/txt.png) no-repeat center center;
}
.ad-txt ul{}
.ad-txt ul li{
  float: left;
  width: 25%;
}
.ad-txt ul li a{
  display: block;
  width: 190px;
  margin: 0 auto;
}
.ad-txt ul li a div{
  width: 170px;
  height: 170px;
  margin: 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.ad-txt ul li a.ad-item1 div{
  background-image: url(../images/list1.jpg);
}
.ad-txt ul li a:hover.ad-item1 div{
  background-image: url(../images/list1_hover.jpg);
}
.ad-txt ul li a.ad-item2 div{
  background-image: url(../images/list2.jpg);
}
.ad-txt ul li a:hover.ad-item2 div{
  background-image: url(../images/list2_hover.jpg);
}
.ad-txt ul li a.ad-item3 div{
  background-image: url(../images/list3.jpg);
}
.ad-txt ul li a:hover.ad-item3 div{
  background-image: url(../images/list3_hover.jpg);
}
.ad-txt ul li a.ad-item4 div{
  background-image: url(../images/list4.jpg);
}
.ad-txt ul li a:hover.ad-item4 div{
  background-image: url(../images/list4_hover.jpg);
}
.ad-txt ul li a p{
  padding-top: 20px;
  font-size: 16px;
  line-height: 32px;
  font-weight: 600;
  text-align: center;
  color: #666;
}
.ad-txt ul li a:hover p{
  color: #ff3304;
}

.sub-title{background: url(../images/icon12.png);border: 1px solid #0063bf;}
.sub-title span{
  display: block;
  border: 1px solid #03baec;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.sub-title span em{
  font-size: 13px;
  display: block;
  text-align: center;
  line-height: 22px;
  font-weight: normal;
  text-transform:uppercase;
}

.page-left{
    width: 230px;
    padding-right: 24px;
    float: left;

}
.pro-category{
}
.pro-category h3 span{
  padding:10px 0;
  line-height: 36px;
  font-size: 20px;
}
.pro-category>ul{
  border-width: 0 2px 2px 2px;
  border-style: solid;
  border-color: #0063bf;
  padding:8px 0;
  background-color: #f4fbff;
  height: 575px;
}
.pro-category>ul>li{

}
.pro-category ul li a{
  font-size: 14px;
  color: #666;
  display: block;
}
.pro-category ul li a:hover{
  color: #0063bf;
}
.pro-category>ul>li>a{
  font-weight: bold;
  line-height: 36px;
}
.pro-category>ul>li>a>span{
  background: url(../images/icon8.png) no-repeat 10px 13px;
  padding-left: 25px;
  display: block;
  border-bottom: 1px dotted #c8ced1;
}

.pro-category ul li ul{
  padding-left: 14px;
  line-height: 28px;
}
.pro-category ul li ul li{}
.pro-category ul li ul li a{
  display: block;
  background: url(../images/icon9.png) no-repeat 9px 10px;
  padding-left: 23px;
  white-space: nowrap;
}

.ad-zs{padding-top: 10px;}


.home-pro, .page-right{
  width: 746px;
  float: left;
}
.home-pro h3{
  background:url(../images/bg3.jpg) repeat-x;
  border-right: 1px solid #dddddd;
  background-color: #f9f9f9;
  position: relative;
}
.home-pro h3 div{
  float: left;
}
.home-pro h3 div span{
  font-weight: normal;
  padding: 14px 12px;
}
.home-pro h3 span.more{
  position: absolute;
  right: 10px;
  top: 14px;
}
.home-pro h3 span.more a{
  font-weight: normal;
  font-size: 14px;
  color: #888;
}
.home-pro ul{padding: 10px 0 0 0;}
.pro-list ul{
  margin-left: -20px;
}
.pro-list ul li{
  float: left;
  width: 235px;
  padding-left: 20px;
  padding-top: 15px;
}
.pro-list ul li .img{
  width: 225px;
  height: 166px;
  padding: 4px;
  border: 1px solid #ddd;
}
.pro-list ul li a{
  color: #474747;
}
.pro-list ul li a:hover{
  color: #ff3304;
}
.pro-list ul li p{
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  padding: 4px 0;
}

.col50{
  width: 50%;
}
.youshi-inner{
  background: url(../images/ad1bg.jpg) no-repeat center 30px;
}
.youshi-inner .tit{
  height: 145px;
  overflow: hidden;
  color: #fff;
}
.youshi-inner .tit .fl{
  text-align: right;
}
.youshi-inner .tit .fl p{
  padding-right: 20px;
}
.youshi-inner .tit .fl .t1{
  font-size: 22px;
  padding-top: 20px;
}
.youshi-inner .tit .fl .t2{
  font-size: 36px;
  font-weight: bold;
}
.youshi-inner .tit .fr p{
  padding-left: 30px;
}
.youshi-inner .tit .fr .t1{
  padding-top: 20px;
  font-size: 48px;
  font-weight: bold;
}
.youshi-inner .tit .fr .t2{
  text-transform: uppercase;
  font-size: 23px;
  line-height: 40px;
  font-family:Tahoma, Sans-serif;
}

.youshi{}
.youshi dl{
  border-bottom: 1px dashed #bfbfbf;
  padding:30px 0;
}
.youshi dl.y-1{
  padding-left: 50%;
  height: 316px;
  background: url(../images/youshi1.jpg) no-repeat 0px center;
}
.youshi dl.y-2{
  padding-right: 50%;
  height: 346px;
  background: url(../images/youshi2.jpg) no-repeat right center;
}
.youshi dl.y-3{
  padding-left: 50%;
  height: 260px;
  background: url(../images/youshi3.jpg) no-repeat 0px center;
}
.youshi dl.y-4{
  padding-right: 50%;
  height: 370px;
  background: url(../images/youshi4.jpg) no-repeat right center;
}
.youshi dt{
  font-size: 22px;
  font-weight: bold;
  background: url(../images/bg1.jpg) no-repeat 0 0;
  position: relative;
  padding-left: 80px;
  line-height: 30px;
  color: #0066cc;
  padding-bottom: 40px;
}
.youshi dt span{
  display: inline-block;
  width: 40px;
  font-size: 42px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  left: 0px;
  top: 14px;
  padding-left: 18px;
}
.youshi dt em{
  color: #ff9900;
}
/*.youshi dl.y-1 dt span{
  top: 28px;
}*/

.youshi dl dd{
  font-size: 14px;
  line-height: 28px;
  color: #666;
  background: url(../images/icon10.png) no-repeat 80px 10px;
  padding-left: 100px;
}

.home-title h3{
  background:url(../images/bg4.jpg) repeat-x bottom #fff;
  height:58px;
  position:relative;
  }
.home-title .s-title{
  border-bottom:4px solid #0063bf;
  float:left;
  line-height:30px;
  padding:15px 5px 8px 0;
}
.home-title .s-title span{
  font-size:18px;
  font-weight:bold;
  color:#0066cc;
}
.home-title .s-title em{font-style:normal;
color:#cccccc;
padding-left:10px;
font-weight:normal;
text-transform:uppercase;
}
.home-title h3 span.more{
  position:absolute;
  display:block;
  width:48px;
  height:21px;
  right:10px;
  top:26px;
}
.home-title h3 span.more a{
  display:block;
  background:url(../images/more.png) no-repeat;
  text-indent:-99em;
}
.case-list{}
.case-list ul{}
.case-list ul li{
  padding:18px 0;
  border-bottom: 1px dashed #ccc;
}
.case-list ul li div{
  width: 194px;
  float: left;
  border: 1px solid #dedede;
  padding:2px;
}
.case-list ul li dl{
  float: left;
  padding-left: 15px;
}
.case-list ul li dl dt{

}
.case-list ul li dl dt a{
  display: block;
  font-size: 15px;
  font-weight: bold;
  line-height: 28px;
  color: #0063bf;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.case-list ul li dl dt a:hover{
  color: #ff3304;
}
.case-list ul li dl dd{
  font-size: 12px;
  color: #666;
  line-height: 22px;
  height: 88px;
  overflow: hidden;
}
.case-list ul li dl dd.more{
  height: 30px;
  /*padding-left: 20px;*/
  padding-top: 8px;
}
.case-list ul li dl dd.more a{
  display: block;
  width: 100px;
  height: 28px;
  border-radius: 3px;
  border: 1px solid #0564c0;
  text-align: center;
  line-height: 26px;
  color: #fff;
  background-color: #0064be;
}

.home-case ul{
  margin-left: -30px;
}
.home-case ul li{
  width: 485px;
  padding-left: 30px;
  float: left;
}
.home-case ul li dl{
  width:260px;
}

.home-about{
  padding: 40px 0 20px 0;
}
.home-about h3{
  background:url(../images/bg2.jpg) repeat-x bottom #fff;
  height:40px;
  position:relative;
  }
.home-about .s-title{
  float:left;
  background: url(../images/icon_home.png) no-repeat 0px 5px #fff;
  height: 40px;
  padding-left: 45px;
  width: 120px;
}
.home-about .s-title span{
  font-size:16px;
  font-weight:bold;
  color:#333;
  display: block;
  text-align: center;
}
.home-about .s-title em{
  font-size: 14px;
  font-style:normal;
  display: block;
color:#cccccc;
font-weight:normal;
text-transform:uppercase;
text-align: center;
}
.home-about h3 span.more{
  position:absolute;
  display:block;
  width:48px;
  height:21px;
  right:10px;
  top:0px;
}
.home-about h3 span.more a{
  display:block;
  background:url(../images/more.png) no-repeat;
  text-indent:-99em;
}


.home-about .about-txt{
  padding-top: 30px;
}
.home-about .about-txt .img{
  float: left;
  width: 440px;
  padding:0px 20px 0px 0px;
}
.home-about .about-txt .txt{
  float: left;
  width: 540px;
  font-size: 14px;
  color: #333;
  line-height: 26px;
}
.home-about .about-txt .txt p{
  text-indent: 2em;
  margin: 0;
  padding:0;
}
.home-about .about-txt .txt .btn-inner{
  padding-top: 12px;
}
.home-about .about-txt .txt .btn-inner span{
  display: block;
  float: left;
  width: 160;
  padding-left:60px;
}
.home-about .about-txt .txt .btn-inner span a{
  display: block;
  width: 127px;
  height: 42px;
  background: url(../images/more_bg.jpg) no-repeat;
  text-align: center;
  /*font-weight: bold;*/
  color: #fff;
  font-size: 16px;
  line-height: 42px;
}


.home-faq, .home-news{
  float: left;
}
.home-faq{
  width: 24%;
}
.home-news{
  width: 35%;
  padding-left: 3%;
  background: url(../images/line1.png) no-repeat 15px center;
  height: 405px;
}
.home-faq ul{
  height: 330px;
  overflow: hidden;
}
.faq-list ul{}
.faq-list ul li{
  padding:10px 0;
  border-bottom: 1px dotted #e1e1e1;
}
.faq-list ul li a{
  display: block;
  background: url(../images/q.png) no-repeat 0px 7px;
  font-size: 14px;
  line-height: 32px;
  padding-left: 22px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  color: #0063bf;
}
.faq-list ul li p{
  font-size: 12px;
  text-indent: 2em;
  line-height: 26px;
  color:#888;
  height: 104px;
  overflow: hidden;
  background:url(../images/a.png) no-repeat 0px 7px;
}
.news-list ul{
padding:10px 0;
}
.news-list ul li{
/*border-bottom: 1px dashed #ededed;*/
color:#666;
}
.news-list ul li a{
font-size: 12px;
line-height: 32px;
color: #666;
display: block;
background: url(../images/icon11.png) no-repeat 0px 12px;
padding-left: 15px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.news-list ul li a:hover{
color: #0063bf;
}
.news-list ul li span{
  float: right;
  font-size: 12px;
  color: #999;
  line-height: 32px;
}

.line10{
  background-color: #0063bf;
  margin:20px 0 10px 0;
}
.line8{
  background-color: #015bae;
}

#footer{
  background: url(../images/icon12.png);
  color: #fff;
}
.foot-link{
  padding: 10px 0;
}
.foot-link a, .copyright a{
  color: #fff;
  padding: 0 5px;
}
.weblink{
  padding-left: 12px;
}

.foot-menu{
  padding: 12px 0;
}
.copyright{
  line-height: 24px;
}
.foot-txt{
  padding-top: 15px;
}
.foot-txt dl{
  width: 33.33%;
  float: left;
}
.foot-txt dl dt,.foot-txt dl dd{
  padding: 0px 10px;
  line-height: 31px;
}
.foot-txt dl dt{
  font-weight: bold;
}

/*内页css*/
.crumbs-sub{
  float:right;
  color:#666;
  background:url(../images/icon13.png) no-repeat 0px 26px;
  padding: 25px 10px 8px 15px;
  font-size: 12px;
  font-weight: normal;
  max-width:440px;
}
.crumbs-sub a{
  color: #666;
  padding: 0px 5px;
}
.pad15{
  padding: 15px 0;
}
.content{
  font-size: 14px;
  line-height: 30px;
}

.info-title{padding:8px 0px; text-align:center;}
.info-title h1{font-size:24px; font-weight:bold; color:#555; padding:20px 0 6px 0;}
.info-title span{color:#999;}
.info-img {
  text-align: center;
}

.newsrele {
    border-top: 1px solid #eee;
    padding-top: 20px;
}
.newsrele h6{font-size:16px; font-weight:bold;}
.newsrele ul {
    margin-top: 10px;
    overflow: hidden;
}

.newsrele ul li {
    width: 50%;
    float: left;
}

.newsrele ul li a {
    background: url(../images/icon11.png) left center no-repeat;
    padding-left: 13px;
}

.cert-list ul{
  margin-left: -20px;
}
.cert-list ul li{
  float: left;
  width: 235px;
  padding-left: 20px;
  padding-top: 15px;
}
.cert-list ul li .img{
  width: 225px;
  height: 300px;
  padding: 4px;
  border: 1px solid #ddd;
  text-align: center;
}
.cert-list ul li a{
  color: #474747;
}
.cert-list ul li a:hover{
  color: #ff3304;
}
.cert-list ul li p{
  text-align: center;
  font-size: 14px;
  line-height: 26px;
  padding: 4px 0;
  height: 26px;
  overflow: hidden;
}
/*留言css*/
.gsk-book { width: 100%; margin: 0 auto; font-size: 12px; line-height: 22px; color: #666; padding-bottom: 12px; }
.gsk-book .fl { float: left; }
.gsk-book .fr { float: right; }
.gsk-book-title { border-bottom: 1px dashed #CCCCCC; padding-bottom: 6px; margin-bottom: 10px; padding-left: 3px; }
.gsk-book-title .tit_add { color: #888; }
.gsk-book-title .tit_add a { text-decoration: none; color: #F60; }
.gsk-book-title .tit_add a:hover { text-decoration: underline; color: #F60; }
.gsk-book-title .rcord em { color: #F00; }
.gsk-book-list { margin-bottom: 10px; }
.gsk-book-list ul { list-style-type: none; padding: 0; margin: 0; }
.gsk-book-list ul li { color: #666666; float: none; height: auto; margin: 0; min-height: 50px; padding: 10px 10px 10px 72px; position: relative; }
.gsk-book-list ul .odd { background: #f1f1f1; }
.gsk-book-list ul .even { background: #fff; }
.gsk-book-list ul li p { padding: 10px 0; margin: 0; }
.gsk-book-list .gsk-book-author cite { font-style: normal; padding-right: 5px; color: #f60; }
.gsk-book-list .gsk-book-author img { border: 1px solid #DDDDDD; height: 32px; left: 10px; padding: 4px; position: absolute; top: 13px; width: 32px; }
.gsk-book-list .gsk-book-date { color: #999; }
.gsk-book-list .gsk-book-reply { color: #06F; }
.gsk-add { width: 100%; margin: 0 auto; font-size: 12px; line-height: 22px; color: #666; }
.gsk-add .gsk-add-title { border-bottom: 1px dashed #CCCCCC; padding: 4px 0px 4px 5px; margin-bottom: 10px; font-family: "Microsoft YaHei", sans-serif; background: #f6f6f6; font-weight: bold; }
.gsk-add #guestbook { margin: 0px; padding: 0px; }
.gsk-add .gsk-add-item { line-height: 26px; padding: 4px 0px; }
.gsk-add .gsk-add-item label { color: #505050; display: inline-block; font-family: "Microsoft YaHei", sans-serif; font-size: 12px; line-height: 26px; min-width: 100px; overflow: hidden; padding-right: 5px; text-align: right; vertical-align: middle; width: 100px; }
.gsk-add .gsk-add-item span { color: #F00; padding-left: 6px; }
.gsk-add .gsk-add-item input[type="text"] { border-color: #707070 #CECECE #CECECE #707070; border-style: solid; border-width: 1px; color: #666666; font-size: 12px; height: 24px; line-height: 24px; padding: 0 4px; vertical-align: middle; width: 200px; }
.gsk-add .gsk-add-item textarea { border-color: #707070 #CECECE #CECECE #707070; border-style: solid; border-width: 1px; color: #666666; font-size: 12px; height: 140px; line-height: 18px; overflow: auto; padding: 2px 4px; vertical-align: middle; width: 400px; }
.gsk-add .btn_gsk { }
.vercode-wrap{display: inline-block;}
#vercode{width: 100px;}
