@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#666666;overflow-x: hidden; text-align:center;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
.bg{background-color: #B0C4DE;}
.bg1{background-color: #CAFF70;}
.bg2{background-color: #FFC1C1;}
.bg3{background-color: #FFA07A;}
.bg4{background-color: white;}
.hj200 {line-height: 200%;}
.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.mt10{margin-top: 10px}
.w0{width: 100%}
.w1200{width: 1200px;margin:0 auto;}
.w1100{width: 1100px;margin:0 auto;}
a { text-decoration: none; outline: none; color: #666666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
/*header start*/
.header{width: 100%;height: 30px;background-color: #dfdfdf;border:1px solid #BFBFBF;}
.head_body{width: 1200px;height: 30px;margin:0 auto;line-height: 30px;}
.head_body span{height:30px;line-height: 30px;}
.head_body .hb_r{width: 200px;height: 30px;}
.nav_body{width: 1200px;height: 90px;margin: 0 auto;}
.nav_body .logo{position: relative;top: 5px;}
.nav_body .nav{width: 665px;height: 90px;}
.nav_body .nav ul{height: 35px;position: relative;top: 32px;}
.nav_body .nav ul li{width: 78px;height: 32px;text-align: center;line-height: 32px;border-radius: 10px;font-size: 16px;margin-left: 5px; float: left;}
.nav_body .nav ul .on{background-color: #0058AD;color: #fff}
.nav_body .nav ul li:hover {background-color: #0058AD;color: #fff}
/*header end*/
/*banner start*/
.flexslider {
margin: 0px auto 0px;
position: relative;
width: 100%;
height: 450px;
overflow: hidden;
zoom: 1;
}
.flexslider .slides li {
width: 100%;
height: 100%;
}
.flex-direction-nav a {
width: 70px;
height: 70px;
line-height: 99em;
overflow: hidden;
margin: -35px 0 0;
display: block;
background: url(../images/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;
border-radius: 35px;
}
.flex-direction-nav .flex-next {
background-position: 0 -70px;
right: 0;
}
.flex-direction-nav .flex-prev {
left: 0;
}
.flexslider:hover .flex-next {
opacity: 0.8;
filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
opacity: 0.8;
filter: alpha(opacity=25);
}
.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;
}
.flex-control-nav li {
margin: 0 2px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
background: url(../images/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,
.flex-control-paging li.active a {
background-position: 0 0;
}
.flexslider .slides a img {
width: 100%;
height: 450px;
display: block;
}
/*banner end*/
/*product start*/
.pro{margin: 30px auto;position: relative;}
.pro .pro_body .pb_left{width: 220px;height: 413px;background: url(../images/pro_list.png) no-repeat center;}
.pro .pro_body .pb_left .list_top{width: 220px;height: 41px;line-height: 41px;color: #F0F4F7;font-size: 18px;position: relative;left:65px;text-align:left;}
.pro .pro_body .pb_left ul{width:200px;padding:5px 10px;}
.pro .pro_body .pb_left ul li{width: 180px;height: 30px;line-height: 30px;border:1px solid #DFDFDF;border-width: 0 0 1px 0;font-size: 15px;padding-left: 25px;background: url(../images/jt.png) left no-repeat; text-align:left;}
.pro .pro_body .pb_left ul li:hover {color: #1C4E8C;font-weight: bold;}
.pro .pro_body .pb_right{width: 970px;}
.pro .pro_body .pb_right .pro_out{width: 218px;height: 207px;margin-bottom: 5px; margin-right:10px;}
.pro .pro_body .pb_right img{border:1px solid #dfdfdf;}
.pro .pro_body .pb_right .pro_zi{width: 220px;height: 35px;text-align: center;line-height: 35px;position: relative;top: 2px;color: #fff;background: url(../images/more.png) no-repeat center right #0058AD;overflow: hidden;}
/*product end*/
/*company start*/
.company{margin:0 0 40px 0;height:412px;background: url(../images/company.png) no-repeat center;}
.company .com_con{width: 710px;padding-left: 170px;padding-top: 130px;}
.company .com_con .com_title{width: 710px;height:30px;text-align: center;font-size: 16px;color: #0058AD}
.company .com_con p{text-indent: 2em;line-height: 160%;color: #444}
.company .com_con p .fr{color: #D55411}
/*company end*/
/*new start*/
/*.new{padding:0 0 30px 0;}*/
.new_main{width: 1200px;}
.nm_left{width: 400px; position: relative;}
.nm_right{width: 790px;}
.new .clearfix:after, .container:after, .tab-nav:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.container {
width:440px;
position: relative;
background: white;
}
/* ===========
Tab Styling */
.tab-group {
height: 255px;
position: relative;
top: 12px;
border: 1px solid #D8D8D8;
margin-top: 1.5em;
/* border-radius: 0 0 10px 10px;*/
}
.tab-group section {
opacity: 0;
height: 0;
padding: 0 1em;
overflow: hidden;
transition: opacity 0.4s ease, height 0.4s ease;
}
.tab-group section.active {
opacity: 1;
height: auto;
overflow: visible;
}
.tab-nav {
list-style: none;
margin: -2.5em -1px 0 0;
padding: 0;
height: 2.7em;
overflow: hidden;
position: relative;top: -3px;
}
.tab-nav li {
display: inline;
}
.tab-nav li a {
top: 1px;
font-size: 15px;
position: relative;
display: block;
float: left;
background: #D8D8D8;
line-height: 2em;
padding: 0 1em;
text-decoration: none;
color: grey;
margin-top: .5em;
margin-right: 1px;
transition: background .2s ease, line-height .2s ease, margin .2s ease;
}
.tab-nav li.active a {
background: #0058AD;
color: white;
line-height: 2.2em;
margin-top: 0;
font-size: 18px;
}
.new .news_nr{width: 440px;margin:0 auto;}
.new_z{width: 440px;margin:5px 0 11px 0;;}
.new_z .font{height:25px;font-size: 15px;line-height: 25px;color: #0058AD;font-weight: bold;}
.new_z p{line-height: 150%;text-indent: 2em;}
.new_nr2{line-height: 32px;border:1px dashed #dfdfdf;border-width: 0 0 1px 0;}
.new_nr2 img{position: relative;top: 13px;}
/*new end*/
/*footer start*/
.footer{height:250px;background: #A6A6A6; clear: both;margin-top: 10px;}
.foot_top{height: 45px;}
.foot_top .lxwm_title{width: 350px;height: 45px;text-align: center;line-height: 45px;color: #fff;font-size: 20px;font-weight: bold;letter-spacing:10px;}
.foot_bottom{height: 205px;}
.foot_bottom .hb_l{width: 360px;height: 195px;padding-top: 10px; text-align: left;}
.foot_bottom .hb_l b{font-size: 17px;color: #333}
.foot_bottom .hb_l ul li{width: 170px;height: 35px;line-height: 35px;position: relative;top: 5px;font-size: 15px;color: #333}
.foot_bottom .hb_m{width: 250px;height: 195px;padding-top: 10px; text-align: left;}
.foot_bottom .hb_m b{font-size: 17px;color: #333}
.foot_bottom .hb_m ul li{width: 120px;height: 35px;line-height: 35px;position: relative;top: 5px;font-size: 15px;color: #333}
.foot_bottom .hb_r{width: 310px;height: 185px;padding:10px 20px 0 20px; text-align: left;}
.foot_bottom .hb_r b{font-size: 17px;color: #333;}
.foot_bottom .hb_r p{line-height: 160%;color: #333}
.foot_bottom .hb_r p{position: relative;top: 5px;}
.foot_bottom .ewm{width: 240px;height: 185px;background: url(../images/ewm.png) no-repeat center left;position: relative;top: 30px;left: 25px;}
.foot_bot{background-color: #353535;}
.foot_bot .fb_main{text-align: center;padding: 10px 0}
.foot_bot .fb_main p{text-align: center;color: #fff}
.foot_bot .fb_main p a{color: #ccc;}
#links{margin:auto;width:1200px;line-height:30px;color:#666666;font-weight: bold;font-size: 16px; padding: 5px 0;}
#links a{font-size: 12px; color:#666666;}
/*footer end*/
/*main start*/
.main{margin: 30px auto;position: relative;}
.main .pro_body .pb_left{width: 220px;height: 413px;background: url(../images/pro_list.png) no-repeat center;}
.main .pro_body .pb_left .list_top{width: 220px;height: 41px;line-height: 41px;color: #F0F4F7;font-size: 18px;position: relative;left:65px;text-align: left;}
.main .pro_body .pb_left ul{width:200px;padding:5px 10px;}
.main .pro_body .pb_left ul li{width: 200px;height: 30px;line-height: 30px;border:1px solid #DFDFDF;border-width: 0 0 1px 0;font-size: 15px; text-align: left;}
.main .pro_body .pb_left ul li:hover {color: #1C4E8C;font-weight: bold;}
.main .pro_body .pb_right{width: 830px;}
/* breadCrumb */
.breadCrumb {height: 30px;line-height: 30px;color: #666666;cursor: default;margin-bottom: 16px;font-weight: bold;font-size:16px;padding: 0px 10px;border-bottom: 2px #005EB8 solid; text-align: left;}
.breadCrumb a { color: #666666; }
.breadCrumb a:hover { color: #e77918; }
.pageBox { line-height:35px;padding: 0px 10px;}
.pageBox table img{vertical-align: text-top !important;}
.main .pro_body .pb_right .pro_out{width: 218px;height: 207px;margin-bottom: 5px; margin-right:10px;}
.main .pro_body .pb_right .pro_zi{width: 220px;height: 35px;background: #0058AD;text-align: center;line-height: 35px;position: relative;top: 2px;color: #fff}
/*main end*/
.ny_title h2{line-height:40px;color:#666666;font-size:18px;border-bottom: 1px #ccc dashed;margin-bottom:10px;font-weight: bold;}
dl.news_dl {font-size:14px; color:#666; padding:5px; line-height:22px; border-bottom:1px dashed #CCCCCC; margin: 6px;}
.news_dl a img:hover{ background: #EE7703;}
dl.news_dl a{ color:#000; }
dl.news_dl dt {line-height:24px;height:24px;width:780px;overflow:hidden;}
dl.news_dl .dt_1 { height:20px;padding-left:20px; font-size: 16px;color: #666666; font-weight:bold;text-decoration:none; }
dl.news_dl .dt_2 { font-size:12px; float:right; padding:0 10px 0 8px; font-family:"Microsoft YaHei"; }
dl.news_dl .dt_3 { font-size:12px;}
dl.news_dl .dt_3 a { color:#FF0000; text-decoration:underline;}
dl.news_dl dd {font-size:12px;overflow:hidden;}
.sideWrap { margin-bottom: 19px; }
.sideWrap h2 { background:#1C5C9A;margin-top: 15px; height: 43px; line-height: 43px; font-size:24px; font-weight: bold;color: #fff;text-align: center;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.sideWrap h2 span{ padding-left:10px;}
.sideBox { background: #f2f2f2; }
.sideNewsBox { padding: 11px 12px 13px 11px; }
.sideNewsBox li { border-bottom: 1px solid #d2d2d2; height: 29px; line-height: 29px; width: 175px !important;}
.sideNewsBox h3 a {background: url(../images/arrow.gif) no-repeat 0 center;color:#393939;display: block;font-size: 13px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 30px;}
.sideNewsBox h3 a:hover {color:#B51C21;font-size: 14px;font-weight: bold;}
.sideContactBox { padding: 12px 40px 14px 17px; line-height: 26px; color: #535353; }
.per{float:left;margin-top:20px; text-align:center; width: 100%;margin-bottom: 20px; background:#eee;}
.per p{ line-height:35px; margin:0px; padding:0px 10px;width:auto; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.cgbt{border-bottom: 1px #ccc solid;font-size: 18px;font-weight: bold; width:810px !important;}
.xgwz{float:left; margin-bottom:40px;}.xgwz ul{ padding:0px;}
.xgxw{ width:302px;line-height: 25px; height:25px; float:left;margin:5px 10px;border-bottom: 1px #ccc dashed;white-space: nowrap;overflow: hidden;}
.xgxw a{background: url(../images/arrow.gif) no-repeat 0 center; padding-left: 10px;}
.web_pages{float:left; width:830px;}
.web_pages ul{float:left;padding:12px 0px 12px 36px; width: 100%;text-align: center;}
.web_pages ul li{float:left;line-height:17px;margin-right:6px;border:1px solid #E9E9E9;}
.web_pages ul li a{float:left;padding:10px;color:#555;display:block;}
.web_pages ul li a:hover{background-color:#1C5C9A; color:#fff;text-decoration:none;padding:10px;}
.web_pages ul li.thisclass,
.web_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#005EB8; color:#fff;padding:5px;font-weight:bold;}
.web_pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}
.web_pages .pageinfo strong{color:#555;margin:0px 2px;}
.pro_img{ width:820px; margin: 0px auto; height:auto; overflow: auto;}
.pro_img ul{ padding:0px; margin:0px;list-style:none; }
.pro_img ul li{ float:left;width:222px; margin:10px 25px;height: 210px;}
.pro_img ul li a{text-decoration:none;}
.pro_img ul li a img{ width:220px; height:165px; border:1px #ccc solid; border-radius:3px; }
.pro_img ul li a span{ width:220px; line-height:20px; height:20px;text-align:center; color:#666; display:block; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }
.pro_img ul li a img:hover{ width:240px; height:180px;position:absolute;margin-left:-10px;}
.pro_img2{ width:830px; margin: 0px auto; height:auto overflow: auto;}
.pro_img2 ul{ padding:0px; margin:0px;list-style:none; }
.pro_img2 ul li{ float:left;width:150px; margin:10px 6px;height: 160px;}
.pro_img2 ul li:hover img{transform: scale(1.05);box-shadow: 0px 10px 50px rgba(0,0,0,0.4);}
.pro_img2 ul li a{text-decoration:none;}
.pro_img2 ul li a img{ width:150px; height:113px; border:1px #ccc solid; border-radius:3px; }
.pro_img2 ul li a span{ width:150px; line-height:20px; height:20px;text-align:center; color:#666; display:block; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }
/* productBox */
.productBox { width:810px; overflow: hidden;margin-top: 20px }
.productBox li { float: left; position: relative; width: 228px; height:220px; border: 1px solid #858585; background: #f4f4f4; margin:0px 18px; margin-bottom: 24px; }
.productBox h3 { text-align: center; line-height: 25px; font-size: 16px; color: #716868; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.productBox h4 {margin-bottom: 8px;text-align: center;font-size: 12px;color: #F00;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 20px;}
.productBox p { padding: 0 5px; line-height: 20px; color: #737373; height: 40px; overflow: hidden; margin-bottom: 10px; }
.productBox span { width: 78px; height: 19px; border: 1px solid #929292; text-align: center; color: #777; display: block; line-height: 19px; position: relative; left: 5px; }
.productBox a {width: 228px; height: 238px; }
.productBox .on {background:#0050C6;border-color: #2D2D2B;}
.productBox .on h3 { color: #fff;line-height: 50px; }
.productBox .on h4 { display:none; color: #fff; }
.productBox .on p { color: #fff; }
.productBox .on span { border-color: #125ed6; background: #fff; color: #125ed6; }
.productBoxs { width:830px; overflow: hidden;margin-top: 20px }
.productBoxs li { float: left; position: relative; width:171px; height:258px; border: 1px solid #858585; background: #f4f4f4; margin:0 20px; margin-bottom: 24px; }
.productBoxs h3 { margin:0px; line-height:30px; text-align: center; font-size: 16px; color: #716868; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.productBoxs p { padding: 0 5px; line-height: 20px; color: #737373; height: 40px; overflow: hidden; margin-bottom: 10px; }
.productBoxs span { width: 78px; height: 19px; border: 1px solid #929292; text-align: center; color: #777; display: block;padding-left: 10px; line-height: 19px; position: relative; left: 5px; }
.productBoxs a { position: absolute; top: -4px; left: -4px; width:171px; height:236px; }
.productBoxs .on { background:#0261CF; border-color: #0261CF; }
.productBoxs .on h3 { color: #fff; }
.productBoxs .on p { color: #fff; }
.productBoxs .on span { border-color: #125ed6; background: #fff; color: #125ed6; }
#content01 h3{ font-size: 20px;padding: 10px;margin-left: 22px;color:#04AFDA;line-height: 20px;font-weight: 600;border-bottom: #d6d6d6 1px solid; clear: both; }
#content01 h3 span{float: right;font-weight: 100; font-size: 12px;color: #666666;}
#content01{float:left;line-height:30px;font-size:14px;margin-left:10px;margin-right:10px; margin-bottom:20px; width: 1200px;}
#contact-c li{margin-top:10px;}
.linkbox{padding:0px 30px; width:auto;}.f6{width:990px;}.linkbox h3{ width:150px;}
.linkbox ul li{border-bottom:1px #ccc dashed;margin-left:15px; width:auto; float:left;list-style:none; line-height:30px;text-align: center; margin-bottom: 10px;}
.hotnew_bt{font-size:16px;width:1200px;float:left;color:#666666;font-weight: bold;border-bottom:#24BB30 2px solid;margin-bottom: 20px;}
.hotnew{ width:auto;padding: 0px 30px;}
.hotnew ul li{border-bottom:1px #ccc dashed; float:left;margin-left:15px;}
.wrapper {width:1200px;margin: 0 auto;}
/*end*/
#end{ width:100%; height:191px; background:#f5f5f5; border-top: 1px solid #e6e6e6;}
.end{ width:1002px; height:191px; margin:0 auto;}
.end-logo{ width: 253px; height: 191px; float: left; border-right: 1px solid #e6e6e6; background: url("../Images/end-logo.png") left center no-repeat;}
.nrl{ width:500px; height:160px; border-right: 1px solid #e6e6e6; float:left; font-size:12px; font-family:"微软雅黑"; color:#828282; padding: 31px 0 0 41px; text-align: left; line-height: 24px;}
.nrl a{ color:#828282;}
.nrr{ width:106px; height:106px; float:right; background:url(../Images/weixin_bg.png) no-repeat; padding: 5px 0 0 5px; margin: 40px 8px 0 0 ;}
#end2{ width: 100%; height: 50px; background: #14427e; line-height: 50px;}
.end-nav{ width: 1002px; height: 50px; margin: auto;}
.end-nav a{ color: #bac2d1; padding: 0 40px; font-size: 12px; font-family: "Microsoft YaHei";}
.end-nav a:hover{ color: #fff;}
.fg{ width:100%; text-align:center;background: #14427e; color: #bac2d1;}
.fg a{ color: #bac2d1;}