/* By 东方的太阳 QQ:465002188 */



/* 全局样式 */

* {padding:0;margin:0;}

body{color:#444444;font:12px/1.75 '微软雅黑', '宋体', Verdana, Helvetica, sans-serif;background:#fff;}

ul,ol{list-style-type:none;}

textarea,select,input,button,label,img{vertical-align:middle;font-family: 微软雅黑}

input[type=submit] {cursor:pointer}

input,button{overflow:visible;}

table {border-collapse:collapse;}

img {border:0;}

html{-webkit-text-size-adjust:none;}

em,i {font-style:normal;}

input, textarea, div, a {outline: none;}

html, body {height: 100%;width: 100%}

html {overflow: hidden;overflow-y:scroll;}



/* 定义全局宽 */

.wp {width:1000px;margin:0px auto;}



/*  - - - - - - - - - 类别样式  - - - - - - - - -*/

.c:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}

.c { *zoom:1;}

.l {float:left;}

.r {float:right;}

.rel {position:relative}

.abs {position:absolute;}

.none {display:none;}

/*img {max-width: 100%}*/











/* 链接样式 */

a{color:#444444;text-decoration:none;}

a:link{}	

a:hover{text-decoration:none;color:#0585d8}	/*设置对象在其鼠标悬停时的样式表属性*/

a:active{}  /*在鼠标点击与释放之间发生的事件*/

a:visited{} /* 已被访问过时的样式表属性 */







.top {height: 23px;line-height: 23px;background: #656565;text-align: right;z-index: 99;}

.top img {vertical-align: top}

.top .wp div {display: inline-block;*display: inline;*zoom:1;color: #fff;height: 23px;vertical-align: top;}

.top a {color: #fff;margin: 0 5px;}

.top a.on {color: #fbbe38}


.header {height: 98px;border-bottom: 6px solid #dddddd;background: none;z-index: 199}

.fx2 {position: fixed;top:0;background: #fff;left:0;width: 100%;z-index: 99}

.fx3 {position: fixed;top:104px;left:50%;margin-left: -500px;background: #fff;width: 970px;z-index: 99}



.nav li {padding: 9px 0 0 5px;width: 100px;text-align: center;float: left;position: relative;height: 89px;z-index: 99}

.nav li a {display: block;height: 75px;background: #edeaea;color: #138bd9;font-size: 14px}

.nav li div {position: absolute;bottom:-6px;height: 6px;width: 100px;right:0;}

.nav li span {display: block;padding-top: 15px; padding-bottom: 5px}

.nav li.on a, .nav li a:hover {background: #0585d8;color: #fff;}

.nav li.on div, .nav li.hover div {background: #0585d8}

#pull {position: absolute;top:89px;left:5px;background: #edeaea;width: 100px;display: none}
#pull li {padding: 0;width: auto;float: none;height: 35px;line-height: 35px;overflow: hidden;}
#pull li a {height: 34px;background: none;padding: 0 5px;font-size: 14px;border-bottom: 1px solid #fff;}
#pull li a:hover {background: #0585d8;color: #fff}



.bann {height: 247px;background-repeat: no-repeat;background-position: center center;}



.brand {padding: 10px 0;height: 20px;line-height: 20px;}

.brand a, .brand span {padding: 0 7px}



.ml {width: 263px;}



.jbox {margin-bottom: 15px}

.t_t {height: 17px;background: url(../images/t_t1.jpg) no-repeat top center;}

.t_c {background: url(../images/t_c1.jpg) repeat-y;padding: 10px 25px}

.t_b {background: url(../images/t_b1.jpg) no-repeat;height: 8px;font-size: 8px}



.t1 {height: 18px;line-height: 18px;font-size: 18px;color: #0585d8;background: url(../images/ico4.jpg) no-repeat 0 3px;padding: 0 0 0 20px;border-bottom: 1px dotted #b8b8b8;padding-bottom: 15px}



.subnav li {height: 40px;line-height: 40px;border-bottom: 1px dotted #b8b8b8;padding: 0 10px;}

.subnav li a {display: block;font-size: 14px;}

.subnav li.on a {color: #0585d8}

.subnav li span {padding: 0 10px 0 0;}



.list1 li {width: 50%;text-align: center;padding: 15px 0;border-bottom: 1px dotted #b8b8b8;float: left;}



.mr {width: 720px;}



.bg_box {background: url(../images/x1.png) no-repeat center bottom;padding: 0 10px 80px 15px}

.t2 {font-size: 24px;font-weight: bold;padding: 0 0 15px 0}



.cont {font-size: 13px;line-height: 26px;}



.act {color: #0585d8;}

.act span.x {display: block;margin: 10px 0;border-top: 1px dotted #ccc;height: 0px;font-size: 0px;overflow: hidden;}



.feed-pic {width: 307px;}

.feed dl {width: 350px;}

.feed dl dt {position: absolute;left:0;width: 80px;text-align: right;}

.feed dl dd {padding: 0 0 15px 90px;}



.feed .inp {width: 250px;height: 23px;line-height: 23px;border:1px solid #707070;padding: 0 5px;}

.feed textarea {padding: 5px;border:1px solid #707070;width: 250px;height: 120px}

.feed .mit {width: 92px;height: 35px;background: url(../images/mit1.jpg) no-repeat;border:0;}





.page {text-align: center;height: 30px;padding-top: 10px}

.page a, .page span {display: inline-block;*display: inline;*zoom:1;height: 25px;border:1px solid #ccc;background: #fff;text-align: center;line-height: 25px;padding: 0 10px;text-transform: uppercase;margin: 0 2px}

.page span, .page a:hover {background: #0585d8;color: #fff}





.list2 dd {border-bottom: 1px dotted #ccc;padding:0 0 15px 0;height: 125px;margin-bottom: 15px}

.list2 dd div {margin-left: 140px}

.list2 dd img {float: left;}

.list2 dd .t {height: 30px;font-weight: bold;color: #0585d8}

.list2 dd .t a {color: #0585d8;font-size: 14px}

.list2 dd .t span {float: right;font-size: 12px;}

.list2 dd .more a {color: #999;}

.list2 dd .more a:hover {color: #000}

.list2 dd .p {padding: 0 0 10px 0;font-size: 12px;color: #666;line-height: 22px}





.bs {padding: 15px 0;text-align: center;color: #666;border-bottom: 1px dotted #ccc;margin-bottom: 15px}

.bs h1 {font-size: 18px;font-weight: normal;color: #0585d8}



.s_page {border-top: 1px dotted #ccc;margin-top: 25px;padding: 15px 0 0 0}



.list3 li {float: left;padding: 0 30px 10px 0;font-size: 13px}

.list3 li span {padding: 0 10px 0 0}

.list3 li.on a {color: #0585d8}



.case_con .con {width: 400px;line-height: 24px;font-size: 13px;}

.case_con .con h3 {font-size: 16px;padding: 0 0 5px 0}



.list4 {padding: 10px 0 0 0}

.list4 li {width: 193px;text-align: center;float: left;padding: 0 20px 0 15px}

.list4 li span {display: block;padding: 10px 0 0 0;font-size: 16px;}

.list4 li img {}

.list4 li a:hover p {border-color: #ddbe11}

.list4 li p {border:3px solid #fff;width: 193px;height: 113px;overflow: hidden;}



.list4 li img{ -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 500ms; }

.list4 li img:hover {-webkit-transform: scale(1.1, 1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms; -moz-transform: scale(1.1, 1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms; transform: scale(1.1, 1.1); transition-timing-function: ease-out; transition-duration: 500ms; }





.ject_con .con {padding: 20px 0 0 0 ;width: 400px}





.sub_box {border:1px solid #ccc;padding:10px 15px;margin-bottom: 20px;}

.sub_l {width: 256px;padding: 10px 0 0 20px;}

.sub_r {width: 620px;text-align: justify;text-align: center;}

.sub_r li {text-align: center;padding: 0 0 0 25px;display: inline-block;*display: inline;*zoom:1;}

.sub_r li a {color: #0585d8;font-size: 13px}

.sub_r li a span {display: block;height: 60px;}





.pro_it1 .info,

.pro_it3 .info,

.pro_it5 .info,

.pro_it2 .ico,

.pro_it4 .ico,

.pro_it6 .ico {float: left;}



.pro_it2 .info,

.pro_it4 .info,

.pro_it6 .info,

.pro_it1 .ico,

.pro_it3 .ico,

.pro_it5 .ico {float: right;}





.pro_box .info {width: 720px}

.pro_box .ico {padding-top: 50px}





.banner, .banner .bd ul li {height: 520px;background-repeat: no-repeat;background-position: center center}

.banner .wp .info {height: 520px;display: table-cell;vertical-align: middle;width: 341px;}

.banner .info .p {padding: 20px 0;font-size: 14px;line-height: 24px;font-style: italic;color: #4f4f4f}

.banner .hd {width: 100%;height: 12px;text-align: center;bottom:20px;left:0;}

.banner .hd ul li {display: inline-block;*display: inline;*zoom:1;width: 12px;height: 12px;background: #ccc;margin: 0 2px;}

.banner .hd ul li.on {background: #0585d8}





.t10 {padding: 30px 0 45px 0;text-align: center;}

.t10 span {font-size: 18px;color: #0585d8;padding: 0 0 0 10px}



.t11 {height: 18px;background: url(../images/x4.jpg) repeat-x center center;line-height: 18px;text-align: center;}

.t11 span {display: inline-block;*display: inline;*zoom:1;background: #fff;font-size: 18px;padding: 0 20px;vertical-align: top}





.f1 ul {width: auto;padding: 45px 0}

.f1 ul li {padding: 0;width: 16%}

.f1 ul li i {font-size: 18px;color: #232323;display: block;padding: 15px 0}



.x3 {width: 493px;background: url(../images/x3.jpg) no-repeat bottom center;padding-bottom: 50px}



.t12 {height:45px;border-bottom: 2px solid #0585d8;color: #0585d8;margin-bottom: 15px}

.t12 img {margin: 0 10px 0 0;vertical-align: -10px;}

.t12 span {font-size: 18px;}



.f3 .t12 img {vertical-align: -5px}

.f3 .t12 {height: 35px}



.f2 .line li {float: left;width: 98px;text-align: center;}

.f3 .info img {float: left;margin: 0 10px 0 0}

.f3 .info {height: 82px;overflow: hidden;color: #666}

.f3 .info .t {font-size: 12px;color: #0585d8;font-weight: bold;}

.f3 .info .t span {float: right;}



.bg {background: url(../images/bg.jpg) no-repeat top center}

.mb_reg .mit, .mb_login .mit {width: 94px;height: 29px;border:0;background: url(../images/mit2.png) no-repeat;font-size: 14px;font-family: 微软雅黑;margin-right: 15px}



.logo2 {text-align: center;padding: 35px 0 20px 0}



.mbbox {width: 960px}

.mb_left {width: 300px;}

.mb_right {width: 642px;}



.jbox2 {padding: 20px 0}

.t_t2 {height: 11px;background: url(../images/t_t2.png) no-repeat 0 top;font-size: 11px;}

.t_b2 {height: 11px;background: url(../images/t_b2.png) no-repeat 0 bottom;font-size: 11px;}

.t_c2 {background: url(../images/t_c2.png) repeat-y 0;}



.t_t3 {height: 11px;background: url(../images/t_t3.png) no-repeat 0 top;font-size: 11px;}

.t_b3 {height: 9px;background: url(../images/t_b3.png) no-repeat 0 bottom;font-size: 9px;}

.t_c3 {background: url(../images/t_c3.png) repeat-y 0;padding: 15px}





.line2 {font-size: 18px;padding: 20px 0}

.line2 li {padding: 10px 0 0px 85px}

.line2 li.q {background: url(../images/qq.png) no-repeat 40px 15px}

.line2 li.w {background: url(../images/wx.png) no-repeat 35px 15px}

.line2 li.w img {margin-top: 10px}

.line2 li.w span {padding: 10px 0 0 0;display: block;}



.mb_reg {border-bottom: 1px dotted #ccc;padding: 10px 0 20px 30px;margin-bottom: 0px}

.mb_reg span {color: #666;}

.mb_reg p {font-size: 14px;padding:0 0 15px 0}

.mb_reg dt {position: absolute;left:0;width: 100px;text-align: right;}

.mb_reg dd {padding: 0 0 15px 110px}

.mb_reg dd .inp {width: 250px;height: 24px;line-height: 24px;padding: 0 5px;border:1px solid #ccc;margin-right: 5px}



.mb_login dl {padding: 0 0 0 140px;width: 262px}

.mb_login h3 {font-size: 24px;padding: 25px 0 15px 140px;font-weight: normal;line-height: 24px}

.mb_login .inp {width: 250px;height: 24px;line-height: 24px;border:1px solid #ccc;padding: 0 5px;color: #999}

.mb_login dd {padding: 0 0 15px 0;overflow: hidden;zoom:1;}

.mb_login label {float: left;}

.mb_login a {float: right;}

.mb_login label input {margin: 0 5px 0 0}









.footer {margin-top: 50px;background: url(../images/footer_bg.jpg) no-repeat center center;font-size: 14px;color: #fff;padding-top: 60px;padding-bottom: 30px}

.footer a {color: #fff;}



.tel {width: 283px;height: 44px;line-height: 44px;background: url(../images/x2.jpg) no-repeat top;top:-82px;right: 0px;text-align: center;}

.tel span {font-size: 20px;font-style: italic;background: url(../images/ico_tel.jpg) no-repeat 0 center;padding: 0 0 0 40px}



.fl {width: 124px;text-align: center;}

.m span {padding: 5px 0 10px 0;display: block;}

.fx a {margin: 0 3px}



.fr ul {float: left;padding: 0 0 0 50px}

.fr ul li {height: 30px;line-height: 30px;text-align: center;width: 150px}

.fr ul li.t {background: url(../images/x2.png) repeat-x top;height: 45px;line-height: 45px;margin-bottom: 10px}

.fr ul li.t a {display: block;background: url(../images/x2.png) repeat-x bottom;}



.city {padding: 40px 0 20px 0;text-align: right;}

.cr {text-align: center;padding: 10px 0 0 0}





.qq_fixed {width: 141px;background: #0585d8;border-radius: 0 15px 15px 0;position: fixed;top:50%;left:0px;margin-top: -5%;color: #fff;z-index: 15}

.qq_fixed a {color: #fff;}

.qq_fixed .t {padding: 15px 10px 0px 10px;font-size: 16px;}

.qq_fixed .t img {margin: 0 5px 0 0}

.qq_fixed p {padding: 0px 0 10px 10px;font-size: 16px;}

.qq_fixed ul li {padding: 20px 20px 10px 0px;background: url(../images/x5.jpg) no-repeat top center;text-align: center;}

.qq_fixed ul li span {display: block;font-size: 14px;padding: 5px 0 0 0}

.qq_fixed ul li a {display: block;padding: 0 0 0 45px;background: url(../images/ico_q1.jpg) no-repeat 20px 30px}





.body_bg {position: fixed;top:0;left:0;z-index: 229;width: 100%;height: 100%;background: #000;opacity: 0.7;display: none;}

.zs_box {position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 300;display: none;text-align: center;}

.close {position: absolute;top:0;right: 0px;width: 50px;height: 50px;background: #fff;font-size: 50px;text-align: center;line-height: 40px;cursor: pointer;}









#warpper{width:100%;height:522px;position:relative;z-index: 2}

#focus{width:1920px;height:522px;position:absolute;overflow:hidden;background:#fff;display: none;}

.focusWarp{width:1920px;height:522px;overflow:hidden;position:absolute;}

.imgList{position:absolute;left:0;width: 100%}

.imgList li{float:left;text-align:center;height:522px;position: relative;width: 100%;background: #fff;position: relative}

.imgList li img {position: absolute;height: 522px;width: 1920px;margin-left: -960px;left:50%;}

.imgList li a {display: block;height: 522px;width: 100%;background-repeat: no-repeat;background-position: center center;}

.imgList_two{position:absolute;z-index:1000;top:-20px;}

.imgList_two li{float:left;text-align:center;width: 100%;height: 522px;}

/*.imgList_two li img{margin-right:540px;_width:100%;}

*/

.imgList_two li .info {width: 300px;margin: 0 auto;text-align: left;padding-right: 700px;padding-top: 130px;}

.imgList_two li .info .p {padding: 20px 0;line-height: 24px;}

.imgBtn{position:absolute;bottom:10px;z-index:1110;padding-top:15px;}

.btnWarp{overflow:hidden;}

/* 默认圆点样式 */

.imgBtn li{width:19px;height:20px;font-size:14px;margin-right:10px;background:url(../images/btnBg_03.png) no-repeat right top;_background:url(../images/btnBg_03.gif) no-repeat right top;text-align:center;line-height:18px;cursor:pointer;overflow:hidden;display: inline-block;*display: inline;*zoom:1;border-radius: 15px;text-indent: -100px}

.imgBtn li img {display: none;}

.imgBtn li.hover{background:url(../images/btnBg_03.png) no-repeat left top;_background:url(../images/btnBg_03.gif) no-repeat left top;}

/* 圆点样式结束 */

.sizeBox{width:300px; position:absolute;z-index:10;top:0;left:0;}

.prev,.next{display:block;height:77px;width:36px;position:absolute;top:120px;z-index:100;background:url(../images/prevNext.png) no-repeat;outline:none;*background:url(../images/prevNext.gif) no-repeat;background:url(../images/prevNext.gif) no-repeat\0;}

.prev{left:50%;}

.next{right:50%;background-position:right top;}

.thumPrev,.thumNext{width:20px;height:20px;display:block;background:url(../images/sprevNext.png) no-repeat;_background:url(../images/sprevNext.gif) no-repeat;margin-top:10px;margin-right:10px; outline:none;}

.thumNext{background-position:right top;}

.back {text-align: center;padding: 20px 0 20px 0}
.back a {float: none;font-size: 14px;font-weight: bold;display: inline-block;*display: inline;*zoom:1;height: 30px;padding: 0 15px;line-height: 30px;background: #dedede;}
.back a:hover {background: #0585d8;color: #fff}



.f2 .line li span {display: block;padding: 5px 0 0 0}