﻿
.m-code{ float:left; width:250px;}
.m-code img{ margin-top:12px;}
#top{ background:url(../images/topbg.jpg) no-repeat; height:40px; width:100%;}
#top .tleft{ width:800px; float:left; color:#FFF; line-height:40px; height:40px;}
#top .tright{ float:right; width:240px; color:#FFF;}
#top .tright a{ margin-left:8px; color:#FFF; line-height:40px;}

#logo { padding:0;}
#logo a { width:208px; height:53px; overflow:hidden; float:left; display:block; margin:30px 61px 0 0 }
.menu {}
.menu li { float:left; text-align:center;}
.menu li a { display:block; color:#000; text-align:center; line-height:92px; padding:12px 15px; height:92px; font-size:16px;}
.menu li a:hover{ background:#ededed; border-top:2px solid #1680b4; color:#000;}
.menu li a.acted{ background:#ededed; border-top:2px solid #1680b4;}

/*banner*/
.banner{ width: 100%; position: relative; display: inline-block; background: url(../../img/loading.gif) no-repeat center; }
.banner.margin{ top: 141px; margin-bottom: 135px; z-index: 2; }
.banner img{ width: 100%; display: block; }
.banner ul{ width: 100%; position: absolute; left: 0; top: 0; }
.banner li{ width: 100%; position: absolute; left: 0; top: 0; display: none; }
.banner .btnbox{ position: absolute; left: 50%; bottom: 15px; }
.banner .btnbox span{ display: block; width: 13px; height: 13px; background: url(../images/ico_03.png) no-repeat center; float: left; cursor: pointer; margin-left: 11px; }
.banner .btnbox span.on{ background: url(../images/ico_04.png) no-repeat center; }
.banner .i-ban-hei{ margin-top: 25%; width: 100%; height: 0; }

.iproul{ width:100%; float:left; height:704px; background:url(../images/iprobg.png) no-repeat; padding-top:30px;}
.iproul .ptitle{ background:url(../images/line.png) no-repeat center; text-align:center; font-size:36px; font-weight:600;}



.index1{}
.none{display:none;}
.TabTitle1{height:34px;text-align:center;margin:26px 0 50px;}
.TabTitle1 ul{}
.TabTitle1 li{display:inline-block;}
.TabTitle1 li a{display:block;float:left;line-height:45px; padding:0 15px; color:#B2ADAE;font-size:14px;text-decoration:none;}
.TabTitle1 li.active a{background:#1680b4;color:#FFF;}
.TabContent1{clear:both;}


#myTab{background: #fff none repeat scroll 0 0; border: 1px solid #e3e3e5; height: 45px; width:800px; margin:0 auto;}

.TabContent1 ul li {
    float: left;
    height: 270px;
    width: 400px;
}














.view img{display:block;position:relative}
.view .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=0);opacity:0;background-color:rgba(34,34,44,0.7);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.view:hover img{}
.view:hover .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}
.view-2{width:180px;overflow:hidden;position:relative;text-align:center}
.view-2-img{width:400px;height:270px;overflow:hidden}
.view-2 img{ width:400px; height:270px;}
.view-2 .mask{width:400px;height:270px;position:absolute;overflow:hidden;top:0;left:0}
.view-2 .icon-play{font-size:15px;margin-top:20px;line-height:220px}
.view-2 .videotime{display:block;position:absolute;left:160px;bottom:100px; border-radius:4px; width:80px; height:30px; line-height:30px; border:1px solid #FFF;}
.view-2 a .mask{color:#FFF}


.ipro{ width:100%; background:url(../images/icobg.jpg) no-repeat; height:634px;}
.ipro .search{ width:1200px; margin:0 auto; height:40px; line-height:40px;}

.ipro .search .deta{ width:1000px; float:left;}
.ipro .search .deta h1{ color:#1e3777; font-weight:normal; float:left; width:88px;}
.ipro .search .deta span{ padding-left:8px; color:#323232; float:left;}
.ipro .search .deta span a{ padding-right:10px; color:#333;}
.ipro .search .ser{ float:left; width:200px; padding:0; margin:0;}


.ipro .search .ser form{
	margin-top:8px;
	width:181px;
	height:24px;
	background:url(../images/serk.png) no-repeat left;
}

.ipro .search .ser input[type="submit"]{
	width: 29px;
	height: 24px;
	background: url(../images/ser.png) no-repeat;
	float: right;
	display: inline;
	cursor: pointer;
	border:0 none;padding:0;
}

.ipro .search .ser input[type="text"] {
	width: 130px;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	border: 0 none;
	background:none;
	padding-left:20px;
	color:#999;
}

/*
.ipro .search .ser .kuang{ background:url(../images/serk.png) no-repeat; width:130px; height:24px; line-height:24px; border:none; margin-top:8px; padding-left:20px; color:#999;}*/

.hotpro{ width:100%; margin-top:18px; float:left;}
.hotpro .hotitle{ border-bottom:3px solid #e3e3e5; background:url(../images/hot_product.png) no-repeat; height:46px; width:100%; padding-bottom:14px;}

.overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;background-color: rgba(0,0,0,0.5); /*dim the background*/ text-align:center; display:none;}
#overlay_pic { width:400px; box-shadow: 10px 10px 5px #000;}
.jscarousal{ width: 1200px; height: 550px; margin-top:30px; float:left; position: relative; /*overflow: hidden;*/ }
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right { float: left; width: 41px; height: 130px; color: White; position: relative; top: 150px; cursor: pointer; }
.jscarousal .jscarousal-left { background-image: url(../images/right.png); background-repeat: no-repeat; background-position: left;}
.jscarousal .jscarousal-right{ background-image: url(../images/left.png); background-repeat: no-repeat; background-position: right; }
.jscarousal-contents { width: 1060px; margin:0 24px; height: 500px; float: left; position: relative; overflow: hidden; }
.jscarousal-contents > div { position: absolute; width: 100%; height: 160px; }
.jscarousal-contents > div > div{float: left; margin-left: 8px; margin-right: 8px; }
.jscarousal-contents img { width: 328px; height: 210px; border: solid 1px #7A7677; }
.hidden { display: none; }
.visible { display: block; }
.thumbnail-active { filter: alpha(opacity=100); opacity: 1.0; cursor: pointer; }
.thumbnail-inactive { filter: alpha(opacity=100); opacity: 1.0; cursor: pointer; }
.thumbnail-text { color: #7A7677; font-weight: bold; float:left; display: block; position: relative; top:220px;}

.vie .mas{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;background-color:rgba(34,34,44,0.7); height:35px; float:left;}
.vie:hover .mas{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}
.vie-2{width:330px;overflow:hidden;position:relative;text-align:center; margin-bottom:22px;}
.vie-2 .mas{width:330px;height:35px;position:absolute;overflow:hidden;top:180px;left:0; text-align:center;}
.vie-2-img{width:330px;height:213px;overflow:hidden}
.vie-2 img{}
.vie-2 .vname{display:block;position: relative; line-height:35px; text-align:center; color:#FFF;}
.vie-2 a .mas{color:#FFF; text-align:center;}

.iabout{ background:#fafafa; border:1px solid #e3e3e1; border-left:none; border-right:none; width:100%; height:370px; padding:35px 0; float:left;}
.iabout .aleft{ float:left; width:830px;}
.iabout .aleft h2{ color: #1680b4; font-size:24px; font-weight:normal;}
.iabout .aleft h2 span{ color:#666; font-family: "Times New Roman", Times, serif; padding-left:8px;}
.iabout .aleft .atext{ background:url(../images/aboutyh.png) no-repeat 0 8px; line-height:24px; height:320px; padding:56px 20px 0 0}
.iabout .aleft .atext a{ color:#1680b4;}

.iabout .aright{ float:left; margin-left:20px; width:300px;}
.iabout .aright h2{ color: #1680b4; font-size:24px; font-weight:normal; padding-left:8px;}
.iabout .aright h2 span{ color:#666; font-family: "Times New Roman", Times, serif; padding-left:8px;}



/*作品*/
#work {width:1180px; height:405px;}
.line-dh{ width:100%; text-align:center;}
#work .TabsTop span{float:left; margin:35px 0 0 35px; cursor:pointer;}
#work .TabsTop span.topl {padding:0;}
#work .TabsTop span.topv {color:#e00000;}
#work .TabsTop { width:420px; text-align:center; margin:0 auto;}
#work .TabsTop .new {background:url(../images/new.gif) 30px 18px no-repeat; padding:0 30px 0 0; position: absolute;}
#work .tab .undis{display:none;}
#work .tab .TabsCnt {overflow:hidden;}
#work .tab .Tabsdiv {overflow:hidden;}
#work .worklist {padding:0;}
#work .worklist li {float:left; padding:20px 0 0 20px; width:173px; overflow:hidden;}
#work .worklist li img {min-height:233px!important;_height:233px; min-width:173px;_width:173px; margin:-20px 0 0 -20px;_margin:0 0 0 0;}
#work .worklist_pic {width:173px; height:233px; overflow:hidden;}
#work .worklist .title {line-height:35px;}
#work .worklist .see {background:url(../images/see.gif) 0 center no-repeat; padding:0 0 0 22px;}














.track { width: 100%; position: relative;}
.view-port, .track .inner { width: 300px;}
.axis-y .view-port,
.axis-y .track .inner { width: 240px; height: 360px;}
.view-port { overflow: hidden; position: relative;}
.track .inner { position: relative; margin-bottom: 30px; padding: 16px 10px 10px 0; }
.track .inner h2 { font-weight: 200; font-family: Helvetica,Arial,Verdana,sans-serif; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); text-transform: uppercase; color: #999;}
.track .inner h2:hover { color: #6A3;}
.track a.prev,
.track a.next { display: block; position: absolute; top: 50%; margin-top: -32px; width: 64px; height: 64px; background: url("../images/arrows.png"); background-repeat: no-repeat;}
.track a.prev.disabled,
.track a.next.disabled { display: none;}
.track a.prev { left: 0; background-position: 0 0;}
.track a.prev:hover { background-position: 0 -66px;}
.track a.prev:active {  background-position: 0 -132px;}
.track a.next { right: 0; background-position: -64px 0;}
.track a.next:hover { background-position: -64px -132px;}
.track a.next:active { background-position: -64px -198px;}
.slider-container { position: relative; margin: 0; padding: 0; height: 220px;}
.slider-container.big { height: 288px;}
.slider-container.huge { height: 432px;}
.slider-container .item { position: absolute; width: 300px; height: 220px; margin-right: 16px; margin-bottom: 16px;}
.slider-container .item img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid white; width:250px; height:188px;}
.slider-container.big .item,
.slider-container.big .item .img-area { height: 288px;}
.slider-contaiber.huge .item { margin-bottom: 12px;}
.slider-container .item p { padding: 0; margin: 0;}
.slider-container .item.cover { width: 940px;}
.slider-container .item.cover-2 { height: 432px;}
.slider-container .item.cover img { float: left;}
.slider-container .item.cover-2 img { float: none;}
.slider-container .item.cover .img-area { float: right; margin-left: 16px;}
.slider-container .item.cover-2 .img-area { float: none; margin-left: 0; margin-top: 12px;}
.slider-container .item.cover-2 .img-area .img-block:first-child { margin-right: 14px;}
.slider-container .item.cover .img-block { height: 128px;}
.slider-container .item.cover-2 .img-block { float: left;}
.img-block { margin-bottom: 16px;}
.editorial { float: right; width: 200px; padding-right: 20px; height: 272px; background: white;}
.editorial .title { font-size: 24px; margin: 20px 0 0 20px;}
.editorial .desc { font-size: 14px; line-height: 18px; padding-top: 8px; margin-left: 20px;}
.side-a, .side-b { float: left; width: 462px;}
.side-a { margin-right: 16px;}
.side-a > img, .side-b > img { width: 462px; height: 272px;}
.bullet-pagination { width: 150px; text-align: left; margin-left:15px; margin-top: 15px; float:left;}
.bullet-more a{ color:#333; font-size:12px; padding-top:8px; float:left;}
.bullet { display: inline-block; background: #999; padding: 4px; border-radius: 6px; margin-right: 5px; opacity: 0.4; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear;}
.bullet.active { opacity: 1;}
.bullet:last-child { margin-right: 0;}

.view-port { overflow: hidden; position: relative;}
.slider-container { position: relative; margin: 0; padding: 0;}
.item { position: absolute;}
.chengxin{ width:100%; height:125px; text-align:center; background:#1680b4; line-height:125px; float:left; font-size:28px; color:#FFF;}

.inews{ width:1200px; float:left; margin-top:50px; margin-bottom:30px;}
.inews h2{ color: #999; font-size:24px; font-weight:normal; padding-left:8px; float:left; width:190px;}
.inews h2 span{ color:#666; font-family: "Times New Roman", Times, serif; padding-left:8px;}
.inews .inbg{ color:#333; float:left; background:url(../images/news-line.png) no-repeat 0 8px; width:911px; height:31px;}
.inews .nmore a{ text-align:right; float:right; line-height:35px; color:#323232;}
.inews ul{ width:1280px; float:left; overflow:hidden; margin-top:30px;}
.inews li{ width:288px; float:left; display:block; margin-right:18px;}
.inews li img{ width:288px; height:180px;}
.inews li h1{ font-size:16px; margin:12px 0 6px 0;}
.inews li p{ line-height:24px;}
.inews li h1 a{ color:#333;}
.inews li h1 a:hover{ color:#f00;}

.footer{ width:100%; background:url(../images/footbg.png) no-repeat; height:488px; float:left;}
.foot{ height:372px; margin:0 auto; width:1200px; padding-top:38px; color:#FFF;}
.foot .ftitle{ width:530px; border-bottom:1px solid #FFF; height:40px;}
.foot .ftitle h2{ font-size:20px; font-weight:normal}
.foot .ftitle .line{ border-bottom:1px solid #1680b4; width:120px; position:absolute; height:40px;}

.foot .feedback{ width:530px; float:left;}
.foot .feedback form{ margin-top:30px; float:left;}
.foot .feedback .name{ float:left; width:530px; margin-bottom:12px;}
.foot .feedback img{ width:42px; height:39px; float:left;}
.foot .feedback .ntext{ float:right; width:478px; height:37px; border-radius:0; border:none;}
.foot .feedback .fcontent img{ width:42px; height:103px; float:left; margin-right:8px;}
.foot .feedback .fcontent .ftext{ float:left; width:395px; height:101px; border-radius:0; border:none;}
.foot .feedback .fcontent .fbut{ float:right; width:74px; font-size:24px; border:none; height:103px;}

.foot .fcontact{ width:530px; float:right;}
.foot .fcontact h1{ margin:20px 0; font-size:32px;}
.foot .fcontact p{ line-height:28px; padding-left:12px;}
.fbottom{ width:100%; float:left; border-top:1px solid #515153; line-height:77px; color:#FFF; height:77px;}

#nbanner { position:relative; z-index:-1; width:100%; float:left; }
#nbanner img{ width:100%; height: auto;}

.bg-gray { background-color: #f5f5f5; padding:35px 0; float:left; width:100%;}
.bg-gra { background-color: #f2f3f4; padding:35px 0; float:left; width:100%;}
.f-cb{ zoom: 1;}
.f-cb:after{ display:block; height:0; clear:both; visibility:hidden; overflow:hidden; content:".";}
.fl { float:left; display: inline;}
.fr { float:right; display: inline;}

.inside-menu { height: 70px; border-bottom: 1px solid #ededed; background: #fff; float:left; width:100%; clear:both;}
.inside-menu.fixed { position: fixed; left: 0; top: 0; width: 100%; z-index: 5;}
.inside-menu a { display: inline-block; font-size: 14px; line-height: 70px; color: #666;}
.inside-menu a:hover { color: #0062cb;}
.inside-menu a.home { width: 20px; height: 70px; background: url(../images/bg_sign06.png) no-repeat center;}
.inside-menu span { display: inline-block; width: 28px; height: 70px; background: url(../images/bg_sign07.png) no-repeat center;}
.inside-menu em {
	display: inline-block;
	font-size: 14px;
	line-height: 70px;
	color: #666;
	text-decoration: none;
	font-style: normal;
}
.inside-menu .menu a { position: relative; display: inline-block; margin: 0 16px; font-size: 14px; line-height: 70px; color: #666;}
.inside-menu .menu a:last-child { padding-right: 0;}
.inside-menu .menu a:after { transition: all 0.5s;}
.inside-menu .menu a:hover { color: #006ee2;}
.inside-menu .menu a:hover:after, .inside-menu .menu a.cur:after { content: ""; display: inline-block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background: #006ee2;}
.menu-block { height: 0px;}

.bg-gray .cont{ width:1200px; margin:0 auto; overflow:hidden;}
.bg-gray .cont .contat{ line-height:28px; font-size:15px; float:left; width:400px; padding-left:45px;}
.bg-gray .cont .map{ float:right;}
.bg-gray .cont .contat a{ color:#333;}

.newslist{ width:1200px; overflow:hidden; margin:0 auto;}
.newslist li{ width:98%; float:left; display:block; border-bottom:1px dotted #CCC; line-height:35px; background:url(../images/news_ico.jpg) no-repeat 0 13px; padding-left:12px;}
.newslist li span{ float:right;}
.newslist li a{ color:#000;}
.newslist li a:hover{ color:#F00;}

nav.pagelist { clear: both; text-align: center; font-size: 1.4em; padding: 20px 0px 12px 0px; }
nav.pagelist a { border: #9aafe5 1px solid; margin-right: 5px; padding: 3px 7px; color: #2e6ab1; }
nav.pagelist a:hover { color: #e06f23; text-decoration: none; }
nav.pagelist span.current { color: #fff; background-color: #2e6ab1; margin-right: 5px; padding: 3px 7px; }
nav.pagelist span.disabled { border: #ccc 1px solid; margin-right: 5px; padding: 3px 7px; color: #3C3C3C; }


.news-info { background-color: #fff; padding: 35px 4% 38px; width: 1200px; margin:0 auto; }
.news-info h3 { border-bottom: 1px solid #e4e4e4; color: #333; font-size: 24px; font-weight: normal; line-height: 58px; padding-bottom: 23px; text-align: center;}
.news-info .lab-tips { line-height: 30px; padding-top: 21px; text-align: center;}
.news-info .lab-tips .date { color: #999;font-family: "Arial"; font-size: 14px; text-align:center; width:100%;}
.news-info .lab-tips .tt { color: #525151; margin-right: 12px;}
.news-info .lab-tips .share { display: inline-block; margin-left: 17px;}
.news-info .lab-tips a { display: inline-block; float: left;}
.news-info .cont { color: #444; font-size: 14px; line-height: 26px; padding-bottom: 50px; padding-top: 24px; float:left; width:95%;}
.news-info .cont img { display: block; margin: 0 auto; max-width: 100%;}
.news-info .paging .left { line-height: 22px;}
.news-info .paging a { color: #666;}
.news-info .paging a:hover { color: #0062cb;}
.news-info .paging .return { background: rgba(0, 0, 0, 0) url(../images/ico_01.jpg) no-repeat scroll left center; display: inline-block; line-height: 22px; padding-left: 18px;}

/****************在线留言**************/
.contact-wrap{ transition: normal; }
.contact-wrap .wrap2{ width: 100%; padding-bottom: 30px; }
.contact-wrap .wrap2 .tab-wrap{ width: 97%; padding-right: 3%; padding-top: 20px; padding-bottom: 15px; font-size: 14px;}
.contact-wrap.m-wrap .wrap2 .tab-wrap{ display: none; }
.contact-wrap .wrap2 .tab-wrap.m-tabwrap{ display: none; }
.contact-wrap.m-wrap .wrap2 .tab-wrap.m-tabwrap{ display: block; padding: 0; width: 100%; background: none; margin-top: 5px; }
.contact-wrap .wrap2 .tab-wrap .tt{ padding-right: 1%; text-align: right; }
.contact-wrap .wrap2 .tab-wrap .tex{ font-size: 14px; height: 15px; line-height: 14px; padding: 14px 10px 13px 10px; background-color: #fff; border: 1px solid #dbdbdb; width: 95%; }
.contact-wrap.m-wrap .wrap2 .m-tabwrap .tex{ width: 93%; }
.contact-wrap .wrap2 .tab-wrap .code{ width: 100px; font-size: 14px; height: 15px; line-height: 14px; padding: 14px 10px 13px 10px;background-color: #fff; border: 1px solid #dbdbdb; margin-right: 10px;}
.contact-wrap .wrap2 .area{ border: 1px solid #dbdbdb; width: 98%; padding: 10px; resize: none; }
.contact-wrap.m-wrap .wrap2 .area{ width: 93%; }
.contact-wrap .wrap2 .sub-btn{ border: none; width: 192px; height: 40px; background-color: #035cac; line-height: 40px; text-align: center; color: #fff; font-size: 16px; }
.contact-wrap.m-wrap .wrap2 .m-tabwrap .sub-btn{ width: 100%; }
.contact-wrap.m-wrap .wrap2 .stex{ font-size: 14px; height: 15px; line-height: 14px; padding: 14px 10px 13px 10px; background-color: #fff; border: 1px solid #dbdbdb; width: 40%; margin-right: 4%;}
.contact-wrap .wrap2 .code-img{ border: 1px solid #dbdbdb; margin-right: 20px; }


.produce{ width:1200px; margin:0 auto;}
.produce-side { float: left; width: 285px;}
.produce-side .title { background: #e71e14 none repeat scroll 0 0; height: 56px; line-height: 56px;}
.produce-side .title h3 { color: #f2f3f4; float: left; font-size: 18px; font-weight: normal; margin-left: 29px;}

.menu_list{ float:left; width:285px; margin-top:4px;}
.menu_head{width:247px;height:47px;line-height:47px;padding-left:38px;font-size:16px;color:#fff;cursor:pointer;position:relative;margin:0px;font-weight:bold;background: url(../images/pro_title_bg.jpg) repeat-x; border-bottom:1px solid #e5e5e5}
.menu_list .current{background: url(../images/pro_title_bg.jpg) repeat-x;}
.menu_list .current a{ color:#fff;}
.menu_list .current a:hover{ color:#f00;}
.menu_list .current a.actd{ color:#f00;}




.menu_body{width:285px;height:auto;overflow:hidden;line-height:38px; }
.menu_body a{display:block;width:247px;height:38px;line-height:38px;padding-left:38px;color:#777777;text-decoration:none;border-bottom:1px solid #e1e1e1; background: #ededed url(../images/pro_side_ico.png) no-repeat 255px 14px;}
.menu_body a:hover{text-decoration:none; color:#C30;}
.menu_body a.actm{ color:#C30;}

.produce-list { background: #fff none repeat scroll 0 0; float: right; padding: 20px 0 20px; width: 886px;}
.produce-list .list { border-bottom: 2px solid #eff0f1;}
.produce-list li { border: 7px solid transparent; padding: 35px 30px; width: 812px; float:left;}
.produce-list li img{ float:left; height:173px; width:270px;}
.produce-list li:hover { border-color: #eeeeee;}
.produce-list li .text { float: left; margin-left: 20px; width: 522px;}
.produce-list li .text h1 { color: #333333; font-size: 28px; height: 58px; line-height: 29px; padding: 12px 0;}
.produce-list li .text h1 a { color: #333333;}
.produce-list li .text h1 a:hover { color: #e71e14;}
.produce-list li .property { float:left; width:325px; line-height:24px;}
.produce-list li .link { border-left: 1px solid #f2f2f2; float: right; height: 104px; padding-left: 34px; width: 135px;}
.produce-list li .link .info { border: 1px solid #666; color: #333; display: block; font-size: 14px; height: 30px; line-height: 30px; text-align: center; width: 123px; }
.produce-list li .link .buy { border: 1px solid #666; color: #333; display: block; font-size: 14px; height: 30px; line-height: 30px; margin: 12px 0 7px; text-align: center; width: 123px;}


#case_list { background-color: #fff; padding: 35px 0 38px 0px; width: 890px;  float:right; min-height:550px;}
#pro_img{ text-align:center; }
#pro_img img{ border:1px solid #CCC; width:80%; height:auto;}
#pro_name{ padding-top:6px; text-align:center; color:#000; font-size:16px; }
#pro_desc{ margin:3px 5px 0px 12px; line-height:22px; height:auto !important; overflow:hidden; padding:20px 30px 0 85px;}
#pro_desc img{ width:100%;}
#pro_desc h2{ font-size:14px; }
#pro_desc p { margin:0px 0px 8px 0px; }
#pro_desc a { color:#094B9F; }
#pro_desc a:hover { text-decoration:underline; color:#094B9F; }
#pro_link{ clear:both; width:100%; text-align:center; margin:20px 0 10px 0; height:auto !important; overflow:hidden; }
#pro_link .previous{ padding-right:50px; text-align:left; font-size:14px;}
#pro_link .previous a{ color:#323232;}
#pro_link .previous a:hover{ color:#f00;}
#pro_link .next{ width:50%; text-align:right; font-size:14px;}
#pro_link .next a{ color:#323232;}
#pro_link .next a:hover{ color:#f00;}

td a{ color:#333;}