@charset "utf-8";

/* Style Reset
-----------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote,h1,h2,h3,h4,h5,h6,p
{ margin:0px; padding:0px; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
fieldset, img { border:0px; }
iframe {background-image: none; }
input,textarea{outline:none;}
.clear {clear:both; height:0px;}
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
body,html{font-family:"微软雅黑"; color:#202020; font-weight:400; background: #fff; -webkit-text-size-adjust:none; font-size:14px; min-width: 1200px;}
a{text-decoration:none; color:#202020; transition: all 0.5s ease;}
a:hover{text-decoration:none; color:#b50d11;}
.fl{float:left;}
.fr{float:right;}
.none{display:none;}
.ani5{transition: all ease-in-out .5s;}
.ani{overflow: hidden;}
.ani img{transition: all ease-in-out .3s; display: block;}
.ani:hover img{ transform: scale(1.05);}
.h10px{ height:10px; width:100%; clear:both;}
.h15px{ height:15px; width:100%; clear:both;}
.h20px{ height:20px; width:100%; clear:both;}
.h25px{ height:25px; width:100%; clear:both;}
.h50px{ height:50px; width:100%; clear:both;}
.mt15px{ margin-top:15px;}
.mt10px{ margin-top:10px;}
.mt20px{ margin-top:20px;}
.mr15px{margin-right: 15px;}
.w1400{width:1200px; margin:0 auto;}
.w1200{width:1200px; margin:0 auto;}
.blod{ font-weight:bold;}
.txt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
center{ text-align:center; line-height:60px; font-family:"微软雅黑"}
em,i{ font-style:normal;}
.tecen{ text-align: center !important;}
.red{color: red;}
.w100{width: 100%; overflow: hidden; position: relative; z-index: 0; min-width: 1400px;}

/*
 关于我们
 * */
#nhead{height: 88px; padding: 30px 0 0;}
.nlogo{display: block; float: left; width: 222px; height: 68px;}
.nav_con{float: right; height: 78px;}
.nav_con li{float: left; font: 400 16px/78px "微软雅黑"; position: relative}
.nav_con li a{display: block; padding: 0 10px;}
.nav_con li a:hover{color: #0091d2;}
.nav_con li.hover a{color: #0091D2; font-weight: bold;}

#nban{position: relative; height: 260px;}
.nbanner{position: absolute; top: 0; left: -360px; width: 1920px; height: 260px; z-index: 0;}
.nbanner h3{/*border-bottom: #fff solid 3px;*/ position: absolute; top:95px; right: 363px; font: 400 32px/30px "微软雅黑"; color: #fff;}
.nbanner h2{border-bottom: #fff solid 2px; position: absolute; top:142px; right: 364px; font: 400 24px/30px "微软雅黑"; color: #333; width:67px;}
.nbanner h4{position: absolute; right: 364px; top: 160px; font:16px/20px "微软雅黑"; color: #fff;     text-transform: uppercase;}


#nmain{padding:2px 0 50px;}
.n_left{float: left; width: 270px; position:relative;}
.n_ltit{width: 270px; height: 90px; padding: 30px 10px 0; background: url(../images/lf_bg.png); position: absolute; left: -10px; top: -120px; text-indent: 40px; font: bold 24px/90px "微软雅黑"; color: #333;}
.n_ltype{padding-bottom: 20px; background: #ebf1f3;}
.n_ltype li{height: 54px; border-bottom: #fff solid 1px; font: 400 16px/54px "微软雅黑";}
.n_ltype li a{display: block; color: #302f30; padding-left: 30px;}
.n_ltype li a:hover{background: #0092d3; color: #fff;}
.n_ltype li.hover a{background: #0092d3; color: #fff; font-weight: bold;}

.n_right{width: 1200px; float: right;}
.dtitle{    text-align: center;
    font: 400 24px/60px "微软雅黑";}
.n_rline{height: 1px; width: 80px; background: #333333; margin: 0px auto 30px; display: block;}
.n_ncon{font: 400 16px/180% "微软雅黑"; color: #333; min-height: 500px;}

.pic{ width:100%; text-align:center;padding:20px 0px 0px 0px;}
.pic img{margin:0 auto;}
/*
 底部信息
 * */
#boot{background: #2a3b4c; }
.bt_con{height: 245px; padding: 63px 0 0; position: relative;}
.bt_nav{height: 66px; font: 400 18px/52px "微软雅黑";}
.bt_nav a{color: #abb3ba; margin-right: 15px;}
.bt_nav a:hover{color: #5f6973;}
.bt_fx{position: absolute; top: 78px; right: 0; width: 158px; height: 54px; background: url(../images/bt_fx.jpg) right center no-repeat;}
.bdshare-button-style1-32 a{width: 54px !important; height: 54px !important; margin:0 0 0 25px !important; background: none !important;}
.bt_copy{font: 400 14px/26px "微软雅黑"; color: #5f6973;}
.bt_copy a{color: #5f6973;}
.bt_copy a:hover{color: #abb3ba;}
.bt_copy em{color: #ABB3BA;}

/*
 新闻中心
 * */
.news{padding: 45px 0 0;}
.news dl{background: #ebf1f3; height: 153px; padding: 20px; margin-bottom: 20px;}
.news dl dt{float: left; width: 204px; height: 153px;}
.news dl dd{padding: 12px 0 0 26px; float: left; width: 620px;}
.news dl dd .c1{height: 30px;}
.news dl dd .c1 a{float: left; color: #222; font: 400 18px/30px "微软雅黑"; color: #222;}
.news dl dd .c1 span{float: right; font: 400 14px/30px "微软雅黑"; color: #999;}
.news dl dd .c2{height: auto; font: 400 14px/38px "微软雅黑"; color: #999;}
.news dl dd .more{display: block; width: 70px; height: 24px; background: #fff; text-align: center; font: 400 12px/24px "微软雅黑"; color: #666;}

.page{padding: 20px 0;}
.page a{display: block; height: 26px; width: 26px; border: #e0e2e3 solid 1px; float: left; margin-left: -1px; font: 400 14px/26px "微软雅黑"; color: #697396; text-align: center;}
.page a:hover{color: #fff; border: #697396 solid 1px; background: #697396;}
.page a.hover{color: #fff; border: #697396 solid 1px; background: #697396;}

/*
 新闻详细页面
 * */
.v_tit{text-align: center; font: bold 24px/28px "微软雅黑"; color: #222;}
.v_tim{text-align: center; height: 50px; font: 400 16px/50px "微软雅黑"; color: #999;}
.vn_con{padding: 20px 0; font: 400 16px/180% "微软雅黑"; color: #333; min-height: 300px;}
.v_back{text-align: right;padding: 10px 0; font: 400 16px/32px "微软雅黑";}
.v_back a{color: #0092d3;}
.v_back a:hover{color: #73b747;}

/*
 产品展示
 * */
.pro{padding: 0 0 20px;}
.pro dl{float: left; width: 299px; height: 411px; border: #ebf1f3 solid 1px; margin-right: -1px;}
.pro dl dt{height: 250px; height: 250px; padding: 10px;}
.pro dl dt img{display:block; margin:0 auto;}
.pro dl dd{padding: 20px 20px 0;}
.pro dl dd .txt{display: block; height: 32px; font: 400 18px/32px "微软雅黑"; color: #333;}
.pro dl dd .text{padding: 10px 0 0; font: 400 14px/22px "微软雅黑"; color: #777;}

.n_ltype.pro li{min-height: 54px; height: auto;}
.n_ltype.pro li .sub{border:#fff solid 1px; background: #cfe2e9;}
.n_ltype.pro li .sub a{padding-left: 45px; color: #333; background: #cfe2e9; border-bottom: #fff solid 1px; font: 400 16px/54px "微软雅黑";}

/*
 产品详细
 * */
.v_con1{height: 400px; padding: 38px 0 0;}
.v_con1 .v_pic{width: 460px; height: 345px; border: #ebf1f3 solid 1px; float: left; position: relative;}
.v_con1 .v_pic i{width: 50px; height: 50px; background: url(../images/v_fdj.jpg); position: absolute; right: 0; bottom: 0;}
.v_con1 .v_pic:hover i{display: none;}
.v_con1 .v_text{float: right; width: 715px;}
.v_con1 .v_text .bt{padding: 26px 0 0; height: 44px; font: bold 24px/44px "微软雅黑"; color: #333333;}
.v_con1 .v_text .v_txt{height: 100px; padding: 32px 0 0;}
.v_con1 .v_text .pics{height: 90px;}
.v_con1 .v_text .btns{font: 400 18px/48px "微软雅黑";}
.v_con1 .v_text .btns .dg{display: block; width: 200px; height: 48px; border: #0092d3 solid 1px; text-align: center; color: #fff; background: #0092d3; float: left; margin-right: 38px;}
.v_con1 .v_text .btns .qt{display: block; width: 200px; height: 48px; border: #0092d3 solid 1px; text-align: center; color: #0092d3; float: left;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:460px;height:435px;background:#fff;border:1px solid #e4e4e4; display:none; text-align:center; overflow: hidden;}
.bigimg{width:1000px;height:1000px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#fff 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{overflow: hidden;}
#spec-list ul li{ float:left; margin-right:10px; width:82px; height: 62px; border: #ebf1f3 solid 1px; cursor: pointer;}
#spec-list ul li img{width:82px; height:62px;}
#spec-list ul li.hover{border: #0092d3 solid 1px;}

.v_bt{height: 46px; font: bold 24px/46px "微软雅黑"; color: #0092d3; border-bottom: #0092D3 solid 4px; float: left;}
.v_line{height: 4px; width: 75px; background: #0092d3; display: block;}
.v_pcon{padding: 25px 0; font: 400 16px/200% "微软雅黑"; color: #333; min-height: 300px;}

.v_tlpro{padding: 40px 24px; position: relative; height: 412px;}
.v_tlpro .lfctrl{width: 35px; height: 62px; background: url(../images/v_lf.jpg); position: absolute; left: -35px; top: 200px; cursor: pointer;}
.v_tlpro .rictrl{width: 35px; height: 62px; background: url(../images/v_ri.jpg); position: absolute; right: -35px; top: 200px; cursor: pointer;}
.v_tlpro .nr{overflow: hidden; border: #ebf1f3 solid 1px; height: 410px;}
.v_tlpro .nr ul{width: 1000%; height: 410px;}
.v_tlpro .nr ul li{width: 270px; height: 410px; border-right: #EBF1F3 solid 1px; float: left;}
.v_tlpro .nr ul li dt{height: 250px; height: 250px; padding: 10px;}
.v_tlpro .nr ul li dd{padding: 20px 20px 0;}
.v_tlpro .nr ul li dd .txt{display: block; height: 32px; font: 400 18px/32px "微软雅黑"; color: #333;}
.v_tlpro .nr ul li dd .text{padding: 10px 0 0; font: 400 14px/22px "微软雅黑"; color: #777;}

.v_bd{padding: 40px 0 0; height: 320px;}
.v_bd dl{height:100px; float: left;}
.v_bd dl dt{float: left; height: 40px; font: 400 18px/40px "微软雅黑"; color: #333;}
.v_bd dl dd{float: left; padding-right: 60px;}
.v_bd dl dd .inp{width: 100%; height: 40px; border: none; border-bottom: #bfbfbf solid 1px; font: 400 18px/40px "微软雅黑"; color: #333; width: 313px;}
.v_bd dl dd .inp2{width: 156px; height: 38px; border: #BFBFBF solid 1px; float: left; padding: 0 10px;}
.v_bd dl dd.num{/*background: url(../images/v_ico.jpg) 200px center no-repeat;*/ cursor: pointer; position: relative;}
.v_bd dl dd.num .sub{position: absolute; left: 0; top: 39px; background: #fff; border: #BFBFBF solid 1px; width: 176px; display: none;}
.v_bd dl dd.num .sub p{height: 40px; border-bottom: #dedede solid 1px; font: 400 14px/40px "微软雅黑"; color: #666;padding: 0 10px;}
.v_bd dl.da{height:92px; line-height: 52px;}
.v_bd dl.da dd{padding-right:0;}
.v_bd dl dd .inp3{width: 1065px; padding: 0 18px; border: #BFBFBF solid 1px; height: 50px; font: 400 18px/50px "微软雅黑"; color: #33; float: left;}
.v_bd input.btn{width: 200px; height: 50px; background: #0092d3; border: none; text-align: center; cursor: pointer; font: bold 18px/50px "微软雅黑"; color: #fff; margin-left: 500px;}

/*
 联系我们
 * */
#cmain{width: 1156px; position: relative; margin: 45px auto; font: 400 14px/180% "微软雅黑"; color: #666666;}
.cmap{height: 465px; width: 1156px;}

/*
 实用技术
 * */
.syjs{padding:10px 0 20px;}
.syjs dl{padding: 30px 0 0; height:180px; border-bottom: #dfdfdf dashed 1px;}
.syjs dl dt{float: left; width: 204px; height: 153px;}
.syjs dl dd{float: right; width: 665px; padding: 5px 0 0;}
.syjs dl dd .txt{display: block; height: 34px; font: 400 18px/34px "微软雅黑"; color: #333;}
.syjs dl dd .tim{height: 45px; font: 400 14px/28px "微软雅黑"; color: #999;}
.syjs dl dd .text{font: 400 14px/22px "微软雅黑"; color: #999;}
.syjs dl.odd dt{float: right;}
.syjs dl.odd dd{float: left;}

/*
 成功案例
 * */
.case{padding: 40px 0 0;}
.case dl{float: left; width: 387px; height: 355px; margin: 0 19px 20px 0; background: #ebf1f3;}
.case dl dt{width: 387px; height: 290px; position: relative;}
.case dl dt .pfbtn{display: block; width: 347px; height: 260px; background: url(../images/vi_deo.png); position: absolute; top: 0; left: 0;}
.case dl dd{height: 60px; border-top: #fff solid 1px; text-align: center; font: 400 18px/60px "微软雅黑"; color: #333;}
.case dl dd a{display: block; color: #333;}

/*
 下载中心
 * */
.down{padding: 20px 0;}
.down li{height: 55px; border-bottom: #e5e5e5 dashed 1px; padding: 15px 10px 0;}
.down li a{float: left; font: 400 18px/44px "微软雅黑"; color: #333;}
.down li .downbtn{display: block; width: 106px; height: 40px; background: #ebf1f3; text-align: center; font: 400 16px/40px "微软雅黑"; color: #0092d3; border-radius: 20px; float: right;}
.d_btn{width: 165px; height: 138px; display: block; margin: 50px auto 20px;}

/*
 招贤纳士
 * */
.join{padding: 40px 0 20px;}
.join dl{float: left; width: 650px; border-bottom: #dfdfdf solid 1px; margin-right: 100px; position: relative; height: 170px; padding: 23px 0 0;}
.join dl dt{height:34px; font: bold 18px/34px "微软雅黑"; color: #0f1720;}
.join dl dt a{color: #0f1720;}
.join dl dd{height: 70px; padding: 6px 0 0; font: 400 14px/24px "微软雅黑"; color: #333;}
.join dl .show{display: block; width: 82px; height: 30px; text-align: center; font: bold 14px/30px "微软雅黑"; background: #ebf1f3; color: #0092d3;}
.join dl i{display: block; position: absolute; top: 0; right: -51px; height: 100%; background: #dfdfdf; width: 1px;}
.join dl.one{border-top: #DFDFDF solid 1px;}

.j_lf{float: left; width: 432px; padding: 40px 0 0;}
.j_ri{float: right; width: 740px;}

/*
 留言咨询
 * */
#bmain{width: 1165px; margin: 40px auto;}
.b_con1{height: 254px; padding: 45px 0 0 415px; background: url(../images/bk_pic.jpg) 80px 75px no-repeat; border-top: #ebf1f3 solid 1px; border-bottom: #ebf1f3 solid 1px; margin-bottom: 42px;}
.b_con1 h3{height: 38px; font: bold 24px/38px "微软雅黑"; color: #0092d3;}
.b_con1 h4{height: 28px; font: 400 14px/28px arial; color: #666;}
.b_con1 .bt{height: 32px; border-bottom: #ebf1f3 solid 1px; font: bold 18px/32px "微软雅黑"; color: #333; margin-right: 120px;}
.b_con1 .cont{font: 400 14px/24px "微软雅黑"; color: #666;}
.b_bd{padding-left: 205px;}
.b_bd dl{height: 56px;}
.b_bd dl dt{float: left; width: 110px; height: 38px; font: 400 14px/38px "微软雅黑"; text-align: center; color: #666;}
.b_bd dl dt em{color: #FF0000;}
.b_bd dl dd{float: left; width: 700px;}
.b_bd dl dd input{height: 38px; padding: 0 15px; background: #ebf1f3; font: 400 14px/38px "微软雅黑"; color: #333; width: 430px; border: none;}
.b_bd dl.da{height: 210px;}
.b_bd dl.da textarea{height: 178px; padding: 0 15px; background: #ebf1f3; font: 400 14px/38px "微软雅黑"; color: #333; width: 610px; border: none;}
.b_bd dl dd input.btn{width: 120px; height: 48px; background: #0092d3; color: #fff; font: bold 18px/48px "微软雅黑"; color: #fff; margin-left: 110px; cursor: pointer;}



.pglist{ width:100%;clear:both;height:80px; }
.pglist ul{ width:100%;text-align:right; padding-top:20px; }
.pglist ul li{
	vertical-align: bottom; display:inline-block;*display:inline; *zoom:1;
 	width:30px;height:28px;*margin-left:5px;_display:inline; _zoom:1; _margin-left:5px;  /*border:1px solid #424d5b;*/
 	font-size:14px;line-height:28px; text-align:center; }
.pglist ul li a{color:#697396; line-height:30px; display:block;     height: 26px;
    width: 26px;
    border: #e0e2e3 solid 1px;font: 400 14px/26px "微软雅黑";}
.pglist ul li.home,.pglist ul li.end{ width:60px; height:28px; color: }
.pglist ul li.home a,.pglist ul li.end a{ width:60px !important; height:26px !important;  background: #697396; color:#fff}
.pglist ul li.next,.pglist ul li.last{ 
	width:30px; height:28px;/*border:1px  solid #1561af;*/
	font-size:24px;line-height: 28px;  font-family:'宋体'!important; font-weight:bold; }
.pglist ul li.on{/*border:1px  solid #fe6716;*/}
.pglist ul li.on a{color:#fff;background:#697396;}
.pglist ul li.nohover{background:#d4d4d4;border:1px  solid #d4d4d4;font-family:'微软雅黑';color:#fff; height:26px}
.pglist ul li.nohover a{color:#fff;}


.leftProClaList{width:246px;  height:100px; height:auto!important;min-height:100px; padding-bottom: 14px;}
.leftProClaListUl{}
.leftProClaListUl li{ 
	}
.leftProClaList a{color:#0f1427;font-size:14px;line-height:40px; font-weight: bold;}
.leftProClaListUl a:hover{background: #0092d3; color: #fff;}	
.leftProClaListUl  .childCla{ border:#fff solid 1px; background: #cfe2e9; display: none;}
.leftProClaListUl  .childCla  li{
	
}
.leftProClaListUl  .childCla li a{
	padding-left: 45px; color: #333; background: #cfe2e9; /*border-bottom: #fff solid 1px;*/ font: 400 16px/54px "微软雅黑";}


.leftProClaListUl li.open{ background: #0092d3;color: #fff;}
.leftProClaListUl li.open a{background: #0092d3; color: #fff; font-weight: bold;}
/*.leftProClaListUl li.on{ background:#0f1427;border: 1px solid #0f1427;  }*/


.n_ltype li a:hover{background: #0092d3; color: #fff;}
.n_ltype li.hover a{background: #0092d3; color: #fff; font-weight: bold;}

.n_ltype.pro li .sub{border:#fff solid 1px; background: #cfe2e9;}
.n_ltype.pro li .sub a{padding-left: 45px; color: #333; background: #cfe2e9; border-bottom: #fff solid 1px; font: 400 16px/54px "微软雅黑";}

#boot{background: url(../images/ft_bg.jpg) center center no-repeat;}
.bt_con{height: 212px; padding-top: 40px;}
.bt_logo{display: block; width: 236px; height: 64px; margin: 0 auto 50px;}
.bt_nr{text-align: center; font-size: 14px; color: #fff; margin-bottom: 30px;}
.bt_nr a{color: #fff;}


/*固定的悬浮窗*/
.jialan_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.jialan_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.jialan_bar .jialan_top{background:#3669aa url(../images/fixCont.png) no-repeat 0 0;}
.jialan_bar .jialan_phone{background:#3669aa url(../images/fixCont.png) no-repeat 0 -57px;}
.jialan_bar .jialan_QQ{text-indent:0;background:#3669aa url(../images/fixCont.png) no-repeat 0 -113px;}
.jialan_bar .jialan_ww{text-indent:0;background:#3669aa url(../images/fixCont.png) no-repeat 0 -169px;}
.jialan_bar .jialan_ercode{background:#3669aa url(../images/fixCont.png) no-repeat 0 -225px;}
.hd_qr{padding:0 29px 25px 29px;}
.jialan_QQ a, .jialan_ww a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
.lianxi{border-top:1px solid #FF0000}
.lianxi ul li{height:30px;line-height:30px;padding-left:15px}
.lianxi tit{font-size:18px;height:40px;line-height:40px;background:#fafafa}


.nav_con li .sub{padding: 13px 0 0; width: 120px; left: 0; top: 40px; position: absolute; text-align: center; display: none;z-index: 999;}
.nav_con li .subbg{background: #3669aa; padding: 10px 0; width: 100%;}
.nav_con li .subbg a{display: block; height: 40px; font: 400 16px/40px "微软雅黑"; color: #fff; position: relative;}
.nav_con li .subbg a:hover:after{width: 35px;height: 1px;background: #FFFFFF; position: absolute; left: 50%; bottom: 5px; margin-left: -17px; content: " ";}