@charset "gb2312";
/* CSS Document */
html{font-size:14px; /* 10¡Â16=62.5% */ width: 100%; overflow-x: hidden;} 
body{font-size:14px;width: 100%; float: left;/* 12¡Â10=1.2 */} 
/****************************************************************************************/
*{ padding:0;  margin:0;}
body {color: #333;padding: 0px !important;margin: 0px !important;font-family: "΢ÈíÑźÚ",Microsoft YaHei,Arial,Century; }
a,a:hover,a:focus {text-decoration: none;outline: none;}
::selection {background: #ff9000;color: #fff;}
::-moz-selection {background: #ff9000;color: #fff;}
h1,h2,h3,h4,h5,h6,p,ul,li { padding: 0; margin: 0; font-weight:normal;}
li{ list-style-type: none;}
img{ border:none;}
em{ font-style: normal;}
.clear{ clear:both; height:0px;}
.fl{ float:left;}
.fr{ float:right;}
/**********************************************/
.callbacks_tabs.callbacks1_tabs{margin-top: -20px;position: relative;z-index: 100;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative; background: #015696;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}
/* Callback example */
.callbacks_container{margin-bottom:2px;position:relative;width:100%;max-width:100%;text-align:center;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0, .8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url(themes.gif) no-repeat left top;margin-top:-30px;display:none;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{left:auto;background-position:right top;right:0;}
/********************************************/
.hy{ width: 100%; height: 35px; border-top:2px solid #015696; background: #f5f5f5;}
.hy-in{ width: 1200px; height: 35px; margin: 0 auto; position: relative;}
.hy-in .hy-by{ float: left; height: 35px; line-height: 35px; color: #666; font-size: 14px;;}
.hy-in .hy-wz{ text-align: center; float: right; height: 35px; line-height: 35px; background: url(./lxbg.png) center no-repeat; width: 258px;;}
.hy-in .hy-wz a{ color: #fff; margin: 0 auto; display: inline-block; padding: 0px 10px;}
.hy-in .hy-wz a:hover{ color: #ff0;}
/********************************************/
.lg{ width: 100%; height: 150px; background: #fff;}
.lg-in{ width: 1200px; height: 150px; margin: 0 auto; position: relative;;}
.lg-in .lg-lg{ width: 750px; height: 150px; float: left;;;}
.lg-in .lg-lx{ width: 320px; height: 150px; float: right;;}
/********************************************/
.nav{ width: 100%; height: 60px; background:url(./nav.jpg) center no-repeat;}
.nav-in{ width: 1200px; margin: 0 auto; margin: 0 auto; height: 60px; }
.nav-in ul{}
.nav-in ul li{ width: 150px; text-align: center; line-height: 60px; color: #fff; font-size: 16px; float: left;;}
.nav-in ul li:hover{ background: #cb0000;}
/**********************************************/
.ss{width: 100%;overflow: hidden;height: 75px; border-bottom: 1px solid #eee;}
.ss-in{ width: 1200px; margin:0 auto; position: relative; height: 75px;;}
.ss-in .ss-wz{ float: left; height: 75px; width: 800px;;;}
.ss-in .ss-wz span#dz{ display: block; float: left; margin-top: 33px; color: #000; font-weight: bold; font-size: 15px; height: 20px; line-height: 20px;}
.ss-in .ss-wz span#wz{ display: block; float: left; margin-top: 33px; height: 20px; line-height: 20px;;}
.ss-in .ss-wz span#wz a{float: left; display: block; margin: 0px 10px; font-size: 14px; color: #666;}
.ss-in .ss-wz span#wz a:hover{ color: #015696;}
.ss-kk{float: right;overflow: hidden;width: 330px;height: 35px;border: 1px solid #dedee0;border-radius: 50px;margin-top: 23px;}
.ss-kk input{ border: none; background: none;}
.ss-kk input#key{ height: 35px; line-height: 35px; width: 260px; float: left; padding: 0px 8px;}
.ss-kk input#in1{ height: 35px; line-height: 35px; width: 35px; float: right; background: url(./ss.png) center no-repeat;}
/********************************************/
.pro{ width: 100%; height: 745px; padding: 50px 0px; }
.pro-in{ width: 1200px; height: 745px; margin: 0 auto; position: relative;;}
.pro-dz{ width: 100%; float: left; font-weight: bold; font-size: 40px; color: #015696; text-align: center;}
.pro-xt{ width: 100%; float: left; margin: 20px 0px; background: url(./line.png) center no-repeat; height: 32px;;}
.pro-fl{ width: 100%; height: 36px; float: left; margin-top: 20px;;}
.pro-fl ul{ width: 105%;}
.pro-fl ul li{ width: 183px; margin-right: 20px;; float: left;color: #797979;font-size: 16px;text-align: center;line-height: 36px;background: #eeeeee;}
.pro-fl ul li:hover{ background: #015696; color: #fff;}
.pro-nr{ width: 100%; float: left; margin-top: 40px;}
.pro-nr ul{ width: 105%;}
.pro-nr ul li{ width: 269px; margin-right: 30px; margin-bottom: 30px;; float: left; overflow: hidden; background: #fff; border: 1px solid #eee; padding: 3px;;}
.pro-nr ul li .li-tp{ width: 269px; overflow: hidden; float: left; height: 201px; overflow: hidden; position: relative;;;}
.pro-nr ul li .li-tp img{ display:block; max-width: 272px; max-height: 205px; margin: auto; position: absolute; top:0px; bottom: 0px; left: 0px; right: 0px;;}
.pro-nr ul li .li-mc{ width: 100%; float: left; margin-top: 2px;; color: #797979;font-size: 16px;text-align: center;line-height: 36px;background: #eeeeee;}
.pro-nr ul li:hover{ border-color: #015696;}
.pro-nr ul li:hover .li-mc{ background: #015696; color: #fff;}
/*************************************************/
.ad{ width: 100%; height: 200px; background:url(./ad.png) center no-repeat;}
.ad-in{ width: 1200px; margin: 0 auto; position: relative; height: 200px;;}
.ad-in .ad-le{ width: 800px; height: 200px; float: left; position: relative;}
.ad-in .ad-le span#dz{ display: block; float: left; margin-top: 40px;; margin-bottom: 20px;font-weight: bold;font-size: 32px;line-height: 36px;color: #fff;}
.ad-in .ad-le span#dz em{ color: #ff0;}
.ad-in .ad-le span#xz{ display: block; float: left; padding-left: 20px; margin-top: 10px;font-size: 18px;line-height: 20px;color: #fff;background: url("./dian.png") no-repeat left center;}
.ad-in .ad-rt{ width: 340px;; height: 165px; float: right; position: relative; margin-top: 35px;}
.ad-in .ad-rt span#dh{ display: block; float: left; padding-left: 35px; margin-top: 10px; height: 30px; line-height:30px; font-weight: bold;font-size: 28px;background: url("./tel2.png") no-repeat left center; color: #fff;}
.ad-in .ad-rt span#mo{ display: block; float: right; background: url(./lxmo.png) center no-repeat; width: 200px; height: 45px; line-height: 45px; font-size: 18px; margin-top: 30px;; text-align:center; color: #015696;}
/****************************************************/
.ys{ width: 100%; height: 700px; padding: 50px 0px;;;}
.ys-in{ width: 1200px; margin: 0 auto; position: relative; height: 700px;;}
.ys-dz{ width: 100%; float: left; font-weight: bold; font-size: 40px; color: #015696; text-align: center;}
.ys-xt{ width: 100%; float: left; margin: 20px 0px; background: url(./line.png) center no-repeat; height: 32px;;}
.ys-nr{ width: 100%; float: left; margin-top: 20px;;}
.ys-nr ul{ width: 105%;}
.ys-nr ul li{ float: left; width: 604px; height: 280px; background-size: 100%; margin-bottom: 5px;}
.ys-nr ul li .ys-tb{ width: 494px; height: 100px;; float: left; margin: 50px 50px 0px 50px; }
.ys-nr ul li .ys-tb span#wz{ float: left; display: block; font-weight: bold;font-size: 32px;line-height: 48px;color: #333;;}
.ys-nr ul li .ys-tb span#wz em{ color: #015696;}
.ys-nr ul li .ys-tb span#tb{ width: 100px; height: 100px; float: right; display: block;}
.ys-nr ul li .ys-xz{width: 494px; height: 100px; float: left;  margin: 35px 50px 0px 50px;;font-size: 18px;line-height: 30px;color: #666;}
/****************************************************/
.abt{ width: 100%; background: #f0f0f0 ; padding: 60px 0px; height: 630px;;;}
.abt-in{ width: 1200px; height: 630px; margin: 0 auto; position: relative;}
.abt-in .abt-nr{ width: 730px; height: 445px; float: left;;;}
.abt-in .abt-nr .abt-da{ width: 100%; float: left; font-size: 45px; color: #333; font-weight: bold;}
.abt-in .abt-nr .abt-mc{ width: 100%; float: left; font-size: 28px; color: #015696; font-weight: bold; border-bottom: 3px solid #015696; padding: 15px 0px;}
.abt-in .abt-nr .abt-js{ width: 100%; float: left; color:#475669; line-height: 1.8; font-size: 16px; padding: 20px 0px; height: 230px; overflow: hidden;;;}
.abt-in .abt-nr .abt-js p{ text-indent: 2rem;}
.abt-in .abt-nr .abt-gd{ width: 180px; height: 45px; background: #015696; color: #fff; float: left; line-height: 45px; text-align: center; font-size: 16px;}
.abt-in .abt-nr .abt-gd:hover{ background: #cb0000;}
.abt-in .abt-tp{ width: 400px; height: 445px; float: right;}
.abt-in .abt-mo{ width: 100%; height: 130px; background: #015696; float: left; margin-top: 50px;}
.abt-in .abt-mo ul{}
.abt-in .abt-mo ul li{ float: left; width: 240px; height: 130px; text-align: center;}
.abt-in .abt-mo ul li span#tb{ display: block; float: left; width: 100%; height: 60px; margin-top: 18px;;}
.abt-in .abt-mo ul li span#hz{ display: block; float: left; width: 100%; color: #fff; font-size: 16px; margin-top: 10px;}
/****************************************************/
.cf{ width: 100%; height: 500px; padding: 50px 0px;background: url(./cfbg.jpg) center no-repeat;;}
.cf-in{ width: 1200px; margin: 0 auto; position: relative; height: 500px;;}
.cf-dz{ width: 100%; float: left; font-weight: bold; font-size: 40px; color: #015696; text-align: center;}
.cf-xt{ width: 100%; float: left; margin: 20px 0px; background: url(./line.png) center no-repeat; height: 32px;;}
.cf-nr{ width: 100%; float: left; margin-top: 30px; overflow: hidden;;}
.cf-nr ul{ width: 102%;}
.cf-nr ul li{ float: left; margin-right: 30px; width: 277px;}
.cf-nr ul li .cf-tp{ width: 277px; float: left; height: 207px; overflow: hidden; position: relative;;}
.cf-nr ul li .cf-tp img{ display: block; margin: auto; position: absolute; left: 0px; right: 0px; top: 0xp; bottom: 0px; max-width: 280px; max-height: 210px;;}
.cf-nr ul li .cf-wz{ width: 100%; height: 50px; line-height: 50px; background:#015696; color: #fff; float: left;}
.cf-nr ul li .cf-wz span#hz{ display: block; float: left; color: #fff; margin-left: 20px;;}
.cf-nr ul li .cf-wz span#jt{ display: block; float: right; margin-right: 20px; ;background: url(./jt.png) center no-repeat; width: 21px; height: 50px; line-height: 50px;;;}
.cf-mo{ width: 100%; float: left; margin-top: 40px;;}
.cf-mo span{ text-align: center; display: block; margin: 0 auto; width: 200px; height: 45px; border: 1px solid #ccc; background: #fff; line-height: 45px; color: #333; font-size: 16px;;}
.cf-mo span:hover{ background: #015696; color: #fff;}

/***************************************************/
.xw{ width: 100%; height: 540px; padding: 50px 0px;;;}
.xw-in{ width: 1200px; margin: 0 auto; position: relative; height: 540px;;}
.xw-dz{ width: 100%; float: left; font-weight: bold; font-size: 40px; color: #015696; text-align: center;}
.xw-xt{ width: 100%; float: left; margin: 20px 0px; background: url(./line.png) center no-repeat; height: 32px;;}
.xw-tp{ width:430px; float:left; height:370px; background:#000; margin-top:40px;}
.xw-nr{ width:640px; float:right; height:280px; background:#f5f5f5; margin-top:40px; padding:45px;}
.xw-nr ul {}
.xw-nr ul li{width: 100%;height: 46px;border-bottom: 1px solid #ccc; line-height: 46px; font-size:15px; color:#333; background:url(./lb.png) left center no-repeat}
.xw-nr ul li span#bt{ display:block; float:left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:520px; text-indent:2rem}
.xw-nr ul li span#sj{ display:block; float:right; color:#999; font-size:14px}
.xw-nr ul li:hover{border-bottom:1px solid #015696;background:url(./lbh.png) left center no-repeat}
.xw-nr ul li:hover span#bt{ color:#015696; }
/***************************************************/
.fot{width: 100%;background: #222; height: 450px;; }
.fot-in{ width: 1200px; margin: 0 auto; position: relative;;}
.fot-in .fot-yl{ color: #fff; font-size: 20px;; width: 100%; height: 80px; line-height: 90px;; border-bottom: 1px solid #5d5f61;}
.fot-in .fot-yl a{ color: #fff; font-size: 15px; padding: 0px 15px;;;}
.fot-in .fot-yl a:hover{ color: #ff0;}
.fot-in .fot-dh{ float: left ; width: 436px; margin-top: 40px;;}
.fot-in .fot-dh .dh-lg{ width: 436px; height: 60px; float: left;;;}
.fot-in .fot-dh .dh-lb{ width: 436px; float: left; margin-top: 30px;;}
.fot-in .fot-dh .dh-lb a{ display: block; color: #ccc; width: 109px; float: left; margin-bottom: 20px;;}
.fot-in .fot-dh .dh-lb a:hover{ color: #ff0;}
.fot-in .fot-ewm{ border: 5px solid #ccc; width: 130px; height: 130px; float: right; margin-top: 50px;;}
.fot-in .fot-ewm img{ display: block; width: 130px;}
.fot-in .fot-lx{ float: right; margin-top: 50px; width: 100%;;}
.fot-in .fot-lx .lx-dz{ margin-right: 30px;; float: left; padding-left: 60px; height: 45px; background: url(./fotlx.png) left center no-repeat;;}
.fot-in .fot-lx .lx-dz span#dz{ float: left; width: 100%; display: block; height: 23px; line-height: 23px; color: #ccc;}
.fot-in .fot-lx .lx-dz span#xz{ text-indent: 1rem; float: left; width: 100%; display: block; height: 23px; line-height: 23px; color: #ccc;}
.fot-in .fot-lx .lx-sj{ float: left; padding-left: 60px; height: 45px; background: url(./fotdz.png) left center no-repeat;;}
.fot-in .fot-lx .lx-sj span#dz{ float: left; width: 100%; display: block; height: 23px; line-height: 23px; color: #ccc;}
.fot-in .fot-lx .lx-sj span#xz{ text-indent: 1rem; float: left; width: 100%; display: block; height: 23px; line-height: 23px; color: #ccc;}
/***************************************************/
.bq{width: 100%; height: 60px; line-height: 60px;; border-top: 1px solid #5d5f61;background: #222;}
.bq-in{ width: 1200px; height: 60px; color: #ccc; margin: 0 auto;;}
.bq-in a{ color: #ccc; padding-left: 60px;;}