@charset "utf-8";

/*==============================================================================================*/
/*common-css
/*==============================================================================================*/

* {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, li, body, form, input, button, img, cite, strong, em, table, td, th {padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, h7, em {font-weight:bold;font-style:normal;}
body{ margin:0; padding:0; font:300%/150% "微软雅黑",tahoma,vernada; font-size:14px; line-height:23px; color:#333; min-width:1300px;}
.fz { margin:0 auto; width:1200px;min-width:1200px}
.fz1{margin:0 auto; width:1300px;min-width:1300px}
.fr { float:right;}
.fl { float:left;}
.clear { clear:both;}
li { list-style:none;}
a { text-decoration:none;color:#333333;}
img { border:0;}

/*==============================================================================================*/
/*top-css
/*==============================================================================================*/
.topcom{ margin-bottom:20px;}
.topdh{width:285px;padding-top: 30px;color: #666;}
.topdh img{ float:left; margin-right:10px; padding-top:5px;}
.topdh .dianhua p:nth-child(2){ float:right;}
.topdh .dianhua p:nth-child(3){ text-align:center; display:block; clear:both; padding-left:40px;}
.nav ul li{ float:left; padding:0 23px;text-align: center;height: 60px;line-height: 60px;font-size: 15px;}
.nav ul li a{ color:#fff;}
.nav ul li:nth-child(1){background-image:none;}
.nav ul li:hover{background:#ff711b;}
.topnav{ background:#125fd3;}



/*------内页banner------*/
.ibanner {
	width:100%;
	overflow:hidden;
	display:block;
	margin-top:0px;
	position:relative;
}
.ibanner .bd {
	width:100%;
	background-position: center 0px;
	background-repeat: no-repeat;
}

.ibanner .crumb{
	width:100%;
	position:absolute;
	z-index:100;
	height:45px;
	left:0px;
	bottom:0px;
	overflow:hidden;
	
}
.ibanner .backdrop{
	position:absolute;
	display:block;
	overflow:hidden;
	width:100%;
	background:#000;
	left:0px;
	bottom:0px;
	z-index:100;
	height:45px;
	filter:alpha(opacity=50);  
	-moz-opacity:0.5;  
	-khtml-opacity: 0.5;  
	opacity: 0.5;
	overflow:hidden;
}
.ibanner .crumb ul{
	width:1200px;
	margin:0 auto;
	z-index:100;
	height:60px;
	overflow:hidden;
}

.ibanner .crumb ul li{
	float:left;
	display:block;
	padding:0px 12px 0px 8px;
	text-align:left;
	background:url(../images/arrow.png) no-repeat right 20px;
}

.ibanner .crumb ul li i{
	color:#FFF;
	font-size:18px;
}

.ibanner .crumb ul li:last-child{
	background:none;
}

.ibanner .crumb ul li a{
	display:block;
	line-height:45px;
	font-size:14px;
	color:#fff;
}



/*==============================================================================================*/
/*procust-css
/*==============================================================================================*/
.sy_pro{ margin-top:60px;}
.sy_pro01{ width:250px;}
.sy_prol_01{ text-align:center; height:120px; line-height:120px; background:#0f61cd;color: #FFF;font-size: 30px;font-weight: bold;}
.sy_prol_02 dl{display: block;border: #e5e5e5 solid 1px;}
.sy_prol_02 dt{background: url(../images/lefticon.jpg) no-repeat left center; text-indent: 50px;line-height: 75px;border-bottom: #e5e5e5 solid 1px;font-size: 18px; border-top: #e5e5e5 solid 1px;}
.sy_prol_02 dt:hover a{ color:#0f61cd;}
.sy_prol_02 dl ul{width: 160px;margin: 5px auto;display: block;}
.sy_prol_02 dl ul li{background: url(../images/libg.png) no-repeat right center;height: 36px;line-height: 36px; font-size:14px;}
.sy_prol_02 li:hover a{color:#0f61cd;}

.sy_pro02{ width:910px;}
.sy_pro02 li{float:left;margin:0 7px 30px 7px;width:287px; border: #e5e5e5 solid 1px;}
.sy_pro02 li b{display: block;border-top: #e5e5e5 solid 1px; margin: 0;padding: 0;text-align: center;font-weight: 100;height: 42px;
line-height: 42px; font-size:14px;}
.sy_pro02 li a:hover{ color:#0f61cd;}


.cl:after{ clear:both; display:block; content:"";}
.sy_prolist{ background:#f7f7f7; padding:10px 20px 20px; margin-bottom:30px;}
.sy_prolist01{ font-size:25px; color:#125fd3; text-align:center; font-weight:bold; margin-bottom:30px;}
.sy_prolist02 dt{ font-size:16px; font-weight:bold; padding:20px 0;}
.sy_prolist02 ul li{ float:left;}
.sy_prolist02 ul li a{ padding:0 20px;font-size:16px;}
.sy_prolist02 ul li:nth-child(1) a{ padding-left:0;}
.sy_prolist02 ul li:before{ content:"|"; color:#ccc;}
.sy_prolist02 ul li:nth-child(1):before{ content:normal;}
.sy_prolist02 ul:after{ clear:both; display:block; content:""}
.sy_prolist02 ul li:hover a{ color:#125fd3;}

.sy_prolist03 li{float:left;margin:0 6px 30px 6px;width:286px; border: #e5e5e5 solid 1px;}
.sy_prolist03 li b{display: block;border-top: #e5e5e5 solid 1px; margin: 0;padding: 0;text-align: center;font-weight: 100;height: 42px;
line-height: 42px; font-size:15px;}
.sy_prolist03 li a:hover{ color:#0f61cd;}
.sy_prolist03 li:hover img{ opacity:0.8;}


.sy_case_list{ background:#f7f8fc; padding:50px 0; margin-top:30px;}
.sy_caselist li{ float:left; width:292px; text-align:center; margin-right:10px;margin-bottom:10px; font-size:15px;}
.sy_caselist li:nth-child(4n){ margin-right:0;}
.sy_caselist li img{border:1px #f2f2f2 solid; display:block;width:292px; height:221px; margin-bottom:5px;}
.sy_caselist li:hover{ color:#0f61cd;}
.sy_caselist li:hover img{ opacity:0.8;}


.sy_about02 { width:650px; height:389px;overflow: hidden;}
.sy_about02 img{ width:100%;}
.sy_about01:hover .sy_about02 img{transition:2s; transform:scale(1.2,1.2);}
.sy_about03{ width:520px; padding-top:10px;}
.sy_about03_a{ font-size:20px;margin-bottom:10px;}
.sy_about03_b{ font-size:15px; line-height:26px; color:#666;}
.sy_about03_b a{ color:#0f61cd; text-decoration:underline;}
.sy_about03_c{ margin-top:15px;}
.sy_about03_c li{ float:left; margin-left:10px;background:#0f61cd; }
.sy_about03_c li:nth-child(1){ margin-left:0;}
.sy_about03_c li a{ padding:5px 10px; color:#fff; text-align:center; width:100px; display:block;}
.sy_about03_c li:hover{ background:#ff6000}

.sy_about03_d{ margin-top:15px;}
.sy_about03_d  li{ width:166px; float:left; margin-left:10px; text-align:center;}
.sy_about03_d  li:nth-child(1){ margin-left:0;}
.sy_about03_d  li img{ width:100%;}
.sy_about03_d  li:hover img{ opacity:0.8;}
.sy_about03_d  li:hover{ color:#0f61cd;}


.sy_news_left{ width:620px;}
.sy_news_left01 a{ font-size:18px; font-weight:bold; margin-bottom:10px;color:#0f61cd;}
.sy_news_left02{ background:#fff;}
.sy_news_left02 dt img{ display:block; margin-top:15px;}
.sy_news_left02 dt:nth-child(2){ font-size:18px;padding:10px 10px 0;}
.sy_news_left02 dt:nth-child(3){ color:#666; line-height:26px;padding:5px 10px 20px; font-size:14px;}

.sy_news_left03{ margin-top:15px;}
.sy_news_left03  li{ padding:5px 0; font-size:15px;}
.sy_news_left03  li:before{ content:"○"; padding-right:10px;}
.sy_news_left03  li span{ float:right; color:#666;}
.sy_news_left03  li:hover{ background:#fff;}
.sy_news_left03  li:hover a{color:#0f61cd;}

.sy_news_left02:hover dt:nth-child(2){color:#0f61cd;}





/*==============================================================================================*/
/*advantage-css
/*==============================================================================================*/

.adv_title01{background:#000; height:2px; width:40px; margin:50px auto 20px auto;}
.adv_title02{text-align:center; margin:10px auto; font-size:32px; font-weight:bold;}
.adv_title02{color:#0f61cd;}
.adv_title03{ text-align:center;}
#hhys{background:url(../images/ysbg.jpg) no-repeat center #f6f8fa; height:660px; margin-top:50px;}
#hhys .hhyscon{width:1240px; margin:auto;}
#hhys .hhyscon ul{ display:block; padding-top:57px;}
#hhys .hhyscon ul li{float:left; display:block; width:300px; height:90px;  padding-top:18px; margin-left:40px; line-height:18px;}
#hhys .hhyscon ul li b{color:#0f61cd; font-size:18px; display:block; margin-bottom:5px;}
#hhys .hhyscon .marleft{margin-left:600px;}

/*==============================================================================================*/
/*sy_about-css
/*==============================================================================================*/

.sy_about{ margin-top:60px;}
.abouttitle{font-size:30px; color:#494a4a; margin-bottom:25px; background:url(../images/line.jpg) no-repeat left; text-indent:20px; font-weight:bold;}
.aboutleft{float:left; border-left:#e5e5e5 solid 1px; border-top:#e5e5e5 solid 1px; border-bottom:#e5e5e5 solid 1px; width:465px; height: 307px;padding:40px 30px; font-size:16px; line-height:25px;}
.aboutleft .pname{color:#0f61cd; margin:0 0 15px 0; padding:0; font-size:18px;}
.aboutmore{ background:#0f61cd;border-radius:10px; text-align:center;width:100px; float:right; margin-top:20px;}
.aboutmore a{padding:5px 10px; color:#fff;}
.aboutleft:hover .aboutmore{ background:#ff6000;}


#tab_list table tr{border: 1px solid #e7e7e7; }
#tab_list table td{border: 1px solid #e7e7e7; line-height:35px; padding:5px;}
.show{display: block;}
.hide{display: none;}

.sy_case{ margin-top:60px;}
#tab_list{ text-align:center;}
.sy_case01{height: 44px;background: url(../images/linea.jpg) no-repeat center;font-size: 18px; text-align:center; font-weight:bold;}
#ul1 li{ float:left; text-align:center; width:120px;}
.ul2{ width:300px;}
#ul1{ width:245px; margin:0 auto; line-height:44px;}
#ul1 .active a{ color:#0f61cd;}
#tab_list dl{ margin-top:20px; height:203px; position: relative;}
#tab_list dl dd{ float:left; margin-right:20px;}
#tab_list dl dd a{width:280px;}
.sy_case02{ margin:0; padding:0}
.sy_case03{background:rgba(0,0,0,0.5);; position: absolute;margin-top:-40px;line-height:35px;text-align: center;color: #FFF;z-index: 11;display: block;width: 280px;}

/*==============================================================================================*/
/*news-css
/*==============================================================================================*/

.sy_news{ margin-top:60px;background-color: #f7f8fc;padding:60px 0 50px 0;}
#sy_news01 ul{ border-left:2px solid #0f61cd; height:18px;}
#ul2 li{ float:left; font-weight:bold; margin-bottom:20px; margin-top:-5px;}
#ul2 li a{ padding:0 15px; font-size:18px; line-height:24px;}
#ul2 .active a{ color:#0f61cd;}
#sy_news01 dl ul{ border:none;}

#sy_news01{width: 730px;}
.sy_news02{width: 233px; margin-right:15px;}
.sy_news03{ width:480px;}
.sy_news03 b{ display:block; font-size:14px; margin-bottom:5px; color:#000;}
.sy_news03 span{margin-top:10px;background:#0f61cd;padding:0 10px;text-align:center;float:right;border-radius:15px;font-size:12px;}
.sy_news03 span a{color:#fff; }
.sy_news04{ padding-bottom:30px; border-bottom:1px solid #ccc; margin-bottom:30px;}
.sy_news05{ max-height:90px; overflow:hidden;}

#sy_news01 dl li{ width:330px; float:left; display:block; padding:5px 15px; font-size:14px;}
#sy_news01 dl li:before{ content:"○ "; font-size:16px; font-weight:bold;}
#sy_news01 dl li span{ float:right}
#sy_news01 dl li:hover{color:#0f61cd; cursor:pointer;}
#sy_news01 dl li:hover a{color:#0f61cd;}
.hhnewscon{ margin-top:80px;}

.sy_faq{ width:500px;}
.sy_faq01{border-left:2px solid #0f61cd;font-size:18px; padding-left:15px; font-weight:bold;}
.sy_faq02{ margin-top:15px;}
.sy_faq02 li:before{ content:"○ "; font-size:16px; font-weight:bold;}
.sy_faq02 li{ padding:5px; font-size:15px;}
.sy_faq02 li:hover{ color:#0f61cd; background:#fff;}
.sy_faq02 li:hover a{color:#0f61cd;}
.sy_faq02 li span{ float:right;}


/*==============================================================================================*/
/*bottom-css
/*==============================================================================================*/

.foot{ background:#272d33; padding:30px 0;color:#c1c1c1;}
.foot a{color:#c1c1c1;}
.foot a:hover{text-decoration:underline; cursor:pointer;}
.friendlink li{ float:left; color:#c1c1c1; font-size:14px;}
.friendlink li a{padding:0 10px;}
.friendlink li:before{ content:"|";}
.friendlink li:nth-child(1):before,.friendlink li:nth-child(2):before{ content:normal;}
.friendlink{ border-bottom:1px #646464 solid; padding-bottom:15px;}
.footcon{ text-align:center; margin-top:20px;}






/*==============================================================================================*/
/*about-css
/*==============================================================================================*/
.main_box{ margin-bottom:80px; margin-top:60px;}
.about_a{float:left; width:900px;}
.mianbaoxie{ padding:15px 0; margin-top:10px; border-bottom:1px solid #ddd; margin-bottom:30px;}
.pcur li{ float:left; color:#666;}
.pcur li a{ color:#666;}
.pcur li a:after{ content:">"; padding:0 5px;}
.pcur li a:hover{ color:#125fd3;}
.ptitle{ color:#125fd3; font-size:18px; font-weight:bold;border-left:2px solid #125fd3; padding-left:10px; }


/*==============================================================================================*/
/*ablums-css
/*==============================================================================================*/

#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter {position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(../images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { background:url(../images/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.layout_default{float:left; margin:5px; width:290px;}
.meta{ text-align:center; margin-top:5px;}
.image_container img{border:1px solid #CCC;width:100%;}

.layout_default:hover img{ border:1px solid #0f61cd;}
.layout_default:hover a{color:#0f61cd;}



/*==============================================================================================*/
/*cate-css
/*==============================================================================================*/

.cate_box {
	margin-bottom:20px;
	display:block;
	height:75px;
	border-bottom:1px solid #ddd;
	background:#fff;
}
.cate {
	width:1200px;
	height:75px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	z-index:10;
	position:relative;
}

.cate ul {
	position:absolute;
	width:1200px;
	display:block;
	height:75px;
	left:0px;
	top:0px;
	z-index:20;
}

.cate li {
	float:left;
	list-style:none;
	padding:0px 20px;
	overflow:hidden;
	display:inline-block;
}
.cate li div {
	display:block;
	line-height:36px;
}
.cate li div span {
	display:block;
	line-height:36px;
	cursor:pointer;
}
.cate li a {
	display:block;
	font-size:16px;
	line-height:74px;
}
.cate li a:hover {
}
.cate li.cur {
	color:#025baf;
	border-bottom:#025baf solid 2px;
}
.cate li.cur a {
	color:#025baf;
}
.cate li .onhvr {
	color:#F90;
}
.cate li ul {
	display:none
}
.cate .root {
	background:#e8e8e8;
}
.cate .root span {
	background:url(../images/cate.png) no-repeat 0px -201px;
	color:#FFF;
	padding-left:15px;
}
.cate .root.cur span {
	color:#fff;
	background:#e8e8e8 url(../images/cate.png) no-repeat 0px -276px !important;
}

/*==============================================================================================*/
/*desc-css
/*==============================================================================================*/

.arclist,.abmlist,.prolist,.content{ width:900px;}
.pro_pro{ width:515px;}
.pro_pro img{ width:100%;}
.pro_desc{margin-left:30px;margin-top: 30px; width:355px;}
.pro_desc01 h1{ font-size:20px; padding-bottom:10px; border-bottom:1px dashed #dedede; font-weight:bold; margin-bottom:20px;}
.hd{ text-align:center; font-size:16px; background:#f8f8f8; line-height:50px; margin-bottom:20px; font-weight:bold;}
.goods-info h2{ font-size:16px;}

.sy_pro02 h2{text-align:center; font-size:16px; background:#f8f8f8; line-height:50px; margin-bottom:20px; margin-top:30px;}
.new_rel h2{ color:#0763c8; border-left:2px #0763c8 solid; padding-left:10px; margin-bottom:20px; font-size:18px;}
.new_rel{ padding:30px 20px; border:1px #dedede solid;}
.new_rel ul li{ float:left; width:429px; padding-bottom:5px;}
.new_rel a{ color:#666;}
.new_rel ul li:before{ content:"○ "; font-size:16px; font-weight:bold;}
.new_rel ul li:hover a{ color:#0763c8;}

.newlist li{ border-bottom:1px dashed #cecece; padding:15px; width:410px; float:left; margin:0 5px;}
.newlist li:hover{ background:#f7f7f7;}
.newlist li:hover .news01{color:#0763c8;}
.news01{ font-size:16px;}
.time{ color:#999; padding:5px 0;}
.news02{ color:#666; max-height:46px; overflow:hidden;height:46px;}

.news .thd{ text-align:center; font-size:18px;border-bottom:1px #ccc dashed; padding-bottom:10px; margin-bottom:20px; }
.news .thd h1{ font-size:20px;}
.news .thd font {display:block;color:#CCC;text-align:center;font-size:12px;line-height:20px; margin-top:10px;}

.new_rec h2{text-align:center; font-size:16px; background:#f8f8f8; line-height:50px; margin-bottom:20px; margin-top:50px;}
.new_rec li{  border-bottom:1px dashed #cecece; padding:15px; width:410px; float:left; margin:0 5px;}
.new_rec li:hover{ background:#f7f7f7;}
.new_rec li:hover .news01{color:#0763c8;}

.next_map{ color:#666;}
.next_map a{ color:#666;}
.next_map a:hover{ color:#0763c8;}
.next_map div{ float:left; margin-right:40px; padding-top:40px;}


.albums_rec h2{text-align:center; font-size:16px; background:#f8f8f8; line-height:50px; margin-bottom:20px; margin-top:50px;}
.news img{ display:block; margin:0 auto;}
.albums_rec li{ width:215px; float:left; text-align:center; margin:0 5px;}
.albums_rec li img{ width:100%;border:1px #cecece solid;}
.albums_rec li:hover img{ border:1px solid #0763c8;}
.albums_rec li:hover a{ color:#0763c8;}


/*==============================================================================================*/
/*page-css
/*==============================================================================================*/

.page{ text-align:center; margin-top:40px; clear:both;}
.page span{padding:5px 10px;}
.selected{ color:#fff; background:#0f61cd;}
.page_list a{ padding:5px 10px;border:1px #f3f3f3 solid; margin:0 5px;}
.page_rows{border:1px #f3f3f3 solid;}
.page_list a .selected{background:#0f61cd;}


/*==============================================================================================*/
/*浮动框
/*==============================================================================================*/

.kefu{position: fixed;bottom:30%;_position: absolute;_top: expression(eval(document.documentElement.scrollTop + 365));z-index: 20;right:0;width:45px}
.kefu ul li{height:45px;cursor:pointer;position:relative}
.kefu ul li.top{color:#fff;font-weight:800;text-align:center;line-height:45px;position:relative;width:45px;cursor:pointer}
.kefu ul li.top span{position:absolute;overflow:hidden;display:block;left:0;top:0px;height:45px;width:45px;background:#272d33 url(../images/czx1.png) no-repeat center;}
.kefu ul li.top:hover{background:#0f61cd;}
.kefu ul li.top:hover span{background:url(../images/czx2.png) no-repeat center;}




.side-bar a,.chat-tips i {background: url(../images/right_bg.png) no-repeat;} 
.side-bar {width: 66px;position: fixed;bottom:50px;right: 25px;font-size: 0;line-height: 0;z-index: 100;} 
.side-bar a {width: 66px;height: 66px;display: inline-block;background-color: #bababa;margin-bottom: 2px;} 
.side-bar a:hover {background-color: #669fdd;} 
.side-bar .icon-qq {background-position: 0 -0px;} 
.side-bar .icon-chat {background-position: 0 -62px;position: relative;} 
.side-bar .icon-blog {background-position: 0 -130px;} 
.side-bar .icon-top {background-position: 0 -198px;} 


.icon-chat {
position: relative;
}

.icon-chat img.qrcode {
position: absolute;
z-index: 99;
top: -35px;
right:120px;
width: 7.5rem;
max-width: none;
height: 7.5rem;
transform: scale(0);
transform-origin: top right;
opacity: 0;
border: .3125rem solid #fff;
border-radius: .25rem;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;

}


.icon-chat:hover img.qrcode {transform: scale(1);opacity: 1;}

.chat-tips img{ display:none;}
.icon-chat:hover img{ display:block; right:60px;}