@charset "utf-8";

body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,span,strong{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ 
	color:#333; 
	font-family:'????????????','Microsoft Yahei';
	min-width:1200px;
}
a{ color:#333; text-decoration:none; }
i,em{font-style:normal; margin:0; padding:0; border:0;}
input{margin:0; padding:0; list-style:none; border:0;}

.fl{float:left;}
.fr{float:right; font-size: 13px;}

/* header */
/* .header{
	width:100%;
	height:167px;
	background:#fff;
}
.header .top{
	height:22px;
	background:#eee;
}
.header_top{
	width:1025px;
	height:22px;
	line-height: 22px;
	margin:0px auto; 
	font-size: 12px;
}
.header_top a:hover{color:#2C4FB7 !important; text-decoration:underline; font-weight:700;}
.header_top2 li{
	float:left;
	margin-left:15px;
	height:22px;
	text-align: center;	
}

.header .bot{
	width:1025px;
	height:145px;
	margin:0px auto;
}
.header_left{
	width:220px;
	height:100%;
	margin-right:20px;
	font-size: 16px;
}
.header_left>a{
	display: block;
	height:110px;
}
.header_left img{
	width:220px;
	height:110px;
}
.header_left div{
	width:100%;
	height:35px;
	line-height:35px;
	text-align: left;
}
.header_right{
	width:780px;
	height:100%;
	font-size: 16px;
}
.header_right .header_phone{
	width:100%;
	height:90px;
	text-align: right;
	line-height: 110px;
}
.header_right .header_nav{
	width:100%;
	height:55px;
	line-height: 55px;
}
.header_right .header_nav li{
	width:80px;
	float:left;
	text-align: center;
	margin-left:20px;
}
.nav_mr0{   nev ???????????????li
	margin-left:10px !important;
	margin:0px\9 !important; 
}

.header_right .header_nav li:last-child{   nev ??????????????????li
	width:auto !important;
}
.nav_tb{	background:url(img/nav_tb.png) bottom center no-repeat;}
.header_right .header_nav li:hover{
	background:url(img/nav_tb.png) bottom center no-repeat;
}
.header_right .header_nav li a{
	display: block;
	width:100%;
	height:100%;
}

 */
.bot{  background-size: 100% 100%;}
 .header .bot{ width:100%; height:107px; margin:0px auto;}
            .header_left{ width: 1200px;
    height: 107px;
    font-size: 16px;
    margin: auto;
    /* position: relative; */}
           .header_left>a {
    display: block;
    height: 100%;
    width: 1200px;
    height: 107px;
    display: block;
    margin: auto;
}
.header_left>a img{    margin-top: 0px!important;
    width: 100%;
    height: 106px;}
.nav_tb{ background-color: #0e73bc;}
.nav_tb a{ color: #fff;}
 .nav .header_nav li:hover{ background-color: #0e73bc; }
            .nav .header_nav li:hover a{ color:#fff; }
/* ?????????????????? */ 
#menu{
	width:870px; 
	min-height:350px;
	clear:both;
	position: relative;
	left:18px;
	z-index:10; 
	overflow: hidden;
	/* display: none;  */
}
.menu_list{
	z-index:10; 
	position:absolute; 
	border: #b5b5b5 1px solid; 
	border-top:2px solid #C5A677; 
	background-color: #fff; 
	padding-bottom:10px;  
	top:-1px; 
	display:none;
}
.menu_product li{ float: left;
    width: 130px;
    margin-right: 15px;
    overflow: hidden;
}
.menu_product img{ display: block;
    width: 130px;
    height: 96px; margin-top: 20px;}
.menu_product p{ width: 100px; overflow: hidden;height: 40px;}
.menu_product span{ display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #666;
    font-size: 15px;}
.table_menu {
	width:150px; float:left; padding:10px; overflow: hidden; display:block;
}
.table_menu dl {
	clear: both
}
.table_menu dt {
	text-align:left; 
	line-height:40px; padding-left:10px; clear: both; font-size:16px; font-weight: bold; text-decoration: underline
}
.table_menu dt a {
	text-decoration:underline
}
.table_menu dd {
	float: left
}
.border-none {
	border-bottom: medium none; border-left: medium none; border-top: medium none; border-right: medium none;
}
.multi-col ul {
	float: left
}
.table_menu li {
	width:125px; 
	text-align: left; 
	font-size: 13px;
	line-height:25px; 
	padding-left:22px; 
	background:url(img/sub_combtn.png) no-repeat 10px center; _width: 82px
}
.table_menu a:hover { color:#2C4FB7 !important; text-decoration:underline;  font-weight:bolder;}

/* ???????????? */
.tab_case{
	width:775px;
	min-height:150px;
	max-height:210px;
}
.tab_case .menu_case{
	padding:30px 10px 10px;
	overflow: hidden;
	min-height:150px;
	border-left: 1px dashed #cccccc;
}
.tab_case .menu_case li{
	float:left;
	width:130px;
	margin-right:15px;
	overflow: hidden;
/* 	transition:0.4s;
-webkit-transition:0.4s; 
    -ms-transition:0.4s; 
    -moz-transition:0.4s; 
    -o-transition:0.4s; */
}
.centerwdw .pagesnewwwd{padding: 0 auto;}
.tab_case .menu_case .menu_case_img{
	width:130px;
	height:96px;
	overflow: hidden;
}
.tab_case .menu_case li img{
	display: block;
	width:130px;
	height:96px;
/*     transition:transform 0.4s;
-webkit-transition:transform 0.4s; 
-ms-transition:transform 0.4s; 
-moz-transition:transform 0.4s; 
-o-transition:transform 0.4s; */
}
.tab_case .menu_case li span{
	display: block;
	width:100%;
	height:40px;
	line-height: 40px;
	text-align: center;
	color:#666;
	font-size: 15px;
}

/*.tab_case .menu_case li:hover img{ transform:scale(1.3,1.3);  -webkit-transform:scale(1.3,1.3); -ms-transform:scale(1.3,1.3); -moz-transform:scale(1.3,1.3); -o-transform:scale(1.3,1.3);}
.tab_case .menu_case li:hover span{ background:#2992ED; color:#fff; font-size:15px;}
.tab_case .menu_case li:hover{ border:1px solid #2992ED; transform:translateY(8px); -webkit-transform:translateY(8px); -ms-transform:translateY(8px); -moz-transform:translateY(8px); -o-transform:translateY(8px);}*/
.tab_case .menu_case li:hover img{ opacity:0.7; filter:alpha(opacity=70);} 
.tab_case .menu_case li:hover span{color:#2992ED;}

/* ???????????? */

/* ???????????? */
.tab_product{
	width:775px;
	height:210px;
}
.tab_product .menu_product{
	padding:30px 10px 10px;
	overflow: hidden;
	min-height:150px;
	border-left: 1px dashed #cccccc;
}
.tab_product .menu_product li{
	float:left;
	width:130px;
	margin-right:15px;
	overflow: hidden;
/* 	transition:0.4s;
-webkit-transition:0.4s; 
    -ms-transition:0.4s; 
    -moz-transition:0.4s; 
    -o-transition:0.4s; */
}
.tab_product .menu_product .menu_product_img{
	width:130px;
	height:96px;
	overflow: hidden;
}
.tab_product .menu_product li img{
	display: block;
	width:130px;
	height:96px;
/* 	transition:transform 0.4s;
    -webkit-transition:transform 0.4s; 
    -ms-transition:transform 0.4s; 
    -moz-transition:transform 0.4s; 
    -o-transition:transform 0.4s; */
}
.tab_product .menu_product li span{
	display: block;
	width:100%;
	height:40px;
	line-height: 40px;
	text-align: center;
	color:#666;
	font-size:15px;
}
/* .tab_product .menu_product li:hover img{ transform:scale(1.3,1.3);  -webkit-transform:scale(1.3,1.3); -ms-transform:scale(1.3,1.3); -moz-transform:scale(1.3,1.3); -o-transform:scale(1.3,1.3);} 
.tab_product .menu_product li:hover span{ background:#2992ED; color:#fff; font-size:15px;}
.tab_product .menu_product li:hover{ border:1px solid #2992ED; transform:translateY(8px); -webkit-transform:translateY(8px); -ms-transform:translateY(8px); -moz-transform:translateY(8px); -o-transform:translateY(8px);}*/
.tab_product .menu_product li:hover img{ opacity:0.7; filter:alpha(opacity=70);} 
.tab_product .menu_product li:hover span{color:#2992ED;}

/* ???????????? */
/* ???????????? */
.tab_service{
	width:755px;
	min-height:200px;
	z-index: 10;
}
.tab_service .tab_service_con{
	padding:10px;
	min-height:180px;
	border-left: 1px dashed #cccccc;
}
.tab_service .service_img{
	width:190px;
	height:190px;
	margin:10px;
	border:1px solid #ddd;
}
.tab_service .service_content{
	width:345px;
	height:180px;
	margin-left:5px;
}
.tab_service .service_content span{
	display: block;
	height:36px;
	line-height: 36px;
	font-size:16px;
	font-weight: 600;
	border-bottom:1px dashed #B99F7E;
}
.tab_service .service_content p{
	height:120px;
	font-size:13px;
	line-height:1.8em;
	overflow: hidden;
	margin:5px 0px;
	color:#666;
}
.tab_service .service_content a{
	display: block;
	width:160px;
	height:30px;
	border:1px solid #ddd;
	font-size:14px;
	line-height: 30px;
	text-align: center;
	font-weight:700;
	color:#2C4FB7;
}
.tab_service .service_content a:hover { color:#2C4FB7 !important; text-decoration:underline;  font-weight:bolder;}
/* /???????????? */

/* ???????????? */
.tab_join{
	width:755px;
	min-height:200px;
	z-index: 10;
}
.tab_join .tab_join_con{
	padding:10px 10px 0px;
	min-height:180px;
	/* border-left: 1px dashed #cccccc; */
}
.tab_join .join_img{
	width:300px;
	height:200px;
	margin:10px 20px;
	border:1px solid #ddd;
}
.tab_join .join_content{
	width:380px;
	height:180px;
	margin-left:5px;
}
.tab_join .join_content span{
	display: block;
	height:36px;
	line-height: 36px;
	font-size:16px;
	font-weight: 600;
	border-bottom:1px dashed #B99F7E;
}
.tab_join .join_content p{
	height:130px;
	font-size:13px;
	line-height:1.6em;
	overflow: hidden;
	margin:5px 0px;
	color:#666;
}
.tab_join .join_content a{
	display: block;
	width:160px;
	height:30px;
	border:1px solid #ddd;
	font-size:14px;
	line-height: 30px;
	text-align: center;
	font-weight:700;
	color:#2C4FB7;
}
.tab_join .join_content a:hover { color:#2C4FB7 !important; text-decoration:underline;  font-weight:bolder;}
/* /???????????? */


/* ???????????? */
.tab_about{
	width:755px;
	min-height:200px;
	z-index: 10;
}
.tab_about .tab_about_con{
	padding:10px;
	min-height:180px;
	border-left: 1px dashed #cccccc;
}
.tab_about .about_img{
	width:190px;
	height:190px;
	margin:10px;
	border:1px solid #ddd;
}
.tab_about .about_content{
	width:345px;
	height:180px;
	margin-left:5px;
}
.tab_about .about_content span{
	display: block;
	height:36px;
	line-height: 36px;
	font-size:16px;
	font-weight: 600;
	border-bottom:1px dashed #B99F7E;
}
.tab_about .about_content p{
	height:120px;
	font-size:13px;
	line-height:1.8em;
	overflow: hidden;
	margin:5px 0px;
	color:#666;
}
.tab_about .about_content a{
	display: block;
	width:160px;
	height:30px;
	border:1px solid #ddd;
	font-size:14px;
	line-height: 30px;
	text-align: center;
	font-weight:700;
	color:#0e73bc;
}
.tab_about .about_content a:hover { color:#0e73bc !important; text-decoration:underline;  font-weight:bolder;}
/* ???????????? */

/* ???????????? */
.tab_news{
	width:755px;
	min-height:245px;
	z-index: 10;
}
.tab_news .menu_news {
	width:520px; 
	float:right; 
	padding:20px 10px;
	overflow: hidden;
	line-height:2;
	font-size:13px;
	border-left: 1px dashed #cccccc;
}
.tab_news .menu_news dd{ display:block; width:520px; height:85px; border-bottom: #cccccc 1px dashed; margin-bottom:10px;}
.tab_news .imgleft0{ width:120px; height:85px; float:left;}
.tab_news .righttext0{ width:390px; height:85px; float:right; line-height:1.5em; overflow: hidden;}
.tab_news .righttext0 p{ height:26px; padding:0; margin:0; font-weight:bold;}
.tab_news .menu_news a:hover { color:#2C4FB7 !important; text-decoration:underline;  font-weight:bolder;}
/* ???????????? */
.tab_contact{
	width:680px;
	height:200px;
	z-index: 10;
}

.tab_contact .menu_contact {
	min-width:250px; 
	float:left; 
	padding:20px 10px 20px 20px;
	overflow: hidden;
	line-height:2;
	border-left: 1px dashed #cccccc;
	font-size:14px !important;
}
.tab_contact .menu_contact .contact_con{
	width:100%;
	min-height:200px;
}
/*????????????*/
/*????????????*/
.submain{ width:1180px; position: relative; left: 50%; margin-left: -590px; top: -147px; background: #fff;}
.subtitle{padding: 29px 47px 13px 47px;}
.subtitle h5{height: 48px; font-size: 24px; line-height: 48px; font-weight: bold; color: #1ba34f;}
.subtitle p{height: 48px; font-size: 14px; line-height: 45px; text-align: right; padding-left: 10px;}
.subtitle p img{padding:0px 7px 0px 0px;}
.subtitle p a:hover,.subtitle p a.cur{ color: #1ba34f;}

.news-main { width: 1180px; margin: 0 auto;}
.news-dl dl { margin: 31px 47px; padding-bottom: 31px; background: #fff; position: relative; border-bottom: #d9d9d9 solid 1px;}
.news-dl dl dt { width: 232px; height: 174px; position: relative;}
.news-dl dl dt a{ display: block;width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; background: url(about:blank); z-index: 6; }
.news-dl dl dt img { display: block; width: 232px; height: 174px;}
.news-dl dl dd { width: 620px; padding: 0px 0px 0px 30px; color: #333; }
.news-dl dl dd h3 { height: 40px; font-size:18px;  font-weight: bold;}
.news-dl dl dd h3 a { display: block; width: 690px; line-height:40px;
 color: #1ba34f; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-dl dl dd .con { line-height: 25px; font-size: 14px; overflow: hidden; }
.news-dl dl dd .more { display: block; width: 80px; height: 30px; margin-top: 30px; line-height: 32px; text-align: center; color: #1a1a1a; border: 1px solid #999; }
.date { width: 70px;
 text-align: center; color: #1a1a1a; float: left; }
.news_text .news_top .date span { display: block; height: 70px; line-height: 70px; font-size: 60px; border-bottom: 1px solid #1a1a1a; }
.news_text .news_top .date em { font-size: 18px; line-height: 30px; }
.news_text .news_top .date,.news-dl dl dd:hover h3 a { margin-left: 90px;
    margin-top: 30px; }
.news-dl dl dd:hover .date span { border-color: #1ba34f; }
.news-dl dl dd.cur .more, .news-dl dl dd .more:hover,.news-dl dl dd:hover .more { color: #fff; border-color: #1ba34f; background: #1ba34f; }

.page{ padding:14px 47px 65px;}
.page a{
    display: inline-block;
    height: 36px;
    width: 45px;
    background: #0e73bc;
    border-radius: 5px;
    color: #fff;
    position: relative;
    cursor: pointer;
    margin: 0px 2px;
    }
.page a img{ width: 31px; height: 31px; position: absolute; left: 50%; top: 50%; margin: -16px 0px 0px  -16px;}
.page a:hover{ background: #0e73bc;color: #fff;}
#anniuzhuanhaun1 img{width: 100%!important;height: auto!important; margin: 2px auto;}

/*????????????--??????*/
.news-detials { width: 1025px; margin: 0 auto; background: #fff; padding-bottom: 60px;}
.news-detials img { max-width: 1020px;}
.news-con { padding: 15px 0px; }
.news-title { padding-bottom: 45px; border-bottom: 1px solid #ccc; }
.news-title .tit1 { font-size: 28px; line-height: 50px; color: #1a1a1a; text-align: center; }
.news-title .tit2 { height: 30px; line-height: 30px; text-align: center;}
.news-title .tit2 div{ display: inline-block; *display: inline; *zoom: 1; height:30px; vertical-align: middle; padding-top: 15px; font-size: 13px; line-height: 30px;}
.news-title .tit2 div span{ color: #666; padding-right: 10px; }
.news-title .tit2 div em{ color: #666; padding-right: 30px; }
.news-content { padding-top: 36px; color: #1a1a1a; }
.news-content p{ font-size: 14px; line-height: 24px; color: #1a1a1a; }


.news-detials .back { width: 1025px; margin: 0 auto; padding: 77px 0 45px; }
.news-detials .back a { display: block; width: 96px; height: 36px; line-height: 36px; margin: 0 auto; font-size: 14px; color: #fff; text-align: center; background: #1a1a1a; }

.news-bottom { width: 1020px; height: 26px; margin: 0 auto; padding: 14px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; overflow: hidden; }
.news-bottom .left { width: 420px; float: left; overflow: hidden; }
.news-bottom .right { width: 420px; float: right; overflow: hidden; }
.news-bottom span { display: block; float: left; width: 64px; height: 26px; line-height: 26px; text-align: center; font-size: 14px; color: #1a1a1a; background: #f2f2f2; }
.news-bottom p { height: 26px; }
.news-bottom p a { display: block; padding-left: 75px; *padding-left:15px; width: 400px; line-height: 26px; color: #666; }
.news-bottom p a:hover { color: #1ba34f; }

/* header */







/* banner ?????? */
.banner{ width:100%; min-width:1050px;height:600px; overflow:hidden; position:relative;font-size:0}
.b-img{ position:absolute; left:0; top:0;}
.b-img a{ display:block; float:left;}
.b-img a img{width:100%; min-width:1050px;}
.b-list{ height:20px; bottom:20px; position:relative; margin:0px auto; z-index:1;}
.b-list span{ display:block; cursor:pointer; width:13px; height:13px; border-radius:50%; border:3px solid #fff; /* background:#ddd; */ float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{ border:3px solid #07BDFE;/*  background:#FC0B23; */}
.bar-right,.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; background:none; top:0px; opacity:0.5;filter:alpha(opacity=50);}
.bar-left{ left:0px;}
.bar-right{ right:0px;}
.bar-left em{ display:block; width:50px; height:100px; background:url(img/arrow.png) 0px 0px no-repeat; margin:250px auto 0px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(img/arrow.png) -50px 0px no-repeat; margin:250px auto 0px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}
/* banner ?????? */

.index_sosuo{
	height:80px;
	background: #F6F5F0;
}
.index_sosuo a:hover{color:#2219DD !important; text-decoration:underline; font-weight:700;}
.index_sosuo .content_sosuo{
	width:1025px;
	margin:0px auto;
	height:80px;
	line-height: 80px;
	position: relative \9;
}
.index_sosuo .content_sosuo span{ font-size:14px;}
.index_sosuo .content_sosuo a{
	display: inline-block;
	margin-right:25px;
	font-size: 12px;
	height:25px;
	line-height: 25px;
}
.index_sosuo .content_sosuo .sosuo{
	margin-top:25px;
	width:285px;
	height:35px;
	background: #fff;
	border:1px solid #ddd;
	position: absolute \9;
	right:0px \9;
	top:-4px \9;
}


/* ?????????????????? */
.project_case{
	width:1025px;
	margin:0px auto;
	overflow: hidden;
}
.project_case .project_case_title{	
	height:130px;
	text-align: center;
}
.project_case .project_case_title .en_title{
	font-size:40px;
	font-weight: 500;
	margin-top:20px;
	color:#525252;
}
.project_case .project_case_title .case_title{
	font-size:20px;
	color:#4e4e4e;
}
.project_case .project_case_title .case_title span{
	font-size: 30px;
	margin-left:20px;
	color:#4e4e4e;
}

.project_case .project_case_list{
	width:100%;
	height:660px;
	overflow: hidden;
}
.project_case .project_case_list li{
	width:320px;
	height:330px;
	margin-right:31px;
	margin-right:20px \9;
	float:left;
	overflow: hidden;
}
.project_case .project_case_list li:nth-child(3n){
	margin-right:0px !important;
}
.project_case .project_case_list li img{ width:320px; height:230px;}
.project_case .project_case_list li:hover img{ opacity:0.7; filter:alpha(opacity=70);} 
.project_case .project_case_list li:hover a{color:#2992ED;}
.project_case .project_case_list .project_img{
	width:320px;
	height:230px;
	overflow: hidden;
}
.project_case .project_case_list .list_con{
	width:235px;
	margin:15px auto 0px;
	text-align: center;
}
/* .project_case .project_case_list .list_con em{
	display: block;
	height:40px;
	line-height:35px;
	border-bottom:1px dashed #ccc;
	font-size:18px;
	overflow: hidden;
} */
.project_case .project_case_list .list_con a{
	display: block;
	height:40px;
	line-height:35px;
	border-bottom:1px dashed #ccc;
	font-size:18px;
	overflow: hidden;
}
.project_case .project_case_list .list_con i{
	display:inline-block;
	width:10px;
	height:10px;
	margin-right:7px;
	background:url(img/case_tb.png) center no-repeat;
	margin-bottom:6px \9;
}
.project_case .project_case_list .list_con span{
	display: block;
	height:40px;
	line-height: 40px;
	font-size:12px;
	letter-spacing:1px;
	overflow: hidden;
}

/* ??????????????????*/

.center_banner{
	width:100%;
	min-width:1050px;
	height:300px;
	overflow: hidden;
	margin-top:90px;
	
	background: url(img/center_banner.png) center no-repeat;
}

/* ????????????  */
.product{
	width:1200px;
	margin:0px auto;
	overflow: hidden;
}
.product .product_title{	
	
	text-align: center;
}
.product .product_title .en_title{
	height:55px;
	line-height: 55px;
	font-size:40px;
	font-weight: 500;
	margin-top:20px;
	color:#525252;
}
.product .product_title .cn_title{
	height:40px;
	line-height:40px;
	font-size:20px;
	color:#4e4e4e;
}
.product .product_title .cn_title span{
	font-size: 30px;
	margin-left:20px;
	color:#4e4e4e;
}
.product .product_list{
	height:48px;
	overflow: hidden;
	border-left:1px solid #E1E1E1;
}
.product .product_list li{ 
	width:170px;
	height:46px;
	float:left;
	line-height: 46px;
	text-align: center;
	border:1px solid #E1E1E1;
	border-left:0px;
	font-size:16px;
	cursor: pointer;
}
.product1 .product_list li{ 
	width:296px;
	height:46px;
	float:left;
	line-height: 46px;
	text-align: center;
	border:1px solid #E1E1E1;
	border-left:0px;
	font-size:16px;
	cursor: pointer;
}
.bge1{background:#0e73bc;}
.bge1 
.product .product_list li:hover{ background:#0e73bc; }
.product2 .product_con{
	width:1200px;
	height:670px;
	position: relative;
	overflow: hidden;
}

.product1 .product_con{
	width:1200px;
	height:970px;
	position: relative;
	overflow: hidden;
}
.pagerfefenterwd .product1 .product_con{
	width:1200px;
	height:1500px;
	position: relative;
	overflow: hidden;
}
.product .product_con .product_content{
	height:518px;
	position: absolute;
	top:0px;
	left:0px;
}
.pagerfefenterwd .product .product_con .product_content{
	height:auto;
	position: absolute; width: 100%!important;
	top:0px;
	left:0px;
}

.product .product_con_list{
	width:1200px;
	margin-top:20px;
	 
	overflow:hidden;
	float:left;
}
.pagerfefenterwd .product .product_con_list{
	width:1200px;
	margin-top:0px;
	height:1450px;
	overflow:hidden;
	float:left;
}
.product1 .product_con_list{
	width:1200px;
	margin-top:20px;
	height:958px;
	overflow:hidden;
	float:left;
}
.product .product_con li{
	float: left;
    width: 385px;

    /* border: 1px solid transparent; */
    margin-left: 52px \9;
    margin-right: 15px;
    margin-bottom: 20px;
/* 	margin:0px 36px 0px 0px \9;
transition:0.4s;
-webkit-transition:0.4s; 
    -ms-transition:0.4s; 
    -moz-transition:0.4s; 
    -o-transition:0.4s; */
}
/*.product .product_con li:nth-child(1){
	margin:0px !important;
}*/

.product .product_con li:nth-child(3){ margin-right: 0;}
.product .product_con li img{
	display: block;
	width:100%;
	height:100%;
/* 	transition:transform 0.4s;
    -webkit-transition:transform 0.4s; 
    -ms-transition:transform 0.4s; 
    -moz-transition:transform 0.4s; 
    -o-transition:transform 0.4s; */
}

.product .product_con li span{
	display: block;
	width:100%;
	height:80px;
	line-height: 80px;
	text-align: center;
	color:#666;
	overflow: hidden;
	font-size:16px;
}
.product .product_con .product_content_img{
	width:390px; height: 292px;
	overflow: hidden;
}
.product1 .product_con .product_content_img{
	 width: 385px;
    height: 464px;
	overflow: hidden;
}
.product_content_img .yinchdwdwangbus{ width: 388px;
    height: 300px;
    display: inline-block;}
    .product_content_img .yinchdwdwangbus img{ width: 100%;height: 100%;}
.product_content_img{position: relative;}
.yinchangbus{position: absolute; width: 390px; height: 292px;overflow: hidden;}

.yinchangbus1{position: absolute; width: 390px; height: 292px;background-color: #000;opacity: 0.6;}
.yinchangbus2{ width: 390px; position: absolute; height: 140px;overflow: hidden;
	text-align: center; margin-top: 40px;z-index: 666;}
	.product1  .yinchangbus2{margin-top: 10px; }
	.product1 .yinchangbus1{ background-color: #f4f4f4;}

.yinchangbus2 h2{ font-size: 16px; color: #fff; margin: 15px auto;}
.yinchangbus2 h3{ font-size: 16px; color: #fff; margin: 0px auto; margin-bottom: 25px;}
.yinchangbus2 h4{ font-size: 14px; color: #fff; line-height: 25px; height: 28px;
	width: 150px; background-color: #0e73bc; text-align: center;display: block; margin:auto;}
.product1 .yinchangbus2 h2{ font-size: 16px; color: #000;overflow: hidden; margin: 15px auto;}
.product1 .yinchangbus2 h3{ font-size: 16px; color: #000;overflow: hidden;  margin: 0px auto; margin-bottom: 25px;}
.product1 .yinchangbus2 h4{ font-size: 14px; color: #fff; line-height: 25px; height: 28px;
	width: 150px; background-color: #0e73bc; text-align: center;display: block; margin:auto;}

/* .product .product_con li:hover img{ transform:scale(1.3,1.3);  -webkit-transform:scale(1.3,1.3); -ms-transform:scale(1.3,1.3); -moz-transform:scale(1.3,1.3); -o-transform:scale(1.3,1.3);} 
.product .product_con li:hover span{ background:#2992ED; color:#fff; font-size:18px;}
.product .product_con li:hover{ border:1px solid #2992ED; transform:translateY(10px); -webkit-transform:translateY(10px); -ms-transform:translateY(10px); -moz-transform:translateY(10px); -o-transform:translateY(10px);}*/
.product .product_con li:hover img{ opacity:0.7; filter:alpha(opacity=70);} 
.product .product_con li:hover span{color:#2992ED;}

.copyridwdght{ width: 100%; border-bottom: 1px solid #666; font-size: 20px; text-align: center;
line-height: 50px; height: 50px; margin: 20px auto; }
/* ???????????? */
/* ???????????? */
.index-title{ width: 1180px; margin:30px auto; overflow: hidden;}
.index-title h3 img{ display: block; margin: 0 auto; padding-top: 52px;}
.index-title p{ font-size: 14px; line-height: 40px; color: #666; text-align: center;}
.indexabout{width: 100%; padding: 40px 0; background: url("img/dqwdwdwaqdw.png") no-repeat;background-size: 100% 100%; overflow: hidden; position: relative;}
.about-lists{ width: 1180px;margin:0 auto;overflow: hidden;}
.about-lists ul{ padding: 50px 0 80px;}
.about-lists ul li{ float: left; width: 25%;position: relative;}
.about-lists ul li a{ display: block; width: 199px; height: 199px; margin: 0 auto;}
.about-lists ul li a.introduction{ background: url("img/g1.jpg") no-repeat;}
.about-lists ul li a.tel{ background: url("img/g2.jpg") no-repeat;}
.about-lists ul li a.recruitment{ background: url("img/g3.jpg") no-repeat;}
.about-lists ul li a.service{ background: url("img/g4.jpg") no-repeat;}
.about-lists ul li h6{ font-size: 18px; color:#1a1a1a; padding: 20px 0px; text-align: center;}
.about-lists ul li p{ width: 205px; font-size: 12px; line-height: 20px; color:#1a1a1a; text-align: center; margin: 0 auto;}

/* ???????????? */

.advantages_content{
	width:1025px;
	height:130px;
	margin:80px auto;
}
.advantages_content img{
	width:170px;
	height:130px;
}
.advantages_content>a{
	display:block;
	width:170px;
	height:130px;
	float:left;
	margin-right:35px;
	overflow: hidden;
}
.advantages_content .con_title{
	width:810px;
	height:100%;
	overflow: hidden;
}
.advantages_content .con_title a{
	display:block;
	width:700px;
	height:60px;
	line-height: 60px;
	padding-left:20px;
	text-align: left;
	font-size:20px;
	border-bottom:1px dotted #B99F7E;
	margin-bottom: 15px;
}
.advantages_content .con_title a:hover{color:#2C4FB7 !important; /* text-decoration:underline; */ font-weight:700;}
.advantages_content .con_title p{
	padding-left:20px;
	text-align: left;
	line-height: 1.8em;
	font-size:14px;
	color:#777;
}
/*??????*/

/* index */
.wrap{ width:1200px; margin:0 auto;overflow: hidden;}
.top{ height:66px; position:fixed; left:0; top:0; width:100%; line-height:66px; z-index:10;}
.bg-bc{ position:absolute; width:100%; height:66px; background:#fff; left:0; top:-66px; z-index:1; transition:all 0.5s linear;}
.bg-bc.botml{ top:0; transition:all 0.5s linear;}
.bg-bc.botml2{ top:0; transition:all 0.5s linear;}
.top .cont{ width:1350px; margin:0 auto; position:relative; z-index:2; height:66px;}
.top .logo{ padding-top:6px;}
.top .nav{ padding-left:20px;}
.top .nav li{ float:left; margin-left:55px; font-size:15px; position:relative;}
.top .nav li.home{ height:66px; width:60px;}
.top .nav li.home a{ display:block; width:24px; height:24px; position:absolute; right:0; top:50%; margin-top:-12px; background:url(img/home.png) center no-repeat;}
.top .nav li p{ position: absolute; left:50%; top:66px; text-align:center; width:150px; margin-left:-75px; background:#fff; display:none;}
.top .nav li p a{ display:block; line-height:45px;}
.top .en-cn{ height:30px; line-height:30px; text-align: center; width:40px; margin-top:18px; position:relative;}
.top .en-cn span{ display:block; width:100%; height:100%; font-size:16px; color:#666; cursor:pointer;}
.top .en-cn p{ position:absolute; left:50%; margin-left:-30px; width:60px; top:30px; background:#fff; display:none;}
.top .en-cn p a{ display:block; text-align:center; line-height:30px; font-size:14px;}
.top .searchT{ width:40px; height:30px; margin-top:18px; position:relative;}
.top .searchT span{ display:block; width:100%; height:100%; background:url(img/search.png) no-repeat center center;}
.top .searchT p{ height:30px; width:240px; position:absolute; right:-40px; top:30px; background:#fff; display:none;}
.top .searchT p .ils01{ background:#fff; height:30px; border:1px solid #e8e8e8; float:left; line-height:30px; padding:0 5px; width:200px;}
.top .searchT p .ils02{ background:#f15600; height:30px; width:40px; float:left; border: none; cursor:pointer; color:#fff; }

.ind-nanner{ background-repeat:no-repeat; background-position:center center;}
.cp-duck{ height:617px; width:100%; padding-top:60px;}
.cp-duck h2{ text-align:center; font-size:36px; background:url(img/d.jpg) repeat-x center center;}
.cp-duck h2 span{ display:inline-block; padding:0 25px; background:#efefef; position:relative;}
.cp-duck h2 span i{ position:absolute; top:21px; height:5px; width:50px; background:#dbdbdb;}
.cp-duck h2 span i.is01{ left:-50px;}
.cp-duck h2 span i.is02{ right:-50px;}
.cp-duck h3{ text-align:center; font-size:14px; font-weight:normal; color:#474747; line-height:30px; margin-top:10px;}
.cp-oml{ width:1215px; margin-left:-15px; margin-top:40px;}
.cp-oml dl{ width:390px; margin-left:15px; float:left;}
.cp-oml dl dt{ width:390px; height:244px; overflow:hidden; position:relative;}
.cp-oml dl dt > img{ width:100%; height:100%; left:0; top:0; position:relative; transition:all 0.5s ease; z-index:1;}
.cp-oml dl dt:hover > img{ width:120%; height:120%; left:-10%; top:-10%; transition:all 0.5s ease;}
.cp-oml dl dt span{ z-index:2; position:absolute; left:0; top:0; display:block; width:390px; height:244px; background:rgba(4,87,77,0.6);filter:alpha(opacity=0);-moz-opacity:0; opacity:0; transition:all 0.5s ease;}
.cp-oml dl dt:hover span{ z-index:2; position:absolute; left:0; top:0; display:block; width:390px; height:244px; background:rgba(4,87,77,0.6);filter:alpha(opacity=100);-moz-opacity:1; opacity:1; transition:all 0.5s ease;}


.cp-oml dl dt span a{ background:url(img/j.png) no-repeat center center; display:block; width:100%; height:100%;}

.cp-oml dl dd{ height:142px; background:#04574d; text-align:center; color:#fff;}
.cp-oml dl dd strong{ display:block; text-align:center; width:100%; font-size:24px; font-weight:normal; line-height:35px; padding:20px 0; overflow:hidden;white-space:nowrap;}
.cp-oml dl dd i{ display:block; width:70px; height:2px; background:#fff; margin:0 auto;}
.cp-oml dl dd span{ color:#c6c6c6; line-height:25px; padding:15px 0; display:block; text-align:center; width:100%; overflow:hidden;white-space:nowrap;}

.vods{ height:564px; color:#fff; padding-top:120px; text-align:center; position: relative;}
.vods .tit{ font-size:48px; font-weight:bold; margin:80px 0 25px;}
.vods .con{ font-size:30px;}
.vod-con{ position:absolute; width:880px; height:528px; background:#fff; left:50%; top:50%; margin-left:-440px; margin-top:-260px; display:none;}
.colsex{ position:absolute; right:-25px; top:0;}


.ind-school{ height:618px; padding-top:140px;}
.ind-school dl dt{ font-size:48px; font-weight:bold; color:#04574d; width:115px; float:left;}
.ind-school dl dd{ font-size:30px; font-weight:bold; color:#858585; padding-top:15px; line-height:1.8; float:left;}
.ind-school dl dd span{ font-size:24px; display:inline-block; border-top:1px solid #858585;}
.ind-school .tilst{ font-size:18px; width:675px; line-height:1.8; margin:50px 0;}
.ind-school .links a{ color:#04574d; font-size:18px;}

.ind-news{ height:425px; padding-top:50px;}
.ind-news h2{ font-size:38px; color:#fff; font-family: "??????"}
.ind-news h2 span{ font-size:24px; color:#949494; margin-left:20px;}
.ind-news h2 p{ float:right; font-size:18px; font-weight: normal; height:55px; line-height:32px; padding-top:20px;}
.ind-news h2 p i{ display:inline-block; margin:0 15px; cursor:pointer;}
.ind-news h2 p i.cur{ color:#0e73bc; border-bottom:3px solid #0e73bc}
.toslp{ margin-top:55px;}
.news-list li{ width:525px; margin-right:150px; float:left; padding:20px 0; border-bottom:1px dotted #fff;}
.news-list li a{ color:#fff;}
.news-list li a:hover{ color:#0e73bc;}
.news-list li .date{ width:96px; height:80px; background:#fff; text-align:center;}
.news-list li a:hover .date{ background:#0e73bc; color:#fff;}
.news-list li a .date dt{ line-height:45px; font-size:30px; border-bottom:1px solid #ddd; color:#333;}
.news-list li .date dd{ font-size:14px; line-height:34px; color:#666;}
.news-list li a:hover .date dd,.news-list li a:hover .date dt{ color:#fff;}
.news-list li .news{ width:410px;}
.news-list li .news dt{ line-height:30px; font-size:14px; height:30px; overflow:hidden;}
.news-list li .news dt a{ color:#fff;}
.news-list li .news dt a:hover{ color:#0e73bc;}
.news-list li .news dd{ line-height:20px; height:40px; overflow:hidden; margin-top:8px;}





.ind-ser{ height:620px; background:url(img/bg05.jpg) no-repeat center center; padding-top:100px;}
.ind-ser dl{ float:right; width:100%;}
.ind-ser dl dt{ font-size:48px; font-weight:bold; color:#04574d; width:115px; text-align:right; float:right;}
.ind-ser dl dd{ font-size:30px; font-weight:bold; color:#858585; padding-top:15px; line-height:1.8; float:right;}
.ind-ser dl dd span{ font-size:24px; display:inline-block; border-top:1px solid #858585;}
.ind-ser ul{ width:672px; float:right; margin-top:55px;}
.ind-ser ul li{ float:left; width:306px; margin-left:30px; position:relative;}
.ind-ser ul li a{ display:block; width:100%; height:100%;}
.ind-ser ul li span{ position:absolute; background:rgba(4,87,77,0.8); display:block; width:100%; height:40px; line-height:40px; color:#fff; left:0; bottom:0; font-size:18px; font-weight: bold; text-align:center; padding-top:0; transition:all 0.5s ease;}
.ind-ser ul li a:hover span{ height:100%; padding-top:110px; font-size:24px; transition:all 0.5s ease;}



/*??????*/
/**/
/* ????????????????????? */
.dejian{
	width:1025px;
	margin:0px auto 0px;
	overflow: hidden; text-align: center;
}
.index-title h3{text-align: center; width: 100px; margin: auto;
	height: 25px; font-size: 19px ; line-height: 20px; 
	border-bottom: 1px solid #0e73bc; color: #0e73bc;}
.dejian .dejian_top{
	height:60px;
	line-height: 60px;
	font-size:35px;
	text-align: center;
	font-weight:600;
	letter-spacing: 1px;
	color:#444;
}
.dejian .dejian_right,.dejian .dejian_left{
	width:510px;
	height:270px;
	border:1px solid #ccc;
}

.dejian .dejian_left{
	border-right:0px !important;
}

.dejian .dejian_title{
	height:55px;
	line-height: 55px;
	margin:0px 10px 0px 20px;
	border-bottom:1px solid #ccc;
	position: relative \9;
}
.dejian .dejian_title i{
	display: inline-block;
	width:10px;
	height:10px;
	background: #0B3971;
	border-radius:50%;
	margin:0px 10px;
	background: url(img/index_bot_tb.png) center no-repeat \9;
	margin-bottom:5px \9;
}
.dejian .dejian_title span{
	display: inline-block;
	font-size:16px;
	font-weight: 600;
	color:#333;
}
.dejian .dejian_title em{
	display: inline-block;
	font-size:14px;
	color:#183878;
}
.dejian .dejian_title a{
	display: inline-block;
	font-size:14px;
	color:#909090;
	float:right;
	position: absolute \9;
	right:0px \9;
}
.dejian_title a:hover{color:#2C4FB7 !important; /* text-decoration:underline; */ font-weight:700;}
.dejian .dejian_content{
	margin:25px 20px 0px;
	height:150px;
	overflow: hidden;
	position: relative;
}
.dejian .dejian_content ul{position:absolute; top:0px; left:0px;}
.dejian .dejian_content a:hover{color:#2C4FB7 !important; /* text-decoration:underline; */}
.dejian .dejian_content li{
	width:470px;
	height:150px;
	float:left;
}
.dejian .dejian_content li img{
	width:130px;
	height:130px;
	border-radius:50%;
	float:left;
	margin-right:20px;
}
.dejian .dejian_content li .title{
	height:35px;
	line-height:35px;
	font-size:16px;
	font-weight: 600;
}
.dejian .dejian_content li p{
	height:95px;
	line-height:2em;
	font-size:14px;
}
.dejian_content_tb{
	height:40px;
	line-height: 40px;
	text-align: center;
}
.dejian_content_tb em{
	display: inline-block;
	width:10px;
	height:10px;
	border-radius:50%;
	margin-left:10px;
	background:#ccc;
	cursor: pointer;
	background:url(img/dj_tb2.png) center no-repeat \9;
	margin-top:15px \9;
}
.dejian_content_tb em:nth-child(1){
	background:#B69F7A;
}


.bottom_banner{
	width:100%;
	min-width: 1050px;
	height:300px;
	overflow: hidden;
	background: url(img/bottom_banner.png) center no-repeat;
}

/* ??????????????????  */


.foot{ background:#3e3e3e; color:#eaeaea;overflow: hidden; }
.foot .left{ width:423px;}
.foot .left h3{ font-size:24px; font-weight:normal; margin-bottom:10px;}
.foot .left p{ line-height:30px;}
.foot .left p img{ margin-right:5px;}
.foot .mid{ float:left; width:480px;}
.foot .mid a{ display:block; width:123px; height:40px; text-align:center; line-height:38px; border:1px solid #878787; float:left; margin-right:35px; color:#fff; margin-top:25px;}
.foot .right{ float:right; width:130px; text-align:center; line-height:35px; margin-left:10px;}
.foot .right img{width:100%; height:130px;}
.foot .copyright{ line-height:50px;  color:#c9c8c8; height: 50px;margin-top: 20px; text-align:center; background-color: #000;}


/* ???????????? */
.links{    width: 1200px;
    margin: 0px auto;
    text-align: left;
    line-height: 1.8em;
   
    font-size: 14px;
    overflow: hidden;}
.links span{display:inline-block;}
.links a{display:inline-block; padding:0 10px;color:#333;}
.links a:hover{text-decoration:underline; color:#E00023;}



.footer{
	min-width:1025px;
	height:35px;
	line-height:35px;
	font-size:12px;
	text-align:center;
	background:#9F9F9F;
}



/* ??????????????? */
#zd{
	width:50px;
	height:50px;
	background:#0066cc url(img/zd_tb.png) center no-repeat;
	z-index: 20;
	position:fixed;bottom:35px;right:20px;
	cursor: pointer;
	display: none;


}
#zd:hover{background-color:#888}
/* 首页技术支持--------------------------------------- */
.supportUl{width: 1200px; margin:40px auto; box-sizing: border-box; padding: 0 30px 0 40px; }
.supportUl li{ margin: 0 0 50px 0;position: relative;  display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:center;
    transition: all .6s ease-out; padding: 0 10px;}
.supportUl li::after{ content: " "; width: 0px; height: 2px; background-color: #054FA9; position: absolute; bottom: -10px ;left: 50%; transition: all .6s ease-out;}
.supportUl li:hover{ padding: 0px 0px; box-sizing: border-box; transition: all .6s ease-out;}
.supportUl li:hover::after{ width:100%; left: 0%; transition: all .6s ease-out;  }
.supportUl li .supText{ position: relative;}
.supportUl li .supText,.supportUl li .images{ width:47%; }
.supportUl li .images{ max-width: 480px; margin-top: 10px; }
.supText .number{ position: relative; }
.supText .number::after{ display: inline-block; content: " "; width:40px;height:40px;margin:20px 0 0 20px; background:#054FA9;  text-align: center;
	-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;
	-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);
}
.supText .number p{ font-size: 22px; color: #fff;  line-height: 32px; position: absolute; top: 50%; left: 8px; transform: translateY(-50%); -webkit-transform: translateY(-50%);
 z-index: 3;}
.supportUl li .supText>h4{ position: absolute;top: 16px; left: 60px; font-size: 20px; color: #000; line-height: 1.5; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.supportUl li .supText .intro{font-size: 14px; color: #555555; line-height: 26px;  max-height: 104px; margin-left: 60px; overflow: hidden; overflow: hidden;text-overflow: ellipsis;
    display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; position: relative; margin-top: -10px;}
    .supportUl li .supText .intro p{ color: #555555; }
.supportUl li:nth-of-type(even) .supText{ order: 2;}
.supportUl li:nth-of-type(odd) .images{ margin-right: 60px;}

@media screen and (max-width:1300px){ 
.supportUl{ width: 100%; box-sizing: border-box; padding: 0 10px;}
.supportUl li .images img{ display: block; width: 100%; }
.supportUl li:nth-of-type(odd) .images{ margin-right: 10px;}
.supportUl li .supText .intro{font-size: 14px; color: #555555; line-height: 24px;  max-height: 144px; margin-left: 60px; overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical; position: relative; margin-top: -10px;}
}
@media screen and (max-width:768px){
.supportUl{ margin: 20px auto; padding: 0 10px 0 10px; }
.supportUl li{ flex-wrap: wrap;}
.supportUl li .supText,.supportUl li .images{ width:100%; }
.supportUl li:nth-of-type(even) .supText{ order: initial;}
.supportUl li .supText .intro{ margin-left: 10px; margin-top: 5px;}
.supportUl li:nth-of-type(odd) .images{ margin-right: 0px;}
.supText .number p{ font-size: 18px;}
.supportUl li .supText>h4{ font-size: 18px;}

 }



.clear {
    clear: both;
}


/*荣誉start*/
.hoor_box{width: 1200px;margin: 48px auto 0;overflow: hidden;}
.hoor_box li{display: inline-block;vertical-align: top;margin-right: 20px;width: 285px;height: 403px;overflow: hidden;}
.hoor_box li img{width: 285px;height: 403px;}
.hoor_box .hr_box{width: 1250px;}
/*荣誉end*/

.pr {
    position: relative;
}

/*相册*/
.photo{overflow:hidden ; padding-bottom:30px;background:#f6f6f6;}
.photo .tils{overflow:hidden;margin-top:35px;height:56px;;}
.photo .tils ul{display:block;float:left;padding-left:10px;width:780px;height:56px;}
.photo .tils ul li{overflow:hidden;display:block;float:left;width:110px;height:55px;line-height:54px;font-size:16px;text-align:center;LETTER-SPACING:2PX;}
.photo .tils ul li a{display:block;margin:0 10px;height:56px;color:#0e0e0e;}
.photo .tils ul li a:hover,.photo .tils ul li.cur a{color:#0d6fb8;font-weight:bold;background:url(../img/photo_lbg.jpg) repeat-x left bottom;}
.photo .tils .mbtn{display:block;float:right;margin-top:8px;width:100px;height:42px;line-height:42px;font-size:14px;text-align:center;}
.photo .tils .mbtn a{color:#666666;}
.photo .scrolls{overflow:hidden;margin-top:25px; }
.photo ul.pics{overflow:hidden;display:block;width:998px; }
.photo ul.pics li{position:relative;display:block;float:left;margin-right:17px;width:395px;}
.photo ul.pics li img{display:block;width:100%; }
.photo ul.pics li.laster{margin-right:0;}
.photo ul.pics li.laster img{border:0;}
.photo ul.pics li em{display:block;line-height:30px;text-align:center;color:#333333;font-size:14px;cursor:pointer;background:#ffffff;}
.photo .btnl,.photo .btnr{position:absolute;top:145px;display:block;width:21px;height:38px;}
.photo .btnl{left:-60px;}
.photo .btnr{right:-60px;}
.photo .btnl a,.photo .btnr a{display:block;width:21px;height:38px;}
.photo .btnl a{background:url(../img/sup2_btnl.png) no-repeat left top;}
.photo .btnr a{background:url(../img/sup2_btnr.png) no-repeat left top;}
.photo .btnl a:hover{background:url(../img/sup2_btnl2.png) no-repeat left top;}
.photo .btnr a:hover{background:url(../img/sup2_btnr2.png) no-repeat left top;}