@charset "utf-8";
/* CSS Document */
body { margin: 0px; padding: 0px; color: #515151; font-size: 14px; font-family: "微软雅黑"; }
* { margin: 0px; padding: 0px; }
ul, li { list-style: none; list-style-type: none; }
img { border: 0px; margin: 0px; padding: 0px; vertical-align: middle; }
input, select { vertical-align: middle; }
.clear { clear: both; }
br { margin: 0px; padding: 0px; }
table { margin: 0px auto; }
.w_1200 { width: 1200px; overflow: hidden; margin: 0 auto; }
.m30 { margin-top: 30px; }
/*a style*/
a { color: #bd8b5e; text-decoration: none; }
a:link, a:visited { color: #515151; }
a:hover { color: #515151; text-decoration: none; }
/*============head============*/
.head { position: fixed; width: 100%; left: 0; top: 0; z-index: 10; background: #fff; }
.head .top { width: 1200px; height: 70px; margin: 0 auto; }
.logo { float: left; margin-top: 5px; }
/*============nav============*/
.h_nav { height: 70px; line-height: 70px; float: right; }
.h_nav li { float: left; font-size: 14px; position: relative; z-index: 6; display: inline-block; width: 120px; text-align: center; }
.h_nav li a { display: inline-block; color: #484848; width: 120px; height: 70px; text-align: center; line-height: 70px; }
.h_nav li em { display: inline-block; height: 70px; }
.h_nav li.have:hover { background: #1230a2; }
.h_nav li.have:hover a { color: #fff; }
.h_nav li a:hover, .h_nav .cur a { text-decoration: none; color: #fff; background: #1230a2; }
.h_nav li.have a:hover { background: #1230a2; }
.h_nav li:hover .erji { display: block; }
.h_nav li .erji { position: absolute; top: 65px; left: 0; width: 200px; display: none; }
.h_nav li .erji_top { width: 200px; height: 21px; background: url(../images/erji_top.png) no-repeat center bottom; overflow: hidden; }
.h_nav li .erji_bot { width: 200px; height: 8px; background: url(../images/erji_bot.png) no-repeat; overflow: hidden; }
.h_nav li .erji_c { width: 200px; background: #1230a2; overflow: hidden; }
.h_nav li .erji_c a { background: none; font: 14px/30px "Microsoft Yahei", "微软雅黑"; color: #fff; margin-top: 5px; margin-left: 5px; padding-left: 25px; background: url(../images/erji_li.gif) no-repeat 12px center; width: 140px; display: block; overflow: hidden; text-align: left; padding-left: 50px; height: 30px; line-height: 30px; }
.h_nav li .erji_c a:hover, .h_nav li .erji_c a.cur { background: url(../images/erji_cur.gif) no-repeat; }
/*============banner============*/
#i_banner { min-width: 1200px; height: 610px; }
.flexslider { position: relative; overflow: hidden; top: 70px; }
.slides { position: relative; z-index: 1; }
.slides li { height: 540px; }
.flex-control-nav { position: absolute; bottom: 0px; z-index: 2; width: 100%; text-align: center; margin: 0px; padding: 0; margin-bottom: 25px; }
.flex-control-nav li { display: inline-block; height: 20px; margin: 0 5px; *display:inline;
zoom: 1; }
.flex-control-nav a { display: inline-block; width: 20px; height: 20px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer; text-indent: 9000px; }
.flex-control-nav .flex-active { background-position: 0 0; }
.flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 45%; }
.flex-direction-nav li a { display: block; width: 78px; height: 78px; overflow: hidden; cursor: pointer; position: absolute; }
.flex-direction-nav li a.flex-prev { left: 56px; background: url(../images/prev.png) center center no-repeat; }
.flex-direction-nav li a.flex-next { right: 56px; background: url(../images/next.png) center center no-repeat; }
/*============con============*/
.con_tit { height: 60px; width: 100%; background: url(../images/t.png) no-repeat center center; font-size: 28px; color: #333333; text-align: center; margin: 20px 0; }
.con_tit p { font-size: 12px; color: #949494; letter-spacing: 2px; line-height: 24px; }
.con1 ul { width: 100%; height: auto; overflow: hidden; }
.con1 ul li { width: 25%; float: left; text-align: center; }
.con1 ul li img { margin-bottom: 15px; }
.con1 ul li h1 { line-height: 40px; font-size: 20px; color: #343434; font-weight: normal; }
.con1 ul li p { font-size: 16px; color: #5d5d5d; }
.con2 { }
.mst-banner { background: #e7e7e7; }
.prod-support-list li { width: 170px; height: 47px; float: left; padding-left: 68px; padding-top: 16px; font-weight: bold; font-size: 16px; margin-bottom: 12px; margin-left: 0; padding-right: 0; }
.masthead4 { color: #fff; }
.masthead4 .ms-title { font: 600 45px/54px 'Open Sans', sans-serif; color: #fff; text-shadow: 0 2px 1px #175b6e; text-align: center; padding-top: 30px; letter-spacing: -2px; }
.ms-feature li { font: bold 22px 'Open Sans', sans-serif; padding: 0 0 8px 15px; background: url(../images/ic-bull-white.png) no-repeat scroll 0 13px transparent; }
.masthead4 .cols p { font: 600 24px 'Open Sans', sans-serif; text-align: center; text-shadow: 0 2px 1px #1e7d99; padding-top: 5px; }
#slider4 { width: 1200px; height: 480px; list-style: none; overflow: hidden; }
.anythingSlider .wrapper { padding: 12px 0 0 0; }
div.anythingSlider { display: block; margin: 0 auto; overflow: visible !important; position: relative; }
div.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; top: 75px; }
.anythingBase { background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0; }
.anythingBase .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; position: relative; }
div.anythingSlider .anythingControls ul li { display: inline; }
div.anythingSlider .anythingControls ul li a { font-size: 16px; display: inline-block; width: 300px; height: 75px; color: #494d4d; line-height: 75px; }
.anythingControls .thumbNav a.cur { color: #fff; background: #223fac; }
.anythingControls .thumbNav { position: absolute; right: 0; top: 0; text-align: center; }
#slider-wrp { position: relative; height: 563px; background: url(../images/pro_bg.jpg) no-repeat bottom center; }
div.anythingSlider .arrow a { display: none; height: 35px; outline: 0 none; text-indent: -9999px; width: 35px; }
div.anythingSlider .arrow { display: none; position: absolute; top: 362px; }
.li_left { float: left; width: 520px; }
.li_left h1 { font-size: 36px; margin-top: 80px; margin-bottom: 10px; color: #fff; font-size: 36px; font-weight: normal; }
.li_left h2 { font-weight: normal; font-size: 15px; line-height: 26px; margin-bottom: 20px; color: #fff; }
.links { margin-bottom: 40px; height: auto; overflow: hidden; }
.links a { color: #b5b9c1; text-align: center; display: block; font-size: 13px; width: 54px; padding-left: 10px; padding-right: 10px; height: 60px; padding-top: 10px; border: 1px solid #fff; border-radius: 4px; float: left; margin-right: 40px; }
.links a .icon { margin-bottom: 6px; }
.imgY180 img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; }
.btns .btn_more { width: 230px; height: 60px; line-height: 60px; background: #414551; color: #fff; text-align: center; font-size: 18px; float: left; }
.btns .btn_more a { display: block; color: #fff; }
.btns .btn_solu { width: 200px; height: 60px; line-height: 60px; color: #fff; text-align: center; font-size: 18px; float: left; }
.btn_solu .text { display: inline-block; vertical-align: middle; margin-right: 20px; }
.btns .btn_solu .sj { display: inline-block; vertical-align: middle; width: 15px; height: 60px; background: url(../images/sj_white.png) center center no-repeat; }
.btns .btn_more a:hover { background: #0267b5; }
.btns .btn_solu a { display: block; color: #fff; }
.li_right { float: right; width: 880; padding-top: 60px; }
.con3 { width: 100%; height: auto; overflow: hidden; background: url(../images/con3_bg.jpg) no-repeat top center; padding-bottom: 30px; }
div.slideBox { position: relative; width: 450px; overflow: hidden; float: left; }
div.slideBox ul.items { position: absolute; float: left; background: none; list-style: none; padding: 0px; margin: 0px; }
div.slideBox ul.items li { float: left; background: none; list-style: none; padding: 0px; margin: 0px; }
div.slideBox ul.items li a { float: left; line-height: normal !important; padding: 0px !important; border: none; }
div.slideBox ul.items li a img { margin: 0px !important; padding: 0px !important; display: block; border: none; }
div.slideBox div.tips { position: absolute; bottom: 0px; width: 100%; height: 30px; background-color: #000; overflow: hidden; }
div.slideBox div.tips div.title { position: absolute; left: 0px; top: 0px; height: 100%; }
div.slideBox div.tips div.title a { color: #FFF; font-size: 14px; line-height: 30px; margin-left: 10px; text-decoration: none; }
div.slideBox div.tips div.title a:hover { text-decoration: underline !important; }
div.slideBox div.tips div.nums { position: absolute; right: 0px; top: 0px; height: 100%; }
div.slideBox div.tips div.nums a { display: inline-block; >float:left;
width: 10px; height: 10px; background-color: #FFF; text-indent: -99999px; margin: 10px 10px 0px 0px; }
div.slideBox div.tips div.nums a.active { background-color: #0059ad; }
.con3 .txt { width: 640px; height: 300px; background: url(../images/b2.png) no-repeat; float: right; }
.con3 .txt p { font-size: 14px; line-height: 25px; color: #3a3a3a; }
.con3 .txt .btn { display: block; margin-top: 20px; width: 120px; height: 30px; border-radius: 5px; background: #1230a2; color: #fff; line-height: 30px; text-align: center; }
.con3 ul { width: 100%; height: auto; overflow: hidden; margin-top: 30px; float: left; }
.con3 ul li { float: left; width: 25%; text-align: center; }
.con4 ul { width: 740px; float: left; height: auto; overflow: hidden; }
.con4 ul li { padding: 22px 0 9px; border-bottom: 1px dashed #ededed; overflow: hidden; }
.con4 ul li .date { float: left; margin-right: 20px; margin-left: 7px; text-align: center; line-height: 1.5; color: #fff; background-color: #1230a2; }
.con4 ul li .date .date-day { font-size: 30px; }
.con4 ul li .date .date-yearMonth { padding: 0 7px; }
.con4 ul li .news-com .news-h { margin-bottom: 10px; line-height: 1.5; font-size: 105%; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden; color: #515151; }
.con4 ul li .news-kind { color: #EE4547; }
.con4 ul li .news-com .news-sum { line-height: 18px; height: 2.4em; overflow: hidden; color: #7c7c7c; font-size: 14px; }
.new_img { float: right; width: 438px; }
.con5 { width: 100%; height: 300px; background: url(../images/con5_bg.jpg) no-repeat top center; }
.wrap { overflow: hidden; }
.con5 .box { float: left; width: 33.333333%; position: relative; height: 300px; }
.con5 .box a { display: block; position: relative; z-index: 1; }
.con5 .box .img_con { margin-top: 60px; width: 170px; margin-left: auto; margin-right: auto; padding: 20px 0 30px; }
.con5 .box2 .img_con { background: url(../images/circle.png) center 12px no-repeat; }
.con5 .box .img_con .img_box { width: 80px; height: 70px; margin: 0 auto; background-repeat: no-repeat; transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease; }
.con5 .box .img_con .t1 { font-size: 24px; color: #fff; text-align: center; }
.con5 .box .img_con .t2 { font-size: 15px; color: #fff; text-align: center; }
.con5 .box1 .mask { position: absolute; width: 1000px; background: url(../images/blue.png) repeat; height: 100%; right: 0; top: 0; }
.con5 .box2 .mask { position: absolute; width: 100%; background: url(../images/pink.png) repeat; height: 100%; left: 0; top: 0; }
.con5 .box3 .mask { position: absolute; width: 1000px; background: url(../images/blue.png) repeat; height: 100%; left: 0; top: 0; }
/*============footer============*/
.footer { width: 100%; height: auto; overflow: hidden; background: url(../images/fot_bg.jpg) center top repeat-y; padding-top: 40px; }
.footer dl { width: 20%; float: left; }
.footer .d1 { width: 30%; margin-right: 2%; }
.footer .d2 { width: 12%; }
.footer .d3 { width: 20%; }
.footer .d4 { width: 10%; }
.footer dl.d5 { float: right; }
.footer dt { color: #fff; font-size: 18px; margin-bottom: 30px; }
.footer .d1 dt { font-size: 26px; line-height: 1; }
.footer dt a { color: #fff; }
.footer dd { color: #a9a9a9; overflow: hidden; margin-bottom: 10px; }
.footer dd a { color: #a9a9a9; }
.footer dd a:hover { color: #fff; }
.footer .d1 dd { line-height: 30px; padding-left: 40px; position: relative; }
.footer .d1 .child_d0:after { content: ''; position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: url(../images/ico-30.png) 0 0 no-repeat; }
.footer .d1 .child_d1:after { content: ''; position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: url(../images/ico-30.png) -30px 0 no-repeat; }
.footer .d1 .child_d2:after { content: ''; position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: url(../images/ico-30.png) -60px 0 no-repeat; }
.footer .bdsharebuttonbox a { display: inline-block; width: 30px; height: 30px; padding: 0; margin: 0; margin-left: 10px; background: url(../images/ico-30.png) no-repeat 0 0; }
.footer .bdshare-button-style0-16 a { opacity: 0.8; }
.footer .bdsharebuttonbox .bds_weixin { background-position: -90px 0; }
.footer .bdsharebuttonbox .bds_tqq { background-position: -120px 0; }
.footer .bdsharebuttonbox .bds_tsina { background-position: -150px 0; }
.footer .d5 dt { font-size: 26px; line-height: 1; }
.footer .d5 dd { border-bottom: 1px solid #ababab; padding-bottom: 10px; margin-bottom: 10px; }
.l { float: left; }
.r { float: right; }
.footer dl.d5 span { font-size: 18px; }
.footer .d5 dd:last-child { border-bottom: 0; }
.footer .d1 .child_d3 { padding-left: 0; }
.footer .bq { width: 100%; height: 40px; background: #121212; line-height: 40px; text-align: center; color: #a9a9a9; font-size: 14px; }
/*============右侧浮标============*/
.w-service-fixed { position: fixed; bottom: 50%; right: 20px; margin-bottom: -160px; z-index: 2000; font-size: 14px; }
.bg_s_default { background: #363636; }
.color_s_default { color: #363636; }
.w-service-fixed .service-item { width: 46px; height: 46px; line-height: 46px; margin-bottom: 2px; position: relative; text-align: center; }
.w-service-fixed .service-item .service-popc { position: absolute; right: 46px; top: 0; width: 0; overflow: hidden; text-align: left; color: #fff; }
.w-service-fixed .service-item .service-popc a { color: #fff; text-decoration: none; display: block; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden; }
.w-service-fixed .service-item:hover .service-popc { width: 180px; transition: width 0.2s; -moz-transition: width 0.2s; -webkit-transition: width 0.2s; -o-transition: width 0.2s; }
.w-service-fixed .service-item .service-popc a:hover { opacity: 0.75; *filter:alpha(opacity=75);
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);;
}
.w-service-fixed .service-item .service-popc .service-popc-in { padding: 10px 13px 11px; line-height: 1.5; }
.w-service-fixed .service-item-qrCode .service-popc { top: auto; bottom: 0; }
.w-service-fixed .service-item-qrCode .qrCodeImg img { max-width: 100%; }
.w-service-fixed .icon_service { display: inline-block; *display:inline;
*zoom:1;
width: 35px; height: 35px; background: url(../images/icon_service.png) no-repeat; vertical-align: middle; }
.w-service-fixed .icon_service_qq { background-position: 0 0; }
.w-service-fixed .icon_service_tel { background-position: 0 -35px; }
.w-service-fixed .icon_service_msn { background-position: 0 -70px; }
.w-service-fixed .icon_service_qrCode { background-position: 0 -105px; }
.w-service-fixed .icon_service_whatsApp { background-position: 0 -140px; }
.w-service-fixed .icon_service_skype { background-position: 0 -175px; }
.w-service-fixed .icon_service_wangWang { background-position: 0 -210px; }
.w-service-fixed .icon_service_email { background-position: 0 -245px; }
.w-service-fixed .service-item-top { cursor: pointer; display: none; }
.w-service-fixed .service-item-top .fa-caret-up { position: absolute; top: -10px; left: 18px; font-size: 16px; }
.w-service-fixed .service-item-top .top { color: #fff; font-size: 15px; }
color_s_default { color: #60B4FF; }
.bg_s_default { background: #1230a2; }
.w-service-fixed .color_s_default:hover { color: #2898FF; }
.w-service-fixed .bg_s_default:hover { background: #2898FF; }
.w-service-fixed .service-popc { background: #2898FF; }
/*============内页样式============*/
.in_conban { width: 100%; position: relative; overflow: hidden; height: 300px; top: 70px; }
.banner_inner { position: absolute; left: 50%; margin-left: -960px; width: 1920px; }
.incon { }
.in_L { width: 250px; float: left; height: auto; overflow: hidden; }
.in_L .tit { width: 220px; height: 65px; padding: 0 15px; background: url(../images/k.png) no-repeat 160px center #1230a2; color: #fff; font-size: 24px; line-height: 40px; }
.in_L .tit p { line-height: 20px; font-size: 16px; }
.in_Lnav { width: 100%; height: auto; overflow: hidden; padding-bottom: 20px; background: #f6f5f5; }
.in_Lnav li { width: 100%; height: 50px; background: url(../images/li.png) no-repeat bottom center; }
.in_Lnav li a { padding-left: 35px; line-height: 50px; font-size: 14px; color: #5c5c5c; }
.in_Lnav li a:hover, .in_Lnav li .cur { color: #1230a2; font-weight: bold; }
.in_Ltel { margin-top: 20px; }
.in_R { float: right; width: 920px; height: auto; overflow: hidden; }
.in_R .tit { width: 100%; height: 65px; border-bottom: solid 1px #d3d3d3; font-size: 18px; color: #4f4f4f; margin-bottom: 15px; line-height:70px; }
.in_R .tit span { float: right; font-size: 14px; color: #676767; }
.in_R .tit span a { font-size: 14px; color: #676767; padding: 0 5px; }
.in_R .txt { font-size: 14px; line-height: 24px; color: #3a3a3a; }
/*============内页-关于我们============*/
.ab_txt img { margin: 20px 0; }
/*============内页-产品中心============*/
.pro_list { width: 100%; height: auto; overflow: hidden; }
.pro_list li { float: left; width: 285px; height: 290px; background: #e1e1e1; margin: 0 28px 28px 0; }
.pro_list li a { display: block; width: 285px; height: 250px; overflow: hidden; }
.pro_list li a img { width: 285px; min-height: 250px; }
.pro_list li p { text-align: center; line-height: 40px; font-size: 14px; color: #515151; }
.pro_list li:hover { background: #1230a2; }
.pro_list li:hover p { color: #fff; }
.pro_list li:hover a{ color: #fff; }

/*============内页-相册============*/
.pic_list { width: 100%; height: auto; overflow: hidden; }
.pic_list li { float: left; width: 285px; height: 240px; background: #e1e1e1; margin: 0 28px 28px 0; }
.pic_list li a { display: block; width: 285px; height: 200px; overflow: hidden; }
.pic_list li a img { width: 285px; min-height: 200px; }
.pic_list li p { text-align: center; line-height: 40px; font-size: 14px; color: #515151; }
.pic_list li:hover { background: #1230a2; }
.pic_list li:hover p { color: #fff; }

.w-pages { text-align: center; margin:20px; }
.w-pages a.disabled, .w-pages a.disabled:hover { color: #999; background: none; border-color: #d5d5d5; opacity: 0.5; }
.w-pages a { padding: 0.2em 0.5em; background: none; color: #666; border: 1px solid #bbb; margin: 0 0.3em; text-decoration: none; display: inline-block; margin-bottom: 0.5em; }
.w-pages a:hover, .w-pages a.cur { color: #1230a2;border: 1px solid #1230a2; }
/*============内页-产品详情============*/
.products_show_1 { height: auto; overflow: hidden; }
.show_left { width:540px; margin:0 auto; padding-bottom:30px; }
.products_show_2 {  padding-top: 10px; overflow: hidden; }
.protail { height: 31px; color: #fff; font-size: 14px; font-weight: bold; border-bottom: 1px solid #047b3b; }
.protail span { width: 100px; height: 31px; float: left; line-height: 30px; text-align: center; background: #047b3b; font-weight: bold; color: #fff;}
.protail_a {  padding-top: 10px; height: auto; overflow: hidden; line-height: 30px; font-size: 14px; }
.smallImg { margin: 12px 0 0; height:auto; overflow:hidden; }
#leftNav { float: left; margin: 10px 10px 0 0; cursor: pointer; }
#Cont_1 { float: left; width: 510px; height: 64px; overflow: hidden; }
#Cont_1 li { float: left; width: 80px; height: 62px; text-align: center; margin: 0 8px 0 0; border: 1px solid #ccc; overflow: hidden; cursor: pointer; }
#Cont_1 li img { height: 62px; }
#rightNav { float: left; margin: 10px 0 0 0; cursor: pointer; }
.simple_slider_disabled { opacity: 0.6; filter: alpha(opacity=30); zoom: 1; }
.pro_txt{ width:850px; height:auto; overflow:hidden; margin:0 auto; font-size:14px; line-height:24px; color:#525252;}
.pro_txt h1{ font-size:16px; color:#525252; line-height:30px; margin-bottom:10px;}
.pro_txt .in_link{ margin:30px 0; color:#525252; text-align:center;}
.pro_txt .in_link span{ padding:0 10px; }
.pro_txt .in_link a{ font-size:14px;color:#525252;}
.pro_txt .in_link a:hover{ color:#1230a2;}
.products_show_1 h3{ font-size:16px; color:#575757; text-align:center; line-height:50px; }
.see{ display:block; margin:0 auto; width:110px; margin-bottom:10px;}
.zx{ width:127px;}