/*头部样式*/
#header,.w1200{width:1200px;margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
p{margin:0 0 0 0;}


.container1{width: 1200px; margin: 0 auto;}
.box-center,
.sun_service{width: 1920px; position: relative; left: 50%; margin-left: -960px;}
/*sun_top*/
.sun_top{height: 30px; font-size: 12px; color: #999; line-height: 30px; background: #232323;}
.sun_top .wel a{display: inline-block; padding-right: 10px;}
.sun_top a{color: #999;}
.sun_top a:hover{color: #fff;}


/*sun_head*/
.sun_head{height: 80px;}
.sun_head .logo{display: block; width: 250px; line-height: 80px; margin-right: 20px;}
.sun_head .logo img{max-width: 100%;}
.sun_head .sun_nav{width: 660px;}
.sun_head .sun_nav>li{float: left; width: 14.2857%;}
.sun_head .sun_nav>li>a{display: block; font-size: 14px; color: #666; line-height: 76px; text-align: center; border-bottom: 4px solid transparent;}
.sun_head .sun_nav>li>a:hover,
.sun_head .sun_nav>li>a.cur{border-bottom-color: #145797;}
.sun_head .search{width: 175px; height: 25px; border-bottom: 1px solid #dbdbdb; margin-top: 30px;}
.sun_head .search #keyword{width: 150px; height: 24px; background: none; outline: none; border: none; font-size: 12px; float: left; color: #999;}
.sun_head .search #s_btn{float: right; width: 25px; height: 25px; background: url(../images/ss.png) center no-repeat; cursor: pointer; outline: none; border: none; font-size: 0;}


/* 导航 */
.menu{}
.demo-menu {width:1200px;margin:0 auto;}
.demo-menu>li {float:left;width:120px;position:relative;text-align:center;}
.demo-menu>li>a {display:block;font-size:14px;color:#000;}
.demo-menu>li.active>a,.demo-menu>li>a:hover {background:#292e39;color:#fff}
.demo-menu>li:after {content:"";position:absolute;z-index:100;width:100%;left:0;height:40px;opacity:0;top:100%}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

/* 搜索 */


/* 内页 */
.left{width: 240px;float: left;}
.right{width: 940px;float: right;}
.product_list{}
.product_list li{float: left;width: 293px;border: 1px solid #eee;margin:0 10px 10px;padding:5px;}
.product_list li a.img{display: block;width: 281px;height: 281px;overflow: hidden;}
.product_list li img{width:281px;height: 281px;transition: all .5s ease;}
.product_list li h3{line-height: 35px;text-align: center;}
.product_list li h3 a{color: #5a5a5a;font-size: 14px;}
.product_list li:hover{border-color: #292e39}
.product_list li:hover img{transform:scale(1.1);}



/*导航栏样式*/
.nav{background-color:#3480ce;height:32px;}
.nav li{line-height:32px;height:32px;text-align:center;width:98px;float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:32px;color:#fff;height:32px;}
.nav li a:hover{color:#fff;text-decoration:none;background-color:#24588e;}

.nav .sec{height:0;background:#01557a;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:32px;left:0px;}
.nav .sec a{background:#01557a;color:#fff;height:38px;line-height:38px;width:98px;}
.nav .sec a:hover{background:#042d3f;text-decoration:none;}



/*首页banner*/
/*.banner{width:1920px;position:relative;height:877px;
	left:50%;
	margin-left:-960px;
}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;}
.banner ul.bb li{position:absolute;display:none;}*/
.banner .num{
	position: absolute;
	z-index:99;
	width: 100%;
	text-align: center;
	bottom:15px;
	font-size:0;
}
.banner .num li {
	display: inline-block;
	width: 10px;
	height:10px;
	border-radius: 50%;
	background: #808080;
	margin: 0 2px;
}
.banner .num li.num_hover {
	background: #145797;
}



.topbanner{position:relative;}
.banner{width:100%;height:100%;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;width:100%;height:100%;}
.banner ul.bb li{position:absolute;display:none;width:100%;height:100%;}
.banner ul.bb li a{width:100%;display:block;height:100%;}
.banner ul.bb li a img{width:100%;height:100%;}


/*sun_about*/
.sun_about{padding: 50px; background: #fff;}
.sun_tit{text-align: center;}
.sun_tit h3{font-size: 30px; color: #333333; margin-bottom: 5px;}
.sun_tit p{font-size: 18px; color: #888888; line-height: 1.3; margin-bottom: 10px;}
.sun_tit .line{background: url(../images/sun_tit_bg.png) center no-repeat; width: 100%; height: 12px;}
.sun_about .wz{margin-top: 30px; font-size: 14px; color: #777777; line-height: 1.8; text-align: center;}
.sun_about .about_img{margin-top: 30px;}
.sun_about .about_img li{float: left; width: 285px; height: 188px; box-sizing: border-box; border: 4px solid #ebebeb; position: relative; margin-right: 20px; cursor: pointer;}
.sun_about .about_img li img{width: 100%; height: 100%;}
.sun_about .about_img li .wzs{position: absolute; left: 0; z-index: 99; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.5); padding-top: 78px; box-sizing: border-box; transition: all .35s ease; transform: scale(0.1, 1); opacity: 0;display:none;}
.sun_about .about_img li .wzs p{text-align: center; color: #fff; font-size: 18px; font-weight: 400;}
.sun_about .about_img li:last-child{margin-right: 0;}
.sun_about .about_img li:hover .wzs{transform: translate(0, 0) scale(1); opacity: 1;}
/*sun_pro*/
.sun_pro{background: #f8f8f8; padding: 50px 0;}
.sun_pro .sun_pro_sort{margin-top: 25px; font-size: 0; text-align: center; margin-bottom: 10px;}
.sun_pro .sun_pro_sort li{display: inline-block; padding: 0 30px;}
.sun_pro .sun_pro_sort li a{font-size: 14px; color: #999; line-height: 50px; font-weight: bold;}
.sun_pro .sun_pro_sort li a:hover{color: #145797;}
.sun_pro .sun_pro_li li{float: left; width: 240px; height: 276px; background: #fff; border-right: 1px solid #dfdcd8; box-sizing: border-box; padding: 9px;}
.sun_pro .sun_pro_li li .img{display: block; position: relative; width: 220px; height: 210px; overflow: hidden;}
.sun_pro .sun_pro_li li .img img{position: absolute; width: 220px; height: 231px; top: 0; left: 0; transition: all .35s ease;}
.sun_pro .sun_pro_li li .price{font-size: 18px; color: #ff0000; line-height: 25px; margin-top: 12px;display:none;}
.sun_pro .sun_pro_li li p{
    font-size: 14px;
    color: #555;
    line-height: 20px;
    text-align: center;
    padding-top: 10px;}
.sun_pro .sun_pro_li li:hover .img img{top: -10px;}
.sun_pro .sun_pro_li li:hover p{text-decoration: underline;}
/*sun_case*/
.sun_case{padding: 50px 0; background: #fff;}
.sun_case .sun_case_ll{margin-top: 30px;}
.sun_case .sun_case_ll li{float: left; width: 292px; height: 210px; position: relative; margin: 0 10px 10px 0;}
.sun_case .sun_case_ll li:nth-of-type(4n){margin-right: 0;}
.sun_case .sun_case_ll li .img{display: block; width: 292px; height: 210px;}
.sun_case .sun_case_ll li .img img{width: 100%; height: 100%;}
.sun_case .sun_case_ll li .img img{transition: all .35s ease;}
.sun_case .sun_case_ll li .img:hover img{transform: scale(0.9);}
.sun_case .sun_case_ll li h3{position: absolute; bottom: 0; left: 0; width: 100%; z-index: 99; font-size: 16px; color: #fff; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.5);display:none;}
.sun_case .sun_case_ll li .ico{position: absolute; z-index: 99; width: 50px; height: 50px; border-radius: 50%; left: 50%; margin-left: -25px; top: 50%; margin-top: -25px; background: #fff;display:none;}
.sun_case .sun_case_ll li .ico img{transition: all .5s ease;display:none;}
.sun_case .sun_case_ll li .ico:hover img{transform: rotateY(360deg);}



.sun_case .sun_case_ll2{margin-top: 30px;}
.sun_case .sun_case_ll2 li{float: left; width: 292px; height: 413px; position: relative; margin: 0 10px 10px 0;}
.sun_case .sun_case_ll2 li:nth-of-type(4n){margin-right: 0;}
.sun_case .sun_case_ll2 li .img{display: block; width: 292px; height: 413px;}
.sun_case .sun_case_ll2 li .img img{width: 100%; height: 100%;}
.sun_case .sun_case_ll2 li .img img{transition: all .35s ease;}
.sun_case .sun_case_ll2 li .img:hover img{transform: scale(0.9);}
.sun_case .sun_case_ll2 li h3{position: absolute; bottom: 0; left: 0; width: 100%; z-index: 99; font-size: 16px; color: #fff; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.5);display:none;}
.sun_case .sun_case_ll2 li .ico{position: absolute; z-index: 99; width: 50px; height: 50px; border-radius: 50%; left: 50%; margin-left: -25px; top: 50%; margin-top: -25px; background: #fff;display:none;}
.sun_case .sun_case_ll2 li .ico img{transition: all .5s ease;display:none;}
.sun_case .sun_case_ll2 li .ico:hover img{transform: rotateY(360deg);}






/*sun_service*/
.sun_service{background: url(../images/service_bg.jpg) top center no-repeat; box-sizing: border-box; height: 414px; padding-top: 50px;}
.sun_service .sun_tit h3{color: #fff;}
.sun_service .sun_tit p{color: #fff;}
.sun_service .sun_tit .line{background: url(../images/sun_tit_b.png) center no-repeat;}
.sun_service .service_lis{margin-top: 25px; font-size: 0;}
.sun_service .service_lis ul{margin-right: -105px;}
.sun_service .service_lis li{width: 217px; padding-right: 102px; float: left;}
.sun_service .service_lis li .img{display: block; width: 112px; height: 112px;}
.sun_service .service_lis li .img img{width: 100%; height: 100%;}
.sun_service .service_lis li .img img{transition: all .35s ease;}
.sun_service .service_lis li h3{margin-top: 10px; font-size: 18px; text-align: center; color: #fff; font-weight: normal;}
.sun_service .service_lis li:hover img{transform: scale(0.9);}
/*sun_gcal*/
.sun_gcal{background: #fff; padding: 50px 0;}
.sun_gcal .gcal_lli{margin-top: 35px;}
.sun_gcal .gcal_lli li{float: left; margin: 0 9px 9px 0; position: relative;}
.sun_gcal .gcal_lli li .img{display: block; width: 293px; height: 275px;}
.sun_gcal .gcal_lli li .img img{width: 100%; height: 100%;}
.sun_gcal .gcal_lli li:first-child .img,
.sun_gcal .gcal_lli li:last-child .img{display: block; width: 595px; height: 275px;}
.sun_gcal .gcal_lli li:nth-of-type(3n){margin-right: 0;}
.sun_gcal .gcal_lli li h3{position: absolute; width: 100%; bottom: 0; left: 0; font-size: 16px; color: #fff; line-height: 50px; background: rgba(0, 0, 0, 0.5); text-align: center; transform: scale(1, 0.1); opacity: 0; transition: all .35s ease;}
.sun_gcal .gcal_lli li:hover h3{transform: translate(0, 0) scale(1); opacity: 1;}
/*sun_news*/
.sun_news{background: #f8f8f7; padding: 40px 0;}
.sun_news .news_tit{line-height: 30px; background: url(../images/news_li_bg.jpg) left 3px center no-repeat; padding-left: 15px; margin-bottom: 10px;}
.sun_news .news_tit h3{font-size: 18px; color: #666666; display: inline-block;}
.sun_news .news_tit a{float: right; display: inline-block; line-height: 30px; font-size: 14px; color: #a599a5; text-transform: uppercase;}
.sun_news .news_box{width: 380px; margin-right: 30px;}
.sun_news .news_box:last-child{margin-right: 0;}
.sun_news .news_lll{background: #fff; padding: 0 25px 15px 25px;}
.sun_news .news_lll li{background: url(../images/news_li_bg.png) left center no-repeat; line-height: 52px; border-bottom: 1px dashed #edebe9; padding-left: 20px;}
.sun_news .news_lll li a{font-size: 14px; color: #666666;}
.sun_news .news_lll li a:hover{color: #145797; text-decoration: underline;}

.sun_tl{background: #272828; padding-top: 40px; padding-bottom: 25px;}
.sun_tl .tl_tt{font-size: 18px; color: #EDEBE9; border-bottom: 1px solid #76746f; line-height: 45px; font-weight: normal; margin-bottom: 15px;}
.sun_tl .tl_nav{width: 210px; margin-right: 70px;}
.sun_tl .tl_nav a{display: block; line-height: 25px; margin-bottom: 5px; font-size: 14px; color: #999;}
.sun_tl .tl_links{width: 210px; margin-right: 75px;}
.sun_tl .tl_links a{display: block; float: left; width: 50%; line-height: 25px; margin-bottom: 5px; font-size: 14px; color: #999;}
.sun_tl .tl_contact{width: 210px; margin-right: 75px; font-size: 14px; color: #999; line-height: 25px;}
.sun_tl .tl_ewm h3{border-bottom: none;text-align: center;}
.sun_tl .tl_ewm img{width: 136px; text-align: center;}
.sun_tl .tl_ewm p{text-align: center; color: #fff; font-size: 14px;}
/*sun_foot*/
.sun_foot{background: #161716; padding: 10px 0; text-align: center; font-size: 12px; color: #999; line-height: 1.8;}
.sun_foot a{color: #999;}