/* CSS Document */
/*reset css*/
html, body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select { margin: 0; padding: 0; font-weight: normal; }
body { font: 12px 'Microsoft YaHei', "宋体", "Arial Narrow", HELVETICA; background: #fff; -webkit-text-size-adjust: 100%; color: #333; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #004098; }
li { list-style: none }
img { border: 0; vertical-align: middle }
table { border-collapse: collapse; border-spacing: 0 }
p { word-wrap: break-word }
ul, ol, li { list-style-type: none; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.content_w { width: 1200px; }
.bc { margin-left: auto; margin-right: auto; }
.div { display: block; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt17 { margin-top: 17px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt65 { margin-top: 65px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt110 { margin-top: 110px; }
.mt120 { margin-top: 120px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.m110 { margin-left: 10px; }
.m120 { margin-left: 20px; }
.m130 { margin-left: 30px; }
.red { color: #e2ad1f; }
.f22 { font-size: 20px; }
.w100 { width: 100%; }
.cb { clear: both; }
input { outline: none; }
/*=============公共样式=============*/ 
.top { height: 130px; background:#fafafa; }
.nav { height: 50px; line-height: 50px; background: #004098; }
.nav_con ul li { float: left; height: 50px; line-height: 50px; }
.nav_con ul li a { display: block; color: #fff; height: 50px; line-height: 50px; padding: 0px 30px; font-size: 16px; text-align: center; }
.nav_con ul li a.a_hover { background: #dd2305; }
.tel{ margin-right:65px;}
/*banner*/
.fullSlide { position: relative; height: 500px !important; z-index: 1; overflow: hidden; }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.fullSlide .bd ul { width: 100% !important; }
.fullSlide .bd li { width: 100% !important; height: 500px !important; overflow: hidden; text-align: center; }
.fullSlide .bd li a { display: block; height: 500px !important; }
.fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 25px; left: 0; height: 14px; line-height: 14px; }
.fullSlide .hd ul { text-align: center; }
.fullSlide .hd ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 60px; height: 6px; margin: 0 5px; overflow: hidden; background: #004098; font-size: 0; color: #fff; }
.fullSlide .hd ul .on { background: #dd2305; }
/*banner(e)*/

.main { background: #fafafa; padding-bottom:50px; }
/*成功案例(e)*/
.case { padding-bottom: 50px; }
.case_title { padding: 50px 0px; }
.case_title h3 { display: block; width: 400px; height: 65px; text-align: center; font-size: 30px; line-height: 65px; background: url(../images/title_bg.png) no-repeat center; margin: 0px auto; }
.case_title p { font-size: 16px; color: #999; text-align: center; margin-top: 15px; }
/*------------- 图片放大效果伴随蒙版文字出现 开始 ------------------------------*/
.content-six { width: 1200px; height: 305px; margin: 0px auto; }
.con-six { width: 380px; height: 273px; float: left; position: relative; overflow: hidden; cursor: pointer; }
.contentbox-six li { width: 380px; height: 273px; float: left; margin-right: 20px; }
.contentbox-six li span { display: block; font-size: 18px; text-align: center; height: 45px; line-height: 45px; margin-top: 10px; }
.contentbox-six li.last { margin-right: 0px; }
.conimg-two { width: 380px; height: 273px; }
.txt-six { position: absolute; left: 0; top: 0; width: 100%; height: 273px; padding-top: 38px; line-height: 45px; text-align: center; color: #fff; background: rgba(0,0,0,0.6); display: none; }
.txt-six img { margin-top: 60px; }
.txt-six p { font-size: 14px; display: block; line-height: 20px; }
/*------------- 图片放大效果伴随蒙版文字出现 结束------------------------------*/

/*关于我们(e)*/
.about { background: #004098; padding-bottom: 50px; }
.about_title { padding: 50px 0px; }
.about_title h3 { display: block; width: 400px; height: 65px; text-align: center; font-size: 30px; line-height: 65px; background: url(../images/title_bg1.png) no-repeat center; margin: 0px auto; color: #fff; }
.about_title p { font-size: 16px; color: #fff; text-align: center; margin-top: 15px; }
.about_zi { width: 910px; color: #fff; }
.about_zi p { font-size: 14px; line-height: 30px; }
.more { display: block; line-height: 35px; width: 120px; text-align: center; color: #fff; font-size: 14px; background: #dd2305; }
.more:hover { color: #fff; }
.about_tu ul li { float: left; width: 185px; height: 120px; margin-right: 20px; }
/*.add ol li { height: 60px; }
.add ol li.li1 { background: url(../images/icon02.png) no-repeat left center; padding-left: 40px; line-height: 30px; font-size: 18px; }
.add ol li.li2 { background: url(../images/icon03.png) no-repeat left center; padding-left: 40px; line-height: 60px; font-size: 18px; }*/
.add p{ display:block; width:715px; background:#dd2305; font-size:18px; line-height:35px; text-align:center; }
/*-----------------自定义按钮样式，移动端不需要，PC端根据实际情况选择----------------*/
.demo { width: 270px; height: 352px; font-size: 14px; position: relative; }
/*----------------------------为保证最佳效果，建议设置如下样式------------------------*/
.slider { display: none }

/*----------- 从底部上升的遮罩效果 开始---------------------------*/
.content-title { margin-top: 50px; text-align: center; }
.content { width: 1200px; height: 273px; margin: 0px auto;}
.con { width: 380px; height: 273px; float: left; margin-right: 30px; margin-bottom: 15px; position: relative; cursor: pointer; }
.con1 { margin-right:0px; }
.con img { width: 380px; height: 273px; }
.txt { position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; line-height: 45px; text-align: center; color: #fff; background: rgba(0,0,0,0.6); }
.txt h3 { font-weight: normal; font-size: 18px; color:#fff; }
.txt h3:hover{ color:#fff;}
.txt p { display: block;font-size: 14px;  line-height: 20px; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -moz-margin-before: 1em; -moz-margin-after: 1em; -moz-margin-start: 0px; -moz-margin-end: 0px; }
/*------------- 从底部上升的遮罩效果 结束 ------------------------------*/


.pro_l{ width:230px; background:#f3f3f3; height:928px; overflow:hidden;}
.pro_l h3{ display:block; width:230px; height:70px; line-height:70px; font-size:24px; text-align:center; color:#fff; background:#004098;}
.pro_li_con{ width:210px; margin:10px auto;}
.pro_li_con li{ line-height:58px; border:1px solid #e3e3e3; background:#fff; font-size:16px; text-align:center; margin-bottom:5px;}
.pro_li_con li a.a_hover,.pro_li_con li a:hover{ display:block; background:#004098; color:#fff;}
.pro_r{ width:935px; height:950px; overflow:hidden;}
.pro_r ul li{ width:293px; height:293px; border:1px solid #e3e3e3; float:left; margin-right:25px; margin-bottom:21px;}
.pro_r ul li img{width:293px; height:293px;}
.pro_r ul li a span{ display:block; position:absolute; z-index:10; margin-top:-40px;width:293px; height:40px; line-height:40px; background:rgba(0,0,0,0.6); color:#fff; font-size:16px; text-align:center; overflow:hidden;}
.pro_r ul li.last{ margin-right:0px;}
.pro_r ul li a:hover span{ background:rgba(0,62,152,0.6)}

.news_l,.news_r{ width:580px; height:330px; overflow:hidden;}
.news_title h3{ display:block; font-size:22px; line-height:30px; background:url(../images/icon04.gif) no-repeat left center; padding-left:20px;}
.con_t .tu,.con_t .tu img{ width:180px; height:122px;}
.zi{ width:380px; height:122px;}
.zi h3{ font-size:18px; line-height:30px; margin-top:10px;}
.zi p{ line-height:24px; height:48px; color:#666; font-size:14px; overflow:hidden; margin-top:5px;}
.zi .more1{ display:block; color:#004098; margin-top:10px;}
.con_li ul li{ line-height:30px; font-size:14px; color:#666;}
.con_li ul li a{ display:block; float:left; width:490px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.con_li ul li span{ display:block; float:right;}


.footer{ overflow:hidden;background:#004098;}
.lx{ width:50%;}
.foot_tit{padding-top:50px; color: #FFFFFF;font-size: 18px;margin-bottom: 30px;}
.lx p{ display:block; line-height:25px; font-size:14px; color:#fff;}
.link b{ display:inline-block; font-size:24px; color:#fff;}
.link a{ display:inline-block; font-size:14px; color:#fff;}
.bq{ height:126px; background:#043578; color:#fff; text-align:center; line-height:50px; font-size:14px;}
.bq a{ color:#fff;}
.footer_nav{
	overflow: hidden;margin-top: 90px;
}
.footer_nav li{
	float: left;padding-left:20px;
}
.footer_nav li a{color: #FFFFFF;font-size: 14px;line-height: 25px;}
.banner img{ width:100%;}
.main_l{ width:280px;}
.title_t{ position:absolute; margin-top:-100px; width:280px; height:100px; background:url(../images/title_bg3.png) no-repeat center;color:#fff;}
.title_t h3{ font-size:30px; margin-left:45px; line-height:30px; margin-top:25px;}
.title_t p{ font-size:18px; margin-left:45px; line-height:30px;}

.title_li{ background:#f5f5f5; margin-top:5px; }
.title_li ul li{ line-height:55px; border-bottom:1px solid #e3e3e3; background:url(../images/icon05.png) no-repeat  240px center;}
.title_li ul li a{ display:block; text-align:left; font-size:18px; padding-left:50px;}
.title_li ul li a:hover,.title_li ul li a.a_hover{ background:#dd2305 url(../images/icon06.png) no-repeat 240px center; color:#fff;} 

.contact_title{ height:65px; border-bottom:6px solid #dd2305;}
.contact_b{ height:280px; background:#004098;}
.contact_b p{ display:block; width:90%; margin:10px auto; color:#fff; font-size:14px; line-height:30px; padding:20px 0px;}
.map_l{ width:266px; height:242px; border:7px solid #e3e3e3;}

.main_r{ width:888px;}
.menu_title{ height:55px; line-height:55px; border-bottom:1px solid #e3e3e3;}
.menu_title h3{ font-size:18px; display:block; float:left;}
.menu_title span{ display:block; float:right; font-size:13px;}

.about_con1{ font-size:14px; line-height:30px;}
.honor_li ul li{ float:left;}

/* 资质荣誉 */
.honor_con ul li img { width: 270px; height: 305px; margin-top: 15px; }
.honor_con ul li { float: left; margin-right: 12px; margin-bottom: 20px; width: 286px; height: 370px; border: 1px solid #e3e3e3; }
#credit { clear: both; margin-top: 50px; padding-top: 20px; font-size: 10px; border-top: 1px solid #BBB; font-family: Verdana; }
#imgbox-loading { position: absolute; top: 0; left: 0; background: url('imgbox-spinner.gif') center center no-repeat; cursor: pointer; display: none; z-index: 90; }
#imgbox-loading div { background: #FFF; width: 100%; height : 100%; }
#imgbox-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none; z-index: 80; }
.imgbox-wrap { position: absolute; top: 0; left: 0; background: #FFF; display: none; z-index: 90; }
.imgbox-img { padding: 0; margin: 0; border: none; width: 100%; height: 100%; vertical-align: top; }
.imgbox-close { position: absolute; top: -15px; right: -15px; height: 30px; width: 30px; background: url('imgbox-close.png') top left no-repeat; cursor: pointer; outline: none; }
.imgbox-title { padding-top: 10px; font-size: 11px; text-align: center; font-family: Arial; color: #333; display: none; }
.imgbox-bg-wrap { position: absolute; padding: 0; margin: 0; display: none; }
.imgbox-bg { position: absolute; width: 20px; height: 20px; }
.imgbox-bg-n { left: 0; top: -20px; width: 100%; background: url(imgbox-bg-n.png) repeat-x; }
.imgbox-bg-ne { right: -20px; top: -20px; background: url(imgbox-bg-ne.png) no-repeat; }
.imgbox-bg-e { right: -20px; top: 0; height: 100%; background: url(imgbox-bg-e.png) repeat-y; }
.imgbox-bg-se { right: -20px; bottom: -20px; background: url(imgbox-bg-se.png) no-repeat; }
.imgbox-bg-s { left: 0; bottom: -20px; width: 100%; background: url(imgbox-bg-s.png) repeat-x; }
.imgbox-bg-sw { left: -20px; bottom: -20px; background: url(imgbox-bg-sw.png) no-repeat; }
.imgbox-bg-w { left: -20px; top: 0; height: 100%; background: url(imgbox-bg-w.png) repeat-y; }
.imgbox-bg-nw { left: -20px; top: -20px; background: url(imgbox-bg-nw.png) no-repeat; }
.zi3 a { display: block; width: 90%; overflow: hidden; font-size:14px; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; text-align: center; }
.zi3 { display: block; width: 286px; line-height: 35px; background-color: #eee; margin-top: 15px; }
/* 翻页 */	
.pageTurn { width: 500px; height: 30px; margin: 20px auto 20px; }
.pageTurn a { display: inline-block; margin-right: 7px; padding: 3px 10px; border: 1px solid #d5d5d5; text-decoration: none; color: #666; }
.pageTurn a:hover { background: #004098; color: #fff; }

.honor_con ul li.last1{ margin-right:0px;}

/*------------- 图片放大效果伴随蒙版文字出现 开始 ------------------------------*/
.content-six1{ width: 1050px;}
.con-six1 { width: 283px; height: 205px; float: left; position: relative; overflow: hidden; cursor: pointer; }
.contentbox-six1 li { width: 283px; height: 205px; float: left; margin-right: 20px; margin-bottom:70px; }
.contentbox-six1 li span { display: block; font-size: 18px; text-align: center; height: 45px; line-height: 45px; margin-top: 10px; }
.contentbox-six1 li.last { margin-right: 0px; }
.conimg-two1 { width: 283px; height: 205px; }
.txt-six1 { position: absolute; left: 0; top: 0; width: 100%; height: 205px; padding-top: 40px; line-height: 45px; text-align: center; color: #fff; background: rgba(0,0,0,0.6); display: none; }
.txt-six1 img { margin-top: 25px; }
.txt-six1 p { font-size: 14px; display: block; line-height: 20px; }
/*------------- 图片放大效果伴随蒙版文字出现 结束------------------------------*/

.case_con1 h3{ font-size:18px; text-align:center; line-height:30px;margin-bottom:20px;}
.case_con1 p{ font-size:14px; line-height:30px; color:#666; margin-top:20px;}

.pro_li ul li{ width:280px; height:280px; border:1px solid #e3e3e3; float:left; margin-right:20px; margin-bottom:20px;}
.pro_li ul li img{width:280px; height:280px;}
.pro_li ul li a span{ display:block; position:absolute; z-index:10; margin-top:-40px;width:280px; height:40px; line-height:40px; background:rgba(0,0,0,0.6); color:#fff; font-size:16px; text-align:center;}
.pro_li ul li.last{ margin-right:0px;}
.pro_li ul li a:hover span{ background:rgba(0,62,152,0.6)}


/*--产品详情--*/
/* clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*html .clearfix { zoom: 1; }
.preview { width: 400px; height: 500px; margin: 20px; padding: 10px; border-right: 1px solid #e3e3e3; }
/* smallImg */
.smallImg { position: relative; height: 72px; margin-top: 1px; padding: 6px 5px; width: 390px; overflow: hidden; float: left; }
.scrollbutton { width: 25px; height: 60px; overflow: hidden; position: relative; float: left; cursor: pointer; }
.scrollbutton.smallImgUp, .scrollbutton.smallImgUp.disabled { background: url(../images/l_icon.gif) no-repeat; }
.scrollbutton.smallImgDown, .scrollbutton.smallImgDown.disabled { background: url(../images/r_icon.gif) no-repeat; margin-left: 340px; margin-top: -60px; }
#imageMenu { height: 60px; width: 360px; overflow: hidden; margin-left: 0; float: left; }
#imageMenu li { height: 60px; width: 60px; overflow: hidden; float: left; text-align: center; margin-left: 15px; }
#imageMenu li img { width: 58px; height: 58px; cursor: pointer; border: 1px solid #e3e3e3; }
#imageMenu li#onlickImg img, #imageMenu li:hover img { width: 58px; height: 58px; border: 1px solid #e0282d; }
/* bigImg */
.bigImg { position: relative; float: left; width: 400px; height: 400px; overflow: hidden; }
.bigImg #midimg { width: 400px; height: 400px; }
.bigImg #winSelector { width: 235px; height: 210px; }
#winSelector { position: absolute; cursor: crosshair; filter: alpha(opacity=15); -moz-opacity: 0.15; opacity: 0.15; background-color: #000; border: 1px solid #fff; }
/* bigView */
#bigView { position: absolute; border: 1px solid #959595; overflow: hidden; z-index: 999; }
#bigView img { position: absolute; }
.product,.pro_con{ background: #fff; margin-bottom:20px; }
.pro_con_r { width: 400px; margin: 20px 10px; }
.r_title { height: 55px; overflow: hidden; border-bottom: 1px solid #e3e3e3; overflow: hidden; }
.r_title h3 { font-size: 18px; font-weight: normal; line-height: 30px; margin-bottom: 10px; }
.r_title p { line-height: 24px; color: #999; }
.r_jg { min-height: 100px; border-bottom: 1px solid #e3e3e3; font-size:14px; }
.r_jg p { line-height: 30px; margin-top: 10px; }
.r_jg p b { font-size: 18px; color: #e0282d; font-weight: normal; }
.r_jg p font { color: #999; text-decoration: line-through; }
.r_jg p em { color: #999; font-style: normal; }
.sl p a, .sl p font { display: inline-block; padding: 6px 15px; border: 1px solid #e3e3e3; }
.sl p font { border-left: none; border-right: none; }
.btn_cart, .btn_buy { display: inline-block; width: 190px; height: 45px; line-height: 45px; background-color: #9fdeef; color: #fff; text-align: center; font-size: 18px; margin-left: 10px; }
.btn_buy { background-color: #F29700; }
.pro_rx { width: 260px; background: #fff; padding-bottom: 26px; }
.pro_rx h3 { line-height: 45px; background: #f6f6f6 url(../images/small_logo.gif) no-repeat 50px center; border-bottom: 1px solid #e3e3e3; font-size: 18px; text-align: center; }
.pro_rx ul li { height: 295px; border-bottom: 1px dotted #e3e3e3; }
.pro_xq { width: 888px; background: #fff; padding:20px 0px; }
.xq_title{ padding: 11px 0px; border-bottom: 1px solid #e3e3e3; }
.xq_title h3{ display: block; font-size: 18px; border-left: 10px solid #e0282d; padding-left: 10px; margin-left: 10px; }
.xz_zi { margin: 20px; line-height: 24px; }
.wan-spinner { border: 1px solid #e3e3e3; display: inline-block; }
.wan-spinner .minus, .wan-spinner .plus, .wan-spinner input { height: 15px; float: left; line-height: 1em; padding: 4px; text-align: center; }
.wan-spinner input { border: none; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; margin: 0; width: 40px; }
.wan-spinner .minus, .wan-spinner .plus { color: #333333; cursor: pointer; text-decoration: none; width: 15px; }
.container1 span { display: inline-block; float: left; line-height: 15px; padding: 5px; }
.btn_cart, .btn_buy { display: inline-block; width: 190px; height: 45px; line-height: 45px; background-color: #e0282d; color: #fff; text-align: center; font-size: 18px; margin-left: 10px; border: none; }
.btn_buy { background-color: #9fdeef; }
.rx_tu1 img { width: 200px; height: 200px; }
.zi1 p { height: 40px; line-height: 40px; width: 240px; font-size: 14px; color: #333; overflow: hidden; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.zi1 { margin: 10px; }
.zi1 p font { display: block; float: left; font-size: 20px; color: #e0282d; }
.zi1 p em { font-style: normal; text-decoration: line-through; color: #999; }
.zi1 p a.pay { display: block; width: 85px; height: 30px; line-height: 30px; float: right; background: url(../images/bg1.png) no-repeat center; text-align: center; color: #fff; }

.scsp{ display: block;}
.scsp img{ width:18px; margin-right:10px;}

.xq_tu p{ display:block; width:95%; margin:20px auto; font-size:14px; line-height:24px; color:#666;}

/*----------- 从底部上升的遮罩效果 开始---------------------------*/
.content-title1 { margin-top: 50px; text-align: center; }
.content1 { width: 888px; margin: 0px auto;}
.con1 { width: 282px; height: 204px; float: left; margin-right: 20px; margin-bottom: 15px; position: relative; cursor: pointer; }
.con2 { margin-right:0px; }
.con1 img { width: 282px; height: 204px; }
.txt1 { position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; line-height: 45px; text-align: center; color: #fff; background: rgba(0,0,0,0.6); }
.txt1 h3 { font-weight: normal; font-size: 18px; }
.txt1 p { display: block;font-size: 14px;  line-height: 20px; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -moz-margin-before: 1em; -moz-margin-after: 1em; -moz-margin-start: 0px; -moz-margin-end: 0px; }
/*------------- 从底部上升的遮罩效果 结束 ------------------------------*/

.con_li1 ul li{ height:160px; border-bottom:1px dashed #e3e3e3; margin-bottom:15px;}
.con_li1 ul li .tu img{ width:214px; height:145px;}
.zi2{ width:660px; height:145px;}
.zi2 h3{ font-size:18px; line-height:30px; margin-top:10px;}
.zi2 p{ display:block; line-height:24px; height:48px; color:#666; font-size:14px; overflow:hidden; margin-top:15px;}
.zi2 .more1{ display:block; color:#004098; margin-top:20px;}


.new_con1 h1{padding:10px 0;text-align:center;font-size:18px;color:#333;line-height:30px;}
.new_con1 .artInfo{width:100%;height:30px;text-align:center; margin-bottom:10px;}
.new_con1 .artInfo span{display:inline-block;clear:left;color:#777;font-size:12px;padding:0 5px; }
.new_con1 .artCon{font-size:14px;color:#666;line-height:30px; padding-bottom:20px;}
.new_con1 .artCon p{ text-indent:2rem;}