/*
请尊重他人劳动成果，你可以模仿页面，但是请自己写代码！
技术支持：QQ2863868475
2016-7-27
*/
@import url("page.css");
* { margin:0; padding:0; word-break:break-all; }
body { font-size:13px; margin:0px; padding:0px; font-family:"microsoft Yahei", Arial, Helvetica, sans-serif; background-color:#f1f1f1; }
a { color:#333; text-decoration:none; }
a:hover { text-decoration:underline; color: #FF6600; }
img { border:0; vertical-align:bottom; }
li { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
.c20 { clear:both; line-height:20px; height:20px; }
.c { clear:both; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mb20 { margin-bottom:20px;}
.mt45 { margin-top:45px;}
.left { float:left; }
.right { float:right; }
.w1000 { width: 1000px; }
.w1100 { width: 1100px; min-width:1100px; }
.center { margin-right: auto; margin-left: auto; margin-top: 0px; }
.top { position:relative; z-index:99; width:100%; min-width: 1100px; }
a.orange { color:#ff7d43; text-decoration:none; }
a.orange:hover { color:#CC0000; text-decoration:none; }
.red { color:#CC0000 }
/* 分页 */
#pages { font-family:"宋体"; line-height: 35px; height: 35px; padding-top: 14px; padding-right: 0; padding-bottom: 10px; padding-left: 0; text-align: center; }
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px }
#pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; border:1px solid #d10000; color:#fff; text-align:center; padding:0 10px; background-color: #d10000; }
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
/* 默认幻灯片 */
.FocusPic { zoom:1; position:relative; overflow:hidden; float: left; height: 210px; width: 300px; }
.FocusPic .content { overflow:hidden }
.FocusPic .changeDiv a { position:absolute; top:0px; left:0px; display:none; }
.FocusPic .title-bg, .FocusPic .title { position:absolute; left:0px; bottom:0; width:260px; height:30px; line-height:30px; overflow:hidden }
.FocusPic .title-bg { background:#000; filter:alpha(opacity=60); opacity:0.6; }
.FocusPic .title a { display:block; padding-left:15px; color:#fff; font-size:14px; }
.FocusPic .change { bottom:30px; height:20px; right:3px; *right:5px;
_right:4px; position:absolute; text-align:right; z-index:9999; }
.FocusPic .change i { background:#666; color:#FFF; cursor:pointer; font-family:Arial; font-size:12px; line-height:15px; margin-right:2px; padding:2px 6px; font-style:normal; height:15px; display:inline-block; display:-moz-inline-stack; zoom:1; *display:inline;
}
.FocusPic .change i.cur { background-color: #FF6600; }
.logo { float: left; padding-top: 7px; padding-bottom: 8px; position: relative; }
.logo_right { float: right; width: 430px; padding-top: 20px; background-image: url(../Images/t_bg.png); background-repeat: no-repeat; background-position: left top; height: 90px; }
.logo_right p { line-height: 30px; color: #333333; float: right; height: 30px; width: 430px; text-align: right; }
.logo_right p a { color:#333333; text-decoration:none; padding-left:5px; padding-right:5px;}
.top_tel { font-size: 22px; line-height: 30px; font-weight: bolder; color: #d30000; float: right; height: 30px; padding-left: 115px; background-image: url(../Images/dh.png); background-repeat: no-repeat; background-position: left center; padding-top: 5px; padding-bottom: 5px; }
.nav{ height: 45px; width: 100%; ; box-shadow: 0 0 12px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.24); -ms-box-shadow: 0 0 12px rgba(0, 0, 0, 0.24); -o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.24); -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.24); position:absolute; z-index:99; left:0px; background-color: #c7020e; top: 135px; opacity:0.95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /* ie8  */ filter:alpha(opacity=95);    /* ie5-7  */ -moz-opacity:0.95;    /* old mozilla browser like netscape  */ -khtml-opacity: 0.95; min-width: 1100px; }
.nav li { float:left; width: 137px; height:45px; line-height:45px; text-align:center; font-size:15px; position:relative; }
.nav li a { color:#FFFFFF; text-decoration:none; display:block; }
.nav .cur a { background-color: #aa010b; color: #FFFFFF;}
.nav ul li a:hover { background-color: #aa010b; color: #FFFFFF; transition:400ms }
.nav ul li:hover { background-color: #aa010b; color: #FFFFFF; transition:400ms }
.nav ul li:hover a { color:#FFFFFF;}
.nav dl { width:100%; font-size:13px; position:absolute; top:45px; left:0px; background-color: #bd030e; opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* ie8  */ filter:alpha(opacity=90);    /* ie5-7  */ -moz-opacity:0.9;    /* old mozilla browser like netscape  */ -khtml-opacity: 0.9; }
.nav dl dd { height:50px; line-height:50px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DE030E; }
.nav dl dd a { color:#FFFFFF; }
.nav dl dd a:hover { color:#FFFFFF; background-color: #aa010b; }
.nav .nav_line { background-image: url(../images/nav_line.png); background-repeat: no-repeat; background-position: left top; float: left; height: 40px; width: 2px; }

.top1 { line-height: 30px; color: #CCCCCC; background-color: #333333; height: 30px; width: 100%; position: relative; min-width: 1100px; }
.top1 span { line-height: 30px; float: right; height: 30px; }
.top1 span a { color:#FFFFFF; text-decoration:none; padding-left:5px; padding-right:5px;}
.ico_mobile { font-size: 16px; line-height: 30px; font-weight: bold; color: #FFFFFF; float: right; height: 30px; padding-right: 15px; background-image: url(../images/ico_wap.png); background-repeat: no-repeat; background-position: left center; padding-left: 18px; }

.banner { width:100%; position:relative; height: 450px; }
.fullSlide{ width:100%; position:relative; height:449px; background:#fff; min-width: 1100px; }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; width:100%;}
.fullSlide .bd ul{ width:100% !important; position:absolute; left:0px; top:0px;}
.fullSlide .bd li{ width:100% !important;  height:449px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:450px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; _background:#000; _filter:alpha(opacity=60);}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; zoom:1; width:10px; height:10px; margin:5px; background:#fff; overflow:hidden; border-radius:7px;line-height:9999px;}
.fullSlide .hd ul .on{ background:#0962b5; }
.fullSlide .prev,.fullSlide .next { width: 80px; height:80px; margin: -40px 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; background-image: url(../images/pic_btn22.png); background-position: center center; }
.fullSlide .prev { left: 0; background-position: -2px 0px; }
.fullSlide .next { background-position: -80px 0px; right: 0; }
.fullSlide .prev:hover,.fullSlide .next:hover { filter:alpha(opacity=90) !important;opacity:0.9 !important;  }
.gonggao { height: 40px; width: 100%; background-color: #f8f8f8; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; position: relative; min-width: 1100px; }
.top_right { float: right; padding-top: 15px; }
.so { float: left; height: 40px; width: 270px; position: relative; margin-top: 20px; }
.so form { width: 266px; height: 31px; position: relative; }
.so .so_input { width: 210px; height: 32px; line-height: 32px; border: 0; color: #fff; padding-left: 22px; border-radius: 35px; padding-right: 42px; float: left; background-color: #bd030e; }
.so .btn{ background: url(../images/search.png) no-repeat 8px center;    border: 0; width: 42px; height: 31px; position: absolute; top: 0; right: 0; cursor: pointer; }
.announ { float: left; height: 40px; width: 810px; }
.announ span { text-align: right; float: left; height: 40px; width: 100px; line-height: 40px; color: #c7020e; background-image: url(../images/mar.png); background-repeat: no-repeat; background-position: 5px center; font-size: 13px; font-weight: bold; }
#announ_list { float: right; height: 40px; width: 710px; line-height: 40px; overflow: hidden; }
#announ_list li { width:595px; line-height:40px; height:40px; float:left; background-image: url(../images/ico-2.gif); background-repeat: no-repeat; background-position: 8px center; padding-left: 15px; }
#announ_list em { font-style: normal; line-height: 40px; color: #999999; float: right; height: 40px; }
.announ_more { padding: 5px; float: right; height: 30px; }
.more { float:right; padding-right:10px; padding-left:10px; line-height:25px; background-color:#e2e2e2; text-align:center;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;behavior:url(border-radius.htc); margin-top:5px;}
a.more  { color:#333333; text-decoration:none; display:block;}
a.more:hover { background-color:#c7020e; color:#FFFFFF;}
.aboutText { float: left; position: relative; width: 305px; height: 111px; overflow: hidden; color: #fff; background-color: #c7020e; padding: 0 20px 0 30px; }
.aboutText h3 { font-size: 25px; padding: 23px 0 3px; }
.aboutText div { font-size: 16px; }
.amore { display: block; position: absolute; right: 20px; top: 50%; z-index: 5; width: 91px; height: 21px; line-height: 21px; border: 1px solid #fff; margin-top: -10px; color: #fff; text-align: center; }
.amore i { display: block; position: absolute; left: -3px; top: 5px; z-index: 6; width: 7px; height: 13px; background-color: #c7020e; background-image: url(../images/jia.png); background-repeat: no-repeat; background-position: left center; }
.amore:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.about { float: left; width: 1098px; position: relative; border: 1px solid #e2e2e2; background-color: #FFFFFF; }
.about ul { height: 111px; margin-left: 355px; }
.about ul li { width: 20%; float: left; }
.about ul li a { display: block; padding-top: 15px; height: 96px; border-left: 1px solid #eee; text-align: center; color: #666; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.about ul li a img { display: block; width: 50px; height: 50px; margin: 0 auto 10px; }
.about ul li a p { font-size: 16px; }
.about ul li a div { margin-left: 64px; }
.about ul li a div h3 { color: #333; font-size: 16px; padding-top: 5px; }
.about ul li a div span { font-size: 13px; display: block; line-height: 14px; }
.about ul li a:hover { color: #c7020e; }
.about ul li a:hover h3 { color: #c7020e; }
.about ul li a:hover img { filter: alpha(opacity=70); opacity: 0.7; }
.gsnews { background-color: #FFFFFF; padding: 20px; float: left; width: 660px; }
.gsnews_title { float: left; height: 35px; width: 640px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; line-height: 35px; text-align: right; }
.gsnews_title span { font-size: 18px; line-height: 35px; color: #000000; float: left; height: 35px; font-weight: bold; }
.gsnews_title i { font-style: normal; line-height: 35px; color: #999999; float: left; height: 35px; padding-left: 8px; }
.gsflash1 { float: left; width: 300px; position:relative; }
.gsnews_list { background-color: #f5f5f5; float: left; width: 340px; }
.gsnews_list li { line-height: 41px; float: left; height: 41px; width: 340px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; display:block; background-image: url(../images/ico-2.gif); background-repeat: no-repeat; background-position: 15px center; }
.gsnews_list li a { color:#333333; text-decoration:none; display:block; padding-right: 15px; padding-left: 25px; width:300px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
.gsnews_list li:hover { color:#FFFFFF; background-color:#065faa;}
.gsnews_list li:hover a { color:#FFFFFF;}
.about1 { background-color: #f5f5f5; float: left; width: 310px; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; }
.about1 H2 { width:310px; line-height:35px; font-size: 18px; font-weight: normal; }
.honor { float: right; width: 320px; position: relative; background-color: #FFFFFF; padding-top: 20px; padding-right: 25px; padding-bottom: 20px; padding-left: 25px; }
.honor_title { float: left; height: 35px; width: 320px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; line-height: 35px; text-align: right; position: relative; background-color: #FFFFFF; }
.honor_title span { font-size: 18px; line-height: 35px; color: #000000; float: left; height: 35px; font-weight: bold; }
.honor_title i { font-style: normal; line-height: 35px; color: #999999; float: left; height: 35px; padding-left: 8px; }

.m_sbimg{ position: relative; width: 320px; float: left; overflow: hidden; }
.m_sbimg .u_ljt,.m_sbimg .u_rjt{ width:10px; height:16px; position: absolute;cursor: pointer; display:block;z-index: 100;}
.m_sbimg .u_ljt{bottom:12px;left:20px; }
.m_sbimg .u_rjt{bottom:12px;right:20px;}
.m_sbimg .u_ljt a{ background: url(../images/ljt1.png) no-repeat; width:10px; height:16px; display:block;}
.m_sbimg .u_rjt a{ background: url(../images/rjt1.png) no-repeat; width:10px; height:16px; display:block;}
.m_sbimg .u_mid{ width:320px; overflow:hidden; float: left; }
.m_sbimg .u_lst1 li{ width:320px; float: left;overflow: hidden;}
.m_sbimg .u_lst1 .lastli{ margin-right:0;}
.m_sbimg .u_lst1 li img{ width:320px; height:210px; display: block; }
.m_sbimg .u_lst1 span{ width:320px; display:block;  height:40px; line-height:40px; overflow:hidden; text-align:center; color:#fff;font-size: 14px; cursor: pointer; position: absolute;background: url(../images/sha.png) repeat; bottom:0; }
.m_sbimg .u_lst1 a:hover{text-decoration: none;}
 .u_lst1 { float: left; width: 1100px; position: relative; }
 .u_lst1 li a:hover em, .u_lst1 li a:hover b{ color:#c8161d; text-decoration:none; }
.news { padding: 20px; float: left; width: 306px; background-color: #FFFFFF; }
.news_title { float: left; height: 35px; width: 306px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; line-height: 35px; text-align: right; }
.news_title span { font-size: 18px; line-height: 35px; color: #000000; float: left; height: 35px; font-weight: bold; }
.news_title i { font-style: normal; line-height: 35px; color: #999999; float: left; height: 35px; padding-left: 8px; }.news_list { float: left; width: 306px; }
.news_list li { background-image: url(../images/icon11.png); background-repeat: no-repeat; background-position: 5px center; float: left; height: 45px; width: 290px; padding-left: 16px; line-height: 45px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #e2e2e2; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.news_list2 { float: left; width: 306px; }
.news_list2 p { line-height: 25px; float: right; width: 200px; padding-bottom: 5px; font-size: 14px; }
.news_list2 span { float: left; padding: 2px; border: 1px solid #e2e2e2; }
.news_list2 dt { line-height: 20px; color: #999999; float: right; height: 20px; width: 200px; }
.news_list2 li { float: left; width: 306px; padding-top: 3px; padding-bottom: 3px; }
.shili { float: right; width: 1060px; position: relative; background-color: #FFFFFF; padding: 20px; }

/*tab1*/
.tab1 { height: 40px; width: 360px; line-height: 40px; background-image: url(images/center_titlebg.gif); background-repeat: no-repeat; margin-right: auto; margin-left: auto; }
#myTab { margin: 0px; padding: 0px; list-style-type: none; }
.tab1 li{ float: left; cursor: pointer; height: 45px; text-align: center; line-height: 45px; font-size: 16px; padding-top: 0px; padding-right: 35px; padding-bottom: 0px; padding-left: 35px; color: #333333; margin-right: 20px; margin-left: 20px; background-color: #f5f5f5; border: 1px solid #CCCCCC; }
.tab1 li a,.tab1 li a:visited,.tab1 li a:link{ color:#000000; text-decoration: none; }
.tab1 li a:hover{ color:#ea5503; text-decoration: underline; line-height: 45px; height: 45px }
.tab1 .active { text-decoration: none; height:45px; background-color: #c7020e; color: #FFFFFF; line-height: 45px; }
.TabContent{ display: block; height:290px; float: left; width: 1060px; overflow: hidden; }
 #myTab_Content0 { float: left; height: 290px; width: 1060px; overflow: hidden; padding-bottom: 5px; }
 #myTab_Content1 { float: left; height: 290px; width: 1100px; } 
 #myTab_Content2 { float: left; height: 290px; width: 1100px; } 
 .case_list1 { float: left; width: 390px; background-color: #FFFFFF; position: relative; }
.case_list1 li { float: left; width: 390px; position: relative; }
.case_list1 span { float: left; width: 390px; position: relative; }
.case_list1 p { line-height: 35px; background-image: url(../images/p_bg.png); height: 35px; width: 380px; padding-right: 5px; padding-left: 5px; position: absolute; left: 0px; top: 245px; font-size: 15px; color: #FFFFFF; white-space: nowrap; overflow: hidden; }
.case_list2 { background-color: #FFFFFF; float: right; height: 280px; width: 669px; padding-bottom: 5px; }
.case_list2 li { float: left; height: 280px; width: 220px; background-color: #ececec; margin-right: 1px; margin-left: 1px; }
.case_list2 p { line-height: 35px; float: left; width: 180px; padding-right: 10px; padding-left: 10px; font-size: 13px; font-weight: bold; color: #333333; }
.case_list2 dt { line-height: 22px; color: #666666; float: left; width: 180px; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; }
.case_list2 span { width:200px; float:left; }
.case_list2 .color1 { background-color:#c7020e; }
.case_list2 .color1 p { color:#f8f8f8; background-color:#c7020e; }
.case_list2 .color1 dt { color:#E6E6E6; background-color:#c7020e; }

.shebei_list{ float: left; height: 310px; width: 1060px; }
.shebei_list li { padding: 5px; float: left; width: 245px; background-color: #F1F1F1; margin-right: 5px; margin-left: 5px; }
.shebei_list span { float: left; width: 245px; }
.shebei_list p { line-height: 45px; text-align: center; float: left; height: 45px; width: 245px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
.shebei_list dt { line-height: 22px; float: left; width: 255px; color: #999999; padding-bottom: 8px; font-size: 13px; }
.yeji { background-color: #FFFFFF; float: left; width: 1100px; padding-top: 20px; padding-bottom: 20px; }
.yeji_title { float: left; height: 35px; width:1060px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; line-height: 35px; text-align: right; margin-left: 20px; }
.yeji_title span { font-size: 18px; line-height: 35px; color: #000000; float: left; height: 35px; font-weight: bold; }
.yeji_title i { font-style: normal; line-height: 35px; color: #999999; float: left; height: 35px; padding-left: 8px; }

.ladyScroll{ width:1100px; margin:0; position:relative; float: left; height: 270px; }
.ladyScroll .prev,.ladyScroll .next{ width:22px; height:40px; position:absolute; top:120px; z-index:80; cursor:pointer; background-image: url(../images/btns.png); background-repeat: no-repeat; }
.ladyScroll .prev{ left:0px; transition:all 0s; z-index: 555; }
.ladyScroll .next{ left:auto; right:0px; background-position:-23px 0px; transition:all 0s; z-index: 555; }
.ladyScroll .prev:hover{ background-position:0px -44px; }
.ladyScroll .next:hover{ background-position:-23px -44px; }

.ladyScroll .scrollWrap{ width:1060px; margin-left:20px; padding-top:15px; overflow:hidden; position:absolute; }

/*产品滚动结束*/
.ladyScroll .dlList { float: left; position:relative; }
.ladyScroll .dlList li { float:left; width:248px; position:relative; display:block; background-color: #f5f5f5; position:relative; margin-top: 0; margin-right: 7px; margin-bottom: 0; margin-left: 8px; border: 1px solid #FFFFFF; }
.ladyScroll .dlList li:hover { float:left; width:248px; position:relative; display:block; background-color: #c7020e; position:relative; border: 1px solid #FFFFFF; }
.ladyScroll .dlList li:hover a { color:#FFFFFF; text-decoration:none;}
.ladyScroll .dlList li span { width:244px; height:200px; overflow:hidden; position:relative; float: left; position:relative; margin: 0px; padding: 2px; }
.ladyScroll .dlList p { font-size: 14px; line-height: 40px; text-align: center; float: left; height: 40px; width: 248px; font-weight: bold; position:relative; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; padding-right: 5px; padding-left: 5px; }
.ladyScroll .dlList dt { width:20px; line-height:25px; color:#666666; text-align: center; background-color: #CCCCCC; height: 2px; margin-right: auto; margin-left: auto; }
.ladyScroll .dlList a i { visibility:hidden; position:absolute; width:246; height:210px;}
.ladyScroll .dlList a:hover i { visibility:visible; position:absolute; width:246px; height:167px; left: 2px; top: 0px; background-image: url(../images/p_bg.png); text-align: center; padding-top: 80px; }
.links { background-color: #FFFFFF; float: left; width: 1060px; padding: 20px; }
.links a { color:#666666; padding-left:8px; padding-right:8px;}
.link_box { float: left; width: 240px; padding-top: 0px; padding-right: 10px; padding-left: 15px; }
.select_link { line-height: 25px; float: left; height: 25px; width: 220px; text-align: center; }
.bottom { background-color: #383838; width: 100%; padding-top: 20px; padding-bottom: 20px; min-width:1100px; }
.bottom_menu { line-height: 35px; height: 35px; width: 100%; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666; }
.bottom_menu a { color:#e2e2e2; text-decoration:none; padding-right:20px; }
.bottom_left { float: left; width: 700px; }
.copyright { line-height: 30px; color: #afafaf; float: left; width: 700px; }
.copyright a { color:#FFFFFF; text-decoration:none;}
.erweima { float: right; width: 140px; padding-top: 15px; }
.erweima span { text-align: center; float: left; width: 100%; }
.erweima p { line-height: 30px; color: #666666; text-align: center; float: left; height: 30px; width: 100%; }
.main { background-color: #FFFFFF; float: left; width: 1100px; }
.about1 p { line-height: 28px; color: #666666; float: left; width: 310px; padding-top: 5px; }
.products { background-color: #FFFFFF; float: left; width: 1100px; }
.products_title { float: left; width: 1100px; padding-top: 10px; padding-bottom: 10px; }
.products_title h2 { font-size: 25px; line-height: 45px; font-weight: bold; color: #000000; width: 1100px; padding-top: 10px; padding-bottom: 5px; text-align: center; }
.products_title i { font-size:15px; font-weight:normal; font-style: normal; color: #999999; padding-left: 10px; text-transform: uppercase; }.products_title p { float: left; width: 1060px; padding-left: 20px; line-height: 22px; color: #999999; }
.products_list { float: left; width: 1100px; padding-top: 10px; padding-bottom: 10px; position: relative; }
.products_list li { padding: 10px; float: left; width: 255px; position: relative; }
.products_list span { padding: 2px; float: left; width: 249px; border: 1px solid #e2e2e2; overflow: hidden; position: relative; }
.products_list span:hover img { -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.products_list li p { line-height: 30px; padding: 5px; height: 30px; width: 245px; overflow: hidden; float: left; text-align: center; text-overflow:ellipsis; background-color: #F1F1F1; position: relative; white-space: nowrap; }
.products_list li i { background-color: #000000; float: left; height: 141px; width: 255px; position: absolute; left: 10px; top: 10px; font-size: 40px; line-height: 191px; color: #FFFFFF; text-align: center; font-weight: lighter; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* ie8  */ filter:alpha(opacity=0);    /* ie5-7  */ -moz-opacity:0.0;    /* old mozilla browser like netscape  */ -khtml-opacity: 0; font-style: normal; padding-top: 50px; }
.products_list li:hover i { background-color: #000000; float: left; height: 101px; width: 255px; position: absolute; left: 10px; top: 10px; font-size: 40px; line-height: 191px; color: #FFFFFF; text-align: center; font-weight: lighter; opacity:0.70; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* ie8  */ filter:alpha(opacity=70);    /* ie5-7  */ -moz-opacity:0.7;    /* old mozilla browser like netscape  */ -khtml-opacity: 0.7; font-style: normal; transition:600ms; padding-top: 90px; }
.contact_box { float: left; width: 306px; }
.c_tel { line-height: 40px; float: left; height: 40px; width: 270px; background-image: url(../images/footer_tel.png); background-repeat: no-repeat; background-position: left center; padding-left: 36px; font-size: 24px; font-weight: bold; color: #c7020e; white-space: nowrap; overflow: hidden; }
.contact_txt { float: left; width: 306px; line-height: 28px; color: #333333; height: 180px; }