@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, p {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
/*remembertodefinefocusstyles!*/
:focus {
	outline:0;
}
/*remembertohighlightinsertssomehow!*/
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
/*tablesstillneed'cellspacing="0"'inthemarkup*/
tbody,table {
	border-collapse:collapse;
	border-spacing:0;
}
input{padding:0; outline:0; margin:0; }
.clear{clear:both;}

img{}
/*************************************/
#mobilebg,#mobile{display:none;}
.mb{display:none;}
body{margin:0; background:#fff; font: 1em/150% "微软雅黑", Arial, Helvetica, sans-serif;}
A:link { TEXT-DECORATION:none; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
A:visited { TEXT-DECORATION: none;}
A:hover {TEXT-DECORATION: none;}
.left{ float:left;}
.right{ float:right;}
h1,h2{ font-weight:normal;}
.inbox{width:1170px; margin:0 auto;}

header{ width:100%; background:#f62160; height:96px;}
header a:link{ -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
header .logo{ display:block; width:94px; height:90px; background:url(../images/logo.jpg) center no-repeat; float:left; margin-top:4px;}
header .gsname{ position:absolute;font-size:20px; color:#fff; text-align:center; font-weight:lighter; margin-top:25px; line-height:24px; margin-left:100px;}
header .gsname span{ font-size:20px; font-weight:bold; background:url(../images/tel.gif) left center no-repeat; background-size:10%; padding-left:30px;}
header .lan{ float:right; margin:20px 0px 0px 30px;}
header .lan a{ display:block; font-size:12px; color:#fff;}
header .lan a:hover{ color:#99d843;}
header .lan .cn{ background:url(../images/cn.gif) left center no-repeat; padding-left:20px;}
header .lan .en{ background:url(../images/en.gif) left center no-repeat; padding-left:20px;}
header nav{ padding-top:30px; width:100%;text-align:center;}
header nav a { display:inline-block; margin-left:35px; text-align:center; font-size:14px; color:#fff; }
header nav a:hover{color:#99d843;}


@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
#nav{
    background-color:#9a0000;
    filter:Alpha(opacity=80);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
 *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
 }
  #nav inbox{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }  
}

#nav.smaller { width:100%; height:80px; z-index:999; position:fixed; top:0px; background-color: rgba(59,59,59,0.8);}
#nav.smaller nav{ padding-top:0px;}
#nav.smaller nav a { font-size:12px; color:#fff;padding:20px 10px 0px 10px; height:58px; margin-left:20px;}
#nav.smaller nav a:hover { border-bottom:3px solid #c8413d; background:none;-webkit-box-shadow:none;  
   -moz-box-shadow:none;  
   box-shadow:none; }
#nav.smaller nav span { font-size:12px; color:#fff; margin:0px 0px 0px 0px;}
#nav.smaller nav{width:860px; position:absolute; top:0px;margin-top:0px; left:50%; margin-left:-430px;}
#nav.smaller .logo{ display:none;}
#nav.smaller .lan{ float:right; margin:10px 0px 0px 10px;}
#nav.smaller nav a:hover span{ display:block; color:#fff; margin-top:0px; font-size:12px;}


#h_show{ width:100%;}
#h_show .title{ width:100%; font-size:30px; text-align:center; color:#e8559b; line-height:35px; margin-top:30px;}
#h_show .title h1{ display:block; text-align:center; font-size:30px; position:absolute; font-weight:normal; color:#c8413d; width:10%; left:50%; margin-left:-5%; bottom:-18px; background:#fff; }

.infiniteCarousel {  width: 1170px;  position: relative; height:250px; margin:0px auto;}
.infiniteCarousel .wrapper {
  width: 980px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */  overflow: auto;  height: 250px;  margin: 0 90px;  position: absolute;  top: 0}
.infiniteCarousel .wrapper ul {  width:2550px; /* single item * n */  list-style-image:none;  list-style-position:outside;  list-style-type:none;  margin:0;  padding:0;  position: absolute;  top:0;  }
.infiniteCarousel ul li {display:block;  float:left;  height: 205px;  width:248px; }
.infiniteCarousel ul li div{height: 205px;  width:205px; background:#fff;}
.infiniteCarousel ul li div a { display:block; width:205px; height:205px; background:#000;  overflow:hidden; border:15px solid #ededed; border-radius:120px;}
.infiniteCarousel ul li div a:hover{  background:#fff;border:15px solid #e8559b;} 
.infiniteCarousel ul li div a img{width:100%; height:auto;}
.infiniteCarousel .arrow {  display: block;  height: 53px;  width: 53px;  background: url(../images/arrow.png) no-repeat 0 0;  text-indent: -999px;  position: absolute;  top: 80px;  cursor: pointer;  outline: 0; -webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;-o-transition: all 0s;transition: all 0s; }
.infiniteCarousel .forward {  background-position: 0 0px;  right: 0}
.infiniteCarousel .back {  background-position: 0 -106px;  left: 0}
.infiniteCarousel .forward:hover {  background-position: 0 -53px}
.infiniteCarousel .back:hover {  background-position: 0 -159px}

#h_show .more{ display:block; width:262px; height:39px; background:url(../images/pr_more.png) center top no-repeat; margin:30px auto; text-align:center; font-size:14px; color:#fff; padding-top:15px;}

#h_about{ width:100%; text-align:center;}
#h_about .title{ width:100%; font-size:30px; text-align:center; color:#e8559b; line-height:35px; margin-top:30px;}
#h_about .title h1{ display:block; text-align:center; font-size:30px; position:absolute; font-weight:normal; color:#c8413d; width:10%; left:50%; margin-left:-5%; bottom:-18px; background:#fff; }
#h_about img{ margin:0 auto;}
#h_about p{ width:630px; margin:10px auto; text-align:left; font-size:14px; line-height:24px;}
#h_about .more{ font-size:14px; background:#e8559b; display:block; width:135px; height:30px; margin:0 auto; color:#FFF; padding-top:8px;}
#h_about .more:hover{ background:#99d843;}

#newcon{ width:100%; margin:10px auto;}
#newcon .news{ width:539px; height:198px; float:left; background:url(../images/new_bg.jpg) center no-repeat; padding:26px 0px 0px 12px; margin-left:29px; position:relative;}
#newcon .news .title{ font-size:20px; color:#3d3d3d; position:absolute; right:50px;}
#newcon .news .title_en{ font-size:34px; color:#e8559b; float:left;}
#newcon .news .title_en span{ font-size:24px; color:#b2b2b2; display:block;letter-spacing:5px;}
#newcon .news .newsa{display:inline-block;  padding:60px 5px 0px 5px; }
#newcon .news img{ width:88px; height:120px; }
#newcon .news .more{ font-size:14px; color:#e8559b; margin:0px 0px 0px 15px; float:left;}
#newcon .news .more:hover{ color:#6aa400;}

#newcon .contact{ width:508px; height:198px; float:left; background:url(../images/con_bg.jpg) center no-repeat; padding:26px 0px 0px 43px; margin-left:10px; position:relative;}
#newcon .contact .title { font-size:24px; color:#fff; float:left;}
#newcon .contact .title_en{ font-size:34px; color:#e8559b;}
#newcon .contact .title_en span{ font-size:18px; color:#fff; display:block;letter-spacing:5px;}
#newcon .contact ul{ position:absolute; left:43px; top:103px;}
#newcon .contact ul li{ font-size:14px; color:#fff; width:250px;}
#newcon .contact img{ float:left; width:191px; height:191px; background-size:100%; margin-left:40px;}

#foot{ width:100%; height:199px; background:#f62160; clear:both; color:#fff; margin-top:10px;}
#foot .foot_logo{ display:block; background:url(../images/foot_logo.png) no-repeat center; width:125px; height:121px; float:left; margin:35px 0px 0px 112px;}
#foot ul{ float:left;padding:64px 0px 0px 0px; margin-left:70px;}
#foot ul a{ display:block; width:93px; height:30px; border:1px solid #fff; float:left; color:#fff; font-size:14px; text-align:center; padding-top:6px;}
#foot ul a:hover{ background:#f04a4c;}
#foot .copyright{ clear:both; font-size:14px; text-align:center; padding-top:15px;}
#foot .copyright a{ border:none; padding-top:0px; height:0px; width:90px; float:none; display:inline-block;}
#foot .alink{ float:left; margin:65px 0px 0px 40px;}

#foot .alink a:hover{color: black; /* color of icon font onMouseover */
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg); /* flip horizontally 180deg*/
            transform: rotateY(180deg);
            -webkit-transition-delay: 0.2s;
            -moz-transition-delay: 0.2s;
            transition-delay: 0.2s;}
#foot .weixin , .xinlang , .qq{ display:inline-block; width:32px; height:32px; margin-left:15px;}
#foot .weixin{ background:url(../images/weixin.gif) center no-repeat;}
#foot .xinlang{ background:url(../images/weibo.gif) center no-repeat;}
#foot .qq{ background:url(../images/qq.gif) center no-repeat;}

@media screen and (max-width: 1980px) {
header .logo{width:25%;  left:50%; margin-left:-12.5%; top:18%;}
.ban_an{width:6%; left:50%; margin-left:-3%; top:90%;}
}

@media screen and (max-width: 1280px) {
header .logo{width:30%;  left:50%; margin-left:-15%; top:15%;}
.ban_an{width:6%; left:50%; margin-left:-3%; top:90%;}
}

#nav1{height:76px; z-index:999; width:100%; bottom:0; background:url(../images/nav_bg.png) no-repeat top center; background-size:auto 100%;}

@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  #nav1{
    background-color:#9a0000;
    filter:Alpha(opacity=80);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  #nav1 inbox{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }  
}
#mobilebg,#mobile,#mobile_nav{display:none;}
#header{height:213px;}


.banner{height:248px;}
.about .posts {background:url(../images/about_1.jpg) no-repeat center; height:248px; }
.news .posts{background:url(../images/news_1.jpg) no-repeat center; height:248px;}
.product .posts{background:url(../images/product_1.jpg) no-repeat center #ff9c00; height:248px;}

#main{width:1110px; margin:0 auto; background:url(../images/m_le.gif) repeat-y #f4f4f4; margin-top:20px; position:relative; border-radius:25px 25px 25px 25px; overflow:hidden;border:3px solid #a8e843;}
#main .left{float:left; width:204px;  padding-bottom:300px;border-radius:25px 0px 0px 25px; overflow:hidden;}
#box .title{ height:74px; border-bottom:1px solid #a8e843; border-top:1px solid #a8e843;border-radius:25px 0px 0px 0px;}
#box .content li{width:80%; margin:0 auto; height:35px; padding-top:10px; border-bottom:1px solid #e9e9e9; font-size:12px;}
#box .content a{display:block;  color:#262626; line-height:30px; padding-left:20px;} 
#box .content a:hover,#box .content .now{-moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */
	background:url(../images/li_n.gif) no-repeat 95% center #f62160; color:#fff;}
.about .left #box .title {background:url(../images/le_t.gif) no-repeat 3px 4px;}
.news .left #box .title {background:url(../images/new_t.gif) no-repeat 13px 14px;}
.product .left #box .title{background:url(../images/pr_t.gif) no-repeat 25px 15px;}


#main .left .contact{margin:20px auto 0px auto; width:196px;}
#main .left .contact .title{ height:29px; background:url(../images/l_c_t.gif) no-repeat;}
#main .left .contact .content{background:url(../images/l_c_c.gif) repeat-y; padding-left:20px; font-size:14px; color:#333; line-height:30px;}
#main .left .contact .dowm{height:29px; background:url(../images/l_c_d.gif) no-repeat;}
#main .right{float:right; width:900px; position:relative;}
#main .right .title{line-height:60px; border-bottom:1px dotted #666; width:85%; margin:10px auto; background:url(../images/r_t.gif) no-repeat 20px center; padding-left:50px; font-size:22px; font-weight:bold;}
#main .right .content .neirong{ margin:0 auto; padding:0px 40px; line-height:150%; white-space:pre-wrap; word-wrap:break-word;}
#main .right .content .neirong img{max-width:100%;  height:auto;}

#ewm{ background:url(../images/left_ewm.gif) no-repeat center bottom ; background-size:90%; width:190px; position:absolute; bottom:3px; left:1px; font-size:12px; padding-left:0px; padding-bottom:190px; text-align:center; font-size:12px; margin-left:10px;}
#ewm h2{font-size:18px;  color:#f62160; font-weight:bold; }


#navigation h4{font-size:12px;}
#navigation li ul li{border-bottom:1px solid #fff;  width:85%; margin:0px auto; padding-top:5px;}
#navigation li ul li a{ display:block; font-size:12px;}
#navigation li ul li a{display:block;  color:#000; line-height:30px; padding-left:20px;} 
#navigation h4 a:hover{-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;  -moz-box-shadow: 3px 3px 4px #ccc;    -webkit-box-shadow: 3px 3px 4px #ccc;    box-shadow: 3px 3px 4px #ccc;  background:url(../images/li_n.gif) no-repeat 95% center #fff; color:#000; font-weight:bold;}
#navigation li ul li ul{margin:10px 0px 0px 20px; background:#f4f4f4;-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;}
#navigation li ul li ul li{background:url(../images/l_bg.gif) no-repeat  15px 12px; border:none; padding:0px; width:100%;}

#products{width:95%; margin-left:10px;}
#products li{width:30%; float:left; margin-left:20px; height:320px;}
#products li dl dt{width:240px; height:240px; overflow:hidden; border:3px solid #f62160; background:#fff;}
#products li dl div{ width:240px;   margin:0 auto;  display: table-cell; vertical-align:middle; height:240px; }
#products li dl dd{ text-align:center; font-size:12px;  word-break: break-all; word-wrap:break-word; padding:5px 20px 5px 20px;}
#products li dl dd a{color:#000; line-height:150%;}
#products li dl dd a:hover{color:#e03f35;}
#products li dl .gn{color:#666;}
#products li dl div img{width:240px; height:240px; vertical-align:middle;}

.timu{font-size:16px; text-align:center; width:90%; margin:0 auto; line-height:50px;}
.timu2{font-size:12px; text-align:center; width:90%; margin:0 auto;}


	.jCarouselLite{display:none;}

/*下划线*/
.dashed {
	background-image: url(../images/dashed.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
/* 列表
/* 表格*/
.tList {
	border: 1px solid #dddddd;
}
.tList th, 
.tList td {
	line-height: 25px;
	padding-right: 4px;
	padding-left: 4px;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.tList .tdbg,
.tList thead th {
	color:#2f2f2f;
	line-height: 24px;
	background-image: url(../images/bg_th.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.tList thead th span {
	font-weight:normal;
}
.tList thead th img {
	vertical-align: middle;
}
.tList tbody tr {
	background-color: #fff;
}
.tList tbody tr td {
	vertical-align: top;
}
.tList tbody tr.even td {
	background: #f7f7f7;
	border-bottom: 1px solid #f7f7f7;
}
.tList tbody tr.click td {
	background-color: #D9EBF5;
	border-color: #D9EBF5;
}
.tList tbody tr.hover td {
	background-color: #EDF5FA;
	border-color: #EDF5FA;
}
#bigpic{width:90%; margin:0 auto; text-align:center; position:relative;}
#bigpic img{max-width:100%; margin:0 auto;}

.shangyige,.myshangyige,.xiayige,.myxiayige{display:block; width:50px; height:80px; position:absolute; top:50%; margin-top:-40px; z-index:9999}
.shangyige,.myshangyige{ background:url(../images/shangyiye.png) no-repeat; left:30px; background-position:right top;}
.xiayige,.myxiayige{ background:url(../images/xiayiye.png) no-repeat; right:30px;}
.shangyige:hover,.myshangyige:hover{background-position:left top;}

.xiayige:hover,.myxiayige:hover{background-position:right top;}

.mb{display:none;}

#news{ width:85%; margin:0 auto; font-size:14px; background:#F9F9F9; padding:10px 0px;}
#news li{padding:5px 0px; border-bottom:1px dashed #CCC; width:95%; margin:0 auto; }
#news li a{color:#333; display:inline-block;*display:inline; *zoom:1; padding-left:30px; background:url(../images/news_li.gif) no-repeat 5px center; }
#news li a:hover{color:#36F;}
#news li .mL10{font-size:12px; margin-left:20px; color:#CCC;}
#news li p{color:#999; font-size:12px; white-space:pre-wrap; word-wrap:break-word;}
/* 分页
-------------------------------------------------------------------*/
.paglist {
	font-size:12px;
	text-align:center;
	height:24px;
	line-height:24px;
	width:85%;
	margin:6px auto;
	border:1px dashed #CCC;
	background:#F9F9F9;
	padding:10px 0px;
	
}
.paglist a {
	margin-left:3px;
	color:#333; padding:0px 5px;
}

.paglist a:hover{color:#36F;}

.timu{font-size:16px; text-align:center; width:90%; margin:0 auto; line-height:50px;}
.timu2{font-size:12px; text-align:center; width:90%; margin:0 auto;}



.ueditor_baidumap{width:100%; height:300px;}


#box .en li{width:95%; margin:0 auto; height:35px; padding-top:10px; border-bottom:1px solid #e9e9e9; font-family:"Arial", sans-serif; font-size:10px;}
#box .en a{display:block;  color:#262626; line-height:30px; padding-left:10px;}