@charset "utf-8";
:focus{
outline:0;
}
*{
outline:0;
-webkit-tap-highlight-color:transparent;
}
*:not(input,textarea) { 
-webkit-touch-callout: none; 
-webkit-user-select: none; 
}
html{
font-size: 62.5%;
}
body {
line-height:1.6;
font-family:"Microsoft Yahei",verdana,tahoma,arial;
font-size:1.4rem;
padding:0;
margin:0;
background-color:#f9f9f9;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
color:#686868;
-webkit-overflow-scrolling:touch;
}
body.noscroll,html.noscroll{
overflow:hidden;
}
body.holeindex{
background-color:#f5f5f5;
}
body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
margin: 0;
padding: 0;
border: 0;
}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
dfn{
font-style:normal;
font-family:arial;
}
button,input,textarea{
font-family:"微软雅黑",verdana,tahoma,arial;
}
fieldset{

}
a:link {
color: #686868; 
text-decoration: none;
outline: 0;
}
a:visited {
color: #686868; 
text-decoration: none;
outline: 0;
}
a:hover {
color: #424242; 
text-decoration: none;
outline: 0;
}
a:active {
color: #424242; 
text-decoration: none;
outline: 0;
}
h1,h2,h3,h4,dl,dt,dd{
font-weight:normal;
font-size:100%;
}
img{
border:0px;
vertical-align:top;
}
p,form{
padding:0;
margin:0;
}
ul{padding:0;margin:0;list-style:none;}
.clear{clear:both;}
.clear1{clear:both;height:10px;}
.clear2{clear:both;height:20px;}
.divider{clear:both;line-height:1px;padding-top:5px;border-bottom:1px #ccc dashed;margin-bottom:5px;}
img.lazy{
background:url(images/loading.gif) no-repeat center center;
background-size:50%;
}
a img{
-webkit-touch-callout: none;
-ms-touch-callout: none;
-moz-touch-callout: none;
-o-touch-callout: none;
touch-callout: none;
pointer-events: none;
}
.no-select{  
-webkit-user-select:none;
-moz-user-select:none;
-o-user-select:none;
user-select:none;
pointer-events: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="number"]{
-moz-appearance:textfield;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button{
-webkit-appearance: none !important;
margin: 0;
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}

.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}


.alert {
  padding: 10px 15px;
  margin-bottom: 10px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size:1.4rem;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}


.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.badge-danger{
  color: #fff;
  background-color: #d9534f;
}
.badge-warning{
  color: #fff;
  background-color: #f0ad4e;
}
.badge-info{
  color: #fff;
  background-color: #5bc0de;
}
.badge-success{
  color: #fff;
  background-color: #5cb85c;
}
.badge-primary{
  color: #fff;
  background-color: #337ab7;
}


#core_loading{
position: fixed;
top: 50%;
left: 50%;
margin-left: -40px;
margin-top: -30px;
width: 80px;
z-index: 999999;
display: none;
}


.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}

.fixed_relative{
position:relative;
}
.pageheader{
position:relative;
height:100px;
width:100%;
background-color:#fff;
}
.pageheader .section{
width:1200px;
margin:0 auto;
height:100px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.pageheader .section .logo{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
flex: 0 0 260px;
}
.pageheader .section .logo img{
height:60px;
}
.pageheader .section .menu{
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-flexbox;
display: flex;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.pageheader .section .toptele{
flex: 0 0 240px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-flexbox;
display: flex;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.pageheader .section .toptele span{
font-size:2.4rem;
display:inline-block;
background:url(images/icon_toptele.svg) no-repeat left center;
background-size:32px 32px;
padding-left:38px;
color:#e7211e;
}
.pageheader .section .menu ul li{
float:left;
font-size:1.6rem;
padding:0 10px;
}
.pageheader .section .menu ul li a{
display:block;
line-height:2;
padding:0 10px;
border-bottom:3px transparent solid;
}
.pageheader .section .menu ul li a:hover,.pageheader .section .menu ul li a.hover{
color:#e7211e;
border-bottom:3px #d5d5d5 solid;
}
/* 顶部按钮 */
.floatbtn{
position:fixed;
bottom:100px;
right:10px;
z-index:999;
cursor:pointer;
width:50px;
height:50px;
display:none;
}
.gotop{
height:50px;
width:50px;
position:absolute;
top:0;
right:0;
overflow:hidden;
background:#C0C0C0;
}
.gotop{
transition:all 0.4s;
-moz-transition:all 0.4s; 
-webkit-transition:all 0.4s; 
-o-transition:all 0.4s; 
}
.gotop:hover{
width:130px;
background:#989898;
}
.gotop .c{
width:130px;
height:50px;
position:absolute;
top:0;
right:0;
}
.gotop .c .t{
width:80px;
position:absolute;
height:50px;
line-height:50px;
font-size:14px;
text-align:center;
left:0;
top:0;
color:#fff;
}
.gotop .c .ico{
width:19px;
position:absolute;
height:23px;
right:15px;
top:14px;
background: url(images/bg_goTab.png) no-repeat;
}
/* 页面footer */
.pagefooter{
position:relative;
width:100%;
background-color:#131a20;
}
.pagefooter .section{
background:#f5f5f5 url(images/footerbg.jpg) no-repeat center top;
min-height:600px;
}
.pagefooter .section .content{
width:1200px;
margin:0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.pagefooter .section .content .item{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-flexbox;
display: flex;
flex-direction: column;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
flex: 0 0 28%;
padding:130px 0 0 0;
}
.pagefooter .section .content .item h1.title{
font-weight:bold;
font-size:1.8rem;
line-height:1.5;
}
.pagefooter .section .content .item h1.title span{
padding: 0 5px;
display:inline-block;
border-bottom:2px #e7211e solid;
}
.pagefooter .section .content .item h1.title.fixednull span{
padding: 0 5px;
display:inline-block;
border-bottom:2px transparent solid;
}
.pagefooter .section .content .item .data{
padding:45px 0 0 0;
flex:1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.pagefooter .section .content .item .data .ulist{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-flexbox;
display: flex;
flex:1 1 auto;
flex-direction: column;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.pagefooter .section .content .item .data .ulist li{
border-bottom:1px #d5d5d5 solid;
font-size:1.6rem;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-flexbox;
display: flex;
flex:1 1 auto;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.pagefooter .section .content .item .data .ulist li span.txt{
line-height:2.5;
}
.pagefooter .copyright{
width:1200px;
margin:0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding:40px 0;
}
.pagefooter .copyright .logo{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
flex: 0 0 220px;
}
.pagefooter .copyright .logo img{
height:60px;
}
.pagefooter .copyright .cont{
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color:#fff;

}
.pagefooter .copyright .qrcode{
flex: 0 0 220px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.pagefooter .copyright .qrcode img{
width:120px;
height:120px;
}

/* 页面主体 */
.pagesection{
position:relative;
width:100%;
}
.pagesection.nth-old{
background-color:#f3f3f3;
}
.pagesection.fixedbgw{
background-color:#fff;
}
.pagesection .section{
width:1200px;
margin:0 auto;
padding:80px 0;
}
.pagesection .section.fixed-all{
width:100%;
}
.pagesection .section.fixed-inner{
padding:0;
}
.pagesection .section .pagetitle{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position:relative;
}
.pagesection .section .pagetitle .titlemod h1{
font-size:3.4rem;
line-height:1.6;
border-bottom:2px #e7211e solid;
padding:0 10px;
text-align:center;
}
.pagesection .section .pagetitle .titlemod h2{
font-size:2.2rem;
line-height:1.6;
padding:0 10px;
text-align:center;
color:#e7211e;
}
.pagesection .section .pagedata{
padding:40px 0 0 0;
}




		<div class="pagetitle">
			<div class="titlemod">
				<h1>丝路通服务</h1>
				<h2>Silkroad Service</h2>
			</div>
		</div>




		<div class="pagetitle">
			<h1>丝路通服务</h1>
			<h2>Silkroad Service</h2>
		</div>
		<div class="pagedata">
			
		</div>

<div class="pagesection">
	<div class="section fixed-all">
		
	</div>
</div>


















/* 


header{
height:140px;
background:url(images/headbg.png) repeat-x left bottom;
}
header section{
width:1100px;
margin:0 auto;
}
header .logo{
height:40px;
padding:32px 0;
float:left;
width:350px;
text-align:center;
}
header .logo img{
vertical-align:top;
}
header .qrcode{
height:104px;
padding:0;
float:right;
width:700px;
}
ul.qrlist{
float:right;
}
ul.qrlist li{
float:left;
width:120px;
text-align:center;
font-size:14px;
line-height:18px;
padding-top:2px;
}
header .menu{
clear:both;
height:36px;
}
header .menu > ul{
height:36px;
}
header .menu > ul > li{
float:left;
width:122px;
line-height:33px;
padding:0 0 3px 0;
font-size:14px;
text-align:center;
background:url(images/menuspl.png) no-repeat right top;
position:relative;
}
header .menu > ul > li > a{
display:block;
width:102px;
margin:0 auto;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
header .menu > ul > li > a.hover,header .menu > ul > li > a:hover{
background:url(images/menu_on.png) no-repeat;
font-size:16px;
color:#fff;
}
header .menu > ul > li .sub{
background:#fff;
position:absolute;
left:50%;
top:36px;
width:102px;
margin-left:-51px;
border:1px #ccc solid;
border-radius:0 0 5px 5px;
z-index:999;
display:none;
}
header .menu > ul > li .sub{
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
header .menu > ul > li:hover .sub{
display:block;
}
header .menu > ul > li .sub li{
border-bottom:1px #ccc solid;
}
header .menu > ul > li .sub li:last-child{
border-bottom:none;
}
header .menu .sub li a{
display:block;
border-radius:5px;
margin:2px;
line-height:30px;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}

header .menu .sub li a:hover{
background:#004b9e;
color:#fff;
}



footer{
background:#f2f2f2;
border-top:1px #d1d1d1 solid;
box-shadow:inset 0 1px 1px #fff;
}
footer section{
width:1100px;
margin:0 auto;
padding:10px 0;
position:relative;
}
footer .copyright{
text-align:center;
}
footer .go2top{
position:absolute;
top:0;
right:0;
width:70px;
height:18px;
background:url(images/footer-top.png) no-repeat;
text-indent:-999px;
overflow:hidden;
cursor:pointer;
}
/首页大幅广告/
#slide_banner {
width: 100%;
min-width:1200px;
margin:0 auto 20px auto;
position:relative;
height:380px;
}
#slide_banner table{
border-collapse:collapse;
padding:0;
margin:0;
width: 100%;
}
#slide_banner table td{
padding:0;
margin:0;
}
#slide_banner .slide_stage {
width:100%;
height:380px;
overflow:hidden;
}
#slide_banner .slide_stage .bg {
height:380px;
text-align:center;
width:100%;
}
#slide_banner .slide_stage a {
display:block;
width:100%;
height:380px;
}
#slide_banner .slide_handdler {
width:1200px;
margin:0 auto;
height:24px;
margin-top:-34px;
text-align:center;
}
#slide_banner .slide_handdler .w {
width:1100px;
padding:0 50px;
margin:0 auto;
position:relative;
}
#slide_banner .slide_handdler a {
display:inline-block;
width:24px;
height:24px;
line-height:24px;
border-radius:12px;
overflow:hidden;
text-align:center;
color:#fff;
font-weight:bold;
text-decoration:none;
vertical-align:top;
margin-right:5px;
font-size:15px;
background:#999;
font-family:Arial
}
#slide_banner .slide_handdler .current {
background:#af0000;
color:#fff;
}
#slide_banner .slide_handdler a:hover, #slide_banner .slide_handdler .current {
background:#c9033b;
color:#fff;
}

.Slide {width: 350px;height:260px; float:left;overflow: hidden;position: relative;}
.slide-cont {width: 350px;height: 260px;position: relative;overflow: hidden;}
.slide-item {position: absolute;width: 100%;height: 100%;left: -330px;}
.slide-item a {display: block;width: 100%;height: 100%;}
.slide-item img {width: 350px;height: 260px;}
.slide-txt {width: 350px;height:40px;position: absolute;left: 0;bottom: 0px;z-index: 1;}
.slide-txt .txt_bg {
width: 350px;
height: 40px;
opacity: 0.7;
filter: alpha(opacity=70);
background-color: #f6eada;
}
.slide-txt a {display: inline-block;width:330px;height: 40px;line-height: 40px;font-size:16px;padding: 0 10px;overflow: hidden;color:#996633;position: absolute;left: 0;top: 0;}
.slide-nav {width: auto;height: 20px;display: inline-block;overflow: hidden;position: absolute;z-index: 100;bottom: 6px;right: 20px;overflow: hidden;}
.slide-nav a {display: block;width: 14px;height: 14px;border-radius:7px;background:#d4d4d4;cursor: pointer; margin-left: 5px;float: left;text-indent: -99em;overflow: hidden;}
.slide-nav .nownav{background-color: #996633;}










.container{
width:1100px;
margin:0 auto;
position:relative;
}
.container:after{
content:"";
display:block;
clear:both;
height:10px;
}



.i-focus{
float:left;
width:300px;
}
.i-news{
float:left;
width:500px;
margin-left:10px;
}
.i-link{
float:right;
width:270px;
}
.i-link li{
padding:10px 0;
}
.i-link li:last-child{
margin-bottom:15px;
}
.i-link li a{
display:block;
overflow:hidden;
text-indent:-999px;
width:228px;
height:55px;
margin:0 auto;
background:url(images/index_ico.png) no-repeat;
}
.i-link li a.ico1{
background-position:0 0;
}
.i-link li a.ico2{
background-position:0 -55px;
}
.i-link li a.ico3{
background-position:0 -110px;
}
.i-link li a.ico4{
background-position:0 -165px;
}
.i-news .title{
border-bottom:1px #c9c9c9 solid;
height:25px;
line-height:25px;
}
.i-news .title span{
float:left;
width:80px;
background:#005991;
text-align:center;
font-size:14px;
font-weight:normal;
}
.i-news .title span a{
color:#fff;
}
.i-news .title em{
float:right;
padding:0 10px 0 0;
}
.i-news .cont{
padding:10px 0;
}
ul.list1 li{
font-size:14px;
line-height:23px;
border-bottom:1px #cccccc dashed;
background:url(images/arrow.gif) no-repeat 0 -442px;
padding-left:13px;
}
ul.list1 li span{
float:right;
}

.SlidePlayer{
position: relative;
width:300px;
}
.SlidePlayer .Slides {
overflow: hidden;
height:225px;
}
.SlidePlayer .Slides li {
float: left;
width: 300px;
height: 225px;
}
.SlidePlayer .Slides img {
width: 300px;
height: 225px;
}
.SlidePlayer .SlideTriggers {
z-index:10;
position:absolute;
left:50%;
top:205px;
height:25px;
text-align:right;
margin-left:-150px;
width:300px;
}
.SlideTriggers li {
display: inline-block;
margin:0 4px;
overflow: hidden;
width: 22px;
height: 8px;
background:#fff;
filter:alpha(opacity=80);
opacity:0.8;
cursor: pointer;
line-height:22px;
font-size:12px;
text-align:center;
overflow:hidden;
text-indent:-999px;
}
.SlideTriggers li.Current {
background:#f60;
filter:alpha(opacity=80);
opacity:0.8;
color:#fff;
font-size:14px;
font-weight:bold;
}
.sprod{
clear:both;
}
.sprod > .title{
border-bottom:2px #cccccc solid;
height:30px;
position:relative;
}
.sprod > .title:after{
content:"";
display:block;
background:#04709f;
height:2px;
width:120px;
position:absolute;
left:0;
bottom:-2px;
}
.sprod > .title span{
float:left;
padding-left:10px;
font-size:16px;
line-height:30px;
}
.sprod > .title .cattab{
float:right;
font-size:14px;
line-height:30px;
padding-right:15px;
}
.sprod .cont{
padding:10px 0;
}
.sprod .cont:after{
content:"";
display:block;
clear:both;
}
.i-list li{
float:left;
width:170px;
margin-right:16px;
}
.i-list li:last-child{
margin-right:0;
}
.i-list li a{
display:block;
position:relative;
}
.i-list li a img{
width:160px;
height:120px;
padding:4px;
border:1px #ccc solid;
vertical-align:top;
}
.i-list li a .title{
text-align:center;
line-height:30px;
overflow:hidden;
height:30px;
white-space:nowrap;
}
.fixedpindex li{
width:260px;
margin-right:30px;
}
.fixedpindex li a img{
width:250px;
height:187px;
}
.fixedpindex li a .title{
font-size:14px;
}
.i-list li.nodata{
width:100%;
margin:0;
padding:0;
text-align:center;
line-height:100px;
color:#f00;
font-size:16px;
}
.leftbox{
float:left;
width:240px;
}
.mainbox{
float:right;
width:840px;
}
.mainbody{
position:relative;
width:1100px;
}
.mainbody:after{
content:"";
display:block;
clear:both;
}
.pagepath{
line-height:25px;
clear:both;
font-size:14px;
padding-left:10px;
border-bottom:2px #72b0ed solid;
box-shadow:0 2px 2px #ccc;
margin-bottom:10px;
}
.pagecont{
font-size:14px;
line-height:200%;
min-height:400px;
}
.pagecont:after{
content:"";
display:block;
clear:both;
}
.leftbox .catbox{
border:1px #d2d2d2 solid;
padding:1px;
margin-bottom:15px;
}
.leftbox .catbox:after{
content:"";
display:block;
clear:both;
}
.leftbox .catbox .title{
border:1px #c2c2c2 solid;
height:29px;
background:url(images/catbg.png) repeat-x;
font-size:16px;
line-height:29px;
padding-left:15px;
box-shadow:inset 0 0 3px #fff;
}
.leftbox .catbox .cont{
padding:8px;
}
.leftbox .catbox .fixcont{
padding:4px;
}
.leftbox .catbox .cont:after{
content:"";
display:block;
clear:both;
}
ul.catlist li{
font-size:14px;
line-height:22px;
padding:5px;
height:22px;
}
ul.catlist li:before{
content:"";
float:left;
width:16px;
height:22px;
background: url(images/node.gif) no-repeat;
margin-right:5px;
}
ul.catlist li.last:before{
content:"";
float:left;
width:16px;
height:22px;
background: url(images/lastnode.gif) no-repeat;
margin-right:5px;
}
ul.catlist li span{
float:left;
line-height:22px;
}
ul.catlist li a.hover{
font-weight:bold;
}

.catnewslist li{
line-height:30px;
border-bottom:1px #ccc dashed;
background:url(images/arrow3.gif) no-repeat 0 center;
padding:0 10px 0 20px;
}
.catnewslist li span{
float:right;
}
.catnewslist li{
-webkit-transition: all 250ms linear 0s;
-moz-transition: all 250ms linear 0s;
-ms-transition: all 250ms linear 0s;
-o-transition: all 250ms linear 0s;
transition: all 250ms linear 0s;
}
.catnewslist li:hover{
background-color:#f1f1f1;
}
.catnewslist li.nodata{
text-align:center;
color:#f00;
line-height:80px;
background:none;
}







.mod_page{
clear:both;
padding: 30px 0 10px 0;
text-align:center;
background:url(images/pagination_shadow.png) no-repeat center top;
}
.mod_page ul.paginList{
text-align:center;
}
.mod_page li{
display:inline-block;
padding:0 3px;
}
.mod_page li a{
display:block;
height:30px;
width:30px;
border-radius: 15px;
background:#96bfdb;
color:#fff;
line-height:30px;
font-size:16px;
border:1px #96bfdb solid;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
box-shadow: 0 0 5px rgba(0, 0, 0, .3),inset 0 0 5px rgba(255, 255, 255, .8);
}
.mod_page li a{
    -webkit-transition: all 250ms linear 0s;
    -moz-transition: all 250ms linear 0s;
    -ms-transition: all 250ms linear 0s;
    -o-transition: all 250ms linear 0s;
    transition: all 250ms linear 0s;
}
.mod_page li.current a , .mod_page li a:hover{
display:block;
height:30px;
width:30px;
border-radius: 15px;
background:#bfdaeb;
color:#385ea7;
line-height:30px;
font-size:16px;
border:1px #96bfdb solid;
}

.news_title{
text-align:center;
font-size:20px;
font-weight:bold;
line-height:30px;
padding:15px 0;
}
.news_arg{
text-align:center;
	border: 0;
	height: 30px;
	line-height:30px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
}
.news_cont{
padding:10px 0;
font-size:120%;
line-height:200%;
min-height:300px;
width:840px;
overflow-x:hidden;
}
.news_cont *{
font-size:100%;
line-height:200%;
}
.news_cont p{
margin:0 0 5px 0;
}
.news_share{
height:35px;
padding:10px 0 0 600px;
}
.news_share img{
vertical-align:top;
}
.sidenewslist li{
line-height:24px;
font-size:14px;
padding-left:12px;
background:url(images/arrow1.gif) no-repeat 0 center;
}

ul.pcatlist > li.top,ul.pcatlist > li.childli{
width:100%;
float:left;
}
ul.pcatlist > li.top{
padding:5px 0;
cursor:pointer;
}
ul.pcatlist > li.active{
font-weight:bold;
background-color:#f1f3f5;
}
ul.pcatlist > li.top > em{
float:left;
width:16px;
height:22px;
background: url(images/node.gif) no-repeat;
margin-right:5px;
display:inline-block;
}
ul.pcatlist > li.top > span{
float:left;
line-height:22px;
font-size:14px;
}
ul.pcatlist > li.last > em{
background: url(images/lastnode.gif) no-repeat;
}
ul.pcatlist > li.childli li{
width:100%;
float:left;
padding:5px 0;
font-size:12px;
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;
}
ul.pcatlist > li.childli li:hover{
background-color:#f1f3f5;
}
ul.pcatlist > li.top a.hover,ul.pcatlist > li.top a:hover{
font-weight:bold;
}
ul.pcatlist > li.childli li a.hover,ul.pcatlist > li.childli li a:hover{
font-weight:bold;
}
ul.pcatlist > li.childli li > em{
float:left;
width:32px;
height:22px;
background: url(images/hrn.gif) no-repeat;
margin-right:5px;
display:inline-block;
}
ul.pcatlist > li.childli li.sublast > em{
background: url(images/hrln.gif) no-repeat;
}
ul.pcatlist > li.childli li > span{
float:left;
line-height:22px;
}
ul.pcatlist > li.top{
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;
}
ul.pcatlist > li.top:hover{
background-color:#f1f3f5;
}
.asidecont{
border:1px #ccc solid;
border-radius:8px;
padding:9px;
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.03), rgba(0,0,0,0.1));
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.03), rgba(0,0,0,0.1));
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.03), rgba(0,0,0,0.1));
background-image: -o-linear-gradient(top, rgba(0,0,0,0.03), rgba(0,0,0,0.1));
box-shadow:0 0 8px rgba(0,0,0,0.15);
margin-bottom:15px;
}
.asidecont a.gitem{
display:block;
height:50px;
position:relative;
border:1px #ccc solid;
border-radius:5px;
background:#f1f1f1;
margin-bottom:15px;
}
.asidecont a.gitem em{
font-size:35px;
position:absolute;
height:36px;
line-height:36px;
left:10px;
top:50%;
margin:-15px 0 0 0;
color:#686868;
}
.asidecont a.gitem h1{
position:absolute;
left:55px;
top:3px;
font-size:20px;
line-height:22px;
color:#333;
}
.asidecont a.gitem h2{
position:absolute;
left:55px;
bottom:3px;
font-size:14px;
line-height:18px;
color:#666;
font-weight:normal;
}
.asidecont a.feedbook{
border:1px #dc2220 solid;
background:#dc2220;
}
.asidecont a.feedbook:hover{
border:1px #c91a18 solid;
background:#c91a18;
}
.asidecont a.feedbook em{
color:#fff;
}
.asidecont a.feedbook h1{
color:#fff;
}
.asidecont a.feedbook h2{
color:#f1f3f5;
}

.asidecont a.gitem em{
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;
}
.asidecont a.gitem:hover em{
font-size:38px;
line-height:38px;
margin-top:-18px;
}

.asidecont a.gitem h1{
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;
}
.asidecont a.gitem:hover h1{
font-size:26px;
top:10px;
line-height:30px;
transform-origin:left bottom;
-ms-transform-origin:left bottom;
-webkit-transform-origin:left bottom;
-moz-transform-origin:left bottom;
-o-transform-origin:left bottom;
}
.asidecont a.gitem h2{
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;
}
.asidecont a.gitem:hover h2{
transform: scale(0,0);
-ms-transform: scale(0,0);
-webkit-transform: scale(0,0);
-o-transform: scale(0,0);
-moz-transform: scale(0,0);
opacity: 0;
filter: alpha(opacity=0);

transform-origin:left bottom;
-ms-transform-origin:left bottom;
-webkit-transform-origin:left bottom;
-moz-transform-origin:left bottom;
-o-transform-origin:left bottom;
}
.asidecont a.tele{
border:1px #3cbe14 solid;
background:#3cbe14;
}
.asidecont a.tele:hover{
border:1px #248b05 solid;
background:#248b05;
}
.asidecont a.tele em{
color:#fff;
}
.asidecont a.tele h1{
color:#fff;
}
.asidecont a.tele:hover h1{
font-weight:normal;
}
.asidecont a.tele h2{
color:#f1f3f5;
}
.asidecont a.tele1{
border:1px #38bcac solid;
background:#38bcac;
}
.asidecont a.tele1:hover{
border:1px #1f998a solid;
background:#1f998a;
}
.asidecont a.tele1 em{
color:#fff;
}
.asidecont a.tele1 h1{
color:#fff;
font-weight:normal;
}
.asidecont a.tele1:hover h1{
font-weight:normal;
font-size:23px;
}
.asidecont a.tele1 h2{
color:#f1f3f5;
}
.asidecont a:last-child{
margin:0;
}
ul.piclist{
padding-top:20px;
}
ul.piclist li{
float:left;
width:33.3%;
margin-bottom:20px;
}
ul.piclist li.nodata{
width:100%;
margin:0;
padding:0;
text-align:center;
line-height:100px;
color:#f00;
font-size:16px;
}
ul.piclist li a{
display:block;
width:242px;
margin:0 auto;
text-align:center;
padding:10px;
border-radius:10px;
border:1px #f1f1f1 solid;
}
ul.piclist li a{
-webkit-transition: all 350ms;
-moz-transition: all 350ms;
-ms-transition: all 350ms;
-o-transition: all 350ms;
transition: all 350ms;
position:relative;
}
ul.piclist li a:hover{
border:1px #d1d1d1 solid;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
box-shadow: 0 0 10px rgba(0, 0, 0, .3);
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.03));
background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.03));
background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.03));
background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.03));

transform: translate(0,-5px);
-ms-transform: translate(0,-5px);
-webkit-transform: translate(0,-5px);
-o-transform: translate(0,-5px);
-moz-transform: translate(0,-5px);

}

ul.piclist li a img{
width:240px;
height:180px;
border-radius:5px;
background:#f9fafc;
}
ul.piclist li a p{
line-height:30px;
}
ul.piclist li a i{
position:absolute;
color:#0b70bd;
font-size:0px;
right:15px;
top:15px;
filter:alpha(opacity=0);
opacity:0;

-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
ul.piclist li a:hover i{
font-size:36px;
font-weight:normal;
filter:alpha(opacity=60);
opacity:0.6;
}
/ 产品详情页样式 /
.p_name{
font-size:16px;
clear:both;
}
.p_name:after{
content:"";
clear:both;
display:block;
}
.p_name .item{
float:left;
width:100%;
padding-left:50px;
        box-sizing:border-box;
   -moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
}
.p_name .k{
font-weight:bold;
float:left;
}
.p_name .c{
float:left;
}
.p_thumb{
padding:20px 0;
text-align:center;
}
.pt_fixed{
height:33px;
position:relative;
}
.p_tabs{
height:32px;
border-bottom:1px #054994 solid;
width:840px;
background:#fff;
}
.p_tabs li{
float:left;
margin-right:5px;
padding:0 15px;
line-height:32px;
font-size:15px;
border-radius:5px 5px 0 0;
background-image: -webkit-linear-gradient(top, rgba(241,241,241,0.6), #e1e1e1);
background-image: -moz-linear-gradient(top, rgba(241,241,241,0.6), #e1e1e1);
background-image: -ms-linear-gradient(top, rgba(241,241,241,0.6),#e1e1e1);
background-image: -o-linear-gradient(top, rgba(241,241,241,0.6), #e1e1e1);
color:#333;
cursor:pointer;
}
.p_tabs li{
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.p_tabs li.current{
background-image: -webkit-linear-gradient(top, rgba(4,110,168,0.8), #046ea8);
background-image: -moz-linear-gradient(top, rgba(4,110,168,0.8), #046ea8);
background-image: -ms-linear-gradient(top, rgba(4,110,168,0.8),#046ea8);
background-image: -o-linear-gradient(top, rgba(4,110,168,0.8), #046ea8);
color:#fff;
font-weight:bold;
}
.p_tabcont{
clear:both;
}
.p_tabcont:after{
content:"";
clear:both;
display:block;
}
.p_tabcont .p_cont{

}
.p_tabcont .p_cont h1{
height:30px;
line-height:30px;
font-size:15px;
font-weight:normal;
background:#eee;
padding-left:15px;
color:#d12020;
border-bottom:1px #d1d1d1 solid;
}
.p_tabcont .p_cont h1 em{
font-size:12px;
}
.p_tabcont .p_cont:after{
content:"";
clear:both;
display:block;
}
.p_tabcont .p_cont .cont{
padding:10px 10px 20px 10px;
}
.p_tabcont .p_cont .cont table{
border-collapse:collapse;
width:98%;
margin:0 auto;
}
.p_tabcont .p_cont .cont table td{
border:1px #ccc solid;
padding:5px;
}
.p_tabcont .p_cont .cont table td.t{
font-weight:bold;
width:180px;
}
.viewtype{
border:1px #d1d1d1 solid;
width:60px;
height:90px;
position:fixed;
top:200px;
background:#fff;
z-index:2;
}
.viewtype a{
display:block;
height:45px;
font-size:22px;
line-height:45px;
text-align:center;
background-image: -webkit-linear-gradient(top, rgba(241,241,241,0.6), #e1e1e1);
background-image: -moz-linear-gradient(top, rgba(241,241,241,0.6), #e1e1e1);
background-image: -ms-linear-gradient(top, rgba(241,241,241,0.6),#e1e1e1);
background-image: -o-linear-gradient(top, rgba(241,241,241,0.6), #e1e1e1);
color:#686868;
}
.viewtype a.current{
background-image: -webkit-linear-gradient(top, rgba(4,110,168,0.8), #046ea8);
background-image: -moz-linear-gradient(top, rgba(4,110,168,0.8), #046ea8);
background-image: -ms-linear-gradient(top, rgba(4,110,168,0.8),#046ea8);
background-image: -o-linear-gradient(top, rgba(4,110,168,0.8), #046ea8);
color:#fff;
}

.show_cont{
padding:15px 0;
text-align:center;
position:relative;
}
.show_cont .p_prev,.show_cont .p_next{
line-height:100px;
text-align:center;
font-size:26px;
position:absolute;
left:0;
top:0;
height:100%;
width:30px;
}
.show_cont .p_next{
right:0;
left:auto;
}
.show_cont .p_prev a , .show_cont .p_next a{
width:30px;
height:100px;
position:absolute;
left:0;
top:50%;
margin-top:-50px;
color:#ddd;
display:block;
border-radius:8px 0 0 8px;
background:rgba(0,0,0,0.05);
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.show_cont .p_prev a:hover , .show_cont .p_prev:hover a, .show_cont .p_next a:hover , .show_cont .p_next:hover a{
background:rgba(0,0,0,0.6);
}
.show_cont .p_next a{
border-radius:0 8px 8px 0;
}
.so_main{
width:98%;
margin:0 auto;
}
.so_main:after{
content:"";
display:block;
clear:both;
}
.so_main .title{
float:left;
width:15%;
}
.so_main .title .t1{
float:left;
font-size:26px;
color:#2c459f;
padding-left:15px;
}
.so_main .title .t2{
float:left;
font-size:26px;
color:#2c459f;
margin-left:15px;
padding-top:50px;
}


.so_main .cont{
float:left;
width:84%;
padding-left:5px;
}
.so_main .cont .item{
cursor:pointer;
border:2px #80b3ff solid;
float:left;
width:33%;
        box-sizing:border-box;
   -moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
padding:20px 10px;
margin-left:-2px;
display:block;
}
.so_main .cont .item{
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}

.so_main .cont .item_hover{
width:43%;
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.03), rgba(0,0,0,0.1));
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.03), rgba(0,0,0,0.1));
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.03), rgba(0,0,0,0.1));
background-image: -o-linear-gradient(top, rgba(0,0,0,0.03), rgba(0,0,0,0.1));
box-shadow:0 0 8px rgba(44,69,159,0.3);
}
.so_main .cont .item_ext{
width:28%;
}
.so_main .cont .item .i1{
font-size:26px;
color:#e30000;
line-height:40px;
font-weight:bold;
}
.so_main .cont .item .i2{
font-size:26px;
color:#e30000;
line-height:40px;
font-weight:bold;
text-align:right;
margin-bottom:30px;
clear:both;
}
.so_main .cont .item .i3{
font-size:26px;
color:#2c459f;
line-height:36px;
font-weight:bold;
clear:both;
}
.so_main .cont .item .i4{
font-size:20px;
color:#2c459f;
line-height:36px;
clear:both;
margin-bottom:40px;
}
.so_main .cont .item .i5{
text-align:right;
font-size:80px;
line-height:80px;
padding:30px 30px 30px 0;
}
.so_main .cont .item .i4 , .so_main .cont .item .i5{
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.so_main .cont .item_ext .i4{
font-size:16px;
}
.so_main .cont .item_hover .i5{
color:#2c459f;
}
.sonote{
width:90%;
margin:0 auto;
}
.sonote p{
line-height:160%;
margin-bottom:10px;
}
ul.solist{
width:90%;
margin:0 auto;
}
ul.solist li{
margin-bottom:20px;
}
ul.solist li a{
display:block;
border-radius:10px;
border:1px #d1d1d1 solid;
padding:10px 15px;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
ul.solist li a:hover{
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.03), rgba(0,0,0,0.1));
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.03), rgba(0,0,0,0.1));
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.03), rgba(0,0,0,0.1));
background-image: -o-linear-gradient(top, rgba(0,0,0,0.03), rgba(0,0,0,0.1));
box-shadow:0 0 8px rgba(0,0,0,0.3);
}
ul.solist li a h1{
font-size:16px;
margin-bottom:5px;
}
ul.solist li a p{
font-size:14px;
line-height:150%;
}
ul.solist li.nodata{
text-align:center;
color:#f00;
font-size:16px;
line-height:40px;
}

.cmap{
position:relative;
width:600px;
height:480px;
margin:30px auto;
}
.mapitem{
cursor:pointer;
position:absolute;
left:0;
top:0;
margin:-22px 0 0 -22px;
height:44px;
width:44px;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.mapitem .itempoint{
height:8px;
width:8px;
border-radius:4px;
background:#f00;
position:absolute;
top:50%;
left:50%;
margin:-4px 0 0 -4px;
}
.xj{left:138px;top:155px;}
.bj{left:450px;top:176px;}
.ty{left:410px;top:228px;}
.wh{left:420px;top:305px;}
.cd{left:310px;top:320px;}
.lz{left:312px;top:235px;}
.jn{left:460px;top:225px;}
.xa{left:368px;top:270px;}

.mapitem .itemname{
position:absolute;
left:50%;
bottom:-5px;
width:100px;
height:20px;
text-align:center;
border:1px #ccc solid;
background:rgba(255,255,255,0.85);
border-radius:6px;
line-height:20px;
margin:0 0 0 -50px;
z-index:1;
}
.mapitem .itemname{
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-ms-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.jn .itemname{
left:100%;
bottom:5px;
margin:0 0 0 -10px;
}
.mapitem:hover .itemname{
transform: scale(0,0);
-ms-transform: scale(0,0);
-webkit-transform: scale(0,0);
-o-transform: scale(0,0);
-moz-transform: scale(0,0);
opacity: 0;
filter: alpha(opacity=0);
}
.mapitem .icont{
width:300px;
border:1px #ccc solid;
background:rgba(255,255,255,0.9);
border-radius:10px;
padding:10px 15px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
box-shadow: 0 0 10px rgba(0, 0, 0, .3);
position:absolute;
left:50%;
top:20px;
margin-left:-165px;
z-index:2;
transform: scale(0,0);
-ms-transform: scale(0,0);
-webkit-transform: scale(0,0);
-o-transform: scale(0,0);
-moz-transform: scale(0,0);
opacity: 0;
filter: alpha(opacity=0);

}
.mapitem .icont{
-webkit-transition: all 600ms;
-moz-transition: all 600ms;
-ms-transition: all 600ms;
-o-transition: all 600ms;
transition: all 600ms;

transform-origin:center top;
-ms-transform-origin:center top;
-webkit-transform-origin:center top;
-moz-transform-origin:center top;
-o-transform-origin:center top;
}
.mapitem .icont:after{
content:"";
display:block;
clear:both;
}
.mapitem .icont h1{
font-size:16px;
}
.mapitem .icont li{
font-size:14px;
line-height:22px;
width:100%;
float:left;
}
.mapitem .icont li .k{
float:left;
width:50px;
}
.mapitem .icont li .c{
float:left;
width:250px;
}
.mapitem:hover .icont{
transform: scale(1,1);
-ms-transform: scale(1,1);
-webkit-transform: scale(1,1);
-o-transform: scale(1,1);
-moz-transform: scale(1,1);
opacity: 1;
filter: alpha(opacity=100);
}
.reccatlist li{
border:1px #e1e1e1 solid;
margin-bottom:15px;
border-radius:10px;
background:#f5f5f5;
padding:10px 15px;
}
.reccatlist li:after{
content:"";
display:block;
clear:both;
}
.showthumb:after{
content:"";
display:block;
clear:both;
}
.showthumb .view{
width:1000px;
text-align:center;
margin:0 auto;
max-height:750px;
padding:20px 0 10px 0;

-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.showthumb .view img{
max-width:1000px;
max-height:750px;
}
.showthumb .thumbtitle{
background:rgba(0,0,0,0.65);
padding:5px;
margin-bottom:10px;
color:#fff;
font-size:14px;
position:relative;
}
.showthumb .thumbtitle .count{
position:absolute;
right:20px;
top:50%;
height:30px;
margin-top:-15px;
}
.showthumb .thumbtitle .count span{
font-size:16px;
font-weight:bold;
}

.showthumb .tmlist{
height:100px;
position:relative;
}
.showthumb .tmlist .p_prev,.showthumb .tmlist .p_next{
width:40px;
height:100px;
line-height:100px;
font-size:32px;
position:absolute;
left:0;
top:50%;
margin-top:-50px;
color:#ddd;
display:block;
border-radius:8px 0 0 8px;
background:rgba(0,0,0,0.05);
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
text-align:center;
cursor:pointer;
}
.showthumb .tmlist .p_next{
left:auto;
right:0;
border-radius:0 8px 8px 0;
}
.showthumb .tmlist .p_prev:hover,.showthumb .tmlist .p_next:hover{
background:rgba(0,0,0,0.6);
}
.showthumb .tmlist .cont{
width:1010px;
margin:0 auto;
padding:4px 5px;
height:90px;
border:#e1e1e1 solid;
border-width:1px 0;
overflow:hidden;
position:relative;
}
table.imgvlist{
position:absolute;
left:5px;
top:4px;
border-collapse:collapse;
padding:0;
margin:0;
}
table.imgvlist td{
padding:0 15px 0 0;
margin:0;
}
table.imgvlist td img{
width:120px;
height:90px;
border-radius:5px;
cursor:pointer;
filter:alpha(opacity=70);
opacity:0.7;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
table.imgvlist td img.current{
filter:alpha(opacity=100);
opacity:1;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

table.tableprod{
border-collapse:collapse;
}
table.tableprod td{
padding:0 10px;
}
table.tableprod td img{
width:160px;
height:120px;
padding:4px;
border:1px #ccc solid;
vertical-align:top;
}
table.tableprod td .name{
text-align:center;
line-height:30px;
overflow:hidden;
height:30px;
white-space:nowrap;
}
.product_base{

}
.product_base:after{
content:"";
clear:both;
display:block;
}
.product_base .k{
font-size:16px;
font-weight:bold;
line-height:36px;
float:left;
width:110px;
text-align:right;
}
.product_base .c{
font-size:16px;
line-height:36px;
float:left;
}
.product_thumb{
padding:15px 0;
text-align:center;
}
.product_exp{
font-size:14px;
line-height:2;
}
.product_exp p,.product_exp div{
font-size:14px;
line-height:2;
}
.product_exp p{
margin:0 0 15px 0;
}
.product_exp h1.productititle{
font-size:16px;
line-height:36px;
border-bottom:1px #d0d0d0 solid;
margin-bottom:10px;
}
.product_exp table{
border-collapse:collapse;
width:98%;
margin:0 auto;
}
.product_exp table td{
border:1px #ccc solid;
padding:5px;
}
.product_exp table td.t{
font-weight:bold;
width:180px;
}


*/


