@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; color:#666; font-size:13px;font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif;}
ul,li,h2,h3,p{ margin:0; padding:0; list-style:none;}
img{border: 0; vertical-align: bottom; max-width: 100%;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#045EB3;}
.header{ width:100%; height:85px; background:#051234;}
.header_m{ width:1200px; margin:0 auto; height:85px;}
.logo{ float:left; height:85px;}
.logo img{ height:85px;}
.nav{ float:right; height:85px;}
.nav li{ float:left; /*padding:0 30px; */list-style:none; line-height:85px; position:relative; text-align:center}
.nav li a{ display:block; width:110px; height:85px; color:#fff; text-decoration:none; font-size:16px;}
.nav li a:hover{ color:#fa8819}
a.current,.nav li a.current{ color:#fa8819}
.jiacu{ font-weight:bold}
.nav li ul.sub{ display:none; position:absolute; z-index:10; background:#0B1F52; }
.nav li ul.sub li{ float:none; height:35px; line-height:35px; padding:0; }
.nav li ul.sub li a{ display:block; height:35px; white-space:nowrap; width:auto !important; min-width:110px; padding:0 5px;}
.nav li ul.sub li a:hover{ background:#051234;}

/* 幻灯 */
#slideshow { height: 560px; position: relative; margin-bottom: 10px; }
#slideshow .bd li { height: 560px; }
#slideshow .hd ul { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; text-align: center; }
#slideshow .hd ul li { cursor: pointer; display: inline-block; zoom: 1; width: 30px; height: 8px; margin-right: 2px; background: #FFF; overflow: hidden; line-height: 9999px; }
#slideshow .hd ul .on { width: 60px; background: #0091A2; }
#slideshow .container { height: 560px; }
#slideshow .container a { height: 560px; display: block; }
#slideshow .next, #slideshow .prev { position: absolute; top: 0; width: 68px; height: 560px; color: #FFF; line-height: 560px; text-align: center; cursor: pointer; }
#slideshow .next { left: 0; background: url(images/l.png) center no-repeat;}
#slideshow .prev { right: 0; background: url(images/r.png) center no-repeat;}
/* 漂浮的客服 */
#index-1 { padding: 20px 0; }
#index-2 { padding: 20px 0; background: #F5F5F5; }
#index-3 { padding: 20px 0;  }
#index-4 { padding: 20px 0; background: #F5F5F5; }
#index-5 { padding: 20px 0; }

#float { z-index: 9999; position: absolute; display: block; top: 160px; left: 0; }
#float .wrap { margin-bottom: 2px; position: relative; cursor: pointer; background: #0091A2; border-left: 5px solid #3E3D42; z-index: 999;}
#float .wrap:hover { background: #3E3D42;}
#float .wrap:hover:after { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -8px; border: solid transparent; border-left-color: #3E3D42; border-width: 8px; }

#float .icon { padding: 15px 0; width: 60px; display: block; line-height: 60px; text-align: center;  color: #FFF; font-size: 30px;  }
#float .floatcon { min-height: 60px; min-width: 200px; position: absolute; left: 60px; top: 0; display: none; background: #0091A2; white-space:nowrap;}
#float .floatcon a { color: #FFF;}
#float .qq .floatcon { line-height: 40px; padding: 0 20px; font-size: 24px; color: #FFF; word-wrap: break-word; word-break: normal;  }
#float .qq .floatcon a{ float:left; padding:15px 10px}
#float .qq .floatcon img{ width:auto; height:auto; }
#float .qrcode .floatcon { padding: 5px; }
#float .qrcode .floatcon img{ width:200px; height:200px;}
#float .phone .floatcon { line-height: 60px; padding: 0 20px; font-size: 30px; color: #FFF;  }
#float .custom .floatcon { padding: 20px; color: #FFF; }
#float .gotop .floatcon { }

/*侧边框*/
.sidebox{ width:210px; float:left;}
.sidebox_tit{ width:210px; height:110px; background: url(images/sidebox_tit.jpg);}
.sidebox_tit h2{ line-height:110px; color:#fff; font-size:28px; padding-left:30px; font-weight:normal}
.sidebox_foot{ width:210px; height:56px; padding:8px 0; background:url(images/sidebox_foot.jpg); text-align:center;}
.sidebox_foot h3{ color:#000; font-size:18px; font-weight:normal}
.sidebox_foot span{ line-height:35px; font-size:18px; color:#fa8819; font-weight:bold}
.ul_protype{ margin:5px 0; background:#f4f4f4;}
.ul_protype li{ height:45px; line-height:45px; overflow:hidden; padding-left:20px;}
.ul_protype_sub{ margin-left:15px;}
.ul_protype_sub li{ padding-left:20px}
/*主框*/
.mainbox{ width:960px; float:right; line-height:26px;}
.mainbox_con{ padding:10px 0}
/*当前位置*/
.position{ border-bottom:1px solid #ccc; line-height:40px; margin-bottom:10px}
/*分页样式*/
.page_turner { margin: 20px 0; text-align: center; }
.page_turner a, .page_turner span { display: inline-block; height: 40px; line-height: 40px; min-width: 40px; text-align: center; background: #F2F2F2; margin-right: 2px; }
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.c { background: #0091A2; color: #FFF; }

.contentbg{ width:100%; background:#F4F4F4; position:relative;}
.content{ width:1200px; margin:0 auto; clear:both; overflow:hidden;}
.banner{ width:100%; height:232px; background:#0B1F52; margin-bottom:30px;}
.banner_m{ width:1200px; height:232px; margin:0 auto;}

.ibox_tit{ text-align:center; margin-top:70px; height:178px; }
.ibox_tit h2{ width:245px; height:40px; margin:0 auto; padding-top:20px; color:#000; font-weight:normal; font-size:26px;background:url(images/con_tit.gif);}
.ibox_tit p{ line-height:24px; font-size:14px;}
.ibox_con{}
.ibox_protype{ padding:0 0 90px; overflow:hidden;}
.ibox_protype li{ width:400px; height:206px; float:left; text-align:center;}
.ibox_protype li a img{ width:180px; height:180px; }
.ibox_protype li a p{ height:26px; line-height:26px; overflow:hidden; word-wrap: break-word; word-break: normal; }

.ibox_about{ height:442px; padding-top:75px; overflow:hidden;}
.ibox_l{ width:690px; float:left;}
.ibox_r{ float:right;}
.ibox_abouttxt{ padding:20px 0; border-bottom:1px solid #ccc; text-indent:2em; line-height:22px;}
.ibox_infobox{ width:1200px; height:112px; background:url(images/ibox_infobox.jpg); position:absolute; top:-40px;}
.ibox_infotit{ float:left; height:110px; background:url(images/ibox_infotit.gif) no-repeat; line-height:110px; padding-left:60px; color:#fff; font-size:28px; }
.ibox_infomore{ float:right; padding:33px}
.ibox_info{ padding:20px 0;}
.iul_info li{ height:45px; line-height:45px; background:url(images/listbg.gif) no-repeat; padding-left:40px; overflow:hidden;}
.ibox_aboutpic{ margin:72px 30px; padding:20px; width:350px; height:240px; background:#ccc;}
.ibox_aboutpic img{ width:350px; height:240px;}

.ibox_prolist{ width:1200px; height:250px; margin-bottom:40px; background:url(images/ibox_prolist.jpg) no-repeat; }
.ibox_prolist_l{ float:left; width:360px; height:250px;}
.ibox_prolist_r{ float:right; width:820px; height:230px; border:10px solid #ccc; overflow:hidden}
.ibox_prolist_ltit{ margin-top:40px; text-align:center; color:#fff; font-size:18px;}
.ibox_prolist_ltel{ text-align:center; color:#fff; font-size:24px; font-weight:bold; padding:30px;}
.ibox_prolist_lbtn{ text-align:center}
.ibox_prolist_lbtn1,.ibox_prolist_lbtn2{ display:inline-block; padding-left:20px}

/*新闻列表*/
.ul_infolist{ overflow:hidden}
.ul_infolist li{ line-height:35px; height:35px; padding-left:20px; background:url(images/listyle.gif) no-repeat 0 15px;}
.ul_infolist li a{}
.ul_infolist li span{ float:right;}
/*详情页面*/
#detail_title { font-size: 24px; line-height: 50px; color:#333;}
#detail_intro { background: #EEE; color: #999; padding: 0 10px; line-height: 40px; font-size: 12px; background: linear-gradient(to right, #EEE, #FFF); }
#detail_content { padding: 20px 0; font-size: 14px; }
#detail_around { padding: 20px; background: #F5F5F5; line-height: 26px; border: 1px solid #CCCCCC; margin-bottom: 20px; }
#detail_picture { width: 660px; margin: 20px auto; text-align: center; }
#detail_picture img { padding: 5px; border: 1px solid #EEE; }
#detail_tab { margin: 20px 0;}
#detail_tab .hd li { float: left; display: block; cursor: pointer; height: 40px; line-height: 40px; padding: 0 40px; margin-right: 2px; background: #EEE; }
#detail_tab .hd li.on { background: #0091A2; color: #FFF; }
#detail_tab .bd { margin-top: 20px; }
/*多图展示*/
#detail_slideshow { margin: 20px 0; width: 400px; overflow:hidden }
#detail_slideshow .bd img { }
#detail_slideshow .hd { margin-top: 10px; }
#detail_slideshow .hd li .img { border: 1px solid #EEE; padding: 3px; cursor: pointer; }
#detail_slideshow .hd .on .img { border: 2px solid #0091A2; padding: 2px; }
.l4 { margin-left: -2px !important; margin-right: -2px !important; overflow: hidden; }
.detail_top{ overflow:hidden; margin-bottom:20px;}
.xx15{width: 12.5%;float: left; padding:0 2px; margin-bottom:4px;}
.x6{ float:left; margin-right:20px;}
/*产品列表*/
.prolist{ width:960px; overflow:hidden; margin-bottom:10px; border-bottom:1px solid #e2e2e2; padding-bottom:20px;}
.prolist li{ height:100px; overflow:hidden;}
.prolist_l{ width:122px; height:122px; float:left; padding-right:15px;}
.prolist_img{ width:120px; height:120px; border:1px solid #ccc;}
.prolist_img img{ max-height:120px; max-width:120px;}
.prolist_m{ float:left;}
.prolist_param{ width:700px; float:left;}
.prolist_param div{height:24px; line-height:24px; overflow:hidden; word-break:break-all; word-wrap:break-word;}
.prolist_param h3{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.prolist_param h3 a{ color:#06d; font-size:14px; font-weight:bold} 
.prolist_param h3 a:hover{ color:#ff7300; text-decoration:underline;}
.prolist_param b{color:#333; font-weight:normal;}
.prolist_param span{ padding-right:5px;}
.prolist_attr{ overflow:hidden;}
.prolist ul.prolist_attr li{ height:26px; float:left;padding-right:15px; font-size:12px;}
.prolist_attr li span{ color:#333}
.prolist_attr li span.sp{border-right: 1px solid #ccc; padding-right:15px}
.prolist_jg{ width:100px; float:left;}
.prolist_jg span{ color:#cc0033; line-height:26px;}
.prolist_c{ width:200px; float:left;}
.prolist_c p em{ padding-left:5px; font-style:normal;}
.prolist_c b{ }
.prolist_c p{ line-height:20px; overflow:hidden; word-break:break-all; word-wrap:break-word;}
.prolist_r{ width:60px; float:right; padding:0 10px;}
.prolist_r a{ display:block; line-height:26px;}
.tab{ width:100%;}
.tab td{ height:40px; color:#333;}
.tabtit{ font-size:24px; margin:0; padding:0 0 15px; color:#000;}
.plist {}
.plist .wrap { margin-bottom: 20px; padding: 10px; border: 1px solid #EEE;}
.plist .wrap img:hover { animation:plist 1s .1s ease both;}
.plist .title { text-align: center; height: 36px; line-height: 36px; background: #EEE; }
@keyframes plist{
	0%{ transform:scale(1) }
	50%{ transform:scale(1.1) }
	100%{ transform:scale(1) }
}
.pdlist{} 
.pdlist .wrap { background: #F7F7F7; padding: 10px; margin-bottom: 10px; border: 1px solid #EEE; }
.pdlist .l { width: 120px; float: left; }
.pdlist .r { float: right; width: 740px; }
.pdlist .title { line-height: 36px; border-bottom: 1px dotted #999;} 
.pdlist .content { font-size: 12px; color: #AAA; padding: 10px 0; } 
.pdlist .info { font-size: 12px; text-align: right; } 
.wrap img{ width:198px; height:198px;}

.prlist .wrap { border: 1px solid #EEE; padding: 10px; margin-bottom: 2px;}
.prlist .bd { margin-top: 10px; }
.prlist .bd .content{ font-size: 12px; color: #999; }
.prlist .on{ background: #FAFAFA; }
.l20 {
    margin-left: -10px !important;
    margin-right: -10px !important;
    overflow: hidden;
}
.x3 {
    width: 220px; 
	float:left;
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.channelist{ overflow:hidden;}
.channelist li{ background:#f7f7f7; padding:10px 20px; margin-bottom:10px; overflow:hidden; border:1px solid #EEE}
.channelist li div.channeltit{ color:#333}
.channelist li div.channelcon{ color:#AAA}
/*样品申请/在线留言*/
.form-group .label{padding-bottom: 7px;display: block;line-height: 20px;}
.label label { font-weight: bold;}
.bg-dot { background-color: #e33;}
.badge { display: inline-block;  min-width: 10px; padding: 3px 7px; font-size: 12px;  line-height: 1;  color: #FFF;  text-align: center; white-space: nowrap;  vertical-align: baseline;background-color: #999;border-radius: 2em;}
.form-group{ margin-bottom:10px}
.form-group .label label{ color:#333;} 
.form-group textarea{ border: solid 1px #EEE; height:100px; width:800px; font-size: 14px;}
.form-group input[type=text]{ border: solid 1px #EEE;  width: 800px;  height: 30px;  line-height: 20px;  display: block; font-size: 14px;}
.input-help{ color:#e33}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    line-height: 1;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #e33;
    border-radius: 2em;
}
.btn{ border:0px; cursor:pointer; width:200px; height:35px; line-height:35px; color:#fff;}

.footer{ height:164px; background:url(images/footer.gif);}
.footer_con{ width:1200px; height:84px; margin:0 auto; padding-top:80px; background:url(images/bgfooter.jpg);background-position:left bottom; position:relative;}
.footer_p{ line-height:26px; color:#ccc}
.code{ position:absolute; right:73px; bottom:15px; text-align:center; color:#337fe5; font-size:14px; font-weight:bold}
.code img{ width:112px; height:112px;}