@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'din condensec';
src: url('../font/DIN Condensed Bold.eot');
src: url('../font/DIN Condensed Bold.eot?#iefix') format('embedded-opentype');
src:url('../font/DIN Condensed Bold.woff') format('woff'), url('../font/DIN Condensed Bold.ttf') format('truetype'), url('../font/DIN Condensed Bold.svg#DIN Condensed Bold') format('svg'),local('DIN Condensed Bold');
font-weight: normal;
font-style: normal;
}
*{padding:0px;margin:0px;}
html{}
body{font-size:12px;font-family:"微软雅黑";margin:0px auto;padding:0px;color:#333;}
img{border:none;}
a{color:#333333;text-decoration:none;transition:all ease-in-out 0.3s;}
a:hover{color:#246CD8;text-decoration:none;}
ul,li,ol,dl,dt,dd{list-style:none; padding:0px; margin:0px auto;}
input, select, button{font:12px Verdana, Arial, Tahoma;vertical-align:middle;}
.clear{clear:both;}
.center{margin:0px auto;}
.w960{width:1200px;}
.sbj{margin-top:30px;}
.sbj1{margin-top:60px;}
.in-pro img{max-width: 100%;}
.top{width: 100%;height:33px;line-height:33px;color: #676665;background: #f4f4f4;}
.top span{float: right;}
.top span a{color: #676665;padding: 0px 10px;}
.top span a:hover{color: #246CD8;}
.logo{height: 110px;}
.logo li{font-weight: bold;margin-top: 22px;width:440px;float: left;font-size: 36px;color: #246cd8;margin-right: 460px;background: url(../images/logo.jpg) no-repeat left bottom;padding-left: 110px;}
.logo li p{font-size: 13px;font-weight: normal;text-transform: uppercase;color: #333;letter-spacing: 1.3px;}
.logo ol{width: 190px;color: #222222;font-size: 14px;float: left;margin-top:26px;}
.logo ol p{color:#246cd7;font-size: 26px;font-weight: bold;}
#nav{ width:100%; background-color:#246cd8; height:56px; line-height:56px;}
#nav li{float:left;text-align:center; width:120px;}
#nav li a{line-height:56px;display:block;height:56px;text-align:center;font-size:15px;color: #fff;}
#nav li:hover{text-decoration:none; height:56px; font-size:14px;background: url(../images/nav.jpg) no-repeat center bottom #0080CC;}
#nav li dl{width:133px;background-color:#0080CC;list-style-type:none;text-align:left;left:-999em;position:absolute;z-index:99999;float:left;}
#nav li dl dt{height:46px;line-height:46px; border-bottom:1px solid #fff;}
#nav li dl dt a{color:#fff;font-size:14px;height:46px;line-height:46px;}
#nav li dl dt a:hover{ background:none;font-size:15px;font-weight: bold;}
#nav li:hover dl{left:auto;}
#curr{background: url(../images/nav.jpg) no-repeat center bottom #0080CC;}

.vBox{position: relative;}
.vBox .fontBox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;}
.vBox .fontBox div{margin-top: 14%}

.title{text-align: center;}
.title li{line-height:34px;font-size:20px;color:#3e3e3e;}
.title p{font-size:32px;font-weight: bold;color: #3e3e3e;text-transform: uppercase;font-family: "din condensec";}
.title dt{line-height: 51px;font-size: 36px;font-weight: bold;background: url(../images/title.png) no-repeat center center;}
.cpfl li{float:left;text-align:center; width:380px;background-color: #246CD8;margin-right: 30px;}
.cpfl li:last-child{margin-right: 0px;}
.cpfl li a{line-height:56px;display:block;height:56px;text-align:center;font-size:15px;color: #fff;}
.cpfl li:hover{text-decoration:none; height:56px; font-size:14px;background: url(../images/nav.jpg) no-repeat center bottom #0080CC;}
.cpfl li dl{width:380px;background-color:#0080CC;list-style-type:none;text-align:left;left:-999em;position:absolute;z-index:99999;float:left;}
.cpfl li dl dt{height:46px;line-height:46px; border-bottom:1px solid #fff;}
.cpfl li dl dt a{color:#fff;font-size:14px;height:46px;line-height:46px;}
.cpfl li dl dt a:hover{ background:none;font-size:15px;font-weight: bold;}
.cpfl li:hover dl{left:auto;}
.pro-con ul{width:291px;margin-right:12px;float:left;box-shadow: #eeeeee 0px 6px 6px;margin-bottom:20px;}
.pro-con ul li{width:291px;height:230px;}
.pro-con ul li a{display: inline-table;width:291px;height: 230px;overflow: hidden;}
.pro-con ul li a img{width:291px;height:230px;vertical-align:middle;cursor:pointer;transition: all 0.6s;}
.pro-con ul:hover li a img{transform: scale(1.3);}
.pro-con ul:hover p{background-color: #246CD8;}
.pro-con ul:hover p a{color: #fff;}
.pro-con ul p{ line-height:52px; height:52px; text-align:center;}
.pro-con ul p a{font-size: 14px;}
.pro-con ul:nth-child(4n){margin-right: 0px;}

.pro-con1 ul{width:291px;margin-right:12px;float:left;box-shadow: #eeeeee 0px 6px 6px;margin-bottom:20px;}
.pro-con1 ul li{width:291px;height:388px;}
.pro-con1 ul li a{display: inline-table;width:291px;height: 388px;overflow: hidden;}
.pro-con1 ul li a img{width:291px;height:388px;vertical-align:middle;cursor:pointer;transition: all 0.6s;}
.pro-con1 ul:hover li a img{transform: scale(1.3);}
.pro-con1 ul:hover p{background-color: #246CD8;}
.pro-con1 ul:hover p a{color: #fff;}
.pro-con1 ul p{ line-height:52px; height:52px; text-align:center;}
.pro-con1 ul p a{font-size: 14px;}
.pro-con1 ul:nth-child(4n){margin-right: 0px;}
#wrap{width:100%;background: url(../images/adv.jpg) no-repeat center center;padding: 43px 0px;height: 89px;}
#wrap li{line-height: 43px;font-size: 24px;color: #fff;text-align: center;}
.company video{float: right;margin-left: 30px;}
.company p{font-size: 16px;text-indent: 2em;line-height:46px;}
.company li{width:100px;line-height: 36px;border: 1px solid #CCCCCC;text-align: center;margin-top: 30px;float: left;}
.company li:hover{border:1px solid #246CD8;background-color: #246CD8;}
.company li:hover a{color: #fff;}
#wrap1{width:100%;background-color: #1176D2;padding: 50px 0px;}
.title1{text-align: center;color:#fff;}
.title1 li{line-height:34px;font-size:20px;}
.title1 p{font-size:32px;font-weight: bold;text-transform: uppercase;font-family: "din condensec";}
.title1 dt{line-height: 51px;font-size: 36px;font-weight: bold;background: url(../images/title.png) no-repeat center center;}
.ys{ display: flex; justify-content: space-around;}
.ys dl{ width: 280px; border: 1px solid #D5D5D5; background: #fff; text-align: center}
.ys dl ol{ margin: 5px; border: 1px solid #d5d5d5; padding: 25px;height: 259px;}
.ys dl ol img{ padding-top: 6px; padding-bottom: 15px; width: 80px; height: 80px; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s}
.ys dl ol dt{ line-height: 38px; font-size: 16px;}
.ys dl ol dd{ line-height: 26px; font-size: 14px;}
.ys dl:hover ol img{ transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);}
#wrap2{width:100%;background-color: #F4F4F4;padding: 50px 0px;}
.qual_l{ width: 384px; float: left;}
.qual_c{ width: 432px; text-align: center;float: left;}
.qual_r{ width: 384px;float: left;}
.qual{ margin-bottom: 20px;}
.qual_l_t{ background: #1176D2 url("../images/icon_5.jpg") no-repeat 10px center; padding-left: 45px; line-height: 46px; border-radius: 10px; margin-bottom: 11px; font-size: 20px; color: #fff; transition: all 0.6s;}
.qual:hover .qual_l_t{ padding-left: 65px; transition: all 0.6s;}
.qual_l_b{line-height: 25px;}
.xwzx ul{width: 291px;float: left;margin-right:12px;background-color: #F4F4F4;}
.xwzx ul:nth-child(4){margin-right: 0px;}
.xwzx ul dt{width:291px;height: 220px;overflow: hidden;}
.xwzx ul dt img{width: 291px;height: 220px;cursor:pointer;transition: all 0.6s;}
.xwzx ul:hover{background-color: #246CD8;color: #fff;}
.xwzx ul:hover a{color: #fff;}
.xwzx ul:hover ol{color: #fff;}
.xwzx ul:hover dt img{transform: scale(1.3);}
.xwzx ul dl{box-shadow:#eeeeee 0px 6px 6px;padding-bottom: 15px;}
.xwzx ul dl li{padding-left:10px;padding-top:12px;}
.xwzx ul dl li a{font-size: 16px;}
.xwzx ul dl ol{padding-left:10px;padding-right: 10px;font-size: 14px;color: #666666;line-height: 26px;}
.xwzx ul dl p{padding-top: 5px;padding-left:10px;}
.footnav{ width:100%; background-color:#1176D2; color:#fff; padding:40px 0px;}
.footer ul{width:340px;float:left;}
.footer ul li{font-size: 16px;background: url(../images/line.jpg) no-repeat left bottom;padding-bottom: 10px;margin-bottom: 25px;}
.footer ul p{font-size: 14px;line-height:36px;}
.footer dl{width:200px;float: left;}
.footer dl dt{font-size: 16px;background: url(../images/line.jpg) no-repeat left bottom;padding-bottom: 10px;margin-bottom: 25px;}
.footer dl p{line-height:42px;}
.footer dl p a{color: #fff;font-size: 14px;}
.footer dl p a:hover{color: #FF6801;}
.footer ol{width:120px;float: left; margin-left: 10px}
.footer ol p{font-size: 16px;background: url(../images/line.jpg) no-repeat left bottom;padding-bottom: 10px;margin-bottom: 25px;}
.footer dd{text-align: center;font-size: 14px;margin-top: 15px;}
/*内页*/
#left{ width:245px; float:left; margin-right:20px;margin-top:20px; margin-bottom:20px;}
#right{width:935px;float:left;margin-top:20px;margin-bottom:20px;}
.icpfl dl{height:40px; background:url(../images/icon.png) no-repeat 25px center #246CD8; color:#ffffff; font-size:18px;line-height:20px; padding:20px 0px 20px 70px; font-weight:bold;}
.icpfl dl p{ font-size:14px; font-weight:normal;}
.inner-content{ margin-bottom:10px;}
ul.sf-menu {clear:both;margin:0px auto;height:auto;position:relative;text-transform:capitalize;z-index:500;width:233px;padding:5px; border:1px solid #ccc;}
ul.sf-menu li {zoom:1;margin:0px; }
ul.sf-menu li a {text-transform:capitalize; display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:42px;line-height:42px;font-size:14px;padding-left: 30px;background:url("../images/point.png") no-repeat 13px 17px; border-bottom:1px dashed #ccc;}
ul.sf-menu li a:hover, ul.sf-menu li a:active {background:#246CD8 url("../images/point-h.png") no-repeat 13px 17px;color:#fff;font-size:14px;}
ul.sf-menu li a:hover{ color:#fff!important;}
ul.sf-menu li.hover, ul.sf-menu li:hover {position:relative;}
ul.sf-menu li.menu-item:hover {position:relative;}
ul.sf-menu ul {width:100%;margin:0px;padding:0px;position:absolute;left:233px;top:0px;visibility:hidden;text-transform:capitalize;}
ul.sf-menu ul li a {font-weight:normal;line-height:42px;border-bottom:1px solid #fff;background:#eee url("../images/point1.png") no-repeat 10px 20px;height:42px;font-size:14px;padding-left: 40px;}
ul.sf-menu li.hover ul li a, ul.sf-menu li.hover ul li a:hover, ul.sf-menu li.hover ul li a:active {color:#000;text-decoration:none;background:#303030 url("../images/point1-h.png") no-repeat 10px 17px;font-size:14px;}
ul.sf-menu ul li a.hover, ul.sf-menu ul li a:hover {text-decoration:none;background:#ddd url("../images/point1-h.png") no-repeat 10px 17px!important;font-size:14px;}
li.LiLevel1 a:hover {color:#444!important;}
ul.sf-menu ul li ul {padding:0px;}
ul.sf-menu ul ul {left:233px;margin:0px;padding:0px;visibility:hidden;}
ul.sf-menu ul ul li a {width:auto;padding:0px;padding-left: 40px;text-decoration:none;font-size:14px;}
ul.pro-menu {margin-top:-1px;margin:0px;padding:0px;text-transform:capitalize;}
ul.sf-menu li:hover > ul {visibility:visible;margin:0px;padding:0px;}
ul.sf-menu li.LiProDetail a {background:#eee url("../images/point1.png") no-repeat 10px 17px!important;text-indent:-15px!important;color:#333!important;font-size:14px;}
ul.sf-menu li.LiProDetail a:hover, ul.sf-menu li.LiProDetail a:active {background:#303030 url("../images/point1-h.png") no-repeat 10px 17px!important;text-indent:-15px!important;font-size:14px;color:#fff!important;}
.nyLPhone{ background:url(../images/nyLPhoen_ico.png) no-repeat 20px center;}
.nyLPhone dt{ padding-left:60px; font-size:14px; font-weight:bold;}
.nyLPhone dd{ padding-left:60px; font-size:16px; line-height:30px;}
.lxwm1{background-color:#246CD8;color:#fff;margin-top:10px;padding:15px 0px;}
.lxwmt{border:1px solid #ccc;padding-left:10px;line-height:32px;margin-bottom:10px;background-color:#fff;font-size:13px;}
.lxwmt p{ margin-left:47px; }
/*---------在线留言---------*/
.message{line-height:24px;}
.message dt{float:left;clear:both;width:60px;margin-left:20px;height:30px;margin-top:10px;}
.message dd{float:left;margin-top:10px;}
.message input{line-height:24px;height:24px;}
.message p{clear:both;margin-left:200px;}
.sub{height:30px;width:60px;display:block;float:left;margin-left:30px;}
/*---------新闻列表页---------*/
.e2 li{line-height:50px;height:50px;background:url(../images/dot1.png) no-repeat left center;border-bottom:1px dashed #969696;}
.e2 li a{font-size:14px; padding-left:15px;}
.e2 li span{float:right;}
.e2 li b{float:right;}
/*---------产品列表---------*/
.ipro_list div{width:216px;float:left; margin:0px 6px;}
.ipro_list dt{width:214px;height:214px;border:#b7b7b7 1px solid;overflow:hidden;}
.ipro_list dt a{text-align:center;width:214px;height:214px;display:table-cell;vertical-align:middle;overflow:hidden;}
.ipro_list dt img{vertical-align:middle;cursor:pointer;transition: all 0.6s;}
.ipro_list dt img:hover{transform:scale(1.2);}
.ipro_list dd{width:216px;text-align:center;height:36px;line-height:36px;overflow: hidden;}
.slt{overflow:hidden;margin-top:10px;margin-bottom:10px;}
.slt img{display:block;}
.timeBar{line-height:36px;text-align:center;margin:20px 0px;}
.time{background-color:#f3f3f3;border:1px solid #dedede;}
/*---------上下页---------*/
.guidbar_next{overflow:hidden;padding:10px 0px;border-top:1px solid #dadada;margin-top:20px;}
.guidbar_next li{font-size:12px;color:#666;}
.pre{ float:left;}
.next{ float:right;}
.guidbar_next li a{color:#333;}
.pre{text-align:left;float:left;}
.inext{text-align:right;float:right;}
/*---------分页---------*/
.page{text-align:center; margin-top:10px;}
.page ul{list-style-type:none;text-align:center;}
.page strong{font-size:12px;}
.page li{float:left;line-height:30px;height:30px;}
.page li a{float:left;padding:0px 4px;color:#000;display:block;}
.page li a:hover{color:#000;text-decoration:none;padding:0px 4px;}
.title3{border:1px solid #ccc; border-radius:5px;height:38px; line-height:38px; padding-left:15px; font-weight:bold; font-size:15px;}
.title3 span{ float:right; color:#000; font-weight:normal; font-size:12px; padding-right:25px;}
.content{line-height:36px;font-size:13px; padding:10px; border:1px solid #ccc; border-radius:5px;margin-top:20px;}