@charset 'UTF-8';
/*
Theme Name: 蓝色模板
Theme URI: 
Description: 蓝色模板
Version: 1.0
Author:
Author URI: 
*/

/*全局*/
* {
 background: transparent;
 padding: 0;
 margin: 0;
 border: 0;
 outline: none;
}
html {
 overflow-x: auto;
 overflow-y: auto;
zoom:expression(function(ele) {
ele.style.zoom = "1";
document.execCommand("BackgroundImageCache", false, true);
}
(this));
}/*IE6下重复加载BUG*/
body {
 font-family: 'MicroSoft Yahei', verdana, arial, tahoma;
 font-size: 12px;
 color: #000;
 -webkit-text-size-adjust: none;
}
input {
 border: none;
 color: #999;
}
div {
 margin: 0 auto;
 padding: 0;
}
ul, ol, li {
 list-style: none;
}
a {
 color: #000;
 text-decoration: none;
 word-wrap: break-word;
 outline: none;
hide-focus:expression(this.hideFocus=true);
 transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
}
a:hover {
 color: #00a1e7;
 text-decoration: none;
}
img {
 border: 0;
}
.fl {
 float: left;
}
.fr {
 float: right;
}
.none {
 display: none;
}
.clear {
 clear: both;
}
.mt20 {
 margin-top: 20px;
}
.mb20 {
 margin-bottom: 20px;
}
.mb10 {
 margin-bottom: 10px;
}
.mt10 {
 margin-top: 10px;
}
.mb50 {
 margin-bottom: 50px;
}
.ml25 {
 margin-left: 25px;
}
#lao_header {
 width: 100%;
 min-width: 1002px;
 height: 166px;
}
#lao_banner {
 float: left;
 width: 100%;
 min-width: 1002px;
 position: relative;
 overflow: hidden;
}
#lao_main {
 float: left;
 width: 100%;
 min-width: 1002px;
}
#lao_footer {
 float: left;
 width: 100%;
 min-width: 1002px;
}
.w_0100 {
 float: left;
 width: 100%;
}
.w_1002 {
 margin: 0 auto;
 width: 1002px;
 min-width: 1002px;
}
.w_200 {
 width: 200px;
 height: auto;
 overflow: hidden;
}
.w_400 {
 width: 400px;
 height: auto;
 overflow: hidden;
}
.w_550 {
 width: 550px;
 height: auto;
 overflow: hidden;
}
.w_780 {
 width: 780px;
 height: auto;
 overflow: hidden;
}
.bg_menu {
 background: #3084d5;
}
/*隐藏背景区分色*/
.bg_gray {
 background: #fff;
}
.bg_footer {
 width: 100%;
 height: 248px;
 background: #37383a;
}

.top {
 float: left;
 width: 1002px;
 height: 72px;
 padding: 22px 0;
}
/*logo*/
.logo {
 float: left;
 width: 464px;
 height: 72px;
 overflow: hidden;
}
.slogan {
 float: left;
 width: 196px;
 height: 72px;
 margin-left: 12px;
 font: bold 20px/36px "MicroSoft Yahei";
 background: url(images/y_line.png) left center no-repeat;
 overflow: hidden;
}
.slogan .tit_a {
 float: left;
 width: 196px;
 height: 36px;
 margin-left: 12px;
 color: #3084d5;
}
.slogan .tit_b {
 float: left;
 width: 196px;
 height: 36px;
 margin-left: 12px;
 color: #020202;
}
.hotline {
 float: right;
 width: 285px;
 height: 72px;
 background: #eee;
 overflow: hidden;
}
/*导航*/
.menu {
 float: left;
 width: 1002px;
}
.menu ul .nli, .menu ul .on {
 float: left;
 height: 50px;
 margin-right: 1px;
 line-height: 50px;
 text-align: center;
 position: relative;
}
.menu ul .nli span a, .menu ul .on span a {
 float: left;
 width: 122px;
 height: 50px;
 font-size: 15px;
 font-weight: bold;
 color: #fff;
}
.menu ul .nli span a:hover, .menu ul .on span a {
 float: left;
 width: 122px;
 height: 50px;
 background: #5098da;
 font-size: 15px;
 color: #fff;
}
.menu ul .nli span .on {
 float: left;
 width: 122px;
 height: 50px;
 background: #5098da;
 color: #fff;
}
.menu .sub {
 float: left;
 width: 122px;
 background: #5098da;
 position: absolute;
 top: 50px;
 left: 0;
 display: none;
 z-index: 99;
}
.menu .sub ul {
 float: left;
 width: 122px;
}
.menu .sub li {
 float: left;
 width: 122px;
 text-align: center;
 line-height: 45px;
 border-top: 1px solid #60a2dd;
}
.menu .sub li:hover {
 background: #00a1e7 url(../images/menuhover.png) center 10px no-repeat;
 border-top: 1px solid #579cdb;
}
.menu .sub li a {
 color: #fff;
 font-size: 13px;
}
.header, .content, .footer, .container {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    font-family: microsoft yahei;
}

/*幻灯片*/
#flashs {
	position: relative;
	height: 550px;
	overflow: hidden;
	width: 100% !important;
}
#flashs .bd {
	width: 100% !important;
}
#flashs .banerer {
	width: 100% !important;
}
#flashs .bgitem {
	z-index: 1;
	position: absolute;
	top: 0;
	width: 100% !important;
}
#flashs .bot {
	display: block;
	position: absolute;
	width: 58px;
	height: 58px;
	top: 50%;
	margin-top: -29px;
}
#flashs .bot1 {
	background: url(./images/babot1.png) no-repeat center;
	left: 5%;
	z-index: 2;
}
#flashs .bot2 {
	background: url(./images/babot2.png) no-repeat center;
	right: 5%;
	z-index: 2;
}



/* -- controlBox -- */
.slideShow .controlBox {
 z-index: 70;
 position: absolute;
 bottom: 10px;
 width: 100%;
 text-align: center;
 font-size: .85em;
 font-family: Arial;
 font-weight: bold;
 color: #666;
}
.slideShow .controlBox .control {
 display: inline-block;
 *zoom: 1;
 *display: inline;
}
.slideShow .controlBox.controlDefault a {
 background: url(images/inactive.png) no-repeat 50% 50%;
 text-indent: -9999px;
 overflow:hidden;
 width: 20px;
 height: 30px;
 clear: none;
 display: block;
}
.slideShow .controlBox.controlDefault a:hover, .slideShow .controlBox.controlDefault a.active {
 background: url(images/active.png) no-repeat 50% 50%;
}
/*头部结束*/

/*首页 通用标题样式*/


.iprocce {float: left;width: 1002px;height: auto;overflow: hidden;}
.iprocce  ul{ float: left;width: 1014px;overflow: hidden; }
.iprocce  li{float: left;width: 160px;height: 230px;border: 1px solid #ccc;position: relative;text-align: center;margin-right: 24px;padding: 30px 30px 20px 30px;margin-right: 30px;}
.iprocce ul li img {width: 140px;height: 80px;margin: 10px;border-radius: 50%;overflow: hidden;-webkit-transition: all 0.4s ease-out 0s;-moz-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;transition: all 0.4s ease-out 0s;}
.iprocce ul li:hover img {transform: rotateY(180deg);}
.iprocce  li span{display: block;font-size: 20px; height: 50px;line-height: 50px;border-bottom: 1px solid #ccc;}
.iprocce  li em{font-style: normal;font-size: 14px;line-height: 2;display: block;margin-top: 10px; }
.iprocce  li.color span{border-color: #656565;}



.main_tit {
 float: left;
 width: 100%;
 height: 70px;
 padding: 30px 0 20px;
 background: url(images/main_tit_bg.png) center bottom no-repeat;
 text-align: center;
}
.main_tit h2 {
 float: left;
 width: 100%;
 height: 35px;
 color: #3084d5;
 font: normal 28px/35px "Microsoft Yahei";
}
.main_tit span {
 float: left;
 width: 100%;
 height: 30px;
 color: #000;
 font: bold 16px/30px "Microsoft Yahei";
}
.main_apply {
 float: left;
 width: 1002px;
 height: auto;
 overflow: hidden;
}
.main_apply ul {
 float: left;
 width: 1014px;
 overflow: hidden;
}
.main_apply ul li {
 float: left;
 width: 160px;
 height: 230px;
 margin-right: 6px;
 border: 1px solid #ccc;
 overflow: hidden
}
.main_apply ul li img {
 float: left;
 width: 140px;
 height: 140px;
 margin: 10px;
 border-radius: 50%;
 overflow: hidden;
 -webkit-transition: all 0.4s ease-out 0s;
 -moz-transition: all 0.4s ease-out 0s;
 -o-transition: all 0.4s ease-out 0s;
 transition: all 0.4s ease-out 0s;
}
.main_apply ul li:hover img {
 transform: rotateY(180deg);
}
/*.main_apply ul li img{float:left; width:128px; height:128px; margin:10px; padding:5px; border-radius:50%; border:solid 1px #ccc; overflow:hidden; -webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;}
.main_apply ul li:hover img{ width:138px; height:138px; padding:0;}
*/
.main_apply ul li span {
 float: left;
 width: 160px;
 height: 35px;
 margin-top: 10px;
 font: normal 18px/35px "Microsoft Yahei";
 text-align: center;
 overflow: hidden
}
/*首页 产品分类*/
.main_product {
 float: left;
 width: 1002px;
 height: auto;
 margin: 20px 0 50px;
 overflow: hidden;

}
.product {
 float: left;
 width: 1002px;
 height: auto;
 margin: 20px 0 50px;
 overflow: hidden;
}
/*通用 分类*/
.lao_SideLayer {
 float: left;
 width: 200px;
 height: auto;
 text-align: center;
 overflow: hidden;
}
.lao_SideLayer h2 {
 float: left;
 width: 200px;
 height: 40px;
 font: bold 14px/40px "Microsoft Yahei";
 background: #3084D5;
 color: #fff;
 overflow: hidden;
}
.lao_SideLayer ul {
 float: left;
 width: 200px;
 height: auto;
 background: #f0f0f0;
 overflow: hidden;
}
.lao_SideLayer ul li {
 float: left;
 width: 200px;
 height: 40px;
 text-align: center;
 background: #f0f0f0 url(images/x_lines.png) center bottom no-repeat;
 font: normal 12px/39px "Microsoft Yahei";
 overflow: hidden;
}
.lao_SideLayer ul li:last-child, .lao_SideLayer ul li:hover:last-child {
 background-image: none;
}
.lao_SideLayer .on, .lao_SideLayer ul li:hover {
 background: rgba(255 , 255, 255, 0.6) url(images/x_lines.png) center bottom no-repeat;
}
/*通用 产品图列*/
.product_list {
 float: left;
 width: 780px;
 height: auto;
 overflow: hidden;
}
.product_list ul {
 float: left;
 width: 800px;
 height: auto;
 overflow: hidden;
}
.product_list ul li {
 float: left;
 width: 180px;
 height: auto;
 margin-right: 20px;
 margin-bottom: 8px;
 overflow: hidden;
}
.product_list ul li img {
 float: left;
 width: 170px;
 height: 130px;
 padding: 4px;
 border: 1px solid #e7e7e7;
 overflow: hidden;
}
.product_list ul li span {
 float: left;
 width: 180px;
 height: 40px;
 font: normal 12px/40px "Microsoft Yahei";
 text-align: center;
}
/*通用 产品图列-首页9图修改*/
.product_list1 {
 float: left;
 width: 780px;
 height: auto;
 overflow: hidden;
}
.product_list1 ul {
 float: left;
 width: 800px;
 height: auto;
 overflow: hidden;
}
.product_list1 ul li {
 float: left;
 width: 240px;
 height: auto;
 margin-right: 20px;
 margin-bottom: 8px;
 overflow: hidden;
}
.product_list1 ul li img {
 float: left;
 width: 230px;
 height: 185px;
 padding: 4px;
 border: 1px solid #e7e7e7;
 overflow: hidden;
}
.product_list1 ul li span {
 float: left;
 width: 240px;
 height: 40px;
 font: normal 12px/40px "Microsoft Yahei";
 text-align: center;
}
/*首页 核心优势*/
.main_advantage {
 float: left;
 width: 1002px;
 height: auto;
 overflow: hidden;
}
.main_advantage li {
 float: left;
 width: 100%;
 height: 300px;
 overflow: hidden;
 margin-top: 20px;
}
.main_advantage li div {
 float: left;
 width: 50%;
 height: auto;
 overflow: hidden;
}
.main_advantage li div h2 {
 float: left;
 width: 100%;
 height: 70px;
 line-height: 35px;
 color: #3084d5;
}
.main_advantage li div h2 span {
 float: left;
 width: 80px;
 height: 70px;
 margin: 0 20px;
}
.main_advantage li div p {
 float: left;
 width: 100%;
 height: auto;
 line-height: 30px;
 padding-left: 30px;
 font-size: 16px;
 margin-top: 20px;
}


/*show*/
.show {
	height: 434px;
	background-color: #fff;
	margin: 35px auto;
}
.show>span {
	display: block;
	text-align: center;
	padding-top: 30px;
	font-size: 13px;
	color: #fff;
	font-family: Arial
}
.show h3 {
	font-size: 32px;
	color: #222;
	text-align: center;
	padding-bottom: 20px;
	background: url(./images/show_h.png) no-repeat center bottom;
	margin-bottom: 35px;
}
.show h3 a {
	color: #fff;
}
.show .showBox {
	width: 100%;
	height: 270px;
	position: relative;
}
.show .showBox span {
	display: block;
	width: 48px;
	height: 48px;
	position: absolute;
	top: 240px;
	cursor: pointer;
}
.show .s_left {
	background: url(./images/showbtn.png) no-repeat center top;
	left: -95px;
}
.show .s_right {
	background: url(./images/showbtn.png) no-repeat center bottom;
	right: -95px;
}
.show .showWin {
	overflow: hidden;
	width: 930px;
	
	    padding: 30px 0 20px;
	height: 270px;
	position: relative
}
.show .showWin ul {
	overflow: hidden;
	position: absolute;
}
.show .showWin li {
	float: left;
	width: 210px;
	height: 270px;
	margin-right: 30px;
	text-align: center;
}
.show .showWin li img {
 border: 1px solid #e7e7e7;
 overflow: hidden;
}
.show .showWin li p {
	font-size: 14px;

	margin-top: 20px;
}
.show .showWin li a {
	text-decoration: none
}








/*首页 走进我们*/
.main_about {
 float: left;
 width: 1002px;
 height: auto;
 overflow: hidden;
}
.about_pic {
 float: left;
 width: 550px;
 height: 192px;
 overflow: hidden;
}
.about_pic img {
 width: 550px;
 height: 192px;
}
.about_text {
 float: left;
 width: 550px;
 height: 130px;
 margin-top: 10px;
 font: normal 14px/30px "Microsoft Yahei";
 overflow: hidden;
}
.about_fourbox {
 float: left;
 width: 400px;
 height: 320px;
 overflow: hidden;
}
.about_fourbox ul {
}
.about_fourbox ul li {
 float: left;
 width: 200px;
 height: 160px;
 color: #fff;
 overflow: hidden;
 position: relative;
}
.about_fourbox ul li img {
 float: left;
 width: 200px;
 height: 160px;
 transition: all 1s;
 -webkit-transition: all 1s;
 -moz-transition: all 1s;
 -o-transition: all 1s;
}
.about_fourbox ul li img:hover {
 transition: all 1s;
 -webkit-transition: all 1s;
 -moz-transition: all 1s;
 -o-transition: all 1s;
}
.about_fourbox ul li div {
 float: left;
 width: 200px;
 height: 160px;
 z-index: 999;
 position: absolute;
}
.about_fourbox ul li div h3 {
 float: left;
 width: 200px;
 height: 50px;
 margin-top: 25px;
 font: bold 18px/50px "Microsoft Yahei";
 text-align: center;
 overflow: hidden;
}
.about_fourbox ul li div span {
 float: left;
 width: 200px;
 height: 50px;
 font: bold 13px/25px "Microsoft Yahei";
 text-align: center;
 overflow: hidden;
}
.about_fourbox ul li div:hover {
 background: rgba(0, 0, 0, 0.3);
}
/*首页 新闻中心*/
.main_news {
 float: left;
 width: 1002px;
 height: auto;
 overflow: hidden;
}
.main_news .pic_news {
 float: left;
 width: 422px;
 height: 290px;
 overflow: hidden;
}
.main_news .pic_news img {
 float: left;
 width: 422px;
 height: 290px;
}
.main_news .list_news {
 float: right;
 width: 560px;
 height: auto;
 overflow: hidden;
}
.main_news .list_news ul {
}
.main_news .list_news ul li {
 float: left;
 width: 560px;
 height: 80px;
 margin-bottom: 25px;
 overflow: hidden;
}
.main_news .list_news .news_l {
 float: left;
 width: 80px;
 height: 122px;
 text-align: center;
 color: #fff;
 overflow: hidden;
}
.main_news .list_news .news_l p {
 float: left;
 width: 80px;
 height: 25px;
 font: normal 15px/25px "arial";
 background: #686868;
 overflow: hidden;
}
.main_news .list_news .news_l .date_d {
 float: left;
 width: 80px;
 height: 55px;
 font: normal 37px/55px "arial";
 background: #7a7a7a;
 overflow: hidden;
}
.main_news .list_news .news_r {
 float: right;
 width: 462px;
 height: 122px;
 overflow: hidden;
}
.main_news .list_news .news_r h2 {
 float: left;
 width: 462px;
 height: 20px;
 font: bold 14px/20px "Microsoft Yahei";
 color: #000;
 overflow: hidden;
}
.main_news .list_news .news_r p {
 float: left;
 width: 462px;
 height: 50px;
 margin-top: 8px;
 font: normal 14px/25px "Microsoft Yahei";
 color: #666;
 overflow: hidden;
}
.news_list {
 float: right;
 width: 780px;
 height: auto;
 overflow: hidden;
}
.news_list ul {
}
.news_list ul li {
 float: left;
 width: 780px;
 height: 80px;
 margin-bottom: 25px;
 overflow: hidden;
}
.news_list .news_l {
 float: left;
 width: 80px;
 height: 122px;
 text-align: center;
 color: #fff;
 overflow: hidden;
}
.news_list .news_l p {
 float: left;
 width: 80px;
 height: 25px;
 font: normal 15px/25px "arial";
 background: #686868;
 overflow: hidden;
}
.news_list .news_l .date_d {
 float: left;
 width: 80px;
 height: 55px;
 font: normal 37px/55px "arial";
 background: #7a7a7a;
 overflow: hidden;
}
.news_list .news_r {
 float: right;
 width: 680px;
 height: 122px;
 overflow: hidden;
}
.news_list .news_r h2 {
 float: left;
 width: 680px;
 height: 20px;
 font: bold 14px/20px "Microsoft Yahei";
 color: #000;
 overflow: hidden;
}
.news_list .news_r p {
 float: left;
 width: 680px;
 height: 50px;
 margin-top: 8px;
 font: normal 14px/25px "Microsoft Yahei";
 color: #666;
 overflow: hidden;
}
/*首页 首页底部*/
.main_down {
 float: left;
 width: 1002px;
 height: auto;
 overflow: hidden;
}
.search {
 width: 666px;
 height: 33px;
 margin: 68px auto 40px;
 border: 2px solid #3f70fb;
}
.search .input_keyword {
 float: left;
 width: 580px;
 padding: 8px 10px;
}
.search .search_btn {
 float: right;
 width: 66px;
 height: 33px;
 text-indent: -999px;
 background: #3f70fb url(images/btn_search.png) center center no-repeat;
 cursor: pointer;
 overflow: hidden;
}
.hotkeyword {
 float: left;
 width: 1002px;
 height: auto;
 text-align: center;
 font: normal 15px/25px "Microsoft Yahei";
 overflow: hidden;
}
.hotkeyword:before {
 content: "热门关键字：";
}
.ad_slogan {
 float: left;
 width: 1002px;
 height: auto;
 margin: 30px 0;
 text-align: center;
 font: bold 24px/25px "Microsoft Yahei";
 overflow: hidden;
}
.ad_400 {
 width: 222px;
 height: auto;
 margin: 0 auto;
 text-align: center;
 font: bold 22px/35px "Microsoft Yahei";
 color: #3380ff;
 overflow: hidden;
}
.ad_400 i {
 float: left;
 width: 32px;
 height: 35px;
 margin-right: 20px;
 background: url(images/tel.png) center center no-repeat;
 overflow: hidden;
}
.flink {
 float: left;
 width: 1002px;
 height: auto;
 margin: 50px 0 20px;
 font: normal 15px/25px "Microsoft Yahei";
 overflow: hidden;
}
.flink:before {
 content: "友情链接：";
}
.flink a {
 padding: 0 5px;
 margin-right: 5px;
 font: normal 15px/25px "Microsoft Yahei";
 overflow: hidden;
}
/* 分页 */
.pager {
 text-align: right;
 padding-top: 20px;
}
.pager a {
 text-decoration: underline;
}
/*上一条下一条*/
.lift {
 margin-top: 60px;
 color: #999;
}
.lift a {
 color: #999;
}
.lift span {
 margin-right: 15px;
}
/*通用底部*/
.footer_nav {
 float: left;
 width: 1002px;
 height: auto;
 margin: 40px 0 20px;
 text-align: center;
 font: normal 16px/25px "Microsoft Yahei";
 color: #fff;
 overflow: hidden;
}
.footer_nav a {
 margin: 0 10px;
 font: normal 16px/25px "Microsoft Yahei";
 color: #fff;
}
.footer_text {
 float: left;
 width: 1002px;
 height: auto;
 display: inline;
 text-align: center;
 font: normal 16px/25px "Microsoft Yahei";
 color: #fff;
 overflow: hidden;
}
.footer_text p {
 margin: 15px 0;
}
.footer_text a {
 color: #fff;
}
/*面包屑*/
.position {
 float: left;
 width: 760px;
 height: 45px;
 line-height: 45px;
 padding-left: 20px;
 background: url(images/icon.png) left center no-repeat;
 border-bottom: 1px solid #cbcbcb;
}
.position h1 {
 float: left;
 width: 200px;
 font-size: 14px;
 color: #666;
}
.position span {
 float: right;
 padding: 0 10px;
 text-align: right;
}
.position span a {
 font-size: 12px;
 color: #666;
}
.t_200 {
 float: left;
 width: 200px;
 height: 80px;
 padding: 6px 0;
 background: #3084d5;
 color: #fff;
 position: relative;
}
.t_200 .z1 {
 left: 25px;
 font-size: 60px;
 line-height: 78px;
 font-family: 'arial';
 text-transform: uppercase;
 position: absolute;
}
.t_200 .z2 {
 left: 70px;
 font: normal 24px/25px "Microsoft Yahei";
 padding-top: 15px;
 position: absolute;
}
.t_200 .z2 span {
 left: 0;
 font-size: 15px;
 font-family: 'arial';
 position: absolute;
}
/*边栏 联系我们*/
.side_contact {
 float: left;
 width: 200px;
 height: auto;
 background: #f0f0f0;
 clear: both;
 overflow: hidden;
}
.side_contact .pic {
 float: left;
 width: 168px;
 height: 51px;
 margin: 20px 16px;
 _margin: 10px 8px;
*margin:10px 8px;
 overflow: hidden;
}
.side_contact .pic img {
 width: 168px;
 height: 51px;
}
.side_contact .line {
 float: left;
 width: 200px;
 height: 10px;
 background: url(images/x_line.png) center center no-repeat;
 overflow: hidden;
}
.side_contact .text {
 float: left;
 width: 168px;
 height: auto;
 margin: 20px 16px;
 _margin: 10px 8px;
*margin:10px 8px;
 overflow: hidden;
}
.side_contact .text p {
 font: normal 12px/25px "Microsoft Yahei";
 overflow: hidden;
}
/*商品图切换*/
.slide_goods {
 float: left;
 width: 320px;
 height: auto;
 overflow: hidden;
}
.slide_goods .bigImg {
 float: left;
 width: 320px;
 height: 300px;
 overflow: hidden;
}
.slide_goods .bigImg li {
 float: left;
 width: 320px;
 height: 300px;
 overflow: hidden;
}
.slide_goods .bigImg li img {
 width: 316px;
 height: 296px;
 padding: 1px;
 border: 1px solid #e9e9e9;
}
.slide_goods .smallScroll {
 float: left;
 width: 320px;
 margin-top: 10px;
 height: 103px;
 left: 0;
 bottom: 0;
 position: relative;
}
.slide_goods .smallImg {
 float: left;
 width: 330px;
 height: auto;
 position: relative;
}
.slide_goods .smallImg ul {
 float: left;
 width: 330px;
 height: auto;
 text-align: center;
 overflow: hidden;
}
.slide_goods .smallImg ul li {
 width: 56px;
 height: 56px;
 display: inline;
 margin: 5px;
}
.slide_goods .smallImg ul li img {
 width: 50px;
 height: 50px;
 cursor: pointer;
 padding: 2px;
 border: 1px solid #e8e8e8;
}
.slide_goods .smallImg .on img {
 border: 1px solid #3084d5;
}
.product_show, .page_show, .news_show {
 float: left;
 width: 780px;
}
/*商品介绍*/
.text_goods {
 float: right;
 width: 418px;
}
.text_goods .t_tit {
 float: left;
 width: 418px;
 height: auto;
 font: bold 20px/38px "Microsoft Yahei";
 color: #2b74b8;
 overflow: hidden;
}
.text_goods .t_defined {
 float: left;
 width: 418px;
 height: auto;
 font: normal 13px/30px "Microsoft Yahei";
 overflow: hidden;
}
.text_goods .t_description {
 float: left;
 width: 418px;
 height: auto;
 font: normal 13px/30px "Microsoft Yahei";
 overflow: hidden;
}
/*商品详情*/
.content_goods {
 float: left;
 width: 780px;
 height: auto;
 overflow: hidden;
}
.content_goods table {
 background-color: #F9F9F9;
 color: #666666;
 border-left: 1px solid #CCCCCC;
 border-top: 1px solid #CCCCCC;
 border-width: 1px;
 border-color: #666666;
 border-collapse: collapse;
}
.content_goods table td {
 border-right: 1px solid #CCCCCC;
 border-bottom: 1px solid #CCCCCC;
 padding: 5px;
}
.content_goods .c_tit {
 float: left;
 width: 780px;
 height: auto;
 padding-bottom: 10px;
 border-bottom: 2px solid #ccc;
 color: #333;
 text-align: center;
 overflow: hidden;
}
.content_goods .c_tit .en_tit {
 font: bold 24px/30px "Microsoft Yahei";
}
.content_goods .c_tit .cn_tit {
 font: bold 16px/30px "Microsoft Yahei";
}
.content_goods .c_con {
 float: left;
 width: 780px;
 height: auto;
 min-height: 100px;
 padding: 20px 0;
 overflow: hidden;
}
/*文章详情*/
.content_news {
 float: left;
 width: 780px;
 height: auto;
 overflow: hidden;
}
.content_news .title {
 float: left;
 width: 780px;
 height: 50px;
 text-align: center;
 font: bold 24px/50px "Microsoft Yahei";
 font-weight: bold;
}
.content_news .info {
 float: left;
 width: 780px;
 text-align: center;
 color: #999999;
 font-size: 13px;
}
.content_news .content {
 float: left;
 width: 780px;
 padding: 20px 0;
 line-height: 180%;
}
/*单页详情*/
.content_page {
 float: left;
 width: 780px;
 height: auto;
 overflow: hidden;
}
.content_page .content {
 float: left;
 width: 780px;
 padding: 10px 0;
 line-height: 180%;
}
/* 在线客服
----------------------------------------------- */
#onlineService {
 position: fixed;
 _position: absolute;
 _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");
 top: 258px;
 right: 10px;
 z-index: 999999;
 display: block;
}
#onlineService dl {
 position: relative;
 cursor: pointer;
 background: url(images/online_service.gif) no-repeat;
 width: 56px;
 height: 56px;
 padding:1px;
 margin-bottom:5px;
}
#onlineService dl.qq {
 background-position:left -63px;
}
#onlineService dl.email {
 background-position:left -126px;
}
#onlineService dl.qrcode {
 background-position:left -189px;
}
#onlineService dl dt {
 display:none;
 background-color:#82A9E2;
 color:#FFF;
 width: 56px;
 height: 46px;
 padding-top:10px;
 font-size:14px;
 text-align:center;
}
#onlineService dl dd {
 display:none;
 position:absolute;
 right:58px;
 top:10px;
 width:190px;
}
#onlineService dl dd p {
 background: url(images/online_service_dd.png) no-repeat left top;
 width:190px;
 height:38px;
 margin-bottom:10px;
}
#onlineService dl dd p.child {
 background: url(images/online_service_dd_child.png) no-repeat left top;
}
#onlineService dl dd p em {
 display:block;
 padding:0 30px 0 10px;
 line-height:38px;
 color:#FFF;
 text-align:center;
 white-space:nowrap;
}
#onlineService dl dd p em a {
 color:#FFF;
}
#onlineService dl dd.qr {
 width:130px;
 top:-26px;
}
#onlineService dl dd p.code {
 background: url(images/online_service_dd_qrcode.png) no-repeat left top;
 width:130px;
 height:112px;
}
/* 图片模块
----------------------------------------------- */
.imgModule {
 height: auto;
 line-height: 32px;
 padding-top: 20px;
}
.imgModule h3 {
 color: #5fa31c;
 font-size: 12px;
 line-height: 24px;
 margin-bottom: 20px;
}
.imgModule li {
 width: 180px;
 height: 180px;
 background: url(images/qysl2.jpg) top no-repeat;
 padding: 4px 4px 0 4px;
 float: left;
 margin-left: 35px;
 display: inline;
}
.imgModule li span {
 width: 180px;
 text-align: center;
 line-height: 22px;
 margin-top: 20px;
 display: block;
}