﻿.contentA{overflow:hidden;padding: 40px 0;position:relative;z-index:20;}
.contentA li{float:left;margin-right:30px;width:380px;}
.contentA li:nth-last-child(1){margin-right: 0;}
.contentA li .cImg{display:block;width:380px;height:235px;overflow:hidden;position:relative;}
.contentA .cImg .img{position:absolute;top:0;left:0;}
.contentA .cImg .img i{position:absolute;top:0;left:0;top:0;width:100%;height:194px;background:url('/style/img/vIcon.png') no-repeat center center;/* opacity:.6; */}
.contentA li img{width:380px;height:235px;transition:all 0.5s;}
.contentA h3{margin-top:15px;background: url('img/c_li.jpg') no-repeat left 8px;padding-left:15px;font-size:18px;border-bottom:1px solid #d3d3d3;height:30px;margin-bottom:5px;}
.contentA h3 a{color:#333;}
.contentA h3 a:hover{color:#be0716;}
.contentA li em{ cursor: pointer;height:235px;width:360px; left: -360px;position: absolute;top: 0;transform: skewX(-25deg);transition: all 0s;
   background-image:-moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
     background-image:-webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
     background-image:-o-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
     background-image:-ms-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}
.contentA li:hover em{left:360px;transition: all 0.6s;}

@keyframes my
{
0%  { top:240px;}
100%  { top:0px;}
}

@-webkit-keyframes my /* Safari and Chrome */
{
0%  { top:240px;}
100%  { top:0px;}
}
.ri li .zhao1,.ri li,.ri li .fr,.le .zhao{transition:all 1s;}
.le .zhao{width:100%;background:url(img/bg1.png);color:#ffffff;text-align:center;position:absolute;opacity:0;bottom:-100%;}
.le .zhao p{font-size:24px;color:#ffffff;padding-top:220px;}
.le .zhao span{color:#ffffff;font-size:18px;display:block;margin-top:15px;}
.le .zhao a{display:block;width:122px;height:31px;background:url(img/bt.png);margin:0 auto;margin-top:15px;line-height:31px;color:#46afd3;font-size:16px;}
.le{width:440px;height:564px;float:left;/* margin-top:25px; */position:relative;overflow:hidden;}
.flb{position:absolute;bottom:20px;}
.le .fl{width:100%;height:90px;background:url(img/bg1.png);color:#ffffff;opacity:1;}
.le .fl p{font-size:22px;padding-top:14px;padding-left:20px;}
.le .fl span{display:block;padding-left:20px;font-size:16px;margin-top:10px;}
.le:hover .flb{opacity:0;}
.le:hover .zhao{opacity:1;bottom:0;}
.ri{width:758px;float:right;}
.ri li{width:360px;height:275px;float:left;margin-left:19px;position:relative;overflow:hidden;margin-bottom: 15px;}
.ri li img{width:360px;height:275px;}
.ri li .fr{width:100%;height:80px;background:url(img/bg1.png);color:#ffffff;opacity: 1;}
.ri li .fr p{ padding-bottom: 5px; font-size:22px;padding-top:10px;padding-left:20px;}
.ri li .fr span{opacity:1;padding-left:20px;font-size:16px;margin-top:8px;}
.ri li .zhao1{width:100%;height:275px;background:url(img/bg1.png);color:#ffffff;text-align:center;position:absolute;bottom:-100%;opacity: 0}
.ri li .zhao1 p{font-size:24px;color:#ffffff;padding-top:65px;}
.ri li .zhao1 span{color:#ffffff;font-size:18px;display:block;margin-top:15px;}
.ri li .zhao1 a{display:block;width:122px;height:31px;background:url(img/bt.png);margin:0 auto;margin-top:15px;line-height:31px;color:#46afd3;font-size:16px;}
.ri li:hover .flb{opacity:0;}

.ri li:hover .zhao1{opacity:1;bottom:0;}
.ri li:hover .fr{display:none;}
@keyframes my
{
0%  { top:240px;}
100%  { top:0px;}
}

@-webkit-keyframes my /* Safari and Chrome */
{
0%  { top:240px;}
100%  { top:0px;}
}

.product{border-top:1px solid #eee;}
.navbar-menu {
	overflow:hidden;
	height: 45px;
}
.navbar-menu .navbar-links {
	float:right
}
.navbar-menu .navbar-links a {
	display:block;
	float:left;
	text-decoration:none;
	height:24px;
	font-size:12px;
	line-height:24px;
	padding:0 16px 0 8px;
	margin-top:8px;
	color:#666;
	background:url(img/line_split.gif) no-repeat right center
}
.navbar-menu .navbar-links a:hover {
	color:#e62e35
}
.navbar-menu .navbar-links a:last-child {
	background:none!important;
	padding-right:0!important
}
.navbar-menu a.free-release {
	display:block;
	height:20px!important;
	line-height:20px!important;
	padding:3px 20px!important;
	background:#f74a0d;
	border:1px solid #f74a0d;
	text-align:center;
	padding:0 30px;
	color:#fff;
	height:24px;
	font-size:12px;
	line-height:24px;
	float:right;
	margin:5px 0 0 20px
}
.navbar-menu a.free-release:hover {
	background:#fff;
	color:#f74a0d
}
.navbar-menu p {
	float:left;
	font-size:24px;
	line-height:28px;
	color:#333;
	font-weight:normal;
	text-indent:0;
	margin: 0;
	padding: 0;
	background: none;
	border-bottom:none;
}
.navbar-menu span {
	float:left;
	font-size:12px;
	color:#999;
	font-weight:normal;
	margin-left:15px;
	margin-top:14px
}
.navbar-menu h3 i {
	color:#d6162d;
	margin:0 5px;
	font-style:normal
}
.nav-local {
	background-color:#fafafa;
	color:#999;
	height:46px;
	line-height:46px;
	margin:0 auto;
	font-size:12px;
	border-bottom:1px #eee solid;
	min-width:1220px
}
.nav-local .local {
	float:left;
	height:46px;
	line-height:46px;
	background:url(img/icon_home.gif) no-repeat 6px center!important;
	padding-left:32px
}
.nav-local .local a {
	color:#666
}
.nav-local .local a:hover {
	color:#e62e35
}
.nav-local .local span {
	color:#ccc;
	margin:0 3px
}
.nav-local .local strong {
	color:#333
}
.nav-local .local-right {
	float:right;
	height:46px;
	line-height:46px
}
.nav-local .local-right a {
	padding:0 6px;
	font-size:14px
}
.nav-local .local-right a:hover {
	color:#e62e35!important
}
a.navbar-menu-more {
	padding-left:30px;
	color:#999;
	margin-top:10px;
	font-size:12px!important;
	float:right;
	padding-right:20px;
	height:20px!important;
	line-height:20px!important;
	background:url(img/icon_more.png) no-repeat right center!important;
	float:right!important
}
a.navbar-menu-more:hover {
	color:#e62e35
}

.ys1{height:781px; overflow:hidden;background:url(img/ys1.jpg) center top no-repeat; }
.ys1 h2{padding:133px 0 0 220px;height:313px; overflow:hidden;}
.ys1 h2 p{ line-height:73px; height:73px;padding:0 0 0 23px; overflow:hidden;}
.ys1 h2 p b{float:left;font-weight:100;font-size:58px;color: #822e6a;margin:0 70px 0 0;}
.ys1 h2 p i{ margin:9px 0 0; font-weight:100;float:left; font-style:normal; font-size:30px; color:#fff; letter-spacing:3px;}
.ys1 h2 span{ font-weight:100;clear:both; display:block; line-height:38px; font-size:22px; color:#9b8574;}
.ys1 h2 span em{margin:0 0 0 5px; font-style:normal; font-weight:100;  font-size:22px; color:#9b8574; font-family:Arial;}
.ys{ font-family:"Microsoft YaHei";}
.ys dl dt{height:82px; overflow:hidden; line-height:41px; font-size:20px; font-weight:bold; color:#362c24;}
.ys dl dt b{ font-size:36px;}
.ys dl dt span{ display:block; font-weight:100; line-height:16px; font-size:12px; color:#362c24; font-family:Arial;}
.ys dl dd{ clear:both;}
.ys dl dd span{ display:block; line-height:20px; color:#9b8574; font-size:14px;padding:0 0 15px 18px;/*background:url(/style/img/ys_ic.gif) left 6px no-repeat;*/}
.ys1 dl{padding:0 0 0 610px;}
.ys2{height:510px; overflow:hidden;background:url(img/ys2.jpg) center top no-repeat; }
.ys2 dl{padding:195px 0 0;}
.ys2 dl dd{width:480px;}
.ys3{height:369px; overflow:hidden;background:url(img/ys3.jpg) center top no-repeat; }
.ys3 dl{padding:106px 0 0 605px;}

/*tm*/
.tm{position:relative;width: 1200px;margin: 0 auto;}
.tm .pb_h{padding:56px 0 0;background:url(img/tm_sd.gif) center 44px no-repeat;height:144px;}
.tm .pb_h a{ background:none;}
.tm .pb_h b{margin:0 0 3px;}
.tm .pb_h span{ color:#362c24;margin:0 0 7px;}
.tm li{float:left;margin:0 10px 0;display:inline-block;padding:14px;width:220px!important;background:#efe6df;border:5px #efe6df solid;overflow:hidden;border-radius:3px;}
.tm dl{width: 100%;height:100%;position:relative;box-shadow:0 0 10px -5px;border-radius:3px;}
.tm .lst{margin:0;}
.tm dt{ vertical-align:top; text-align:center;height:256px; overflow:hidden;}
.tm dd{position:absolute;left:0;bottom:0;}
.tm dt img{ vertical-align:top;display:block;width:180px; vertical-align:top;height:256px; border:1px #fff solid; overflow:hidden;margin:0 auto;}
.tm dd h4{text-align:center; line-height:22px;overflow:hidden; font-size:14px;font-weight: normal;}
.tm dd h4 a{ color:#362c24;}
.tm dd p{  color:#fff;line-height:45px; text-align:justify;height:45px; overflow:hidden;width: 182px;white-space: nowrap;text-overflow: ellipsis;text-align: center;background: rgba(0,0,0,.5);opacity:0;}
.tm dl{border:1px solid #fff;}
.tm li:hover dl{ }
.tm li:hover dd p{opacity: 1;}
.tm .bd{ position:relative;  }
.tm .prev{ position: absolute;top:340px;left:0;background:url(img/hezuo_xbl.png) center no-repeat; display: block; width: 36px; height: 36px; z-index: 9; overflow: hidden; }
.tm .next{position: absolute;  top:340px; right:0;background:url(img/hezuo_xbr.png) center no-repeat;display: block; width: 36px; height: 36px; z-index: 9; overflow: hidden;}
.tm .prevStop{ background-position:0 0px !important; }
.tm .nextStop{ background-position:0px 0px !important; }

/*indexcase*/
.sec-case {
	clear:both;
	padding-bottom: 60px;
}
.spa{height:450px; overflow:hidden; font-family:"Microsoft YaHei";}
.pb_h{width: 1200px;margin: 0 auto; text-align:center;height:109px; overflow:hidden; text-align:center;font-weight:100;background:url(img/spa_l3.gif) left 42px repeat-x;}
.pb_h b{ font-weight:100; display:block;line-height:31px; font-size:24px; color:#362c24;}
.pb_h span{ display:block;line-height:22px;height:26px;  font-size:20px; text-transform:uppercase; color:#9b8574;}
.pb_h h2{  display:inline-block;width:558px;margin:0 auto; background:#fff;}
.pb_h i a{ display:block;margin:0 auto;width:63px; line-height:22px; border:1px #362c24 solid; text-align:center; font-size:14px; font-family:Arial; color:#362c24; font-style:normal;}
.spa dl{ float:left; display:inline;width:25%;background:url(img/spa_l.gif) right top no-repeat; overflow:hidden;}
.spa .lst{background:none;}
.spa dt{ text-align:center;}
.spa dt img{ vertical-align:top;display:block;width:91px; vertical-align:top;height:91px; overflow:hidden;margin:0 auto;}
.spa dt{height:115px; overflow:hidden; vertical-align:top;}
.ppp {background:url(img/spa_l2.gif) center 55px no-repeat;text-align:center;line-height:27px;height:89px;overflow:hidden;font-weight: 800;font-size: 16px;color: #605657;}
.spa dd h4 a{ color:#362c24;}
.pb_h p {
    display: inline-block;
    width: 558px;
    margin: 0 auto;
    background: #fff;
}
.spa dd p{ line-height:22px; color:#362c24;padding:0 53px; line-height:22px; text-align:justify;height:90px; overflow:hidden;}

.title{ padding:30px 0; text-align:center; font-size:16px; line-height:26px;}
.title a{color:#272829;}
.title a h2{ font-size:24px; text-align:center;width:320px; background:url(/style/img/dianline.jpg) left center repeat-x; margin:0 auto;}
.title a h2 span{ display:inline-block;background:url(/style/img/dianline.jpg) left center repeat-x; background:#fff; padding:0 10px;}

.m4{ float:left; width:100%; height:420px;background: url(img/bgm4.jpg) center top no-repeat;}
.m4 .title{ padding-top:38px;}
.m4 .title a{ color:#fff;}
.m4 .title a h2{ background:url(img/bgbailine.png) center center no-repeat;}
.m4 .title a h2 span{ background:none;}
.m4con{ float:left; width:100%; position:relative; color:#fff; line-height:28px; font-size:16px;}
.slideBox{ width:100%; height:280px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; width:100%; text-align:center;  float:left; width:100%; position:absolute; left:0; bottom:0;}
.slideBox .hd ul li{ display:inline-block; margin:0 4px;width:10px; height:10px;text-align:center; background:#878787; cursor:pointer;-webkit-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%; border-radius:50%;}
.slideBox .hd ul li.on{ background:#fff; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; width:100%; overflow:hidden;}
.slideBox .bd li{width:900px; margin:8px 150px 0; float:left; position:relative;}
.slideBox .bd li .txt{ float:left; width:900px; height:188px; }
.slideBox .bd li .yh1,.slideBox .bd li .yh2{ float:left; background:url(/style/img/icon3.png) no-repeat; width:39px; height:20px;}
.slideBox .bd li .yh2{ background-position:-39px 0; position:absolute; right:40px; top:110px;}
.slideBox .prev,.slideBox .next{ position:absolute; left:0; top:35%; margin-top:-18px; display:block; width:35px; height:35px; background:url(img/lrbtn2.png) no-repeat;}
.slideBox .next{ left:auto; right:0; background-position:-36px 0; }
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}

.news{width:700px; height:365px;overflow: hidden;}
.newtil,.faq h3{height:42px;line-height:40px;font-size: 18px;background: url(img/line1.gif) repeat-x 0 bottom;}
.newtil li{float: left;padding-right:20px;}
.newtil li a{color: #333;display: block;}
.newtil li.cur a,.newtil li a:hover,.faq h3 span,.newtil li.on a{border-bottom: solid 2px #e60013;text-decoration: none;color: #e60013;display:inline-block;}
.new_c dl{height:188px;border-bottom: solid 1px #f1f1f1;padding: 5px 0 0;margin-bottom:16px;color: #454545;line-height:28px;}
.new_c dt,.new_c dt img{width:243px;height: 150px; }
.new_c dt img{border:1px solid #dedede;box-shadow:0 0 10px -5px #000;}
.new_c dt{margin:5px 29px 0 0;float: left;}
.new_c dd{width: 425px;float: left;}
.new_c dd h4{height:41px; font-size: 16px;line-height:41px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new_c dd h4 a{color: #5e2172;}
.new_c dd h4 a:hover{color: #e60013;}

.new_c dd p{height:82px;overflow: hidden;margin-bottom: 20px;}
.new_c ul{width:800px;}
.new_c li{height:28px;line-height:28px;padding-left:14px; background: url(img/ico01.gif) no-repeat 1px 9px;overflow: hidden;width: 345px;float: left;margin-left: 5px;}
.new_c li a{color: #5e2172;display:inline-block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new_c li a:hover{color: #e60013;}

.faq{width:450px;overflow: hidden;padding: 0 0 0 50px;}
.faq h3{margin-bottom: 5px;font-weight: normal;}
.faq dl{height:106px;line-height:28px;border-bottom: solid 2px #f1f1f1;  overflow:hidden;}
.faq dl.born,.faq dl.born3{border:0;}
.faq dt{height: 41px;line-height: 41px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.faq dt span{width:29px;float: left;display: inline-block;}
.faq dt a{color: #5e2172;}
.faq dt a:hover{color: #e60013;}
.faq dd b{width:29px;float: left;display: inline-block;font-weight: normal;}

.sy_xnav3{ height:38px;font-family:'???￥???????????¨???????ˉ?????￠a???o?￠a???|?????????￠a????'; background:url(/style/img/tdnav_bj1.jpg) center center repeat-x;}
.sy_xnav3 .xnav3_m{height:38px;line-height:38px;background:url(img/tdnav_bj2.jpg) center center no-repeat;margin:0px auto;}
.sy_xnav3 .xnav3_m h2{text-align:center;color:#086779;font: 20px  微软雅黑;}
.sy_xnav3 .xnav3_m h2 span{color:#9d9483;}
.tongdao{padding:10px 0 30px;margin:0 auto;font-family:'???￥???????????¨???????ˉ?????￠a???o?￠a???|?????????￠a????';}
.tongdao ul{margin:0px auto; }
.tongdao ul li{ height:40px; line-height:40px;color:#333333; margin:0px auto;}
.tongdao ul li h2{ float:left; font-size:16px; font-weight: normal;background:url(img/td_xb1.jpg) left center no-repeat; padding-left:23px;}
.tongdao ul li h2 a{font-weight: bold;}
.tongdao ul li a{float:left;font-size:14px; background:url(img/td_xian.jpg) right center no-repeat; margin-right:20px; padding-right:20px;}
.tongdao a:hover{ color:#086779;}

.main8{font-family:'???￥???????????¨???????ˉ?????￠a???o?￠a???|?????????￠a????'; margin:0px auto;padding-bottom: 20px;}
.main8 .xnav{font: 14px/1.231 微软雅黑, "";height:42px;background:url(img/link_navbj.jpg) center no-repeat;margin:0px auto;}
.main8 .xnav h4{ font-size:18px; color:#313131; line-height:48px; padding-left:40px; font-weight:600;}
.main8 .xnav p{ font-size:12px; color:#9d9483;}
.main8 .link{font: 14px/1.231 微软雅黑, ;margin:10px auto;}
.main8 .link a{float:left;color:#666;text-align: left;background:url(img/link_xian.jpg) right center no-repeat;line-height:26px;margin-right:8px;padding-right: 10px;font: 12px/1.231 微软雅黑, "";display:block;}
.main8 .link a:hover{color:#086779;}
.StickieInf {
    min-width: 1200px;
    height: 30px;
    background: #F0F0F0;
}
.StickieInf .StickieInf_wrap {
    width: 1200px;
    margin: 0 auto;
}
.StickieInf .StickieInf_wrap .si_inf {
    width: 710px;
    color: #666;
    position: relative;
}

.StickieInf_wrap .si_inf .si_store {
    overflow: hidden;
    width: 710px;
    position: relative;
    margin-left: 0px;
}
.StickieInf .StickieInf_wrap .si_inf .si_store ul {
    position: .;
    left: 90px!important;
}
ul, li {
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
}
.StickieInf .StickieInf_wrap .si_enter {
    float: right;
    position: relative;
}

.cxt {
    width: 42px;
    height: 21px;
    background: url(img/cxt.png) no-repeat;
}
.StickieInf .StickieInf_wrap .si_enter a, .StickieInf .StickieInf_wrap .si_enter span {
    margin-right: 10px;
}

.StickieInf .StickieInf_wrap .si_enter a {
    font-size: 12px;
    color: #666;
}
.StickieInf .StickieInf_wrap .si_enter span {
    margin-right: 0px;
}
.StickieInf .StickieInf_wrap .si_enter .sie_inter {
    position: absolute;
    z-index: 20;
    background: #fff;
    border-right: 1px solid #ccc;
    padding: 9px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    top: 30px;
    display: none;
}
.StickieInf .StickieInf_wrap .si_enter .sie_inter .siei_text {
    font-size: 16px;
    width: 110px;
}
.StickieInf .StickieInf_wrap .si_enter .sie_inter div {
    margin-right: 0px;
    height: 88px;
}
.StickieInf .StickieInf_wrap div {
    float: left;
    line-height: 30px;
    font-size: 12px;
    margin-right: 0px;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    image-rendering: optimizeQuality;
}
img {
    border: 0;
    vertical-align: bottom;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.StickieInf_wrap .si_inf .si_store ul li a, .StickieInf_wrap .si_inf .si_store_more a {
    font-size: 12px;
    width: 620px;
    margin-right: 5px;
    overflow: hidden;
    height: 30px;
}