@charset "utf-8";
@import url("global.css");
@import url("link.css");
@import url("page.css");
@import url("adv.css");
@import url("menu.css");
@import url("productlist_roll.css");
@import url("common.css");
/*主体部分布局*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin:0 auto;
	background-color:#fff;
	
}
#page.boxed,#page #topnav{
    max-width: 1920px;
}
#page.boxed {
    max-width: 1920px;
    margin: 0 auto;
}
#page {
    background: #ffffff none repeat center top;
    background-size: auto;
    background-attachment: ;
}
#page {
    position: relative;
    overflow: hidden;
}



/******main frame*****************************************************/
.divmain{width:1200px; margin:0 auto;}
.maintable{ width:1200px; margin:0 auto;}

.indexbartitle{ font-size:18px;; font-family:'微软雅黑'; line-height:46px;}
.indexbartitleen{ color:#999999; text-transform:uppercase;padding-left:10px;}

/**产品一站式果苗**/
.productNavClass{float:left; position:relative; height:407px; width:250px; background-color:#FFFFFF; z-index:999999;	filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

.productClass{}
.productClass ul{ }
.productClass ul li{ display:list-item;height:36px; line-height:36px; border-bottom:1px dotted #ccc; background-image:url(../images/leftarrow.gif); background-repeat:no-repeat; background-position:right;}
.productClass ul li a{ display:block; font-size:16px; font-family:'微软雅黑'; color:#444; padding-left:15px; padding-right:15px;}
.productClass ul li a:hover{ text-decoration:none; color:#339900; background-color:#f9f9f9f;}
 
.submenu{ width:100%;}
.submenu ul{ padding-left:25px; padding-right:25px; padding-top:15px;}
.submenu ul li{line-height:36px; text-align:center; border-bottom:1px solid #efefef;}
.submenu ul li a{ display:block;font-size:15px; font-family:'微软雅黑';border-bottom:0px solid #efefef;background-image:url(../images/dt-11.gif); background-position:left; background-repeat:no-repeat; text-align:left;padding-left:25px}
.submenu ul li a:hover{ text-decoration:none; color:#c90304;}

.submenu ul li a.selmenu{ display:block;font-size:15px; font-family:'微软雅黑';border-bottom:0px solid #efefef;background-image:url(../images/dt-11.gif); background-position:left; background-repeat:no-repeat; text-align:left; padding-left:25px; font-weight:bold; color:#c90304;}
.submenu ul li a.selmenu:hover{ text-decoration:none; color:#577FAD;}

#navinfo{font-size:15px; font-family:'微软雅黑'; border:0px;border-bottom:1px solid #ddd; margin-top:0px;  background-color:#f9f9f9;}
#navinfo a{font-size:15px; font-family:'微软雅黑';}

.selbar{border:1px solid #e2e2e2; border-bottom:0px; border-top:2px solid #2053ac; width:100px; text-align:center;font-family:'微软雅黑'; font-size:16px; font-weight:bolder; cursor:pointer; }
.selbarno{border:1px solid #e2e2e2; width:100px;text-align:center; font-family:'微软雅黑'; font-size:16px; cursor:pointer; background-color:#fff; }
.selbarpad{ border-bottom:1px solid #e2e2e2; width:10px;}
.selbarline{border-bottom:1px solid #e2e2e2;}

/**子菜单**/
.sub_menu{}
.sub_menu a.selmenu,.sub_menu a.selmenu:hover{ float:right;display:block;/*border:1px solid #e2e2e2; border-bottom:0px; border-top:0px solid #346200; */width:100px; text-align:center;font-family:'微软雅黑'; font-size:16px; /*  background-color:#FF6600; */color:#1c5191; line-height:49px; height:49px; text-decoration:none; margin-left:10px; font-weight:bold;}
.sub_menu a.selmenuno,.sub_menu a.selmenuno:hover{float:right;display:block;/*border:1px solid #e2e2e2; border-bottom:0px; border-top:0px solid #346200; */width:100px; text-align:center;font-family:'微软雅黑'; font-size:16px;   /*background-color:#2f5db3;*/ color:#666; line-height:49px; height:49px;text-decoration:none; margin-left:10px;}

.divselcon{border:1px solid #e2e2e2; border-top:0px; padding:15px; line-height:30px;}
.frameleftborder{border:1px solid #e2e2e2; border-top:0px;border-right:0px; padding:15px; line-height:30px;}
.framerightborder{border:1px solid #e2e2e2; border-top:0px; border-left:0px; padding:15px; line-height:30px;}

/*-----------------------------------幻灯 on----------------------------------*/
#focus {  width:100%;height:315px; margin:0 auto; position:relative; overflow:hidden;}
#focus ul { padding:0px; margin:0px; position:absolute; overflow:hidden;}
#focus ul li { display:inline; float:left;height:315px; background:#efefef; position:relative; overflow:hidden;}
#focus ul li a { display:block; height:315px; margin:0; padding:0;}
#focus ul li div { position:absolute; overflow:hidden;}
#focus .btnBg { height:20px;  width:100%; position:absolute; left:0; bottom:0;}
#focus .btn { height:10px; padding:20px 10px; position:absolute; right:46%; bottom:0;}
#focus .btn span { display:inline-block; width:15px; height:15px;border-radius: 15px; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on { background:#fff;}
#focus .preNext { width:45px; height:100px; cursor:pointer; background:url(../images/sprite.png) no-repeat; position:absolute; top:36%; visibility:hidden;}
#focus .pre { left:0;}
#focus .next { background-position:right top; right:0;}

/*-----------------------------------幻灯 off----------------------------------*/
/* flexslider */
.flexslider{position:relative;height:662px;overflow:hidden;background:url(/templates/default/images/share/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:662px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(/templates/default/images/share/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;opacity: 0.1;}
.flex-direction-nav li a:hover{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;opacity: 0.4;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(/templates/default/images/share/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(/templates/default/images/share/next.png) center center no-repeat;}

.index_syq_top_news{ padding:0px;}
.index_syq_top_news p a{font-size:16px; color:#6b9436; line-height:24px;font-family:'微软雅黑';}
.index_logo_border{ border:1px solid #ddd;}
.index_borderbot{border-bottom:1px dotted #ddd;}

.index_sel{font-size:14px;font-family:'微软雅黑'; color:#999; text-decoration:none;}
.index_nosel{font-size:14px;font-family:'微软雅黑'; color:#09196e; text-decoration:none;}
.seltitle{font-size:16px; color:#000;  font-family:'微软雅黑';}
.toptitle{ font-size:16px; color:#000; font-family:'微软雅黑';}

.lefttdtigle{font-family:'微软雅黑'; font-size:18px;color:#000; }
.lefttden{color:#666;}

.lefttdtigle2{font-family:'微软雅黑'; font-size:15px;color:#704f3c; font-weight:bold;}
.lefttden2{color:#999;}
 
.classbg{padding-left:15px; padding-right:15px; background-image:url(../images/cate_middle.jpg); background-repeat:repeat-y;}
.classinfobg{padding-left:15px; padding-right:15px; background-image:url(../images/search_middle.jpg); background-repeat:repeat-y;}
.input{ border:1px solid #ddd; padding:3px; }

.commonframebottom{background-image:url(../images/search_bottom.jpg); background-repeat:no-repeat; height:24px;}
.calsstopbg{background-image:url(../images/cate_top.jpg); background-repeat:no-repeat; height:46px;}
.calssbottombg{background-image:url(../images/cate_bottom.jpg); background-repeat:no-repeat; height:17px;}
.calsstopbg2{background-image:url(../images/search_top.jpg); background-repeat:no-repeat; height:46px;}

.barbg{ border-bottom:1px solid #ddd; height:35px; vertical-align:top; background-image:url(../images/barimg.png); background-repeat:no-repeat; background-position:left;}
.barbg p{padding-left:30px; padding-right:10px; line-height:35px;}
.bartitle{float:left; line-height:35px; font-family:'微软雅黑';Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#666;}
.bartitle2{float:left; line-height:35px; font-family:'微软雅黑';Arial, Helvetica, sans-serif; font-size:18px; color:#000;}
.barmore{float:right;}

.nycontent{ padding-top:15px; padding-bottom:15px; padding-left:10px; padding-right:10px; line-height:200%; font-size:14px;font-family:'微软雅黑';Arial, Helvetica, sans-serif; }
.nycontent p,.nycontent div,.nycontent td{ line-height:200%; font-size:14px;font-family:'微软雅黑';Arial, Helvetica, sans-serif;}
/******home**********************************************************/
.rightcon{ padding-left:25px; background-image:url(../images/leftshuline.jpg); background-repeat:no-repeat;}
.leftbarinfotitle{ background-image:url(../images/nybarbg.jpg); background-repeat:no-repeat; color:#fff; font-size:16px; font-family:'微软雅黑'; text-align:left; vertical-align:top; line-height:38px;}
.leftbarinfotitle2{ background-image:url(../images/leftbar2.jpg); background-repeat:no-repeat; color:#fff; font-size:16px; font-family:'微软雅黑'; text-align:left; vertical-align:top; line-height:30px;}
.ptitle2{line-height:30px;font-size:18px; font-family:'微软雅黑'; padding-left:35px;color:#000;}

.navtitle{ float:left; width:200px; padding-left:15px; font-size:18px; font-family:'微软雅黑'; color:#000;}
.nav{ float:right; width:400px; text-align:right; padding-right:15px;}
.navbg{text-align:left; border-bottom:1px solid #ddd; background-image:url(../images/nybararrow.jpg); background-repeat:no-repeat; background-position:left;}
.nycontent{padding-top:15px; padding-bottom:15px; text-align:left; font-size:12px;line-height:200%; color:#333;font-size:16px;font-family:'微软雅黑';Arial, Helvetica, sans-serif;}

.blockcon_sub{padding:0px; text-align:left; padding-bottom:15px; min-height:150px; padding:15px; padding-top:0px; padding-bottom:0px;}
.blockcon_sub ul{ padding:0px;}
.blockcon_sub ul li{width:100%;text-align:left; border-bottom:1px solid #efefef; background-image:url(../images/arrowa.jpg); background-repeat:no-repeat; background-position:left;}
.blockcon_sub ul li.itemsel{width:100%;text-align:left; border-bottom:1px solid #efefef; background-image:url(../images/arrowa2.jpg); background-repeat:no-repeat; background-position:left; padding-left:15px;}
.blockcon_sub ul li span a{ display:block;color:#666666;text-decoration:none;font-size:15px; font-weight:normal;font-family:"微软雅黑",Arial, Helvetica, sans-serif;line-height:32px; height:32px; padding-left:20px;}
.blockcon_sub ul li span a:hover{display:block;text-decoration:none;color:#1272A5; text-decoration:underline; font-weight:normal; font-size:15px;font-family:"微软雅黑",Arial, Helvetica, sans-serif; line-height:32px;}


.blockcon_sub ul li span a.aboutsubmenusel:link { color:#1272A5; font-weight:bold;}
.blockcon_sub ul li span a.aboutsubmenusel:visited {color:#1272A5;}
.blockcon_sub ul li span a.aboutsubmenusel:active {color:#1272A5;}
.blockcon_sub ul li span a.aboutsubmenusel:hover {color:#1272A5;}

/***RightCon****/
.RightCon{ padding-top:15px; line-height:150%;}
.RightCon p,.RightCon div,.RightCon table td,.RightCon span{ line-height:180%;}

/***左侧新闻top****/
.newslist{width:100%;}
.newslist ul{list-style:none; padding-top:0px;padding-bottom:0px; padding:0px;}
.newslist ul li{ border-bottom:1px dotted #ddd; line-height:34px; height:34px;padding-left:0px; margin:0px; text-align:left; background-image:url(../images/share/leftarrow2.gif); background-position:left;  background-repeat:no-repeat; padding-left:10px; }
.newslist ul li span a{ height:34px; line-height:34px; font-size:14px;font-family:"宋体"; color:#333; }
.newslist ul li span.title{ float:left;}
.newslist ul li span.date{ float:right; font-size:14px; font-family:"宋体";}

.newslist3{width:100%;}
.newslist3 ul{list-style:none; padding-top:0px;padding-bottom:0px; padding:5px;}
.newslist3 ul li{ border-bottom:1px dotted #ddd; line-height:24px; height:24px;padding-left:0px; margin:0px; text-align:left; background-image:url(../images/share/leftarrow2.gif); background-position:left;  background-repeat:no-repeat; padding-left:16px; }
.newslist3 ul li span a{ height:24px; line-height:24px; font-size:12px; color:#333; }
.newslist3 ul li span.title{ float:left;}
.newslist3 ul li span.date{ float:right; font-size:12px; font-family:"宋体";}

.newslist2{width:100%;}
.newslist2 ul{list-style:none; padding-top:0px;padding-bottom:0px; }
.newslist2 ul li{ border-bottom:1px dotted #ddd; line-height:36px; height:36px;padding-left:0px; margin:0px; text-align:left; background-image:url(../images/share/leftarrow2.gif); background-position:left;  background-repeat:no-repeat; padding-left:20px; }
.newslist2 ul li span a{ height:36px; line-height:36px;font-size:15px; font-family:"宋体"; color:#444;}
.newslist2 ul li span.title{ float:left;}
.newslist2 ul li span.date{ float:right; font-size:15px; font-family:"宋体";}



/*---------新闻-------------*/
.xw_li{ line-height:240%;}
.xw_li li{ border-bottom:#CCCCCC dotted 1px; padding:15px 0; overflow:hidden;}
.xw_li li dl{ float:left; width:200px;}
.xw_li li img{ float:left;  width:180px; height:110px; margin-right:25px; padding:1px; border:#eeeeee solid 2px;}
.xw_li li a:hover img{ border:#0a86da solid 2px;}
.xw_li li a{ display:block; text-decoration:none;}
.xw_li li a:hover{ text-decoration:none;}
.xw_li li h1{ font-size:18px;}
.xw_li li h2{ text-indent:24px; font-size:12px; font-weight:normal; background:url(http://www.vobke.com.img.800cdn.com/templates/201412/images/xw_li_sj.png) no-repeat 200px 5px}
.xw_li li h3{ font-size:14px;font-weight:normal; color:#999999; line-height:30px;}

.xw_li2{ line-height:240%;}
.xw_li2 li{ border-bottom:#CCCCCC dotted 1px; padding:15px 0; overflow:hidden;}
.xw_li2 li dl{ float:left; width:200px;}
.xw_li2 li img{ float:left;  width:180px; height:110px; margin-right:25px; padding:1px; border:#eeeeee solid 2px;}
.xw_li2 li a:hover img{ border:#4bb344 solid 2px;}
.xw_li2 li a{ display:block; text-decoration:none;}
.xw_li2 li a:hover{ text-decoration:none;}
.xw_li2 li h1{ font-size:18px;}
.xw_li2 li h2{ text-indent:24px; font-size:12px; font-weight:normal; background:url(http://www.vobke.com.img.800cdn.com/templates/201412/images/xw_li_sj.png) no-repeat 200px 5px}
.xw_li2 li h3{ font-size:14px;font-weight:normal; color:#999999; line-height:30px;}

.xw_tag{ line-height:180%;}
	
/***左侧菜单****/
div.productclass_dolphin{
margin:0px;
padding:5px 5px 0px 0px;

}
a.productclass_dolphin:link,a.productclass_dolphin:visited,a.productclass_dolphin:active{
display:block;
text-decoration: none;
font-size:15px;
font-family:"微软雅黑";
height:36px;
line-height:36px;
text-align:left;
padding-left:15px;
margin:0px;
color:#202020;
 
border-bottom:1px solid #ddd;
background-image:url(../images/leftarrow2.gif); background-repeat:no-repeat; background-position:right;
}
a.productclass_dolphin:hover{
display:block;

text-decoration: none;

}
a.productclass_dolphin2:link,a.productclass_dolphin2:visited,a.productclass_dolphin2:active{
display:block;
text-decoration: none;
font:14px/26px Verdana, Arial, Helvetica, sans-serif;
height:30px;
text-align:left;
background-color:#172c5b;padding-left:46px;
margin:0px;
color:#fff; 
 
background-color:#172c5b;

}

a.productclass_dolphin2:hover{
display:block;
color:#fff; 
text-decoration: none;
 background-color:#172c5b;
}


/**************************************/
 
div.subdorpmenu_dolphin{
   display:block;
}

div.subdorpmenu_dolphin ul{
   color:#000;
   background-color:#fff;
   padding:0px;
   margin-left:-3px;
   margin-left:0px\9;
   border-top:2px #fff solid;
   min-width:57px;
}

div.subdorpmenu_dolphin li{
   padding:0px;
   list-style-type:none;
   text-align:left; 
   height:24px;
   color:#fff; 
   background-image:url(../images/a1.gif); background-repeat:no-repeat; background-position:left;
}

div.subdorpmenu_dolphin li.current{
   color:#000;
   height:24px;
   display:block;
}

a.subdorpmenu_dolphin:link,a.subdorpmenu_dolphin:visited,a.subdorpmenu_dolphin:active{
   display:block;
   color:#000; 
   text-decoration: none;
   font:14px/30px 'SimSun',Arial,Sans-Serif;
   margin:0px;
   padding-left:20px;
}

a.subdorpmenu_dolphin:hover {
   display:block;
   color:#fd6500; 
   text-decoration: none;
   font:14px/30px 'SimSun',Arial,Sans-Serif;
   margin:0px;
    padding-left:20px;
   background-image:url(../images/a2.gif); background-repeat:no-repeat; background-position:left;
}


/**************************/
/* */
.content_right{float:left;}
.content_right .ad { 
	margin-bottom:10px;
	width:291px; 
	height:206px; 
	overflow:hidden;
	position:relative;
}
.content_right .slider,.content_right .num{
	position:absolute;
}
.content_right .slider li{ 
	list-style:none;
	display:inline;
}
.content_right .slider img{ 
	width:291px; 
	height:206px;
	display:block;
}
.content_right .num{ 
	right:5px; 
	bottom:5px;
}
.content_right .num li{
	float: left;
	color: #069;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;
	margin: 3px 1px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.content_right .num li.on{
	color: #fff;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-size: 14px;
	margin: 3px 1px;
	border: 1px solid #ccc;
	background-color: #0b1b72;
	font-weight: bold;
}

/********************/
.newsbot{border-radius:5px; border:1px solid #efefef; width:270px; padding:15px; height:250px;}
#Nav  td a img { padding:2px; border:1px solid #ddd;}


/**友情链接**/
.links{ padding-top:5px; padding-bottom:0px;}
.links a{padding-right:10px; line-height:26px; width:auto; font-size:14px;color:#ccc;}

/**prolist**/


.br-bg{ background:#fafdff; border:1px solid #cadae7;}

/******/
.newtxtlst{ height:44px; margin-bottom:9px; overflow:hidden;}
.metlist{ margin-bottom:20px;}
.metlist dt{ border-bottom:1px solid #ddd; font-size:14px; font-weight:bold; padding:3px 5px 3px 20px; background:url(../images/dt-9.gif) no-repeat 5px 11px;}
.metlist dd{ color:#999; padding:5px 8px; background:#f8f8f8;}
.metlist dd b{ font-weight:normal;}
.metlist dd div{ float:right;}
.metlist dd span{ padding-right:20px;}
.metlist dd a{ color:#1C57C4; text-decoration:underline;}
.metlist dd a.down{ color:#fa1a1a; text-decoration:underline;}
#dians{float:right;padding-top:1px;}
#dians a{background:url(../images/dian.png) no-repeat 0 0;width:10px;height:10px;overflow:hidden;display:block;float:left;margin-left:8px;}
#dians a:hover,#dians a.active{background-position:-10px 0;}


.pro-list{margin-top:10px;}
.pro-list .profld{ margin:0px; }
.pro-list ul{}
.pro-list li{float:left; display:inline; zoom:1; overflow:hidden; text-align:center;}
.pro-list li a.img{ display:block; text-align:center; font-size:0px;}
.pro-list li h3{ font-weight:normal; margin-top:5px; height:20px; line-height:20px; overflow:hidden;}
.pro-list .flip{ position:absolute;z-index:1;}
.pro-list .next,.pro-list .prev{ width:12px; height:20px; overflow:hidden; display:block;background:url(../p-arrow.jpg) no-repeat; cursor:pointer;}
.pro-list .next{background-position:0px 0px; position:absolute;top:70px; left:380px;}
.pro-list .next:hover{background-position:0px -20px; }
.pro-list .prev{background-position:-12px 0px;position:absolute;top:70px;left:4px;}
.pro-list .prev:hover{ background-position:-12px -20px;}
.pro-ccc{ padding:12px 18px;}


/*******************/
/*--gallery style state here--*/
.gallery{
	padding:2em 0px;
	background: rgba(153, 153, 153, 0.04);
}
.gallery h3 {
	font-size: 2.5em;
	font-weight: 400;
	color: #999;
	text-align: center;
}
.services_top{
	padding:0px; padding-left:45px;
}
.col_1_of_portfolio:first-child {

}
.col_1_of_portfolio{
	display: block;
	float: left;
	margin:15px;
	margin-top:0px;
	padding-bottom:25px;
}
.span_1_of_portfolio{
	width:350px;
}
.view-first h3{
	color: #555;
	padding: 1em 0;
	margin-bottom: 0;
	font-size: 1em;
	text-transform: uppercase;
}
.view {
   /*--width:290px;
   height:350px;--*/
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask,.view .content {
  width: 350px;
	height: 200px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.view img {
   display: block;
   position: relative;
}
.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   margin-top: 4em;
   color: #fff;
   text-transform: uppercase;
 }
.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color:rgba(98, 187, 247, 0.29);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.span_1_of_projects img{
	display:block;
}
/*--gallery end here--*/

/**cases****************************************/
.case_more{ border-bottom:1px solid #ddd; padding-bottom:15px;}
.case_item a{ float:left; margin-right:10px;background-color:#edeaea; width:100px; line-height:30px; display:block; color:#666; text-decoration:none;}
a.ona {background-color:#f75a53; color:#fff; }
a.offa {background-color:#edeaea; color:#666;}

.bar_line{border-bottom:2px solid #333333;text-align:center;color:#999; font-size:14px; cursor:default;}
.bar_line_on{border-bottom:2px solid #fe7000; text-align:center; color:#999; font-size:14px; background:url(../images/index/bottomarrow.jpg) no-repeat bottom center; cursor:pointer; }

.case_more{}
.case_more a{background-color:#f75a53; color:#fff; width:150px; text-align:center; display:block; line-height:46px; height:46px; font-family:'微软雅黑'; font-size:14px;border-radius:4px;}

.news_info{padding:25px; padding-left:0px; margin-bottom:15px;}
.news_info a{background-color:#006ab8; color:#fff; width:120px; text-align:center; display:block; line-height:30px; height:30px; font-family:'微软雅黑'; font-size:12px;border-radius:2px;}
.news_info a:hover{background:#49b2df; color:#fff; width:120px; text-align:center; display:block; line-height:30px; height:30px; font-family:'微软雅黑'; font-size:12px;border-radius:2px;}
/******************************************/
.wrap {
    width: 1200px;
    margin: 0 auto;
    zoom: 1;
}
.fl {
    float: left;
}
.home_info .item{margin-left:30px; width:300px;}
.home_info .item:first-child{margin-left:20px;}
.home_info{margin-top:36px; margin-bottom:28px;}
.home_info .item{padding-top:24px; width:280px;margin-left:20px;}
.home_info .item:first-child{margin-left:0px;}
.home_info .item .icon{width:50px; height:50px; margin:-24px auto 0; background:url(../images/bg.png) no-repeat 0 -26px; z-index:10px; position:relative;}
.home_info .item .icon.i0{background-position:0 -26px;}
.home_info .item .icon.i1{background-position:-50px -26px;}
.home_info .item .icon.i2{background-position:-100px -26px;}
.home_info .item .icon.i3{background-position:-150px -26px;}

.home_info .item:hover .icon.i0{ background:url(../images/bg_1.png) no-repeat 0px -26px;}
.home_info .item:hover .icon.i1{ background:url(../images/bg_1.png) no-repeat -50px -26px;}
.home_info .item:hover .icon.i2{ background:url(../images/bg_1.png) no-repeat -100px -26px;}
.home_info .item:hover .icon.i3{ background:url(../images/bg_1.png) no-repeat -150px -26px;}

.home_info .item .box{margin-top:-25px;margin-bottom:25px; border:1px solid #ccc; padding-top:36px; padding-bottom:31px; border-bottom:2px solid #4caee1;}
.home_info .item .box .t{line-height:46px; height:46px; text-align:center; font-size:14px;}
.home_info .item .box .txt{line-height:22px; height:88px; overflow:hidden; text-align:center; padding:0 13%; color:#495456;}
.home_info .item .box .more{margin-top:22px; text-align:center;}
.home_info .item .box .more a{display:inline-block; line-height:30px; height:30px; padding-left:15px; padding-right:15px;  text-decoration:none; color:#fff; background:#49b2df; border-radius:2px;}
.home_info .item:hover .box .more a{ background:#f66b42;}
.home_info .item:hover .box{ border-bottom:2px solid #949494;}
.breakline{height:7px; overflow:hidden; width:100%; margin:0 auto; background:url(../images/bg_repeat.png) repeat-x 0 -2px; position:relative;}
.breakline:after{width:13px; height:7px; overflow:hidden; content:''; background:url(../images/bg.png) no-repeat -317px -44px; position:absolute; top:0; left:0;}


/****************/
.pic_box{ position:relative;}
.dark {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  text-decoration: none;
}
.ptitlebg{
line-height:40px;height:40px;background-color:#000;
      filter:alpha(opacity=0.5);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  
}
.ptitlebg a{ line-height:40px;}
.pic_box:hover .ptitlebg{background-color:#fe7000;
      filter:alpha(opacity=80);  
      -moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8; 
}

/*--solutions_box--*/
.solutions_box{width:638px;background:#f2f2f2; position:relative;}

.solutions_box .list{float:left; width:410px; margin-left:15px;}
.solutions_box .list li{width:465px; height:32px; padding:0 25px 0 20px; margin-top:10px; overflow:hidden; line-height:30px; background:url(../images/share/leftarrow_2.gif) no-repeat; background-position:left;}
.solutions_box .list li a{color:#2e2e2e; font-size:14px;}
.solutions_box .list li.cur{background:url(../images/newsselbg.png) no-repeat; background-position:left;}
.solutions_box .list li.cur a{color:#fff; text-decoration:none;}
.solutions_box .photo{position:absolute; left:370px; top:5px;}
.solutions_box .photo li{width:250px; height:180px; display:none; position:absolute; top:0; left:0;}
.solutions_box .photo li a{width:250px; height:180px; display:table-cell; text-align:center; vertical-align:middle; color:#fff;}
.solutions_box .photo li a img{width:250px; max-height:220px; }
.solutions_box .photo li.cur{display:block;}

.more a {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    color: #fff;
    background: #49b2df;
    border-radius: 2px;
}

.more a:hover {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    color: #fff;
    background:#f75a53;
    border-radius: 2px;
}

/* The main pic_banner unordered list */
.pic_bannerHolder {
	 overflow: hidden;
}

/* Hiding the bullets of the li elements: */
.pic_bannerHolder li {
	 list-style: none;
	 display: inline;
}

/* The pic_banner divs */
.pic_banner {
     width: 285px;
	 height: 200px;
	 position: relative;
	 overflow: hidden;
	 float: left;
	 display: inline;
	 margin-right:15px;
	 margin-bottom: 15px;
}

/* The pic_banner divs */
.pic_banner img {
	 display: block;
	 border: none;
}

/* The dark animated divs */
.pic_banner div {
	 position: absolute;
	 z-index: 100;
	 background-color: #222;
	 width: 60px;
	 height: 60px;
	 cursor: pointer;

	/*	Setting a really big value for border-radius
		will make the divs perfect circles */
	 -moz-border-radius:100px;
	 -webkit-border-radius:100px;
	 border-radius:100px;
}

/*	Positioning the animated divs outside the
	corners of the visible pic_banner area: */
.pic_banner .cornerTL { left:-63px; top:-63px; }
.pic_banner .cornerTR { right:-63px; top:-63px; }
.pic_banner .cornerBL { left:-63px; bottom:-63px; }
.pic_banner .cornerBR { right:-63px; bottom:-63px; }

/* The "Visit Company" text */
.pic_banner p {
	width: 230px;
	height:140px;
	left: 29px;
	top: 29px;
	z-index: 200;
	position: absolute;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	display: none;	/* hidden by default */
	border: 1px solid #FFF;
}
#span-txt-1 { font-size:18px; display:block; margin-top:50px; line-height:30px;}
#span-txt-2 { font-size:12px;text-transform:uppercase;}


/*header*/
.header{height:140px;background-color:#fff;}
.header .item{position:relative;width:1200px;height:160px;margin:0 auto;z-index: 10;}
.header .logo{width:336px;height:95px;margin-top:22px;display:block;line-height:300px;overflow:hidden;}
.header .links{position:absolute;top:32px;right:0;width:210px;height:20px;}
.header .links a{float:left;position:relative;width:68px;height:20px;padding-left:24px;color:#000;font-size:12px;line-height:20px;}
.header .links a i{position:absolute;left:0;top:50%;margin-top:-6px;overflow:hidden;}
.header .links a .i1{width:13px;height:12px;background-position:0 -126px;}
.header .links a .i2{width:15px;height:11px;background-position:-20px -126px;}
.header .links a:hover{color:#f00;}
.navBar{position:absolute;right:0;top:86px;width:900px;height:54px;}

.icons{ position:relative;}
.icons i{ position:absolute; display:inline-block;}

.nav {position:relative;width:850px;height:54px; border-top:2px solid #e3e3e3;}
.nav .m{position:relative;float:left;width:100px;height:40px;z-index:10;}
.nav li.m>a.home i{ width:23px; height:20px; left:15px; top:13px; background:url(/images/icons.png) no-repeat; background-position:0 -4px;}
.nav li.m>a.sec i{ width:8px; height:4px; right:0; top:24px; background:url(/images/icons.png) no-repeat; background-position:-35px -163px;}

.nav h3{position:relative;height:40px;}
.nav h3 a{display:block;height:40px;color:#4a4a4a;font-size:16px;font-weight:normal;line-height:40px;text-align:center;}
.nav .on h3 a{color:#659815;}
.nav h3 span{display:block;font-size:12px;}
.nav .sub {display:none;position:absolute;left:50%;top:54px;margin-left:-50px;z-index:1;width:100px;padding:12px 0 10px;background:#fff; border:1px solid #ddd;}
.nav .on .sub{display:block;}
.nav .sub li{height:25px;text-align:center;line-height:25px;}
.nav .sub li a{display:block;color:#659815;font-size:14px; border-bottom:1px dotted #ddd;}
.nav .sub li a:hover{color:#659815;}
.nav .block {position:absolute;left:0;top:52px;height:2px;width:100px;background:#8bc658;overflow:hidden;} 


.icons{ position:relative;}
.icons i{ position:absolute; display:inline-block;}
/*header*/
#header_mask{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9; background:url(../images/mask_index.png); display:none;}
#header{ width:100%; position:absolute; top:0; left:0; background:#fff; z-index:10;}
#header .wrap{ height:135px;}
#header .logo{ height:135px; line-height:135px;}
#header .tel{ font-size:24px; color:#29ab95; height:55px; line-height:55px; padding-left:45px; position:relative; overflow:hidden;}
#header .tel i{ width:30px; height:30px; left:0; top:13px; background:url(../images/icons.png) no-repeat; background-position:0 -39px;}
#header .nav{ border-top:1px solid #e3e3e3;}
#header .nav li{ float:left; margin:0 15px; position:relative;}
#header .nav li.clear{ clear:both;}
#header .nav li>a{ height:50px; line-height:50px; font-size:16px; display:inline-block; padding:0 8px;}
#header .nav li>a.home{ width:23px;}
#header .nav li>a.home i{ width:23px; height:20px; left:15px; top:13px; background:url(../images/icons.png) no-repeat; background-position:0 -4px;}
#header .nav li>a.sec i{ width:8px; height:4px; right:0; top:24px; background:url(../images/icons.png) no-repeat; background-position:-35px -163px;}
#header .nav li:hover>a{ color:#4ea8cd; text-decoration:none;}
#header .nav li>a.cur{ color:#4bb344; text-decoration:none;}
#header .nav li dl{ width:136px; position:absolute; left:50%; margin-left:-68px; top:100%; background:#fff; padding:15px 0; display:none;}
#header .nav li dd{ height:35px; line-height:35px; overflow:hidden; padding:0 20px;}
#header .nav li dd a{ font-size:14px; color:#535353;  display:block; overflow:hidden; text-align:center;}
#header .nav li dd a:hover{ text-decoration:none; color:#4ea8cd;}
#header .header_abs{ height:60px;}
#header .header_abs .logo{ height:40px; margin:10px 0;}
#header .header_abs .tel{ height:0;}
#header .header_abs .nav{ border-top:0; margin-top:5px;}
#header .header_abs_off{ display:none}
#header .header_abs_on{ display:block}
#
.tc{ text-align:center;}
.t{ font-size:26px;}
.st {
    font-size: 18px;
    color: #535353;
}
.blank45 {
    margin: 0px auto;
    clear: both;
    height: 45px;
    font-size: 1px;
    overflow: hidden;
}
.blank40 {
    margin: 0px auto;
    clear: both;
    height: 40px;
    font-size: 1px;
    overflow: hidden;
}
.blank20 {
    margin: 0px auto;
    clear: both;
    height: 20px;
    font-size: 1px;
    overflow: hidden;
}
.blank35 {
    margin: 0px auto;
    clear: both;
    height: 35px;
    font-size: 1px;
    overflow: hidden;
}
.blank65 {
    margin: 0px auto;
    clear: both;
    height: 65px;
    font-size: 1px;
    overflow: hidden;
}
.blank60 {
    margin: 0px auto;
    clear: both;
    height: 60px;
    font-size: 1px;
    overflow: hidden;
}
.blank70 {
    margin: 0px auto;
    clear: both;
    height: 70px;
    font-size: 1px;
    overflow: hidden;
}
#int #customer{ margin:0 10px; color:#48bdaa;}
#int .website .item{ width:360px; padding-left:160px; padding-right:38px; height:248px; border:1px solid #d9d9d9; cursor:default; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; display:block; text-decoration:none; cursor:pointer;}
#int .website .item .title{ font-size:20px; padding-top:40px; margin-bottom:10px;}
#int .website .item .intro{ font-size:16px; color:#555; line-height:25px;}
#int .website .item .price{ font-size:14px; color:#555; margin-top:15px;}
#int .website .item .price strong{ font-size:28px; color:#48bdaa; font-weight:normal; margin-right:10px;}
#int .website .item .price span{ font-style:normal; font-size:14px;}
#int .website .item .img{ position:absolute; left:40px; top:45px;}
#int .website .item i{ width:40px; height:40px; left:255px; bottom:-20px; background:url(../images/icons.png) no-repeat; background-position:0 -90px; display:none;}
#int .website .cur{ border:1px solid #43b28a; -moz-box-shadow:0 0 20px 0 #c1e3dd; -ms-box-shadow:0 0 20px 0 #c1e3dd; -o-box-shadow:0 0 20px 0 #c1e3dd; -webkit-box-shadow:0 0 20px 0 #c1e3dd; box-shadow:0 0 20px 0 #c1e3dd;}
#int .website .cur i{ display:block;}
#int .website .btn a{ width:338px; height:45px; line-height:45px; font-size:16px; color:#fff; background:#4bb344; display:inline-block; text-decoration:none; text-align:left; text-indent:70px; -moz-border-radius:23px; -ms-border-radius:23px; -o-border-radius:23px; -webkit-border-radius:23px; border-radius:23px;}
#int .website .btn a i{ width:27px; height:22px; left:30px; top:12px; background:url(../images/icons.png) no-repeat; background-position:-37px -3px;}
#int .guid{ width:100%; height:540px; background:url(../images/guid.jpg) top center no-repeat;}
#int .website .btn a:hover{ background:#4ea8cd;}

#int .guid .container a{ width:211px; height:211px; margin:0 50px; display:inline-block; position:relative; overflow:hidden;}
#int .guid .container a img{ width:211px; height:211px; display:block; position:absolute; left:0;}
#int .guid .container a img.face{ top:0;}
#int .guid .container a img.back{ top:100%;}
#int .guid .container a:hover img.face{ top:-100%;}
#int .guid .container a:hover img.back{ top:0;}
#int .guid .btn a{ width:255px; height:45px; line-height:45px; font-size:16px; color:#48bdaa; border:1px solid #48bdaa; display:inline-block; border-radius:23px;}

.category a{ width:100px; height:30px; line-height:30px; overflow:hidden; text-align:center; border:1px solid #dcdcdc; display:inline-block; font-size:14px; color:#646464; margin:0 5px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
.category a:hover{ color:#47bd92; border:1px solid #47bd92; text-decoration:none;}
.btn a{ width:253px; height:43px; line-height:43px; text-align:center; border:1px solid #48bdaa; color:#48bdaa; display:inline-block; font-size:16px; -moz-border-radius:22px; -ms-border-radius:22px; -o-border-radius:22px; -webkit-border-radius:22px; border-radius:22px;}

#inb .t .more{ float:right; line-height:35px;}
#inb h3{ height:20px; line-height:20px; overflow:hidden; margin-bottom:20px; position:relative; text-indent:15px;}
#inb h3 a{ font-size:14px; color:#545454;}
#inb h3 span.fr{ color:#909090; font-size:14px;}
#inb h3 i{ width:3px; height:3px; position:absolute; left:0; top:9px; display:block; background:url(../images/icons.png) no-repeat; background-position:-465px -162px;}
#inb h3:hover a{ text-decoration:none; color:#4bb344;}
#inb h3:hover i{ background-position:-497px -162px;}
#inb .more{ font-size:14px; color:#4bb344; display:inline-block;}
#inb .news{ width:560px;}
#inb .news h3{ text-indent:0;}
#inb .news .item{ margin-bottom:20px;}
#inb .news .item .img{ width:195px; height:100px;}
#inb .news .item .list{ width:295px;}
#inb .news .item .con{ width:340px;}
#inb .news .item .con h2{ height:25px; line-height:25px; overflow:hidden;}
#inb .news .item .con h2 a{ font-size:16px; color:#535353; font-weight:bold;}
#inb .news .item .con h2 a:hover{ color:#4bb344; text-decoration:none;}
#inb .news .item .con .intro{ font-size:14px; color:#888; height:25px; line-height:25px; overflow:hidden; margin-top:5px;}
#inb .news .item .con .date{ font-size:14px; color:#909090; margin-top:25px;}
#inb .system{ width:560px;}

#inb .partner{ position:relative; border-top:1px solid #ededed;}
#inb .partner .title{ position:absolute; left:10px; top:55px; font-size:26px; color:#373737;}
#inb .partner .container{ height:100px; padding:30px 0; overflow:hidden; padding-left:150px;}
#inb .partner .item{ float:left; margin-left:40px;}
#inb .partner .item a{ display:block; color:#333;}
#inb .partner .item img{ display:block;}
#inb .partner .item span{ display:block; text-align:center; padding-top:10px;}
#inb .partner .paypal_partner a{ text-decoration:none;}
#inb .partner .paypal_partner i{ font-style:normal; color:#48bdaa;}



/*footer*/
#footer{ background:#f7f7f7;}
#footer .top{ padding-top:35px; padding-bottom:45px;}
#footer .info{ width:350px; margin-left:10px;}
#footer .info .tel{ font-size:30px; color:#48bdaa; font-family:"Arial"; padding-left:40px;}
#footer .info .tel i{ left:0; top:0; width:32px; height:33px; background:url(../images/icons.png) no-repeat; background-position:-43px -37px;}
#footer .info .rows{ font-size:14px; color:#636363; line-height:25px; padding:3px 0;}
#footer .menu dl{ float:left; width:145px; margin-right:20px;}
#footer .menu dl dt{ font-size:16px;}
#footer .menu dl dd{ height:20px; line-height:20px; overflow:hidden; margin-top:10px;}
#footer .menu dl dd a{ font-size:14px; color:#666;}
#footer .qrcode{ margin-right:10px; width:110px;}
#footer .bot{ height:70px; line-height:70px; border-top:1px solid #e4e4e4;}
#footer .copyright{ font-size:14px; color:#8a8a8a;}
#footer .copyright a{ margin-left:10px; color:#8a8a8a;}
#footer .record a{ color:#939393; margin-left:20px; padding-left:25px;}
#footer .record i{ width:18px; height:20px; left:0; top:-2px; background:url(../images/icons.png) no-repeat; background-position:0 -155px;}
#footer_alert{ width:100%; height:58px; position:fixed; left:0; bottom:-100px; background:#e9e9e9; background:rgba(233,233,233,0.9); z-index:999;}
#footer_alert .wrap{ position:relative; height:100%;}
#footer_alert .img{ width:96px; height:66px; position:absolute; left:240px; bottom:7px;}
#footer_alert .txt{ font-size:24px; color:#535353; line-height:58px; margin-left:380px; float:left;}
#footer_alert .txt span{ font-family:"Arial"; font-size:32px; color:#3eb3a0; margin:0 10px; vertical-align:bottom;}
#footer_alert .btn{ width:166px; height:38px; line-height:38px; font-size:16px; color:#fff; float:right; margin-right:200px; margin-top:11px; background:#48bdaa; display:inline-block; text-decoration:none; text-indent:50px; -moz-border-radius:19px; -ms-border-radius:19px; -o-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;}
#footer_alert .btn i{ width:27px; height:22px; left:15px; top:7px; background:url(../images/icons.png) no-repeat; background-position:-37px -3px;}
#footer_alert .close{ width:25px; height:25px; float:right; cursor:pointer; margin-right:10px; margin-top:17px;}
#footer_alert .close i{ width:25px; height:25px; left:0; top:0; background:url(../images/icons.png) no-repeat; background-position:-456px -398px;}

.global_subbanner{ width:100%; height:234px; text-align:center;}
.global_subbanner .title{ font-size:30px; color:#fff; padding-top:70px;}
.global_subbanner .intro{ font-size:16px; color:#fff; margin-top:20px;}

/*product*/
.w{ width:1200px; margin:0 auto }
.product.w {
	position: relative;
	height: 260px;

	/*outline: 1px solid red;*/
}

.product.w .mr_frbox {
	margin-top: 0;
	position: absolute;
	bottom: 0;
	z-index: 100;
	opacity: .99;
}

/*首页 产品 滚动*/
.mr_frbox { height:330px; width:1200px; margin-top:-70px; position:relative; z-index: 999;}
.mr_frBtnL { float: left; margin-left: 0px; margin-top:220px; cursor: pointer; display: inline;background-image:url(../images/work_left.png);  width:46px; height:46px; border:0;}
.mr_frBtnL:hover{ float: left; margin-left: 00px; margin-top:220px; cursor: pointer; display: inline;background-image:url(../images/work_left2.png);width:46px; height:46px; border:0 }
.mr_frUl {float: left;width: 1110px;margin-right: -8px;padding: 100px 1px 0 1px; /*top: 100px;*/ overflow:hidden;  position:relative; z-index:98; padding-left:15px;}
.mr_frBtnR {float: right;margin-left: 10px;position: absolute;margin-top:220px;cursor: pointer;display: inline;background-image: url(../images/work_right.png);
width: 46px;height: 46px;border: none}
.mr_frBtnR:hover {float: right;margin-left: 10px;position: absolute;margin-top:220px;cursor: pointer;display: inline;background-image: url(../images/work_right2.png);
width: 46px;height: 46px;border: none}
.mr_frUl ul li {float: left;width: 200px;margin-right: 17px;position: relative; cursor:pointer;
}
.mr_frUl ul li a{ display:block; text-align:center;width:200px; color:#333333; font-size:12px; line-height:24px}
.mr_frUl ul li a:hover{ color:#1a2068;}
.mr_frUl ul li img { display: block; margin-bottom: 7px; border: 1px solid #e1e1e1;width:200px; height:250px; overflow:hidden;}
.mr_frUl ul li img:hover{ transform: scale(1.05); 
    -webkit-transition: -webkit-transform 0.6s ease-out;
    -moz-transition: -moz-transform 0.6s ease-out;
    -o-transition: -o-transform 0.6s ease-out;
    -ms-transition: -ms-transform 0.6s ease-out;
}
.mr_frUl ul li .shangfu {
	width: 208px;
	height: 220px;
	background:#006ab8;
	/*background:rgba(48, 54, 119, 0.9);*/
	 filter: alpha(opacity=1);
	position: absolute;
	bottom:30px;
	z-index:9999;
	display:none;
}

.mr_frUl ul li .shangfu p {
	padding: 24px 17px 0 17px;
	color: #cdd0ec;
	font-size: 12px;
	line-height: 20px
}

.mr_frUl ul li .shangfu a {
	color: #fff;
	position: absolute;
	bottom: 20px;
	text-align:right;
	right:16px
}
.mr_frUl ul li .shangfu a:hover {
	color: #fff;

}
.mr_frUl ul li .shangfu a:hover .icon_more2{background-position:-72px -52px;width:23px; height:23px; margin-left:8px}
.icon {
	background: url(../images/icon_pic.png) no-repeat;
    display: inline-block;
    vertical-align: top;
}
.icon_more2 {
    background-position: -72px 0;
    width: 23px;
    height: 23px;
    margin-left: 8px;
}



/*首页 关于我们*/
.about{ height:300px; margin-bottom:59px;}
.hide{display:none;}
.about_fl{ width:756px; height:300px; background:#f4f4f4; overflow:hidden; position:relative;z-index:10 }
.about_fl ul{ position:absolute; left:330px; top:260px; z-index:600}
.about_fl ul li{float:left; cursor:pointer; width:8px; height:8px; border:#c6c6c6 solid 1px ; background:#f4f4f4; margin-right:10px; border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-O-border-radius:8px}
.about_fl ul li:hover{ background:#c6c6c6;}
.about_fl .about_mc{width:756px; height:300px; overflow:hidden}
.about_fl .about_mc dl dt{ width:296px}
.about_fl .about_mc dl dd{ width:400px; margin:60px 0 0 33px}
.about_fl .about_mc dl dd h1{ margin-bottom:10px; font-weight:bold; font-size:18px;}
.about_fl .about_mc dl dd h1 a{color:#333333}
.about_fl .about_mc dl dd h1 a:hover{color:#1a2068}
.about_fl .about_mc dl dd p{ font-size:12px;color:#666666; line-height:24px}

.about_fr{ width:425px; height:287px; background:#f4f4f4; text-align:center; padding-top:13px; position:relative}
.about_fr p,.about_fr h1{ text-align:left; width:267px; margin:0 0 0 34px}
.about_fr h1{ margin:23px 0 11px 34px; font-size:18px;}
.about_fr h1 a{color:#cdd0ec}
.about_fr h1 a:hover{color:#fff}
.about_fr p{ color:#cdd0ec; font-size:12px; line-height:24px}
 
 .sign_15 {
    background-position: -73px -26px;
    width: 13px;
    height: 24px;
    position: absolute;
    left: 285px;
    top: 56px;
    z-index: 600;
}

/**view icon**/
.icon_print{ background:url(../images/icon_print.png); background-repeat:no-repeat; background-position:left; padding-left:20px; padding-right:25px;}
.icon_close{ background:url(../images/icon_close.png); background-repeat:no-repeat; background-position:left; padding-left:20px; padding-right:25px;}
.icon_home{ background:url(../images/home_grey.png); background-repeat:no-repeat; background-position:left; padding-left:20px; padding-right:25px;}
.icon_top{ background:url(../images/bullet_arrow_top.png); background-repeat:no-repeat; background-position:left; padding-left:20px; padding-right:25px;}

/***************************************** products_category start ******************************************************/
.pro_cate_outer{ width: 100%; background: #f7f7f7; padding-top: 0px;}
.pro_cate_outer .pro_cate_list{ width: 100%; position: relative;}
.pro_cate_outer .pro_cate_list .pro_cate_item{ display: block; float: left; position: relative; text-decoration: none; overflow: hidden;}
.pro_cate_outer .pro_cate_list .pro_cate_item img{ max-width: 100%; max-height: 100%;}
.pro_cate_outer .pro_cate_list .pro_cate_item .item_bg{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 146px;}/* background: rgba(0, 0, 0, 0.6);*/
.pro_cate_outer .pro_cate_list .item_name{ width: 238px; height: 78px; line-height: 78px; text-align: center; font-size: 36px; color: #fff; border: 1px solid #fff; position: absolute; left: 50%; margin-left: -119px; top: 50%; margin-top: -39px; display:none; z-index:101;}/**/
.pro_cate_outer .pro_cate_list .pro_cate_item:hover .item_bg{ display: block;}
.pro_cate_outer .pro_cate_list .pro_cate_item0{ width: 33.33%;}
.pro_cate_outer .pro_cate_list .pro_cate_item1{ width: 16.66%;}
.pro_cate_outer .pro_cate_list .pro_cate_item2{ width: 33.33%;}
.pro_cate_outer .pro_cate_list .pro_cate_item3{ width: 16.66%;}
.pro_cate_outer .pro_cate_list .pro_cate_item4{ width: 16.66%; position: absolute;}
.pro_cate_outer .pro_cate_list .pro_cate_item5{ width: 16.66%; position: absolute;}
.pro_cate_outer .pro_cate_list .pro_cate_item6{ width: 16.66%; position: absolute;}
.pro_cate_outer .pro_cate_list .pro_cate_item7{ width: 16.66%; position: absolute;}
.pro_cate_outer .pro_cate_list .pro_cate_item8{ width: 16.66%; position: absolute;}
.pro_cate_outer .pro_cate_list .pro_cate_item9{ width: 33.33%; position: absolute;}

.pro_cate_outer .pro_cate_list .pro_cate_item .mask_bg{ position: absolute; display: none; width: 100%; height: 100%; background: rgba(60, 82, 42, 0.6); left: 0; top: 0;}

/***************************************** manage start ******************************************************/
.manage{ min-width: 1160px; width: 1160px; margin: 0 auto; margin-top: 0px; margin-bottom: 40px;}
.manage .manage_list{ width: 100%; margin-top: 10px;}
.manage .manage_list .manage_item{ display: inline-block; width: 368px; height: 348px; margin-left: 20px; border: 1px solid #e6e6e6; text-decoration: none; position: relative;}
.manage .manage_list .manage_item .manage_img{ width: 100%; height: 199px;}
.manage .manage_list .manage_item .manage_img img{ max-width: 100%; max-height: 100%;}
.manage .manage_list .manage_item .manage_info{ width: 338px; margin: 0 auto; overflow: hidden;}
.manage .manage_list .manage_item .manage_name{ font-size: 18px; margin-top: 23px;}
.manage .manage_list .manage_item .manage_type{ width: 100%; font-size: 12px; color: #999; margin-top: 10px;}
.manage .manage_list .manage_item .manage_list_brief{ width: 100%; height: 60px; line-height: 20px; margin-top: 12px; overflow: hidden;}
.manage .manage_list .manage_item .manage_arrow{ width: 52px; heihgt: 54px; position: absolute; top: 50%; right: 16px;}
.manage .manage_list .manage_item .manage_arrow img{ max-width: 100%; max-height: 100%;}
.manage .manage_list .manage_item:first-child{ margin-left: 0;}
.manage .manage_list .manage_item:hover{ box-shadow: 0 0 20px #ccc; -webkit-box-shadow: 0 0 30px #ccc; -moz-box-shadow: 0 0 20px #ccc; -o-box-shadow: 0 0 20px #ccc; -ms-box-shadow: 0 5px 12px #ccc;}
/***************************************** manage end ******************************************************/

/***************************************** products_category end ******************************************************/

.index_work_scene{ width: 1200px; margin: 0 auto;margin-top: 100px; position: relative; }
.index_work_scene .work_scene_list{ width: 1100px; margin: 0 auto; overflow: hidden;}
.index_work_scene .work_scene_list .picList{ overflow: hidden;}
.index_work_scene .work_scene_list .work_scene_item{ float: left; width: 268px; height: 100%; margin-right: 9px;}
.index_work_scene .work_scene_list .work_scene_item:first-child{ margin-left: 0;}
.index_work_scene .work_scene_list .work_scene_item .work_scene_a{ width: 268px; text-decoration: none;}
.index_work_scene .work_scene_list .work_scene_item .work_scene_img{ width: 268px; height: 283px; overflow: hidden;}
.index_work_scene .work_scene_list .work_scene_item .work_scene_img img{ max-width: 268px;height: 283px;}
.index_work_scene .work_scene_list .work_scene_item .work_scene_name{ width: 100%; height: 44px; line-height: 44px; font-size: 14px; color: #999; text-align: center;}

.index_work_scene .work_scene_list .work_scene_item .work_scene_img img{
    overflow-x: hidden;
    overflow-y: hidden;
    transition-delay: 0s;
    transition-duration: 1s;
    /* Firefox 4 */
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    /* Safari 鍜� Chrome */
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    /* Opera */
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
}
.index_work_scene .work_scene_list .work_scene_item:hover img{
    transform: scale(1.1, 1.1);

    -ms-transform:scale(1.1, 1.1); 	/* IE 9 */
    -moz-transform:scale(1.1, 1.1); 	/* Firefox */
    -webkit-transform:scale(1.1, 1.1); /* Safari 鍜� Chrome */
    -o-transform:scale(1.1, 1.1); 	/* Opera */
}

.banner_small_item .banner_img .banner_small_img{
    overflow-x: hidden;
    overflow-y: hidden;
    transition-delay: 0s;
    transition-duration: 1s;
    /* Firefox 4 */
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    /* Safari 鍜� Chrome */
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    /* Opera */
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
}

.index_work_scene .work_btn{ width: 1200px;}
.index_work_scene .work_btn a{ display: block; width: 44px; height: 44px; position: absolute; top: 50%; margin-top: 100px;}
.index_work_scene .work_btn .prev{ left: 0; top:0;}
.index_work_scene .work_btn .next{ right: 0;top:0;}
@media screen and (max-width: 980px){
	.index_work_scene{ width:1200px;}
	.index_work_scene .work_btn .prev{ z-index:10;}
	.index_work_scene .work_btn .next{ z-index:10;}
}

