@charset "utf-8";
body { font-family: "Microsoft YaHei", Arial, verdana; margin: 0px; font-size: 12px; color: #000; }
img { border: 0; }
ul { margin: 0; padding: 0; float: left; list-style-type: none; }
a { text-decoration: none; color: #333; }
textarea, input, form, p, h1, h2, h3, h4, h5, h6, dl, dt, dd { margin: 0; padding: 0; font-weight:normal;}
.header { width: 100%; height: 82px; background: #3598DB; }
.header1 { width: 1160px; height: 82px; margin: 0 auto; background: url(/style/css/img/navbj.jpg) right no-repeat }
.header2 { width: 375px; height: 80px; float: left; padding: 0; }
.header3 { width: 780px; height: auto;  float: right; }
.nav { width: 780px; height: 83px; float: right; position: relative; }
.nav ul { float: right; }
.nav ul li { width: 106px; float: left; position: relative; }
.nav ul li a { width: 106px; padding: 31px 0; text-align: center; float: left; color: #fff; font-size: 16px; display: block; font-weight: bold; }
.nav ul li a:hover, .nav ul li a.hover { background: #FF9900 url(/style/css/img/libj.gif) left bottom no-repeat; }
.submenu { top: 82px; border: 1px #c3c6c7 solid; border-top: none; padding-bottom: 10px; padding-left: 40px; background: url(/style/css/img/submenu.png); position: absolute; display: none; }

#moran0 .nav ul li a.hover0,#moran1 .nav ul li a.hover1,#moran2 .nav ul li a.hover2,#moran3 .nav ul li a.hover3,#moran4 .nav ul li a.hover4,#moran5 .nav ul li a.hover5,#moran6 .nav ul li a.hover6{background: #FF9900 url(/style/css/img/libj.gif) left bottom no-repeat; }
.submenu { top: 82px; border: 1px #c3c6c7 solid; border-top: none; padding-bottom: 10px; padding-left: 40px; background: url(/style/css/img/submenu.png); position: absolute; display: none; }



.submenu dt { padding-top: 28px; padding-bottom: 25px; color: #129be0; text-align: left; font-weight: bold; font-size: 14px; width: 170px; }
.submenu dt span { display: block; padding-top: 23px; }
.nav ul li .submenu dt a { color: #129be0; font-size: 14px; background: none; padding: 0; margin: 0; width: auto; text-align: left; float: none; }
.submenu dl { width: 170px; float: left; border-right: 1px #e0e2e2 solid; margin-right: 30px; display: inline; border-bottom: none; }
.submenu ul { float: left; }
.nav ul li .submenu li { width: 160px; float: left; border-bottom: 1px #eaeced solid; height: 32px; line-height: 32px; color: #666; text-align: left; overflow: hidden; }
.nav ul li .submenu li a { width: 160px; float: left; text-align: left; padding: 0; display: block; color: #333; background: none; font-size: 12px; font-weight: normal; }
.nav_wb { width: 84px; float: right; position: relative; }
.nav_wb img { width: 22px; height: 22px; margin: 6px 0 0 6px; }
.nav_wb img.auto { width: auto; height: auto; margin: 0; }
.h111 div { display: none; position: absolute; }
/*--------------------------------------------content/service--------------------------------------------------*/

.ser { width: 100%; height: 500px; overflow: hidden; }
.ser dl { width: 1160px; min-height: 600px; overflow: hidden; margin: 0 auto; }
.ser dl dt { width: 1160px; min-height: 80px; overflow: hidden; padding-top: 50px; }
.ser dl dt h1 { text-align: center; font-size: 32px; padding-bottom: 10px; }
.ser dl dt h2 { text-align: center; font-size: 24px; line-height: 44px; font-weight: normal; }
.ser dl dt h3 { text-align: center; font-size: 16px; line-height: 40px; font-weight: normal; }
.ser dl dt p { text-align: center; line-height: 24px; }

.ser dl ul { width: 1160px; min-height: 80px; overflow: hidden; padding-top: 45px; }
.ser dl ul li { width: 230px; height: 359px; float: left; margin: 0 30px; }
.ser dl ul li h1 { width: 230px; height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; float: left }
.ser dl ul li p { width: 230px; float: left; line-height: 25px; color: #000; font-size: 14px; }
.in-about{ width: 1100px; min-height: 80px; overflow: hidden; padding-top: 30px; }
.in-aboutl{float: left;width:377px; height:281px;background-image: url(img/sybj1.png);background-position: top center;background-repeat: no-repeat; text-align: center;margin-left: 30px;margin-top: 20px;}
.in-aboutl img{width:357px; height:247px;margin-top: 10px;}
.in-aboutr{float: right;width:650px; height:300px;position:relative;}
.in-aboutr h4{  color: rgb(23, 142, 214);height: 40px;line-height: 40px;margin-bottom: 10px;font-size: 20px;}
.in-aboutr p{line-height: 30px;font-size: 14px;color: #666;text-indent: 1em;}
.in-aboutr span{position:absolute;bottom:10px;right:20px;width: 100px;height:30px; line-height:30px;text-align: center; }
.in-aboutr span a{color:#fff; font-size: 14px;background-color:rgb(23, 142, 214);display: block;  }
.ser_p1 { width: 206px; height: 206px; float: left; background: url(/style/css/img/ca_n.jpg) no-repeat; }
.ser_p1:hover { background: url(/style/css/img/ca_n.jpg) no-repeat 0 -206px; }
.ser_p2 { width: 206px; height: 206px; float: left; background: url(/style/css/img/ca_n.jpg) no-repeat -206px 0; }
.ser_p2:hover { background: url(/style/css/img/ca_n.jpg) no-repeat -206px -206px; }
.ser_p3 { width: 206px; height: 206px; float: left; background: url(/style/css/img/ca_n.jpg) no-repeat -412px 0; }
.ser_p3:hover { background: url(/style/css/img/ca_n.jpg) no-repeat -412px -206px; }
.ser_p4 { width: 206px; height: 206px; float: left; background: url(/style/css/img/ca_n.jpg) right top no-repeat; }
.ser_p4:hover { background: url(/style/css/img/ca_n.jpg) right bottom no-repeat; }
.con_j { width: 43px; height: 43px; background: url(/style/css/img/con_j.gif) no-repeat; margin: -10px auto; position: relative; z-index: 1; }
.al { width: 100%; height: 565px; background: url(/style/css/img/albj.jpg) no-repeat center; }
.al dl { width: 1160px; margin: 0 auto; color: #FFFFFF }
.al dl dt { width: 1160px; min-height: 80px; padding-top: 70px; }
.al dl dt h1 { text-align: center; font-size: 32px; font-weight: bold; padding-bottom: 10px; }
.al dl dt p { text-align: center; font-size: 14px; line-height: 30px; }
.al1 { width: 520px; height: 30px; background: url(/style/css/img/alz.gif) no-repeat left; padding: 0 15px; margin: 0 auto; margin-top: 15px; }
.al1 ul { float: right; height: 30px; text-align: center; font-size: 14px; line-height: 30px; }
.al1 ul li { float: left; padding: 0 11px; letter-spacing: 1px; }
.al2 { width: 1160px; height: 250px; margin: 0 auto; }
.al_img { float: right; margin-right: 80px; }
/*--------------------------------------------news--------------------------------------------------*/

.news { width: 100%; height: 600px; overflow: hidden; background: #ECF0F1; }
.news div { width: 1080px; height: 480px; overflow: hidden; margin: 60px auto; }
.news div h1 { text-align: center; font-size: 32px; color: #333; padding-bottom: 10px; }
.news div h2 { text-align: center; font-size: 14px; font-weight: normal; padding-bottom: 45px; }
.news div dl { width: 520px; height: 112px; float: left; margin: 0 10px 20px 10px; border-bottom: 1px dashed #ccc; }
.news div dt { width: 510px; height: 82px; float: left; padding: 5px; background: #fff; }
.news div dt img { float: left; width: 120px; height: 82px; }
.news div dt h3 { width: 375px; font-size: 14px; float: right; }
.news div dt a:hover * { color: #178ED6; }
.news_s { width: 375px; float: right; line-height: 24px; color: #999; }
.news_p { width: 375px; float: right; line-height: 20px; color: #999; }
/*--------------------------------------------news--------------------------------------------------*/

.case { width: 100%; height: auto; overflow: hidden; background: #fff; }
.case .inca { width: 1200px; height: auto; overflow: hidden; margin: 30px auto; }
.case .inca h1 { text-align: center; font-size: 32px; color: #333; padding-bottom: 10px; }
.case .inca h2 { text-align: center; font-size: 14px; font-weight: normal; padding-bottom: 30px; }
.case div ul{float: left;list-style: none;height:  auto;width: 100%;overflow: hidden;}
.case div ul li{float: left;width:200px; height:180px; margin-left:20px; margin-bottom: 20px;text-align: center;}
.case div ul li a .in-caseimg{width:200px; height:160px;border: 1px #ccc solid;margin: 0;}
.case div ul li a .in-caseimg img{width:200px; height:160px;}
.case div ul li a p{height:20px;color: #333; line-height: 20px;font-size: 14px;}
.case div ul li:hover a .in-caseimg{border: 1px  #269ded solid;}
.case div ul li:hover a p{color: #269ded;}



/* zp_box */
.case div .zp_box{width:220px;height:180px;overflow:hidden;float:left;cursor:pointer; margin-right:10px; margin-bottom:20px;}
.case div .zp_box img{width:220px;height:180px;}
.pop_tit{width:220px;height:50px;background:#393939;display:none;}
.case .p_tit2{padding-left: 10px;}

.p_tit1{line-height:30px;color:#ffffff;font-size:14px;padding-left: 10px;}
.p_tit2{line-height:20px;color:#00a0e9;font-size:12px;}
.list_case{width: 100%; height: auto; overflow: hidden; margin: 20px auto;}
.list_case .zp_box{width:220px;height:180px;overflow:hidden;float:left;cursor:pointer; margin-right:10px; margin-bottom:20px;text-indent: 0;}
.list_case .zp_box img{width:220px;height:180px;}
.lip .list_case .pop_tit p{text-indent: 0;padding:0; margin: 0;}
.lip .list_case p.p_tit1{line-height:30px;color:#ffffff;font-size:14px;padding-left: 10px;}
.lip .list_case p.p_tit2{line-height:20px;color:#00a0e9;font-size:12px;padding-left: 10px;}


/*--------------------------------------------link--------------------------------------------------*/

.link { width: 100%; height: 70px; padding: 5px 0; background: #BEC3C7; overflow: hidden; }
.link dl { width: 1160px; margin: 0 auto; }
.link dl h1 { float: left; font-size: 18px; font-weight: bold; color: #333; padding: 11px 0; }
.link dl ul { width: 1040px; height: 46px; overflow: hidden; float: right; padding-top: 15px; }
.link dl ul li { float: left; margin-bottom: 10px; }
.link dl ul li a { padding: 0 10px; border-right: 1px solid #000; }
/*--------------------------------------------bottom--------------------------------------------------*/

.bo { width: 100%; height: 240px; background: url(/style/css/img/bo_b.gif) repeat; border-bottom: 1px solid #666; }
.bo dl { width: 100%; }
.bo dl.bo_t { width: 1160px; padding-bottom: 20px; margin: 0 auto; }
.bo ul { width: 971px; overflow: hidden; float: left; margin-top: 35px; border-right: 1px solid #666; }
.bo li { width: 135px; min-height: 160px; overflow: hidden; float: left; margin-right: 40px; }
.bo li.bo_l1 { width: 220px; border-right: 1px solid #666; }
.bo li.bo_l2 { width: 120px; }
.bo li h1 { width: 150px; padding-bottom: 30px; float: left; font-size: 14px; color: #fff; font-weight: bold; }
.bo li h5 { width: 150px; line-height: 25px; float: left;color: #fff; }
.bo li p { width: 150px; line-height: 20px; float: left;color: #ccc; }
.bo li p.bo_p1 { width: 85px; margin-right: 15px; line-height: 24px; background: url(/style/css/img/bo_p.gif) no-repeat right; }
.bo li p.bo_p2 { width: 200px; }
.bo li p.bo_p3 { width: 43px; margin-right: 8px; background: url(/style/css/img/bo_p3.gif) no-repeat right; }
.bo li p a { color: #ccc; }
.bo dt { width: 111px; float: right; padding-top: 50px; }
.bo dt h1 { width: 111px; text-align: center; line-height: 50px; font-size: 14px; font-weight: bold; color: #fff; }
.bo dt img { width: 111px; height: 111px; float: left; }
.bo_c { width: 100%; height: 50px; line-height: 50px; margin: 0 auto; background: url(/style/css/img/bo_b.gif) repeat; text-align: center; color: #fff; }
/*--------------------------------------------products--------------------------------------------------*/

.ban { width: 100%; height: 348px; margin: 0 auto; }
.pr_t { width: 1160px; height: auto; overflow: hidden;margin: 0 auto 10px; padding-top:30px; padding-bottom: 20px;}
.pr_t h1 { font-size: 30px; color: #333; font-weight: normal;text-align: center; }
.pr_t h2 { color: #3598DB;font-size: 16px; font-weight: normal;text-align: center;  }
.pr_t dl p{height:40px; line-height:40px;font-size: 14px; }
.pr_t dl p span{color: #3598DB; }
.sondh{margin-top: 20px;overflow: hidden;height: auto;margin-bottom: 30px;}

.pr_t span { float: left; font-size: 14px; font-weight: bold; text-align: center; margin-left: 10px; }
.pr_t span a { width: 143px; line-height: 40px; float: left; color: #fff; background: #333; }
.pr_t span a:hover, .pr_t span a.sethere { background: #3598DB url(/style/css/img/product.gif) no-repeat 58px 34px; }
.pr_th { width: 143px; line-height: 40px; float: left; background: #3598DB url(/style/css/img/ab_i.gif) no-repeat bottom; color: #fff; }
.pr_c1 { width: 1160px; height: 310px; margin: 0 auto; background: url(/style/css/img/pr.jpg) no-repeat 715px 20px; margin-bottom: 80px; }
.pr_c1 h1 { font-size: 20px; height: 50px; background: url(/style/css/img/product.gif) no-repeat 250px -6px; font-style:normal; }
.pr_c1 dl { width: 715px; height: 260px; background: #3598DB; }
.pr_p1 { padding: 25px 30px; color: #fff; font-size: 14px; line-height: 26px; font-weight: bold; }
.pr_c2 { width: 1160px; height: 310px; margin: 0 auto; background: url(/style/css/img/pr.jpg) no-repeat 0 -290px; margin-bottom: 80px; }
.pr_c2 h1 { font-size: 24px; height: 50px; background: url(/style/css/img/product.gif) no-repeat 880px -6px; text-align: right; }
.pr_c2 dl { width: 715px; height: 260px; background: #E67F22; float: right; }
.pr_p2 { padding: 50px 30px; color: #fff; font-size: 14px; line-height: 26px; font-weight: bold; }
.pr_c3 { width: 1160px; height: 310px; margin: 0 auto; background: url(/style/css/img/pr.jpg) no-repeat 715px -600px; margin-bottom: 80px; }
.pr_c3 h1 { font-size: 24px; height: 50px; background: url(/style/css/img/product.gif) no-repeat 250px -6px; }
.pr_c3 dl { width: 715px; height: 260px; background: #1BBC9B; }
.pr_p3, .pr_p4 { padding: 75px 30px; color: #fff; font-size: 14px; line-height: 26px; font-weight: bold; }
.pr_c4 { width: 1160px; height: 310px; margin: 0 auto; background: url(/style/css/img/pr.jpg) no-repeat left bottom; margin-bottom: 80px; }
.pr_c4 h1 { font-size: 24px; height: 50px; background: url(/style/css/img/product.gif) no-repeat 880px -6px; text-align: right; }
.pr_c4 dl { width: 715px; height: 260px; background: #2C82BB; float: right; }
/*--------------------------------------------news--------------------------------------------------*/

.bgb { background: #EAF4FB; }
.ne { width: 1160px; overflow: hidden; margin: 0 auto; padding-bottom: 30px; }
.ne li { width: 1100px;  padding: 20px 30px; overflow: hidden; float: left; margin-bottom: 20px; background: #fff }
.ne li:hover, .ne li:hover * { background: #3598DB; color: #fff; }
.ne li h2 { font-size: 18px; color: #999; width: 50px; padding-top: 15px; float: left; }
.ne li img { width: 215px; height: 150px; float: left; margin: 0 30px; }
.ne li h1 { width: 775px; height: 40px; overflow: hidden; font-size: 18px; font-weight: normal; }
.ne li span { font-size: 14px; line-height: 24px;color: #666; }
.ne dl.ne_pt { width: 1160px; overflow: hidden; margin: 0 auto; border-bottom: 1px solid #ddd; margin-bottom: 15px; }
.ne_pt h1 { width: 940px; height: 60px; overflow: hidden; font-size: 36px; color: #3598DB; font-weight: normal; }
.ne div.ne_ptr { width: 150px; height: 39px; float: right; margin-top: 5px; }
.ne dd { width: 39px; height: 39px; margin-left: 11px; float: left; }
.ne dd a.ne_ptr1 { width: 39px; height: 39px; float: left; background: url(/style/css/img/new_p.gif) no-repeat left top; }
.ne dd a.ne_ptr1:hover { width: 39px; height: 39px; float: left; background: url(/style/css/img/new_p.gif) no-repeat left bottom; }
.ne dd a.ne_ptr2 { width: 39px; height: 39px; float: left; background: url(/style/css/img/new_p.gif) no-repeat center top; }
.ne dd a.ne_ptr2:hover { width: 39px; height: 39px; float: left; background: url(/style/css/img/new_p.gif) no-repeat center bottom; }
.ne dd a.ne_ptr3 { width: 39px; height: 39px; float: left; background: url(/style/css/img/new_p.gif) no-repeat right top; }
.ne dd a.ne_ptr3:hover { width: 39px; height: 39px; float: left; background: url(/style/css/img/new_p.gif) no-repeat right bottom; }
.ne dl.ne_pc { font-size: 14px; color: #666; line-height: 24px; }
.ne dl.ne_pc dt { width: 1160px; height: 50px; }
.ne dl.ne_pc dt span { float: left; margin-right: 20px; }
.ne dl.ne_pc p { width: 1100px; padding: 0 30px; text-indent: 2em; }
.bshare-custom { padding: 4px 0; }
.ne dl.ne_pb { width: 1160px; line-height: 60px; border-top: 1px dotted #ddd; margin-top: 30px; color: #666; }
.ne dl.ne_pb h2 { font-size: 14px; font-weight: normal; }
.ne dl.ne_pb>.ne_pbl { width: 500px; float: left; }
.ne dl.ne_pb>.ne_pbr { width: 500px; float: right; text-align: right; }
.new { width: 100%; padding: 30px 0; background: #eee; }
.new h1 { width: 1160px; height: 50px; font-size: 22px; color: #0066CC; margin: 0 auto; font-weight: normal; }
.ne_re { width: 1080px; margin: 0 auto; overflow: hidden; }
.ne_re dl.ne_r { width: 520px; height: 112px; float: left; margin: 0 10px 20px 10px; border-bottom: 1px dashed #ccc; }
.ne_re dl.ne_r img { float: left; width: 120px; height: 82px; }
.ne_re dl.ne_r h3 { width: 385px; font-size: 14px; float: right; }
.ne_re dl.ne_r a:hover * { color: #3598DB; }
.ne_r span.ne_d { width: 385px; float: right; line-height: 24px; color: #999; }
.ne_r span.ne_p { width: 385px; float: right; line-height: 20px; color: #999; }
/* flexslider */
.flexslider { position: relative; width: 100%; height: 594px; overflow: hidden; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.flexslider .slides { zoom: 1; }
.flex-direction-nav a { width: 60px; height: 90px; line-height: 99em; overflow: hidden; margin: -60px 0 0; display: block; background: url(/style/css/img/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; }
.flex-direction-nav .flex-next { background-position: 0 -90px; right: 0; }
.flex-direction-nav .flex-prev { left: 0; }
.flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); right: 40px; }
.flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); left: 40px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); }
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; padding: 0 }
.flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display:inline;
}
.flex-control-paging li a { background: url(/style/css/img/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; }
.flex-control-paging li a.flex-active { background-position: 0 0; }
/* case */
#wrapper { text-align: center; margin-top: 20px; }
.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0,0,0,0.5); /*dim the background*/ text-align: center; display: none; }
#overlay_pic { margin: 200px auto; width: 400px; box-shadow: 10px 10px 5px #000; }
.jscarousal { width: 1160px; margin: 0 auto; padding: 22px 8px 22px 8px; position: relative; /*overflow: hidden;*/ }
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right { float: left; width: 58px; height: 58px; color: White; position: relative; top: 12px; cursor: pointer; }
.jscarousal .jscarousal-left { background: url(/style/css/img/arrow.gif) left top no-repeat; margin-top: 50px; }
.jscarousal .jscarousal-left:hover { background: url(/style/css/img/arrow.gif) no-repeat 0 -116px; margin-top: 50px; }
.jscarousal .jscarousal-right { background: url(/style/css/img/arrow.gif) no-repeat 0 -58px; margin-top: 50px; }
.jscarousal .jscarousal-right:hover { background: url(/style/css/img/arrow.gif) left bottom no-repeat; margin-top: 50px; }
.jscarousal-contents { width: 1000px; height: 206px; float: left; position: relative; overflow: hidden; margin: 0 20px; }
.jscarousal-contents > div { position: absolute; width: 100%; height: 200px; }
.jscarousal-contents > div > div { float: left; margin: 0 10px; }
.jscarousal-contents > div > div:hover * { color: #ff0; }
.jscarousal-contents img { width: 228px; height: 178px; border: solid 1px #BBD5E3; }
.hidden { display: none; }
.visible { display: block; }
.thumbnail-active { cursor: pointer; }
.thumbnail-inactive { cursor: pointer; }
.thumbnail-text { font-size: 14px; color: #fff; text-align: center; display: block; padding: 5px 0; font-weight: bold; }
/****************************************/
.blank { clear: both; height: 1px; overflow: hidden; display: block; }
.blank40 { height: 40px; }
.blank82 { height: 82px; }
.lip { width: 1160px; margin: 0 auto;line-height: 25px;text-indent: 1em;font-size: 14px;color: #666;height: auto;overflow: hidden;}
.lip h4{line-height: 40px;font-size: 16px;color:#3598DB;}
.lip p{line-height: 25px;text-indent: 1em;font-size: 14px;margin-bottom: 10px;font-weight: normal; }
.mainpage { float: left; width: 100%; line-height: 180%; font-size: 14px; }
input.iambg { width: 560px; padding-left: 10px; height: 29px; line-height: 29px; background: url(/style/css/img/iambg.jpg) left top repeat-x; border: none; border-right: 1px solid #DADADA; border-bottom: 1px solid #DADADA; font-size: 14px; color: #666; margin: 7px 0; }
input.width60 { width: 60px; }
textarea.iambg { width: 520px; height: 100px; padding-left: 10px; background: url(/style/css/img/iambg.jpg) left top repeat-x; border: none; border-right: 1px solid #DADADA; border-bottom: 1px solid #DADADA; font-size: 14px; color: #666; line-height: 180%; margin: 7px 0; }
input.greenbg { width: 139px; height: 43px; line-height: 43px; background: url(/style/css/img/greenbg.gif) left top no-repeat; text-align: center; border: 0; float: left; cursor: pointer; font-size: 14px; color: #fff; }
.myform { width: 608px; float: left; height: auto; }
h1.borderline { padding: 0; margin: 0; font-size: 24px; height: 24px; line-height: 24px; border-bottom: 1px solid #ccc; padding: 10px 0; margin: 10px 0; width: 100%; }
.whitemy { color: #fff; }
.whitemy a:link, .whitemy a:visited { color: #fff; }
.whitemy a:hover { color: #FFCC00; }
.widthauto { width: 1160px; margin: 0 auto; }
.fpage { width: 100%; margin: 12px auto; clear: both; text-align: center; float: left; }
#float { position: absolute; top: 0; width: 100%; height: 82px; z-index: 999; }/*1210?*/
.ca dl { width: 100%;border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.ca dl h1 {width: 100%; line-height: 60px;height: 60px; color: #0282DB; text-align: center;font-size:26px; }
.ca dl dt { width: 147px; height: 39px; float: right; margin: 18px 0; }
.ca_an1 { width: 39px; height: 39px; float: left; margin-left: 10px; }
.ca_an1 a { width: 39px; height: 39px; float: left; background: url(/style/css/img/cah_i.gif) center top; }
.ca_an1 a:hover { background: url(/style/css/img/cah_i.gif) center bottom; }
.ca_an2 { width: 39px; height: 39px; float: left; margin-left: 10px; }
.ca_an2 a { width: 39px; height: 39px; float: left; background: url(/style/css/img/cah_i.gif) left top; }
.ca_an2 a:hover { background: url(/style/css/img/cah_i.gif) left bottom; }
.ca_an3 { width: 39px; height: 39px; float: left; margin-left: 10px; }
.ca_an3 a { width: 39px; height: 39px; float: left; background: url(/style/css/img/cah_i.gif) right top; }
.ca_an3 a:hover { background: url(/style/css/img/cah_i.gif) right bottom; }
.cah { width: 1130px; min-height: 200px; overflow: hidden; padding: 30px 15px; border-bottom: 1px solid #eee; }
.cah div.pcBg { width: 700px; min-height: 200px; float: left; text-align: left; }
#CSSBox_1 { float: left; width: 504px; height: 50px; margin: 0 auto; overflow: hidden; }
#CSSBox_1 ul li { float: left; list-style: none; margin: 0 5px; width: 62px; overflow: hidden; }
#CSSBox_1 ul li img { width: 60px; height: 48px; border: 1px solid #ccc; }
#LeftButton_1 { float: left; cursor: pointer; display: block; width: 24px; height: 38px; background: url(/style/css/img/pre-no.gif) left top no-repeat; }
#RightButton_1 { float: left; cursor: pointer; display: block; width: 24px; height: 38px; background: url(/style/css/img/next-no.gif) left top no-repeat; }
#wrapper_1 { width: 552px; margin: 0 auto; padding-top: 20px; }
.cah div.pcBg div { }
.cah dd { width: 305px; min-height: 20px; overflow: hidden; float: right; padding: 35px 25px; border: 1px solid #eee; }
.cah dd p { line-height: 24px; color: #999; }
.cah dd p a { color: #999; }
.cah dd p span { font-weight: bold; color: #333; }
.newstime {text-align: center;font-size: 12px;color: #333;  margin-bottom:10px;  }
.hnjiathis { margin-top: 45px; }
.mrjj{line-height: 20px;width:95%;height: auto;padding: 20px;font-size: 12px;color: #666;background: #eee;font-weight: normal;overflow: hidden;text-indent: 0;}
.zw { clear: both; width: 100%; min-height: 200px; padding: 20px 0; }
.zw h4{line-height: 40px;font-size: 16px;color:#3598DB;}
.zw p{line-height: 25px;text-indent: 1em;font-size: 14px;color: #666;padding-bottom: 10px;font-weight: normal; }


.wrapper { width: 1160px; margin: 0 auto; position: relative; }
.btn_blue, #filter li a.cur, .category li a.cur { background-color: #4d90fe; background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed); background-image: -moz-linear-gradient(top, #4d90fe, #4787ed); background-image: -ms-linear-gradient(top, #4d90fe, #4787ed); background-image: -o-linear-gradient(top, #4d90fe, #4787ed); background-image: linear-gradient(top, #4d90fe, #4787ed); border: 1px solid #3079ed; color: #fff; }
.btn_blue:hover, #filter li a.cur:hover, .category li a.cur:hover { background-color: #357ae8; background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8); background-image: -moz-linear-gradient(top, #4d90fe, #357ae8); background-image: -ms-linear-gradient(top, #4d90fe, #357ae8); background-image: -o-linear-gradient(top, #4d90fe, #357ae8); background-image: linear-gradient(top, #4d90fe, #357ae8); border: 1px solid #2f5bb7; border-image: initial; text-decoration: none }
#filter { height: 68px; border-bottom: 1px solid #d8d9d8; border-top: 1px solid #d8d9d8; margin-bottom: 12px }
#filter.fixed { width: 100%; position: fixed; top: 80px; left: 0; z-index: 1; background: #fff; }
* html #filter.fixed { position: absolute; top:expression(eval(document.documentElement.scrollTop+80));
}
#filter .wrapper { height: 68px; }
#filter li { display: inline-block; zoom: 1; *display:inline;
width: 110px; margin-right: 5px; margin-top: 20px; vertical-align: middle; }
#filter li a { display: block; background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#d5d5d5)); -webkit-user-select: none; background-color: #e9e9e9; background-image: -webkit-linear-gradient(top, #e9e9e9, #d5d5d5); background-image: linear-gradient(top, #e9e9e9, #d5d5d5); background-image: -o-linear-gradient(top, #e9e9e9, #d5d5d5); border: 1px solid #dcdcdc; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #666; height: 29px; line-height: 29px; min-width: 54px; padding: 0 8px; text-align: center; }
#filter li a:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); background-color: #f8f8f8; background-image: linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1); border: 1px solid #c6c6c6; box-shadow: 0 1px 1px rgba(0,0,0,0.1); text-decoration: none; }
#filter p { position: absolute; top: 25px; right: 5px; }
.caseslistspe { width: 1160px; padding-left: 30px; height: auto; margin: 0 auto; }
.caseslistspe li { width: 310px; height: 260px; border: 1px solid #e1e1e1; border-bottom: 2px solid #ccc; position: relative; float: left; margin-right: 70px; margin-bottom: 30px; text-indent: 0;}
.caseslistspe li:hover{border: 1px solid #3598DB; border-bottom: 2px solid #269ded; }

.caseslistspe li.makeright { margin-right: 0; }
.caseslistspe li p { display: none; width: 280px; height: 207px; font-size: 12px; line-height: 1.5; text-align: left; padding: 0 15px; background: #0A94DC; color: #999; position: absolute; left: 0; top: 0; margin: 0 auto; }
/*for ie*/
.item1{width: 310px; height: 260px; border: 1px solid #e1e1e1; border-bottom: 2px solid #ccc; position: relative; float: left; margin-right: 70px; margin-bottom: 30px;}
#caseslist .cases li p strong { color: #fff; font-size: 16px; line-height: 200%; }
#caseslist .cases li p b { color: #fff; font-size: 12px; line-height: 200%; }
#caseslist .cases li p em { display: block; color: #fff; margin: 12px 0; font-style: normal; line-height: 120%; font-size: 12px; width: 280px; height: 110px; overflow: hidden; }
#caseslist .cases li p a { display: inline-block; zoom: 1; *display:inline;
font-weight: bold; color: #fff; height: 30px; line-height: 30px; padding: 0 8px; margin-top: 8px; }
#caseslist .cases li p a.openurl { width: 23px; height: 23px; padding: 0; background: url(/style/css/img/ico_website.png) no-repeat; overflow: hidden; text-indent: -9999px; position: absolute; bottom: 5px; right: 5px; }
#caseslist li p a.openurl:hover { background-position: 0 -23px; }
#caseslist .cases li p a.btn_blue { background-color: #FFCC00; color: #983500; width: 140px; text-align: center; font-size: 14px; }
#caseslist a.btn_yellow { background-color: #FFCC00; color: #983500; width: 140px; text-align: center; font-size: 14px; }
.caseslistspe li h1 { font-size: 14px;line-height: 30px; text-indent: 1em;}
.caseslistspe li span { font-size: 11px; padding: 0 10px; color: #ccc; }
#caseslist p strong b.font14 { font-size: 14px; }
.re { width: 1160px; height: 269px; padding: 20px 0; }
.re_t { width: 1160px; height: 56px; border-bottom: 1px solid #eee; }
.re_t h1 { float: left; color: #000; font-size: 34px; line-height: 56px; }
.re_t h1 span { color: #0282db; }
.re_t h2 { margin-left: 20px; font-size: 28px; color: #666; float: left; margin-top: 16px; }
.re_l { float: left; width: 26px; height: 26px; margin: 89px 16px 89px 0; }
.re_l a { float: left; width: 26px; height: 26px; background: url(/style/css/img/cas_j.png) right bottom no-repeat; }
.re_l a:hover { background: url(/style/css/img/cas_j.png) left bottom no-repeat; }
.re_r { float: right; width: 26px; height: 26px; margin: 89px 0 89px 16px; }
.re_r a { float: right; width: 26px; height: 26px; background: url(/style/css/img/cas_j.png) right top no-repeat; }
.re_r a:hover { background: url(/style/css/img/cas_j.png) left top no-repeat; }
.re_c { width: 912px; height: 143px; float: left; padding: 35px 0; }
#CSSBox { float: left; width: 928px; height: 191px; margin: 0 auto; overflow: hidden; }
#CSSBox ul li { float: left; list-style: none; width: 218px; margin: 10px 7px; padding: 0; text-align: center; border: 0; }
#CSSBox ul li img { border: 1px solid #ccc; padding: 1px; width: 214px; height: 167px; }
#LeftButton { cursor: pointer; margin: 0 6px; margin-top: 80px; height: 26px; width: 26px; float: left; background: url('/style/css/img/cas_j.png') left -26px no-repeat; }
#LeftButton:hover { background: url('/style/css/img/cas_j.png') -26px -26px no-repeat; }
#RightButton { cursor: pointer; margin: 0 6px; margin-top: 80px; height: 26px; width: 26px; float: left; background: url('/style/css/img/cas_j.png') left top no-repeat; }
#RightButton:hover { background: url('/style/css/img/cas_j.png') -26px top no-repeat; }
#wrapper { width: 1078px; margin: 20px auto; }
#wechat, #mobile { background: #fff; width: 135px; padding: 0 10px; height: 230px; line-height: 180%; position: absolute; text-align: center; border: 1px solid #ccc; z-index: 99999999; font-size: 12px; top: 24px; left: -10px; }
.hd { display: none; }
.sw { display: block; }
.e2 { }
.e2 li { width: 100%; overflow: hidden; clear: both; padding: 12px 0px; border-bottom: 1px solid #EEE; }
.e2 li a.preview { width: 84px; float: left; margin-right: 7px; margin-bottom: 3px; margin-left: 10px; display: inline; }
.e2 li a.preview img { width: 80px; /*height:60px;*/
display: block; padding: 1px; border: 1px solid #EEE; }
.e2 li a.preview:hover img { border: 1px solid #AAA; }
.e2 li a.title { overflow: hidden; line-height: 25px; font-weight: bold; font-size: 14px; margin-left: 2px; }
.e2 li a.title:link, .e2 li a.title:visited { color: #3366CC; }
.e2 li a.title:hover { color: #F33; }
.e2 span.info { display: block; line-height: 23px; color: #555; padding-left: 12px; }
.e2 span.info small { color: #CC984A; font-size: 12px; margin-left: 3px; }
.e2 span.info a { color: #690; }
.e2 p.intro { color: #776955; line-height: 20px; padding: 0; margin: 0; margin-left: 5px; padding-left: 10px; padding-right: 10px; }
.onlinebox { width: 75px; position: absolute; right: 10px; top: 583px; }
.onlinebox a { width: 75px; height: 75px; display: block; }
.online_list { width: 75px; }
.online_list a { border-top: 1px solid #FFF; font-family: "Microsoft YaHei"; text-align: center; height: 30px; padding-top: 45px; color: #999999; font-size: 14px; color: #FFF; }
.online_list a.shili { background: url(/style/css/img/index19.png) no-repeat; border: none; }
.online_list a.anli { background: url(/style/css/img/index20.png) no-repeat }
.online_list a.fangan { background: url(/style/css/img/index21.png) no-repeat }
.online_list a.yewu { background: url(/style/css/img/index22.png) no-repeat; position: relative; }
a.kefu { background: url(/style/css/img/index23.png) no-repeat; margin-top: 1px; }
.online_list a.online_share { background: url(/style/css/img/index24.png) no-repeat; }
a.online_leave { background: url(/style/css/img/index25.png) no-repeat; }
.onlinebox a.goTop { background: url(/style/css/img/index26.png) no-repeat; height: 77px; }
.news-title h1 { color: #1a1a1a; font-size: 24px; font-family: "Microsoft YaHei"; }
a.floatright { float: right; }
.hdme { width: 136px; height: auto; background: #fff url(/style/css/img/keT.png) left top no-repeat; padding-top: 63px; border: 1px solid #ccc; border-top: none; position: absolute; top: 228px; *top:0;
right: 0; padding-bottom: 9px; }
.hdme a { width: auto; height: auto; padding: 0; font-size: 12px; color: #333; border: 0; }
.hdme a img { position: relative; top: 6px; }
#CSSBox_2 { float: left; width: 1000px; height: 206px; margin: 0 auto; overflow: hidden; }
#CSSBox_2 ul li { float: left; list-style: none; margin: 0 10px; width: 230px; overflow: hidden; }
#CSSBox_2 ul li span { display: block; text-align: center; font-size: 14px; font-weight: 700; margin-top: 6px; }
#CSSBox_2 ul li img { width: 228px; height: 178px; border: 1px solid #ccc; }
#LeftButton_2 { float: left; cursor: pointer; display: block; width: 58px; height: 58px; background: url(/style/css/img/arrow.gif) no-repeat left top; margin-top: 50px; }
#LeftButton_2:hover { background: url(/style/css/img/arrow.gif) no-repeat 0 -116px; }
#RightButton_2 { float: left; cursor: pointer; display: block; width: 58px; height: 58px; background: url(/style/css/img/arrow.gif) no-repeat 0 -58px; margin-top: 50px; }
#RightButton_2:hover { background: url(/style/css/img/arrow.gif) left bottom no-repeat; }
#wrapper_2 { width: 1116px; margin: 0 auto; padding-top: 40px; }
.jscarousal .jscarousal-left { background: url(/style/css/img/arrow.gif) left top no-repeat; margin-top: 50px; }
.jscarousal .jscarousal-left:hover { background: url(/style/css/img/arrow.gif) no-repeat 0 -116px; margin-top: 50px; }
.jscarousal .jscarousal-right { background: url(/style/css/img/arrow.gif) no-repeat 0 -58px; margin-top: 50px; }
.jscarousal .jscarousal-right:hover { background: url(/style/css/img/arrow.gif) left bottom no-repeat; margin-top: 50px; }
div.tuoming { width: 100%; height: 24px; text-align: center; background: url(/style/css/img/tuoming.gif) left top no-repeat; }
/*--------------------------------------------product--------------------------------------------------*/

.pro_bk { width: 1160px; overflow: hidden; margin: 70px auto; }
.pro_bk dt.pro_bkg { float: left; width: 530px; height: 280px; overflow: hidden; margin: 10px; padding: 15px; background: #EBEBEB; }
.pro_bk dt.pro_bkg:hover { background: #3598DB; }
.pro_bk dt.pro_bkg:hover * { color: #fff; }
.pro_bk dt.pro_bkg img { width: 280px; height: 280px; float: left; }
.pro_bk dt.pro_bkg h1 { width: 250px; float: right; font-size: 18px; font-weight: bold; padding: 20px 0 10px; }
.pro_bk dt.pro_bkg p { width: 250px; height: 216px; overflow: hidden; font-size: 14px; line-height: 24px; float: right; }
.pro_t { width: 1160px; height: 69px; background: #efefef; margin: 0 auto 40px; }
.pro_tr { width: 845px; height: 69px; float: right; }
.pro_trc { width: 368px; height: 32px; margin: 17px auto; border: 1px solid #3598DB; }
.pro_trc input { width: 305px; height: 32px; line-height: 32px; float: left; border: 0; color: #666; padding: 0 5px; }
.pro_trc button { float: right; border: none; width: 52px; height: 32px; background: #3598DB; color: #fff; font-size: 14px; cursor: pointer; }
.pro_tl { width: 315px; height: 69px; color: #fff; background: #3598DB url(/style/css/img/pro_i.gif) no-repeat right; margin-bottom: 45px; }
.pro_tl h1 { font-size: 26px; padding: 20px 10px 0 20px; float: left; font-weight: normal; }
.pro_tl h2 { font-size: 22px; font-weight: normal; padding: 12px 0 0 5px; }
.pro_tl h3 { font-size: 14px; font-weight: normal; margin-top: -6px; }
.pro_c { width: 1160px; height: 40px; margin: 0 auto; }
.pro_c dd { padding: 0; margin: 0; float: left; margin-right: 8px; width: 143px; height: 40px; line-height: 40px; }
.pro_c dd a { display: block; background: #333; color: #fff; text-align: center; font-size: 18px; font-weight: bold; }
.pro_c dd a:hover, #pro_cdh { background: #3598DB; }
.pro_b { width: 980px; padding: 45px 90px; margin: 70px auto 0; overflow: hidden; background: #EBEBEB; }
.pro_b img { width: 315px; height: 315px; float: left; }
.pro_b dt { width: 500px; overflow: hidden; float: right; padding: 40px 0; color: #333; }
.pro_b dt h1 { font-size: 30px; }
.pro_b dt p { font-size: 14px; line-height: 24px; padding-top: 10px; }

.pages { clear:both; line-height:30px; text-align:center }
.pages li { list-style:none; display:inline-block; padding:0 3px; }
.pages span { padding:2px 4px; margin-left:5px; color:#FF6600; font-weight:blod; }
.pages a { padding:2px 6px; margin-left:5px; border:1px solid #DDDDDD; }
.line { height:10px; font-size:0px; clear:both; }

/* 在线客服样式*/
.main-im{position:fixed;right:10px;top:100px;z-index:100;width:110px;background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(/style/css/img/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im-tel{color:#000000;text-align:center;width:109px;border-bottom:1px solid #dddddd;}
.main-im .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im-tel:hover{background:#fafafa;}

.page{background-color: #eee;width: 100%;height:auto;margin: 20px auto;}
.page p{line-height: 30px;color: #333;font-size: 14px;}
.page p a{color: #0066CC;}


/*CSS reset*/
body{padding:0;margin:0;}
fieldset,img{border:0;}
a{text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}
li{list-style:none;}

/*banner*/
.index_show{position: relative;z-index: 2;width: 100%;background: #fff;}
.bxslider{height:594px;overflow: hidden;width: 100%;}
.bxslider li{width: 100%;height: 594px;overflow: hidden;}
.bxslider .item1{background: url(/style/images/img/banner1.jpg) center 0 no-repeat;}
.bxslider .item2{background: url(/style/images/img/banner2.jpg) center 0 no-repeat;}
.bxslider .item3{background: url(/style/images/img/banner3.jpg) center 0 no-repeat;}
.bx-controls{display: none;}
#bx-pager{position: absolute;left: 50%;bottom: -15px;z-index:10;margin-left: -90px;padding-bottom: 6px;}
#bx-pager a{float: left;width: 60px;height: 60px;line-height: 60px;text-align: center;font-size: 30px;background: #fff;color: #999;font-family: "宋体";}
#bx-pager a:hover{text-decoration: none;}
#bx-pager .active{position: relative;background: #fd825c;color: #fff;}
#bx-pager .active::before{content: '';position: absolute;top:-10px;left: 25px;border: 5px solid transparent;border-bottom: 5px solid #fd825c;}