@charset "utf-8";
/* global */
*{word-break:break-all;font-family:'microsoft yahei',Verdana,arial,sans-serif;-webkit-text-size-adjust:none;}/*"Microsoft Yahei",*/
body{margin:0;padding:0;font-size:12px;color:#333333;background:#f5f5f5;}
form,input,select,textarea,td,th{font-size:12px;outline:none;}
img{border:none;}
li img{border:none;vertical-align:middle;}
ul li ,li{list-style-type:none;}
ol li{list-style-type:decimal;}
p,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,select,textarea,blockquote{margin:0px;padding:0px;}
s,i,em{font-style: normal;font-weight: normal;text-decoration:none;}
a:link,a:visited,a:active{color:#333333;text-decoration:none;}
a:hover{color:#FF6600;}
center a{font-size:14px}
/* common */
.fl{float:left}
.fr{float:right}
.wraper{width:1200px;margin:auto; padding: 0 10px; background: #fff;}
.m {width:1200px;margin:auto;}
#top a {text-decoration:none;}
.clear,.cl{clear:both;}
.clearfix{overflow:auto;_height:1%}
/* links */
a:link,a:visited,a:active {color:#333333; text-decoration: none;}
a:hover {color:#FF6600;text-decoration:none;}
/*mini-top*/
.header{width:100%;height:30px;line-height:30px;clear: both;background:#F9F9F9;color: #696969;min-width: 1200px;border-bottom: 1px #e6e6e6 solid; margin: 0 auto;}
.header a{color: #696969;}
.header_top{width:1200px;margin:0 auto;font-size:12px; }
.header_l{width: 560px;height: 40px;overflow: hidden;}
.header_nav{float: right}
.header_nav{float: right}
/*top-left-2*/
.telephone_top{float:left;padding:0 0 0 20px;}
/*top-right*/
.header_nav{float:right;height: 40px;}
.header_nav a{padding:0 10px;color: #696969;}
.header_nav .jsddm{height: 40px;}

.header ul li{float:left;}
.header ul li.phone-icon img,.header ul li.er-icon img{vertical-align:middle;width:16px;margin-top:-2px}
.jsddm span{color:#e0e0e0;}
.jsddm .yhzx a:hover,.jsddm .clf a:hover{background:#FFFFFF;color: #e60000;}
.header .red a{color: #e60000;}

.head-top{width: 1200px; margin: 0 auto;padding: 0 10px; clear: both;}
.head {width:1200px;height: 110px;padding: 5px 0;}
.head .head_logo{ float:left; width: 500px;height: 100px;}
.head .head_logo .logo img{margin:0 auto;width: 500px;height: 100px;}

.head .head_search{float:right;width: 360px;height:38px; margin-top: 40px;  border-right:none; position:relative;}
.head .head_search .txt { float:left;}
.head .head_search .s_btn { float:left; position: absolute; right: 5px; top: 6px;}
.head .head_search .s_txt { border:1px #d7d7d7 solid; width:340px; height:22px; line-height:38px; padding:8px 10px; vertical-align:middle; outline: none; font-size: 14px; border-radius: 6px; }
.head .head_search .s_btn input{background: url(img/icon_search.gif) no-repeat; width: 22px; height: 26px; padding-top: 10px; border: 0; text-indent: -9999px; cursor: pointer;}

/*nax*/
.new_nax{background: #004E98; width: 100%;min-width: 1200px; border-top: 1px solid #001A66; border-bottom: 1px solid #001A66;}
.new_nax .menu{ width: 1220px; margin: 0 auto;}
#menu a {text-decoration:none;}
.menu {height:58px;line-height:58px;overflow:hidden;font-size:16px;font-weight:500;}
.menu_li {float:left;white-space:nowrap;padding:0 39px;}
.menu_li span {color:#ffffff;}
.menu_on,.menu_li:hover {float:left;white-space:nowrap;padding:0 39px;background:#001A66;}
.menu_on span {color:#FFFFFF;}

.banner{width: 100%; height: 300px; overflow:hidden;background: url(img/banner.jpg) #fff no-repeat center top; background-size:100%; position: relative;}
.banner img{position:absolute;}
.banner .img1{left:320px; top:50px; }
.banner .img2{left:660px; top:148px}

.main{background: #fff; width: 100%; height: auto;min-width: 1200px;padding: 80px 0 10px 0;}
.ccz01{  height: 400px; padding: 50px 0;}
.ccz01 .bimg{ width:661px; height: 398px;}
.ccz01 .btext{width:539px; height: 398px;  text-align: left; position: relative;}
.ccz01 .btext .title{ height: 42px;}
.ccz01 .btext .con{ padding-top: 60px; line-height: 30px; font-size: 14px; color: #666;}
.ccz01 .btext .ft{ position: absolute; right: 20px; bottom: 10px;}

.product{ background: #fff;}
.cnt_product{ padding-left:0 !important; padding-right:0 !important;}
#cases_scroll{ width:100%; height:200px; margin:0 auto; position:relative;}
.LeftHandle{ position:absolute; left:2px; top:50%; background:url(img/show_img.png) #000 no-repeat; width:35px;height:80px;cursor:pointer;margin-top:-65px;opacity:0.4;}
.RightHandle{ position:absolute; right:2px; top:50%; background:url(img/show_img.png) #000 no-repeat right 0; width:35px;height:80px; cursor:pointer;margin-top:-65px;opacity:0.4;}
.LeftHandle:hover,.RightHandle:hover{opacity:.8}
.cnt_product ul{ position:absolute; left:40px; top:0px;}
.cnt_product ul li{ float:left; width:258px; text-align:center; padding: 0 10px;}
.cnt_product ul li img{ border:1px solid #CCC;}
.cnt_product ul li p{ line-height:30px; width:180px; height:30px; display:block; margin:0 auto; overflow: hidden;}
.product .box{background:#F4F4F4; padding: 0 4px;}
.product .box .tit{ background:#F4F4F4; height:47px; overflow:hidden; line-height:49px; padding:10px 10px;}
.product .box .tit h3{ color:#000; font-size:30px; width: 400px;  font-weight:bold; margin-left:16px; display: block; border-bottom: 1px solid #F3E1CC;}
.product .box .tit h3 i{ padding-left: 40px; color:#666; font-size: 16px;}
.product .box .tit span{ float:right;}
.product .box .tit span.more{ float:right; background:url(../images/btn_more.jpg) no-repeat; display:block; width:107px; height:36px;margin-top:10px; text-indent:-9999px;}
.product .box .tit span a{ display:block;width:107px; height:36px;}
.product .box .tit_index{ background:#F4F4F4; height:47px; overflow:hidden; line-height:49px; padding:20px 10px 10px 10px;}
.product .box .tit_index h3{background:url(img/index_product_title.gif) no-repeat 20px; width: 284px; height: 26px; padding: 0 0 20px 20px; border-bottom: 1px solid #F3E1CC;}
.product .box .tit_index span{ float:right;}
.product .box .tit_index span.more{ float:right; background:url(../images/btn_more.jpg) no-repeat; display:block; width:107px; height:36px;margin-top:10px; text-indent:-9999px; cursor: pointer;}
.product .box .cnt{ padding:10px; padding-top: 30px; }

.page{background:#F4F4F4;}
.endText{ line-height: 200%; font-size: 14px; padding: 20px 20px;}


.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 25px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.8;
  text-decoration: none;
  color: #337ab7;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination > li > .active,
.pagination > li > .active > span,
.pagination > li > .active > a:hover,
.pagination > li > .active > span:hover,
.pagination > li > .active > a:focus,
.pagination > li > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #3498DB;
    border-color: #2f89c6;
}
.pagination > li > .active:hover {
    color: #fff;
    cursor: default;
    background-color: #3498DB;
    border-color: #2f89c6;
}

.footer{width: 100%;}
.footer .foot_nav_bg{background: url(img/foot_nav_bg.jpg) #fff center bottom; width: 100%; height: 83px;}
.footer .foot_nav{ height: 40px; line-height: 40px; background: #004E98;}
.footer .foot_nav .foot_nav_logo{ width: 200px; float: left; padding: 0 100px 0 0; font-size: 20px; font-weight: 900; color: #B7B6B6;}
.footer .foot_nav ul{ width:900px; overflow: hidden; float: left;}
.footer .foot_nav ul li{float:left;padding:0 30px; color: #CCC;}
.footer .foot_nav ul li a, .footer .foot_nav ul li a:visited{color: #CCC;}
.footer .foot_nav ul li a:hover{color:#fff;}
.footer .foot { padding:50px; 0;width:1200px;margin:auto;}
.footer .foot .foot_logo{ width: 528px; height: 90px; float: left;background: url(img/foot_logo.gif) no-repeat;}
.footer .foot .foot_text{float: left; padding-left: 50px; line-height: 26px;}