@charset "utf-8";
html,body{ font:12px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; background:#f5f5f5; -webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;}
ol,ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#1C57C4; text-decoration:none;}
/*头部*/
.inner{ width:1200px; margin:0 auto; position:relative;}
header{ background:#fff; zoom:1}
#web_logo{ margin-left:10px; font-size:0px; position:relative; z-index:999;}

/*顶部导航*/
.top-nav{ font-size:12px; line-height:30px; background:#f6f6f6;}
.top-nav a{}
.top-nav li.t{ float:right;}
.top-nav li.t .tel_box{ float:left; margin-right:20px;}
.top-nav li.t .tel_box img,.top-nav li.t .mail_box img{ display:block; float:left; margin-right:5px; margin-top:15px;}
.top-nav li.t span{ padding:0px 5px; color:#bbb;}
.top-nav li.t .mail_box{ float:right; margin-left:20px;}
.top-nav li.b{ float:left;}
.top-nav li.b p{ float:right; margin-left:30px; width:440px; height:30px; overflow:hidden; line-height:30px;}
.b{ line-height:30px;}

.top-logo{ height:80px; float: left;}
nav{ height:80px; overflow:hidden; float: right;}
nav ul li{ width: 100px !important; float:left; text-align:center; height:80px; line-height:80px; overflow:hidden;}
nav ul li a{ color:#2f2e3d; font-size:16px;}
nav ul li a:hover{ color:#00114f;}
nav ul li.line{ display: none; width:0px; height:80px; padding:0px; border-left:1px solid #0073bc; border-right:1px solid #0389de;}
nav ul li.hover,nav ul li.navdown{}
nav ul li.hover a,nav ul li.navdown a{ color:#00114f; font-weight: 600;}
nav ul li.hover a:hover,nav ul li.navdown a:hover{ color:#00114f; font-weight: 600;}
.met_flash{ font-size:0px; overflow:hidden;width: 100%;}
.met_flash ul{ margin:0px; padding:0px;} 

/*首页*/
.pro1 li{ float: left; width: 590px; cursor: pointer; margin-top: 30px;}
.pro1 li>a{ display: block; width: 350px; height: 240px; float: left; overflow: hidden;}
.pro1_con_tex{ float: right; width: 240px;height: 239px;background: url(../pic_13.jpg) no-repeat; padding: 30px 20px;}
.pro1_con_tex h4 { text-align: center;}
.pro1_con_tex h4 a{ text-align: center; font-size: 18px; color: #36373e; font-weight: bold; line-height: 35px;}
.pro1_con_tex p { text-indent: 2em;}
.pro1_con_tex p a{ font-size: 14px; color: #616161; line-height: 30px; text-indent: 2em;}
.pro1 li>a img { transition: 0.3s; transform:scale(1);}
.pro1 li:hover>a img { transition: 0.3s; transform:scale(1.2);}
.ab{ margin-top: 30px;height: 400px;}
.ab_l{ height: 400px; width: 400px; overflow: hidden;float: left;cursor: pointer;}
.ab_l img{ transition: 0.3s; transform:scale(1);}
.ab_l img:hover{ transition: 0.3s; transform:scale(1.1);}
.ab_c{ width: 398px; height: 400px;background: #7d8db6; padding: 60px 20px 20px; float: left;}
.ab_c h5{ font-size: 23px; color: #fff;line-height: 28px;font-weight: 100;}
.ab_c h4{ font-size: 18px; color: #fff;line-height: 28px;margin-bottom: 35px;}
.ab_c p{ font-size: 14px; color: #fff;line-height: 24px;margin-bottom: 15px; text-indent: 2em;}
.ab_c>a{ display: block;color: #fff; height: 30px;width: 90px;border: 1px #fff solid; float: right;line-height: 30px;text-align: center;}
.ab_c>a:hover{background: #fff;color: #333;}
.ab_r{ float: left; position: relative;cursor: pointer;width: 400px;height: 400px;overflow: hidden;}
.ab_r img{ transition: 0.3s; transform:scale(1);}
.ab_r:hover img{ transition: 0.3s; transform:scale(1.1);}
.ab_r_tex{ position: absolute;left: 20px;top: 60px;}
.ab_r_tex h5{ font-size: 23px; color: #fff;line-height: 28px;font-weight: 100;}
.ab_r_tex h4{ font-size: 18px; color: #fff;line-height: 28px;margin-bottom: 100px;}
.ab_r_tex_in{ float: right;width: 240px;margin-left: 125px;}
.ab_r_tex_in li{ line-height: 24px;font-size: 14px;color: #fff;margin-bottom: 10px;padding: 7px 0 7px 50px;}
.ne{ margin-top: 30px;}
.ne1{ width: 940px; float: left;}
.ne1_top{ margin-bottom: 35px;}
.ne1_top h2{font-weight: 100;font-size: 28px;color: #222222;display: block;display: b;ine-height: 44px;}
.ne1_top p{font-size: 18px;color: #2d82c0;line-height: 24px;display: block;}
.ne1_con1{ width:940px; height: 220px;margin-bottom: 40px;}
.ne1_con1 li{ width:940px; height: 220px;cursor: pointer;}
.ne1_con1 li>a{ display: block;height: 220px;width: 470px;float: right;}
.ne1_con1 li>a img{ height: 220px;width: 470px;}
.ne1_con1_con_tex{height: 220px;width: 470px;float: left;background: #146097;padding: 20px 25px; overflow:hidden;}
.ne1_con1_con_tex h4 a{ font-size: 20px;color: #ffffff;line-height: 42px;font-weight: 100; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block;}
.ne1_con1_con_tex span{ font-size: 14px;color: #ffffff;line-height: 22px;margin-bottom: 20px;display: block;}
.ne1_con1_con_tex p a{ font-size: 14px;color: #ffffff;line-height: 24px;}

.ne1_con2{ width:940px; height: 220px;}
.ne1_con2 li{ width:940px; height: 220px;cursor: pointer;}
.ne1_con2 li>a{ display: block;height: 220px;width: 470px;float: left;}
.ne1_con2 li>a img{ height: 220px;width: 470px;}
.ne1_con2_con_tex{ height: 180px;width: 420px;float: right;background: #f1d696; padding: 20px 25px;}
.ne1_con2_con_tex h4 a{ font-size: 20px;color: #424242;line-height: 42px;font-weight: 100;}
.ne1_con2_con_tex span{ font-size: 14px;color: #424242;line-height: 22px;margin-bottom: 20px;display: block;}
.ne1_con2_con_tex p a{ font-size: 14px;color: #424242;line-height: 24px;}
.ne2{ width: 215px; float: right;}
.ne2 ul li{ margin-bottom: 6px;}
.ne2 ul li a{ display: block;height: 115px;width: 215px;background: #146097;text-align: center;}
.ne2 ul li a img{ margin: 20px auto 5px;}
.ne2 ul li a p{ font-size: 18px;color: #fff;line-height: 25px;}
footer{ background: #153359;padding-top: 35px;margin-top: 30px;}
.fo_l{ width: 136px;margin-bottom: 10px;text-align: center;float: left;}
.fo_l h2{ font-size: 24px;color: #fff;}
.fo_l p{ font-size: 12px;color: #fff;}
.fo_c{ float: left;margin-left: 65px;}
.fo_c li{ float: left;width: 205px;text-align: center;margin: 0 20px;}
.fo_c li p{ font-size: 14px;color: #fff;line-height: 20px;margin-top: 10px;}
.fo_r{ float: right;width: 123px;height: 123px;}
.fo2{ background: #0c1f37;height: 30px;}
.fo2 p{ color: #fff;line-height: 30px;font-size: 12px;}
.fo2_1{float: left;}
.fo2_2{float: right;}
.fo2_2 a{ color: #fff;}


.aboutus{ float:left; width:675px; margin-top:10px;}
.case{ float:right; width:290px; margin-top:10px; overflow:hidden;}
.style-1 h3.title span{ float:left; background:url(../dt-5.gif) repeat-x; height:32px; line-height:32px; padding:0px 25px; color:#fff; font-weight:normal; font-size:14px;}
.style-1 h3.title  a.more{ float:right; width:39px; height:11px; line-height:1000px; overflow:hidden; background:url(../more.gif); margin:10px 10px 0px 0px;}
.style-1 .active{ background:#fff; padding:10px;}
.style-2 h3.title { background:url(../dt-6.gif) repeat-x; height:32px; line-height:32px; padding-left:15px; color:#fff; font-weight:normal; font-size:14px; position:relative;}
.style-2 h3.title a.more{ position:absolute; right:10px; top:0px; color:#fff; font-size:12px;}
.style-2 .active{ background:#fff; padding:10px;}
.style-2 dl.ind{ clear:both; zoom:1}
.style-2 dl.ind dt{ float:left; display:inline; border-bottom:1px dotted #ccc; padding:10px 0px 10px 0px; zoom:1}
.style-2 dl.ind dt a{ margin-left:5px;}
.style-2 dl.ind dd{ float:right; display:inline; border-bottom:1px dotted #ccc; padding:10px 0px 10px 0px; overflow:hidden;}
.style-2 dl.ind dd h4{ margin-left:10px;}
.style-2 dl.ind dd p.desc{ margin-left:10px; font-style: italic; color:#666;}
.index-news{ float:left; width:330px; margin-right:15px; margin-top:15px;}
.listel li{ margin:0px 5px; height:30px; line-height:30px; overflow:hidden; padding-left:13px; background:url(../dt-1.gif) no-repeat left 12px; }
.listel li a{ margin-right:5px; zoom:1;}
.listel li span{ float:right; color:#666;}
.index-conts{ float:right; width:290px; margin-top:15px;}

.index-product{ padding-top:15px; *margin-top:15px; *padding-top:0px;}
.index-product .profld{ margin:0px; position:relative; overflow:hidden;}
.index-product h3 span{ float:left; }
.index-product ol{ position: absolute; width: 2012em; }
.index-product ol li{ float:left; text-align:center;  height:160px !important;}
.index-product ol li a.img{ display:block; text-align:center; font-size:12px;}
.index-product ol li a.img img{ display:block; margin:auto; border:1px solid #d6d6d6;}
.index-product ol li h3{ font-weight:normal; margin-top:5px; height:20px; line-height:20px; overflow:hidden;}
.index-product .flip{ height:20px; overflow:hidden; margin:8px 15px 0px; float:left; }
* html .index-product .flip{ width:300px;}
*+html .index-product .flip{ width:300px;}
.index-product .next,.index-product .prev{ width:18px; height:18px; overflow:hidden; display:block; float:left; background:url(../neu.gif) no-repeat;}
.index-product .next{ background-position:-17px 0px; }
.index-product .next:hover{ background-position:-57px 0px; }
.index-product .prev{ background-position:-40px 0px; }
.index-product .prev:hover{ background-position:0px 0px; }
#trigger{ float:left; margin-right:5px; margin-top:0px; position:relative; bottom:8px; *bottom:0px; *top:5px; zoom:1;}
#trigger a{ background:url(../neu.gif) no-repeat -78px -10px; width:8px; height:8px; font-size:0px; display:inline-block; overflow:hidden; margin-right:5px;}
#trigger a.current{ background-position:-78px 0px;}

#tabs-nav{ float:left;text-align: center; margin-left:15px;}
#tabs-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display:inline; position:relative; *top:12px;}
#tabs-nav li a {width: 8px; height: 8px; display: block; overflow:hidden; background:#9df0f5; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
#tabs-nav li a:hover { background:#fff; }
#tabs-nav li a.flex-active{ background:#fff; cursor: default; }
.index-links{ background:#fff; padding:5px 15px 10px; margin-top:15px; position:relative;}
.index-links h3{ height:32px; line-height:32px; padding-left:20px; background:url(../dt-2.gif) no-repeat left center; font-weight:normal; font-size:14px; position:relative; border-bottom:1px dotted #ccc; margin-bottom:10px;}
.index-links h3 a.more{ position:absolute; right:10px; top:0px; color:#666; font-size:12px;}
.index-links ul{ margin:0px; padding:0px;}
.index-links .img{ margin-bottom:3px;}
.index-links .img li{ list-style:none; display:inline; padding-right:5px;}
.index-links .img img{ width:88px; height:31px;}
.index-links .txt{ zoom:1;}
.index-links .txt li{ list-style:none; float:left; width:88px; height:20px; line-height:20px; margin-right:5px; overflow:hidden;}

/*底部*/
.foot-nav{ text-align:center; margin-top:10px; height:25px; line-height:25px;}
.foot-nav span{ font-size:10px; margin:0px 8px; color:#888;}
.foot-text{ text-align:center; padding:0px 0px 5px; }

/*内页侧栏*/
.sidebar{ margin-top:15px;}
.sidebar .sb_nav{ float:left; width:270px;background: #fff url(../phone.jpg) left bottom no-repeat;padding-bottom: 105px;}
.sidebar .sb_nav h3.title{ padding-left: 20px;padding-top: 5px;margin-bottom: 5px; text-align:left; height:50px; line-height:50px; background: url(../line1.jpg) left bottom no-repeat; font-size:20px; color:#474747;}
.sidebar .sb_nav h3.line{ margin-top:15px; }
.sidebar .sb_nav .active{ }
#sidebar dl{ }
#sidebar dl dt{ height: 34px;margin-top: 18px;border-bottom: 1px solid #e9e9e9;}
#sidebar dl dd{ padding:0px 0px 0px 15px;}
#sidebar dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px; background:url(../dt-0.gif) no-repeat left center;}
#sidebar dl dt a{font-size: 16px; display: block;  height: 34px;  line-height: 34px;padding-left: 26px;  background: url(../i-out.png)no-repeat;  color: #555555; font-weight:normal; }
#sidebar dl dt a:hover{ color: #FFFFFF !important;  background: url(../i-in.png) no-repeat !important;}
#sidebar dl dt.active a{ color: #FFFFFF !important;  background: url(../i-in.png) no-repeat !important;}
#sidebar dl h4.active a{ font-weight:bold;}
.sidebar .sb_box{ float:right; width:900px; background:#fff; overflow:hidden; }
.sidebar .sb_box h3.title{ border-bottom:3px solid #146097; background:#f8f8f8; height:50px; line-height:50px; position:relative;}
.sidebar .sb_box h3.title span{ position:absolute; left:0px; top:-3px; font-size:18px; border-bottom:3px solid #ffa21f; padding:0px 20px;}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; right:15px;}
.sidebar .sb_box h3.title div.position a{ color:#1C57C4;}
#showtext {  padding: 20px; line-height: 2;}
#productlist li {  float: left;  display: inline;  text-align: center;  margin: 0 0.5% !important; width:32.333%;  }
.sidebar .sb_box h3.title div.position a{ font-size:16px;}