/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, font, form, p, h1, h2, h3, h4, h5, h6, span, a { padding: 0px; margin: 0px; }
input, select { font-size: 12px; line-height: 16px; }
html, body { -webkit-text-size-adjust: none; font-size: 12px; color: #333333; }/*google浏览器字体兼容*/
body { font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; width: 100%; background: #ffffff; }
img { border: 0; }
ul, li { list-style-type: none; }
a { text-decoration: none; color: #333333; outline: none; }
a:hover { color: #1178cc; text-decoration: none; }
a:active { star:expression(this.onFocus=this.blur());
}
.cl { clear: both; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.dis { display: block; }
.undis { display: none; }
.huangse { color: #eae678 }
.yellow { color: #ed6b1e }
.green { color: #007b3f }
.red { color: #0b5fa8 }
.hui { color: #696868 }
.hui2 { color: #929292 }
.red2 { color: #ae1202 }
.orange { color: #ffb400; }
.Dgreen { color: #0e652c; }
.hei { color: #000 }
.blue { color: #007e40 }
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.f16 { font-size: 16px }
.f18 { font-size: 18px }
.fb { font-weight: bold }
.line30 { line-height: 30px; }
.line35 { line-height: 35px; }
.border_bottom { border-bottom: 1px #CCCCCC dashed; }
DIV.none { DISPLAY: none }
.display { display: block }
.space { height: 5px; clear: both; _height: 0px; line-height: 5px }
.left { float: left }
.right { float: right }
.container { width: 1200px; margin: 0 auto; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.margin_bottom30 { margin-bottom: 30px; }
/*index start*/
.head { width: 100%; height: 81px; }
.head .container { width: 1200px; height: 81px;}
.logo { padding-top:18px; }
.logo a{ display:block;}
.menu { width: 610px;}
.menu ul li { float: left; height: 81px; width: 14%; text-align: center; position: relative; z-index: 999; }
.menu ul li a { display: inline-block; height: 81px; line-height: 81px; font-size: 14px; color: #333333; padding: 0 5px; }
.menu ul li a:hover { color: #1284c9; }
.menu ul li a.current { color: #1284c9;}
.menu ul li .menudown { width: 510px; height: auto; padding: 30px 30px 40px 30px; background: #fff; position: absolute; z-index: 9999; top: 81px; left: 25%; border-top: 1px #c3c3c3 solid; display: none; }
.menu ul li .menudown .menudownl { width: 180px; height: auto; }
.menu ul li .menudown .menudownl a { display: block; width: 100%; height: 50px; line-height: 50px; background: url(../images/menu_cate_squre.jpg) no-repeat left 50%; padding: 0; font-size: 14px; color: #666666; text-align: left; text-indent: 15px; border: 0; }
.menu ul li .menudown .menudownl a:hover { border: 0; background: url(../images/menu_cate_squre_over.jpg) no-repeat left 50%; color: #1178cc; line-height: 50px; }
.menu ul li .menudown .menudownr { width: 322px; height: auto; }
.menu ul li .menudown .menudownr a{ height:auto;}
.menu ul li:hover a.one { color: #1284c9;}
.menu ul li:hover .menudown { display: block; }
.headr { width:auto; }
.headrl { width: 18px; height: 18px; position: relative; z-index: 999; padding-top: 30px; }
.headrl a { display: block; width: 18px; height: 18px; background: url(../images/top_search.png) no-repeat 50% 50%; }
.headrl .headrls { display: none; width: 240px; height: 44px; padding: 17px; background: #1284c9; position: absolute; z-index: 9999; top: 70px; right: -12px; margin: 0; }
.headrl .headrls img { position: absolute; z-index: 10000; top: -7px; right: 14px; }
.headrls_sub { width: 60px; height: 44px; border: 0; background: url(../images/top_search_sub.jpg) no-repeat 50% 50% #fff; cursor: pointer; }
.headrls_text { width: 180px; height: 44px; border: 0; line-height: 44px; background: #fff; color: #666666; font-size: 14px; text-indent: 15px; }
.headrr { width: 140px; height: auto; padding-top: 24px; margin-left:10px; }
.headrrl {}
.headrrr { padding:7px 0 0 14px; font-size: 18px; color: #2fa6e4; background:url(../images/top_phone.png) no-repeat left top; font-family:Arial, Helvetica, sans-serif; }
/* banner */
.flexslider { position: relative; height: auto; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat; }
.flexslider .slides { position: relative; z-index: 1; }
.flexslider .slides li { height: auto; }
.flexslider .slides li a { display: block; width: 100%; height: auto; margin: 0 auto; }
.flexslider .slides li a img{ display:block; width:100%; height:auto;}
.flexslider .flex-control-nav { position: absolute; bottom: 30px; z-index: 9999; width: 100%; text-align: center; }
.flexslider .flex-control-nav li { display: inline-block; width: 9px; height: 9px; margin: 0 10px; *display:inline;zoom: 1; }
.flexslider .flex-control-nav a { display: inline-block; width: 9px; height: 9px; line-height: 9px; overflow: hidden; background: url(../images/icon.png) no-repeat; cursor: pointer; color: #ffffff; font-size: 0; }
.flexslider .flex-control-nav .flex-active { background: url(../images/icon_over.png) no-repeat; }
/* Direction Nav */
.flexslider .flex-direction-nav { *height: 0;}
.flexslider .flex-direction-nav a { text-decoration: none; display: block; width: 35px; height: 35px; margin: -20px 0 0; position: absolute; top: 50%; z-index:cursor: pointer;z-index: 999; }
.flexslider .flex-direction-nav .flex-prev { left: 30px; background: url(../images/prev.png) no-repeat; }
.flexslider .flex-direction-nav .flex-next { right: 30px; background: url(../images/next.png) no-repeat; }
.flexslider:hover .flex-prev { }
.flexslider:hover .flex-next { }
.flexslider:hover .flex-prev:hover{ background:url(../images/prev_over.png) no-repeat;}
.flexslider:hover .flex-next:hover{ background:url(../images/next_over.png) no-repeat;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }


.ipcate { height: 90px; line-height: 90px; text-align: center; padding:50px 0; }
.ipcate ul li { display: block; float:left; width:25%; background:url(../images/ipcate_li_bg.jpg) no-repeat right 50%;}
.ipcate ul li:last-child{ background:none;}
.ipcate ul li a { display: block; width: 100%; height: 90px; line-height: 90px; font-size: 22px; color: #333333; }
.ipcate ul li a.ipcurr{ color:#2fa6e4;}

.ipro { width: 100%; height: auto;}
.ipro .container { padding: 0 0 40px 0;}
.ipror { width: 100%; height: auto; }
.ipror ul li { width: 292px; height: auto; float: left; margin: 0 10px 30px 0; }
.ipror ul li a{ display: block; width: 292px; border-bottom:1px #dcdcdc solid; position:relative; z-index:9; }
.ipror ul li a img{ display: block; width: 100%; height: auto; -webkit-transition: all ease .3s; transition: all ease .3s}
.ipror ul li a p{ width: 292px; height: 65px; line-height: 65px; font-size: 16px; color: #333333; background:url(../images/c_i_product_more.png) no-repeat right 50%; }
.ipror ul li a:hover p{ color: #2fa6e4;}
.ipror ul li a:hover{ /*border-bottom:1px #2fa6e4 solid;*/}
.ipror ul li a .ipror_img{ width:100%; height:100%; overflow:hidden;}
.ipror ul li a:hover img{-webkit-transform: scale(1.15);transform: scale(1.15);}
.ipror ul li a:before{ content:''; width: 0px; height: 1px; position: absolute; bottom: -1px; left: 0px; background: #2fa6e4; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s;}
.ipror ul li a:hover:before{ width: 100%; }

.ciservice{ width:100%; height:839px; background:url(../images/c_i_youshi_bg.jpg) no-repeat 50% top; color:#fff;}
.ciservice .container{ padding-top:115px;}
.ciservicet{ text-align:center;}
.ciservicet_t{ font-size:42px; letter-spacing:5px;}
.ciservicet_i{ font-size:16px; padding-top:10px;}
.ciservicec{ padding-top:110px; text-align:center;}
.ciservicec ul li{ width:33.333%; height:auto; float:left; margin-bottom:110px;}
.ciservicec_t{ font-family:Arial, Helvetica, sans-serif; font-size:80px; font-weight:bolder;}
.ciservicec_t span.jia{ font-size:40px;}
.ciservicec_c{ font-size:16px; line-height:35px;}

.ciapp{ padding:65px 0 90px 0;}
.ciappt{ text-align:center;}
.ciappc{ padding-top:55px;}
.ciappcl{ width:386px; margin-right:20px;}
.ciappcl ul li{ margin-bottom:20px;}
.ciappcl ul li a{ display:block; position:relative; z-index:9; overflow:hidden;}
.ciappcl ul li a img{ display:block; /*width:100%; height:100%;*/-webkit-transition: all ease .3s; transition: all ease .3s}
.ciappcl ul li a.ciappcl_img{ width:100%; height:100%; overflow:hidden;}
.ciappcl ul li a .ciappcl_o{ display:none; position:absolute; z-index:10; top:0; left:0; width:90%; height:100%; background:url(../images/c_i_yykj_img_over.png) repeat; color:#fff; padding:5%;}
.ciappcl ul li a:hover img{ -webkit-transform: scale(1.15); transform: scale(1.15);}
.ciappcl_ot{ padding-left:17px; font-size:20px; background:url(../images/c_i_yykj_over_tt.jpg) no-repeat left 50%;}
.ciappcl_oc{ padding-top:10px; line-height:23px; padding-left:17px;}
.ciappcl ul li a:hover .ciappcl_o{ display:block;}

.ciabout{ width:100%; height:510px; background:url(../images/c_i_about_bg.jpg) no-repeat 50% top;}
.ciabout .container{ padding-top:55px; text-align:center; color:#fff;}
.ciaboutt1{ font-size:50px;}
.ciaboutt2{ padding:30px 0 40px 0;}
.ciaboutt3{}
.ciaboutt4{ padding:18px 0; font-size:30px; color:#2fa6e4;}
.ciaboutt5{ font-size:20px; line-height:36px; padding-bottom:18px;}
.ciaboutt6{}
.ciaboutt7{ text-align:center; padding-top:40px;}
.ciaboutt7 a{ color:#fff; font-size:16px;}
.ciaboutt7 a:hover{ color:#2fa6e4;}

.cixl{ padding:60px 0 50px 0;}
.cixl ul li{ width:228px; height:auto; margin:0 30px; float:left; text-align:center;}
.cixl ul li a{ display:block;}
.cixlimg{ width:228px; height:228px; border:3px #fff solid;-webkit-border-radius: 228px;-moz-border-radius: 228px;border-radius: 228px; overflow:hidden;}
.cixl_t{ margin-top:20px; font-size:16px; color:#333333; line-height:26px;}
.cixl ul li a:hover .cixlimg{-moz-box-shadow:0px 0px 15px #d6d6d6; -webkit-box-shadow:0px 0px 15px #d6d6d6; box-shadow:0px 0px 15px #d6d6d6;}


.cicase{}
.cicaset{ text-align:center; padding-bottom:50px;}
.cicasec{ width:100%; height:auto;}
.cicasec ul li{ width:33.33333333333%; float:left;}
.cicasec ul li a{ display:block; position:relative; z-index:9; width:100%; height:100%; overflow:hidden;}
.cicasec ul li a img{ display:block; width:100%; height:100%;-webkit-transition: all ease .3s; transition: all ease .3s;}
.cicasec_over{ display:none; width:80%; height:100%; background:url(../images/c_i_yykj_img_over.png) repeat; color:#fff; position:absolute; z-index:10; top:0; left:0; padding:20% 10%; text-align:center;}
.cicasec_over_t{ font-size:20px;}
.cicasec_over_en{ padding:5px 0 20px 0; line-height:23px;}
.cicasec_over_c{ line-height:20px;}
.cicasec ul li a:hover .cicasec_over{ display:block;}
.cicasec ul li a .cicasec_img{ width:100%; height:100%; overflow:hidden;}
.cicasec ul li a:hover img{-webkit-transform: scale(1.15);transform: scale(1.15);}

.cinew{ width:100%; height:auto;}
.cinew .container{ padding:80px 0 70px 0;}
.cinewt{ text-align:center;}
.cinewi{ padding:50px 0; text-align:center;}
.cinewi a{ font-size:20px; color:#333333; padding:0 75px;}
.cinewi a:hover{ color:#2fa6e4;}
.cinewi a.cinewicur{ color:#2fa6e4;}
.cinewc{}
.cinewc ul li{ width:560px; height:auto; margin:0 65px 22px 0; float:left;}
.cinewc ul li a{ display:block;}
.cinewcl{ width:70px; height:70px; background:#a9a9a9; color:#fff;-webkit-border-radius: 70px;-moz-border-radius: 70px;border-radius:70px; text-align:center;}
.cinewcl_t{ padding:10px 0 3px 0; font-size:28px; line-height:26px;}
.cinewcl_i{ font-size:12px;}
.cinewcr{ width:470px; height:auto;}
.cinewcr_t{ color:#545454; font-size:14px; font-weight:bolder; line-height:28px;}
.cinewcr_i{ padding-top:5px; color:#7e8082; line-height:20px;}
.cinewc ul li a:hover .cinewcl{ background:#2fa6e4;}
.cinewc ul li a:hover .cinewcr_t{ color:#2fa6e4;}

.foot { width: 100%; height: auto; background: #3e4850; }
.foot .container { padding: 50px 0 60px 0;}
.footl{ width:680px; height:auto;}
.footl dl { width: 170px; height: auto; float: left; min-height: 140px; }
.footl dl dt { padding-bottom: 8px; font-size: 18px; color: #fff; margin-bottom: 12px; }
.footl dl dd a { color: #828f99; line-height: 30px; font-size:14px; }
.footl dl dd a:hover { color: #2fa6e4; }

.footm{ width:300px; height:auto;}
.footmt{padding-bottom: 8px; font-size: 18px; color: #fff; margin-bottom: 12px;}
.footmc{}
.footmc_1{ color:#2fa6e4; font-size:14px; line-height:30px;}
.footmc_2{ font-size:24px; color:#2fa6e4; line-height:30px; padding:5px 0 8px 0;}
.footmc_3{ font-size:14px; line-height:22px; color:#828f99;}
.footmc_3l{ width:45px; height:auto;}
.footmc_3r{ width:245px; height:auto;}

.footr{ width:124px; height:auto;}
.footrc{ padding-top:5px;}

.copyright { width: 100%; height: auto; background: #31383e; color: #fff; padding:25px 0; text-align:center;line-height: 25px; color: #6a717c;}
.copyright a { color:#6a717c; padding:0 6px;}
.copyright a:hover{ color:#2fa6e4;}

.fonline { width: 100%; height: 80px; line-height: 40px; background: #1278cc; position: fixed; z-index: 99999; left: 0; bottom: 0; }
.fonline .container { padding-top: 20px; text-align: center; height: 60px; line-height: 40px; }
.fonline .container span { font-size: 24px; font-weight: bolder; color: #fff; }
.fonline_text { width: 245px; height: 40px; border: 0; line-height: 40px; background: #fff; font-size: 14px; color: #666666; text-indent: 10px; margin-left: 20px; }
.fonline_submit { width: 142px; height: 40px; line-height: 40px; border: 0; background: #ffd800; text-align: center; font-size: 14px; color: #000000; margin-left: 20px; cursor: pointer; }
.fonline_submit:hover { background: #c8ab0b; }
/*index end*/

/*product start*/
.common_banner { width: 100%; height: 420px; overflow: hidden; }
.common_banner .container { position: relative; z-index: 9; height: 420px; }
.combanner { position: absolute; z-index: 99; bottom: 0; left: 0; width: 1200px; }
.comc { width: 1000px; height: 145px; background: url(../images/pbanner_icon.png) repeat; color: #fff; padding: 35px 100px 0 100px; }
.comct { padding-left: 15px; background: url(../images/pbanner_tt_bg.jpg) no-repeat left 50%; font-size: 24px; color: #fff; line-height: 35px; }
.comcc { padding-top: 20px; padding-left: 15px; line-height: 24px; font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif; }
.cate { width: 1200px; height: 74px; line-height: 74px; background:#747474; overflow:hidden; }
.cate ul li { width: 25%; height: 74px; line-height: 74px; float: left; }
.cate ul li a { display: block; width: 100%; height: 74px; line-height: 74px; font-size: 18px; text-indent: 30px; background: url(../images/cate_one_icon.png) no-repeat 95% 50% #747474; color: #fff; }
.cate ul li a:hover { background: url(../images/cate_one_icon.png) no-repeat 95% 50% #1178cc; color: #fff; }
.cate ul li a.catecurr { background: url(../images/cate_one_icon.png) no-repeat 95% 50% #1178cc; color: #fff; }
.comall { width: 100%; height: auto; background: #f9f9f9; margin-bottom: 20px; padding-bottom: 50px; }
.catetwo { padding: 80px 0 60px 0; }
.catetwo a { display: block; width: 218px; height: 50px; border: 1px #cccccc solid; line-height: 50px; float: left; margin: 0 20px 20px 0; background: url(../images/cate_two_icon.png) no-repeat 185px 50% #fff; text-indent: 20px; font-size: 14px; }
.catetwo a:hover { background: url(../images/cate_two_icon_over.png) no-repeat 185px 50% #1178cc; color: #fff; border: 1px #1178cc solid; }
.catetwo a.catetwocurr { background: url(../images/cate_two_icon_over.png) no-repeat 185px 50% #1178cc; color: #fff; border: 1px #1178cc solid; }
.catetwo .catetwoch{ width:1200px; height:124px; overflow:hidden;}
.catetwo .catetwoch.chide{ height:auto;}


.catetwomm{ width:94px; height:50px; margin:0 auto; background:url(../images/le.png) no-repeat 50% 50%; cursor:pointer;}
.catetwomm.catetwommtop{background:url(../images/le_over.png) no-repeat 50% 50%;}



.listc { }
.listc ul li { width: 264px; height: auto; float: left; margin: 0 48px 50px 0; }
.listc ul li a { display: block; }
.listc ul li a img { display: block; width: 100%; height: auto; }
.listc ul li p { width: 264px; height: 60px; line-height: 60px; text-align: center; background: #fff; color: #666666; font-size: 16px; }
.listc ul li a:hover p { background: #1178cc; color: #fff; }
.pd_banner { width: 100%; height: 300px; overflow: hidden; }
.location { padding: 20px 0; line-height: 25px; font-size: 14px; color: #666666; font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif; }
.location a { color: #666666; font-size: 14px; }
.pdconc { padding: 40px 0 60px 0; }
.pdconcl { width: 500px; height: auto; position: relative; }
.pdconcl .hd { height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: -35px; z-index: 1; width: 100%; text-align: center; }
.pdconcl .hd ul { overflow: hidden; zoom: 1; width: 100%; text-align: center; }
.pdconcl .hd ul li { display: inline-block; margin-right: 10px; width: 23px; height: 5px; line-height: 5px; text-align: center; background: #b7b7b7; cursor: pointer; }
.pdconcl .hd ul li:last-child { margin-right: 0; }
.pdconcl .hd ul li.on { background: #3c78d3; color: #3c78d3; }
.pdconcl .bd { position: relative; height: 100%; z-index: 0; }
.pdconcl .bd a { display:block; zoom: 1; vertical-align: middle; padding: 30px; border: 1px #e9e9e9 solid; }
.pdconcl .bd img { width: 440px; height: 440px; display: block; }
#show_mark { position: absolute; top: 0; left: 0; width: 200px; height: 100px; background-color: #000; opacity: .5; filter: alpha(opacity=50); cursor: crosshair; border: 1px solid #999; display: none; }
#zoom { position: absolute; left: 500px; top: 0; z-index: 3; width: 480px; height: 480px; display: none; overflow: hidden; border: 1px solid #e9e9e9; }
#zoom img { position: absolute; left: 0; top: 0; }




.pdconcm { width: 300px; height: auto; margin-left: 50px; }
.pdconcm_t { padding-bottom: 25px; background: url(../images/pd_tt_img.jpg) no-repeat left bottom; color: #333333; font-size: 30px; font-weight: bolder; }
.pdconcm_c { padding-top: 25px; color: #333333; font-size: 18px; line-height: 36px; }
.pdconcr { width: 233px; height: auto; background: #fff; padding: 40px 20px 64px 20px; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.pdconcrt { font-size: 14px; color: #333333; line-height: 25px; font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif; }
.pdconcrc { margin: 30px auto 50px auto; }
.pdconcrc_t { font-size: 14px; color: #333333; line-height: 25px; padding-bottom: 15px; }
.pdconcrc_c { font-family: Arial, Helvetica, sans-serif; color: #ffa200; line-height: 30px; font-weight: bolder; font-size: 30px; }
.pdconcr_m { display: block; width: 160px; height: 40px; background: #3c78d3; color: #fff; text-align: center; line-height: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; font-size: 14px; font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif; }
.pdconcr_m:hover { background: #ffa200; color: #fff; }
.pdbcon { margin: 50px auto 100px auto; }
.pdbcont { }
.pdbcont a { display: inline-block; width: 230px; height: 56px; margin-right: 10px; text-align: center; line-height: 56px; background: #c3c3c3; color: #333333; font-size: 16px; font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif; }
.pdbcont a.pdbcontcurr { background: #3c78d3; color: #fff; }
.pdbconc { padding-top: 50px; font-size: 12px; color: #333; line-height: 30px; font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif; }
.pdbconcar { padding-top: 8px; }

.pn-box{}
.lpcate { position: fixed; top: 50%; left: 0; z-index: 9; background: #1271be; color: #fff; font-size: 16px; text-align: center; box-shadow: inset 0 0 30px rgba(0, 0, 0, .2); line-height: 26px; width: 45px; padding: 10px 0; cursor: pointer; border-radius: 0 10px 10px 0; margin-top: -62px; }
.lpcate span { display: block }
.lpcatec { position: fixed; top: 50%;left: -260px; z-index: 10; background: #fff; width: 260px; height: 600px; margin-top: -350px; overflow:hidden; transition: left .5s; box-shadow: 0 0 20px rgba(0, 0, 0, .2); border-radius: 0 5px 5px 0; }
.lpcatect{ width:260px; height:54px; background:#1178cc; color:#fff; font-size:20px; line-height:54px; text-indent:50px; border-bottom:1px #ebebeb solid; }
.lpcatecc{ height:546px;}
.lpcatecc ul li{}
.lpcatecc ul li a.cone{ display:block; width:210px; padding-left:50px; height:52px; line-height:52px; border-bottom:1px #ebebeb solid; background:url(../images/lpcatecc_square.jpg) no-repeat 30px 50%; font-size:14px; color:#666666;font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;}
.lpcatecc ul li a.cone:hover{color:#1178cc;}
.lpcatecc ul li dl{ display:none; background:#fafafa; padding:15px 0; padding-left:70px;}
.lpcatecc ul li dl dd a{font-size:13px; color:#666666;font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif; line-height:35px;}
.lpcatecc ul li dl dd a:hover{ color:#1178cc;}
.lpcatecc ul li.con dl{ display:block;}
.lpcatec.on {left: 0}

/*product start*/

/*about start*/
.cate2 { width: 1200px; height: 74px; line-height: 74px; }
.cate2 ul li { width: 300px; height: 74px; line-height: 74px; float: left; margin-right: 10px; }
.cate2 ul li a { display: block; width: 100%; height: 74px; line-height: 74px; font-size: 18px; text-indent: 30px; background: url(../images/cate_one_icon.png) no-repeat 95% 50% #747474; color: #fff; }
.cate2 ul li a:hover { background: url(../images/cate_one_icon.png) no-repeat 95% 50% #1178cc; color: #fff; }
.cate2 ul li a.catecurr { background: url(../images/cate_one_icon.png) no-repeat 95% 50% #1178cc; color: #fff; }
.aboutcon { margin: 70px auto 80px auto; font-size: 12px; color: #333; line-height: 30px; font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif; }
.aboutcon img{ max-width:100%; height:auto;}
.aboutcon1t { font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; font-size: 24px; color: #1178cc; padding-bottom: 30px; }
.aboutcon2 { background: #f1f1f1; }
.aboutcon1cl { padding: 50px; width: 500px; height: auto; }
/*about end*/

/*case start*/
.ani-view { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
@-webkit-keyframes fadeInDown { 0% {
 opacity:0;
 -webkit-transform:translateY(200px)
}
 100% {
 opacity:1;
 -webkit-transform:translateY(0)
}
}
@-moz-keyframes fadeInDown { 0% {
 opacity:0;
 -moz-transform:translateY(200px)
}
 100% {
 opacity:1;
 -moz-transform:translateY(0)
}
}
@-o-keyframes fadeInDown { 0% {
 opacity:0;
 -o-transform:translateY(200px)
}
 100% {
 opacity:1;
 -o-transform:translateY(0)
}
}
@keyframes fadeInDown { 0% {
 opacity:0;
 transform:translateY(200px)
}
 100% {
 opacity:1;
 transform:translateY(0)
}
}
.ani-view.fade-in-down { opacity: 0; opacity: 1\0/IE9; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -ms-transform: translateY(0)\0/IE9; }
.ani-view.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; }
/* banner */
.flexslider2 { position: relative; height: 620px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat; }
.flexslider2 .slides { position: relative; z-index: 1; }
.flexslider2 .slides li { height: 620px; position: relative; z-index: 99; }
.flexslider2 .flex-control-nav { position: absolute; bottom: 30px; z-index: 9999; width: 100%; text-align: center; }
.flexslider2 .flex-control-nav li { display: inline-block; width: 13px; height: 13px; margin: 0 10px; *display:inline;
zoom: 1; }
.flexslider2 .flex-control-nav a { display: inline-block; width: 13px; height: 13px; line-height: 13px; overflow: hidden; background: url(../images/case_icon.png) no-repeat; cursor: pointer; color: #ffffff; font-size: 0; }
.flexslider2 .flex-control-nav .flex-active { background: url(../images/case_icon_over.png) no-repeat; }
/* Direction Nav */
.flexslider2 .flex-direction-nav { *height: 0;
}
.flexslider2 .flex-direction-nav a { text-decoration: none; display: block; width: 46px; height: 46px; margin: -20px 0 0; position: absolute; top: 50%; z-index:cursor: pointer;
z-index: 999; }
.flexslider2 .flex-direction-nav .flex-prev { left: 10%; background: url(../images/case_prev.png) no-repeat; }
.flexslider2 .flex-direction-nav .flex-next { right: 10%; background: url(../images/case_next.png) no-repeat; }
.flexslider2:hover .flex-prev { }
.flexslider2:hover .flex-next { }
.flexslider2:hover .flex-next:hover, .flexslider2:hover .flex-prev:hover { opacity: 1; }
.bannerc { width: 473px; height: 255px; background: url(../images/case_banner_bg.png) repeat; position: absolute; top: 150px; left: 50%; margin-left: -416px; z-index: 999; padding: 45px 50px 0 50px; webkit-transition: all 1.2s ease 0.7s; -moz-transition: all 1.2s ease 0.7s; -ms-transition: all 1.2s ease 0.7s; -o-transition: all 1.2s ease 0.7s; transition: all 1.2s ease 0.7s; transform: translateY(200px); -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -o-transform: translateY(200px); -ms-transform: translateY(200px); /*opacity: 0;*/ z-index: 999; }
.bannerc .bannerct { font-size: 30px; color: #fff; font-weight: bolder; }
.bannerc .bannercc { font-size: 14px; color: #fff; width: 420px; padding-top: 20px; height: 115px; line-height: 24px; font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif; }
.bannerc .bannerc_a { display: block; width: 136px; height: 36px; border: 1px #fff solid; text-align: center; line-height: 36px; color: #fff; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; }
.bannerc .bannerc_a:hover { background:#1178cc; border:1px #1178cc solid; color:#fff;}
.clist { padding: 50px 0; }
.clist ul li { width: 288px; height: auto; float: left; margin: 0 15px 30px 0; }
.clist ul li a { display: block; width: 288px; height: 368px; position: relative; z-index: 9; }
.clist ul li a img { display: block; width: 288px; height: 368px; }
.clist ul li a p.icaset { position: absolute; z-index: 99; width: 100%; height: auto; top: 47%; font-size: 14px; color: #fff; text-align: center; }

.clist ul li .icasec { display: none; position: absolute; z-index: 99; top: 0; padding-top: 108px; text-align: center; width: 100%; height: 260px; color: #fff; background: url(../images/i_new_bb_over.png) repeat; }
.clist ul li .icasec .icasec_t { padding-bottom: 13px; font-size: 24px; border-bottom: 1px #fff solid; display: inline-block; margin: 0 auto; }
.clist ul li .icasec .icasec_c { padding-top: 13px; width: 75%; height: auto; margin: 0 auto; display: block; line-height: 24px; font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif; }

.clist ul li a:hover .icasec{ display:block;z-index: 100;}

/*case end*/

/*new start*/
.nlist { padding: 60px 0; }
.nlist ul li { width: 360px; height: 430px; float: left; margin: 0 40px 60px 0; }
.nlist ul li a { display: block; width: 320px; height: 365px; background: #fff; position: relative; z-index: 9; padding: 65px 0 0 40px; }
.nlist_time { width: 64px; height: 74px; background: #1178cc; color: #fff; padding: 10px 0 0 20px; position: absolute; top: -10px; left: -10px; }
.nlist_time_t { font-size: 30px; }
.nlist_time_c { font-size: 16px; }
.nlist_t { font-size: 18px; color: #333333; padding: 15px 0; }
.nlist_i { color: #666666; line-height: 24px; font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif; }
.nlist ul li a:hover .nlist_t { color: #1178cc; }

.nldetail { width: 1100px; height: auto; padding:40px 50px; background:#fff;}
.nldetail_t { text-align: center; line-height: 50px; font-size: 24px; color: #333333; }
.nldetail_time { text-align: center; line-height: 25px; padding: 6px 0 15px 0; font-size: 14px; color: #666666; }
.nldetail_con { padding: 35px 0; line-height: 25px; color: #333333; font-size: 12px; border-top: 1px #d7d7d7 solid; font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif; }
.newsdetail_page { padding: 15px 0; line-height: 28px; font-size: 15px; color: #666666; font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif; }
.newsdetail_page a { color: #666666; font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif; }
.newsdetail_page a:hover { color: #2059aa; }
.share { padding-top: 10px; }
/*new end*/


/*contact start*/
.contactc { padding-top: 140px; height: 356px; background: url(../images/contact_bg.jpg) no-repeat 50% bottom; }
.contactc ul li { width: 25%; height: auto; float: left; text-align: center; }
.contactct { font-size: 24px; color: #333333; padding: 15px 0 10px 0; }
.contactcc { font-size: 14px; color: #666666; line-height: 30px; font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif; }
.map { width: 100%; height: auto; overflow: hidden; border-top: 1px #b6b6b6 solid; }
.map img { width: 100%; height: auto; }
/*contact end*/


/*job start*/
.jlist { padding: 60px 0; }
.contactctt { height: 35px; background: url(../images/pd_tt_img.jpg) no-repeat left bottom; padding-bottom: 22px; line-height: 35px; font-size: 35px; color: #1178cc; margin-bottom: 30px; }
.jobcon { }
.jobcon_l { width: 600px; height: 372px; }
.jobcon_r { width: 520px; height: 312px; padding: 30px 40px; background: #f0f0f0; line-height: 25px; font-size: 14px; }
.jobcon_c { margin-top: 60px; }
.jobcon_list { margin-bottom: 30px; }
.jobcon_t { width: 1200px; height: 60px; line-height: 60px; color: #333333; font-size: 18px; text-indent: 23px; background: url(../images/jobcon_t_bg_over.jpg) no-repeat 1136px 50% #f0f0f0; cursor: pointer; }
.jobcon_t_show { background: url(../images/jobcon_t_bg.jpg) no-repeat 1136px 50% #f0f0f0; }
.jobcon_b { width: 1160px; height: auto; padding: 20px; font-size: 14px; line-height: 28px; display: none; }
/*job end*/

/*message start*/
.messageinfo { font-size: 14px; color: #666666; padding: 18px 0 20px 0; text-align: center; }
.mess_text_long { width: 100%; height: 48px; border: 1px #999999 solid; text-indent: 5px; background: none; }
.mess_text { width: 365px; height: 48px; border: 1px #999999 solid; text-indent: 5px; background: none; font-size: 14px; outline: none; }
.mess_text_short { width: 278px; height: 46px; border: 1px #999999 solid; text-indent: 5px; background: none; font-size: 14px; outline: none; }
img.yzm { border: 1px #999999 solid.pn-box; border-left: 0; }
.mess_textarea { width: 98.5%; height: 162px; border: 1px #999999 solid; padding: 10px 6px; background: none; font-size: 14px; outline: none; }
.mess_submit { width: 93%; height: 48px; line-height: 48px; text-align: center; background: #848484; color: #FFF; font-size: 16px; border: none; }
.mess_submit:hover { cursor: pointer; background: #1178cc; }
.mess_text_icon1 { background: url(../images/mess_text_icon1.png) no-repeat 95% 50%; }
.mess_text_icon2 { background: url(../images/mess_text_icon2.png) no-repeat 95% 50%; }
.mess_text_icon3 { background: url(../images/mess_text_icon3.png) no-repeat 95% 50%; }
.mess_text_icon4 { background: url(../images/mess_text_icon4.png) no-repeat 99% 10px; }
/*message end*/

/*join start*/
.join1 { padding: 75px 0 45px 0; }
.join1t { text-align: center; font-size: 48px; font-weight: bolder; line-height: 75px; }
.join1c { padding: 20px 0 0 0; color: #666666; font-size: 16px; line-height: 30px; }
.join1c span.bb { font-size: 24px; color: #1178cc; padding: 0 6px; }
.join2 { padding: 10px 0 30px 0; }
.join2t { text-align: center; padding-bottom: 50px; }
.join2c { overflow: hidden; position: relative; }
.join2c ul li { width: 260px; height: auto; padding: 0 50px; float: left; text-align: center; margin-bottom: 20px; }
.join2c ul li .join2c_c { padding-top: 15px; line-height: 24px; font-size: 14px; color: #666666; }
.join2c .bd { padding-left: 40px; padding-right: 40px; }
.join2c .hd ul { float: right; overflow: hidden; zoom: 1; zoom: 1; }
.join2c .hd { overflow: hidden; }
.join2c .hd .prev, .join2c .hd .next { display: block; width: 27px; height: 50px; overflow: hidden; cursor: pointer; position: absolute; z-index: 99; margin-top: -25px; }
.join2c .hd .prev { background: url(../images/join_ly_left.jpg) no-repeat; left: 0; top: 50%; }
.join2c .hd .next { background: url(../images/join_ly_right.jpg) no-repeat; right: 0; top: 50%; }
.join3 { width: 1200px; height: auto; margin: 0 auto; padding: 10px 0 30px 0; }
.join3t { font-size: 48px; color: #666666; text-align: center; font-weight: bolder; line-height: 75px; padding-bottom: 40px; }
.join3c { position: relative; }
.join3c ul li { width: 300px; height: 300px; float: left; }
.join3c ul li.join3c_1 { background: #ffb61b; color: #fff; padding: 50px 35px; width: 230px; height: 200px; }
.join3c ul li.join3c_2 { background: #5cc529; color: #fff; padding: 50px 35px; width: 230px; height: 200px; }
.join3c ul li.join3c_3 { background: #b7c403; color: #fff; padding: 50px 35px; width: 230px; height: 200px; }
.join3c ul li.join3c_4 { background: #0095cd; color: #fff; padding: 50px 35px; width: 230px; height: 200px; }
.join3c1 { font-size: 50px; font-family: Arial, Helvetica, sans-serif; }
.join3c2 { padding: 8px 0; font-size: 18px; font-weight: bolder; }
.join3c3 { font-size: 15px; line-height: 30px; }
.join3c .bd { }
.join3c .hd ul { float: right; overflow: hidden; zoom: 1; zoom: 1; }
.join3c .hd { overflow: hidden; }
.join3c .hd .prev, .join3c .hd .next { display: block; width: 27px; height: 50px; overflow: hidden; cursor: pointer; position: absolute; z-index: 99; margin-top: -25px; }
.join3c .hd .prev { background: url(../images/join_ly_left.jpg) no-repeat; left: -60px; top: 50%; }
.join3c .hd .next { background: url(../images/join_ly_right.jpg) no-repeat; right: -60px; top: 50%; }
.join4 { width: 100%; height: 550px; background: url(../images/join_partner_bg.jpg) no-repeat 50% top; }
.join4 .container { padding-top: 100px; }
.join4t { text-align: center; color: #1178cc; font-size: 48px; font-weight: bolder; line-height: 75px; padding-bottom: 70px; }
.join4c { position: relative; }
.join4c ul li { width: 526px; height: 59px; float: left; margin: 0 20px 20px 0; }
.join4cl { width: 63px; height: 59px; background: #1178cc; color: #fff; text-align: center; line-height: 59px; font-size: 30px; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; }
.join4cr { width: 463px; background: #fff; height: 59px; font-size: 16px; color: #666666; text-indent: 17px; line-height: 59px; }
.join4c .bd { padding-left: 50px; padding-right: 50px; }
.join4c .hd ul { float: right; overflow: hidden; zoom: 1; zoom: 1; }
.join4c .hd { overflow: hidden; }
.join4c .hd .prev, .join4c .hd .next { display: block; width: 22px; height: 40px; overflow: hidden; cursor: pointer; position: absolute; z-index: 99; margin-top: -20px; }
.join4c .hd .prev { background: url(../images/join_partner_left.png) no-repeat; left: 0; top: 50%; }
.join4c .hd .next { background: url(../images/join_partner_right.png) no-repeat; right: 0; top: 50%; }
.join5 { padding: 60px 0 65px 0; }
.join5t { font-size: 48px; color: #666666; text-align: center; font-weight: bolder; line-height: 75px; padding-bottom: 40px }
.join5c { text-align: center; }
.join6 { width: 100%; height: auto; background: #eeeeee; }
.join6 .container { padding: 60px 0 65px 0; }
.join6c { width: 860px; height: auto; margin: 0 auto; font-size: 14px; color: #333333; line-height: 46px; }
.join6c1, .join6c2 { margin-bottom: 30px; }
.join_sel { width: 220px; height: 44px; border: 1px #999999 solid; margin-left: 20px; margin-right: 30px; text-indent: 1px; outline: none; }
.join_text { width: 300px; height: 44px; border: 1px #999999 solid; margin-left: 20px; margin-right: 30px; text-indent: 12px; outline: none; }
.join_sub { margin-left: 90px; width: 170px; height: 45px; line-height: 45px; border: 0; background: #1278cc; color: #fff; font-size: 14px; font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif; cursor: pointer; outline: none; }
.join_sub:hover { background: #0d5a99; color: #fff; }
/*join end*/

.pageController { width: 100%; margin: 30px auto 20px auto; line-height: 25px; text-align: center; }
.pageController a { display: inline-block; background-color: #999999; border: #999999 1px solid; color: #FFF; padding: 3px 12px; margin-right: 5px; }
.pageController a:hover { background-color: #1178cc; color: #FFF; text-decoration: none; border: #1178cc 1px solid; }
.pageController .xuanzhong { background-color: #1178cc; color: #FFF; font-weight: bold; border: #1178cc 1px solid; }


#elevator_item { width: 60px; height: 100px; position: fixed; right: 15px; bottom: 45px; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; opacity: 1; z-index: 100020; display: none; }
#elevator_item.off { opacity: 0; visibility: hidden }
#elevator { display: block; width: 60px; height: 50px; background: url(../images/icon_top.png) center center no-repeat; background-color: #444; background-color: rgba(0,0,0,.6); border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,.2); cursor: pointer; margin-bottom: 10px }
#elevator:hover { background-color: rgba(0,0,0,.7) }
#elevator:active { background-color: rgba(0,0,0,.75) }