@CHARSET "UTF-8";

/*头部样式*/
.sun_top{background: #272727; height: 30px; font-size: 12px; color: #999; line-height: 30px;}
.sun_top a{color: #999;}

.sun_head{background: #fff;}
.sun_head .logo{display: block;}
.sun_head .logo img{}

.sun_nav{width: 890px;}
.sun_nav>li{float: left; width: 14.2857%;box-sizing: border-box;}
.sun_nav>li>a{display: block; text-align: center; font-size: 16px; color: #000; line-height: 120px; transition: all .5s ease;}
.sun_nav>li>a:hover{background: #E32121; color: #fff;}




.kkc{margin-top:52px;float:right;margin-left:20px;position: relative;}

#formsearch{display: none;    position: absolute;
    top: 25px;
        right:0px;
        z-index: 99999;width:200px}
    #formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;width:150px;float:left}
    #formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
    #formsearch input#s_btn{width:36px;height:24px;line-height:24px;text-align:center;background-color:#00a1e0;
        color:#fff;border:none;cursor:pointer;font-size: 12px;float:left}
    


.yu{float:right;/*margin-top:25px;margin-top:40px*/;color:#000000;font-size: 16px;    line-height: 120px;    margin-left: 30px;}
.yu a{color:#000000;font-size: 16px;font-weight: bold;}






.topLink{width:550px;float:right;text-align:right;}
.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:10px;}
.topLink .k2{font-size:24px;font-family:"微软雅黑";line-height:30px;height:30px;overflow:hidden;}

#menu{}

/*热门搜索*/
.sun_search{padding: 10px 0; line-height: 25px; background: #5b5b5b; font-size: 12px; color: #fff; line-height: 25px;}
.sun_search .keys a{color: #fff; display: inline-block; padding-right: 10px;}


/*.search{text-align:left;height:25px;margin-top:10px;}
#formsearch{width:224px;height:25px;float:right;background:url(../images/ss.jpg) 0 50% no-repeat;}
.hotSearch{float:right;height:25px;line-height:24px;font-weight:normal;}*/

.product_img{width:748px;float:right;}
/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.container{width: 1200px; margin: 0 auto;}

.sun_pro{width: 1920px; position: relative; left: 50%; margin-left: -960px;}
/*sun_pro*/
.sun_pro{background: url(../images/pro_bg.png) top center no-repeat;box-sizing: border-box;padding-top: 82px;padding-bottom: 80px;}
.sun_pro .pro_tit{background: url(../images/pro_icon.png) left center no-repeat; font-size: 30px; color: #FFFFFF; line-height: 32px; padding-left: 60px;}
.sun_pro .sun_pro_tx{position: relative;/* top: -40px; */}
.sun_pro .sun_pro_tx .hd{width: 100%; text-align: right; font-size: 0; margin-bottom: 30px;}
.sun_pro .sun_pro_tx .hd li{display: inline-block; width: 110px; height: 40px; text-align: center; line-height: 38px; border: 1px solid #fff; margin: 0 5px; transition: all .5s ease;}
.sun_pro .sun_pro_tx .hd li a{font-size: 14px; color: #fff; transition: all .5s ease;}
.sun_pro .sun_pro_tx .hd li.on{background: #333333; border-color: #333333;}
.sun_pro .sun_pro_tx .hd li.on a{color: #fff;}
.sun_pro .sun_pro_tx .bd .bdcon li{float: left;width: 361px;height: 444px;margin-right: 55px;box-sizing: border-box;background: #fff;border: 1px solid #ededed;}
.sun_pro .sun_pro_tx .bd .bdcon li:nth-of-type(1){border-bottom: 2px solid #ffd200;}
.sun_pro .sun_pro_tx .bd .bdcon li:nth-of-type(2){border-bottom: 2px solid #00ccff;}
.sun_pro .sun_pro_tx .bd .bdcon li:nth-of-type(3){border-bottom: 2px solid #38E581; margin-right: 0;}
.sun_pro .sun_pro_tx .bd .bdcon li .img{display: block;width: 361px;height: 315px;background: #fff;}
.sun_pro .sun_pro_tx .bd .bdcon li .img img{width: 100%; height: 100%;}
.sun_pro .sun_pro_tx .bd .bdcon li .price{padding: 0 30px;color: #333333;font-weight: bold;font-size: 16px;background: url(../images/pro_li_jt.png) right 30px center no-repeat;/* margin-bottom: 20px; */line-height: 81px;}
.sun_pro .sun_pro_tx .bd .bdcon li .info{padding: 0 30px;font-size: 20px;color: #2b2b2b;line-height: 100px;font-family: "微软雅黑";}
.sun_pro .sun_pro_tx .bd .bdcon li .info span{float: right; font-size: 12px; color: #888888;}



/*sun_jjfa*/
.sun_jjfa{}
.sun_jjfa .container{position: relative; height: 780px; box-sizing: border-box;}
.sun_jjfa .jjfa_tt{background:#515151; width: 251px; height: 450px; position: absolute; top: -32px; left: 0; box-sizing: border-box; padding-top: 125px; padding-left: 37px;}
.sun_jjfa .jjfa_tt h3{font-size: 30px; color: #FFFFFF;}
.sun_jjfa .jjfa_tt .line{background: url(../images/jjfa_hx.png) left center no-repeat; height: 10px; width: 243px; margin: 15px 0 10px 0;}
.sun_jjfa .jjfa_tt h4{font-size: 14px; color: #fff; font-weight: normal; text-transform: uppercase; margin-bottom: 10px;}
.sun_jjfa .jjfa_tt .more{margin-top: 90px;}
.sun_jjfa .jjfa_tt .more a{width: 180px; height: 50px; box-sizing: border-box; text-align: center; line-height: 46px; color: #fff; font-size: 16px; text-transform: uppercase; display: inline-block; border: #ffffff 2px solid; font-weight: bold; transition: all .5s ease;}
.sun_jjfa .jjfa_tt .more a:hover{background: #fff; color: #E40808;}
.sun_jjfa .jjfa_item{position: absolute;}
.sun_jjfa .jjfa_item a{display: block; position: relative; box-sizing: border-box;}
.sun_jjfa .jjfa_item .jjcon{position: absolute; z-index: 99;}
.sun_jjfa .jjfa_item .icon{display: block; margin-bottom: 20px;}
.sun_jjfa .jjfa_item h3{font-weight: normal; font-size: 18px; color: #fff; margin-bottom: 20px;}
.sun_jjfa .jjfa_item h3 span{padding-left: 10px; font-size: 14px;}
.sun_jjfa .jjfa_item .info{font-size: 12px; color: #fff; line-height: 1.8; width: 310px;height:65px;overflow: hidden;}
.sun_jjfa .jjfa_item1{top: 100px; left: 350px;}
.sun_jjfa .jjfa_item1 a{width: 250px; height: 320px;}
.sun_jjfa .jjfa_item1 .jjcon{top: 80px; left: 50px;}
.sun_jjfa .jjfa_item1 .info{width: 170px;}
.sun_jjfa .jjfa_item2{top: 100px; left: 630px;}
.sun_jjfa .jjfa_item2 a{width: 570px; height: 320px;}
.sun_jjfa .jjfa_item2 .jjcon{top: 80px; left: 115px;}
.sun_jjfa .jjfa_item3{top: 450px; left: 0px;}
.sun_jjfa .jjfa_item3 a{width: 600px; height: 260px;}
.sun_jjfa .jjfa_item3 .jjcon{top: 50px; left: 115px;}
.sun_jjfa .jjfa_item4{top: 450px; left: 630px;}
.sun_jjfa .jjfa_item4 a{width: 600px; height: 260px;}
.sun_jjfa .jjfa_item4 .jjcon{top: 50px; left: 115px;}



/*sun_about*/
.sun_about{padding: 0px 0 57px;}
.sun_about .container{position: relative; height: 400px;}
.sun_about .ab_sx{background: #000;width: 1px;height: 58px;position: absolute;bottom: -58px;right: 23px;}
.sun_about .about_tt{position: absolute; top: 0; left: 0; background: url(../images/about_tt_bg.png) top center no-repeat; width: 8px; height: 194px; box-sizing: border-box; padding-top: 15px; font-size: 12px; color: #fff; text-transform: uppercase; word-wrap: break-word; line-height: 15px;}
.sun_about .img{display: block; width: 564px; height: 400px; position: absolute; left: 0; top: 0;}
.sun_about .img img{width: 100%; height: 100%;}
.sun_about .wz{position: absolute; right: 0; width: 636px; top: 30px; background: url(../images/about_yh.png) top right no-repeat; box-sizing: border-box; padding-left: 80px;}
.sun_about .wz h3{font-size: 32px; color: #fff; text-transform: uppercase; font-weight: normal;}
.sun_about .wz .line{width: 210px; height: 2px; background: #2e2e2e; margin-left: -80px; margin-top: 20px; margin-bottom: 40px;}
.sun_about .wz .wzcon{width: 390px; font-size: 14px; color: #fff; line-height: 2; height: 143px; overflow: hidden; margin-bottom: 40px;text-align:justify;}
.sun_about .wz .more{width: 180px; height: 50px; box-sizing: border-box; text-align: center; line-height: 46px; color: #fff; font-size: 16px; text-transform: uppercase; display: inline-block; border: #fff 2px solid; transition: all .5s ease;}
.sun_about .wz .more:hover{border-color: #E40808; color: #E40808;}



/*sun_case*/
.sun_case{background: #272727; height: 447px; box-sizing: border-box; padding-top: 120px;}
.sun_case .container{position: relative;}
.sun_case .case_hx{width: 2px; height: 120px; background: #2b2b2b; position: absolute; right: 20px; bottom: -90px; z-index: 99;}
.sun_case .case_tit{background: rgba(255,255,255,.15); width: 280px; height: 450px; box-sizing: border-box; padding-top: 90px; padding-left: 37px;}
.sun_case .case_tit h3{font-size: 30px; color: #FFFFFF; font-weight: normal;}
.sun_case .case_tit .line{width: 270px; height: 1px; background: #fff; margin: 15px 0 10px 0;}
.sun_case .case_tit h4{font-size: 14px; color: #fff; font-weight: normal; text-transform: uppercase; margin-bottom: 10px;}
.sun_case .case_tit .more{margin-top: 90px;}
.sun_case .case_tit .more a{width: 180px; height: 50px; box-sizing: border-box; text-align: center; line-height: 46px; color: #fff; font-size: 16px; text-transform: uppercase; display: inline-block; border: #ffffff 2px solid; font-weight: bold; transition: all .5s ease;}
.sun_case .case_tit .more a:hover{background: #fff; color: #E40808;}
.sun_case .case_list_sun{width: 240px; margin-left: 110px;}
.sun_case .case_list_sun li{width: 240px; height: 215px; position: relative; margin-bottom: 20px; overflow: hidden;}
.sun_case .case_list_sun li img{width: 240px; height: 215px;}
.sun_case .case_list_sun li h3{position: absolute; width: 100%; line-height: 40px; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.5); bottom: 0;/* opacity: 0; transform: translateY(100%); */transition: all .5s ease;}
.sun_case .case_list_sun li:hover h3{/*opacity: 1; transform: translateY(0);*/}
.sun_case .big_case{display: block; width: 548px; height: 450px; position: relative;}
.sun_case .big_case .img {display: block;width: 548px;height: 450px;}
.sun_case .big_case img{width: 100%; height: 100%;}
.sun_case .big_case .case_con{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.75);padding-left: 43px;padding-right: 48px;width: 457px;overflow: hidden;padding-top: 5px;padding-bottom: 24px;}
.sun_case .big_case h3{font-size: 18px;color: #fff;font-weight: normal;line-height: 47px;}
.sun_case .big_case p{font-size: 14px;color: #ababab;line-height: 24px;}



/*sun_news*/
.sun_news{margin-top: 174px;}
.sun_news .container{position: relative; height: 607px;}
.sun_news .news_k{position: absolute; z-index: 99; top: 0; left: 0; width: 60px; height: 60px; background: #000;display:none}
.sun_news .news_img{display: block; width: 480px; height: 480px; position: absolute; z-index: 8; top: 20px; left: 20px;}
.sun_news .news_img img{width: 100%; height: 100%;}
.sun_news .new_con{width: 580px; height:460px; position: absolute; z-index: 99; top: 120px; left: 370px; background: #fff; box-sizing: border-box; padding: 55px 70px 0 55px;}
.sun_news .new_con .title h3{font-size: 32px; color: #333; text-transform: uppercase; display: inline-block; font-weight: 400; padding-bottom: 10px;}
.sun_news .new_con .title a{background: url(../images/news_jt.png); width: 42px; height: 42px; float: right; margin-top: 12px;overflow:hidden}
.sun_news .new_con .title a:hover{background: url(../images/news_jth.png);}
.sun_news .new_con li{line-height: 30px; border-bottom: 1px dashed #ededed; background: url(../images/news_li_bg.png) left 14px no-repeat; padding-left: 25px; font-size: 14px;margin-bottom:13px;padding-bottom:10px}
.sun_news .new_con li a{color: #666; transition: all .5s ease;}
.sun_news .new_con li a dt{line-height:30px;height:30px;}

.sun_news .new_con li a:hover{color: #E40808;}
.sun_news .new_con li span{float: right; color: #a9a9a9;position:absolute;right:0px;top:4px}
.sun_news .news_contact{position: absolute; background:rgba(255,255,255,.15); width: 250px; height: 347px; top: 260px; right: 0; box-sizing: border-box; padding: 50px 23px 0;}
.sun_news .news_contact .ct_title{font-size: 18px; color: #FFFFFF; position: relative; height: 70px; margin-bottom: 40px;}
.sun_news .news_contact .ct_title:after{position: absolute; content: ''; width: 110px; height: 2px; background: #fff; z-index: 99; bottom: 8px; right: -23px;}
.sun_news .news_contact .ct_title span{display: block; font-size: 32px; text-transform: uppercase;}
.sun_news .news_contact .wzcon{font-size: 14px; color: #fff; line-height: 2;height:165px;overflow: hidden;}





/*sun_tl*/
.sun_tl{background: #181818; padding-bottom: 20px; border-bottom: 1px solid #464646;}
.sun_tl .ft_nav{width: 890px; padding-top: 50px; background: url(../images/tl_bg.jpg) right top 50px no-repeat;}
.sun_tl .ft_nav li{float: left; width: 20%;}
.sun_tl .ft_nav li>a{display: block; font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 15px;}
.sun_tl .ft_nav li .sun_sub a{display: block; line-height: 28px; font-size: 14px; color: #a0a0a0;}
.sun_tl .ft_nav li .sun_sub a:hover{color: #E40808; text-decoration: underline;}
.sun_tl .ft_ewm{background: rgba(255,255,255,.15); width: 250px; height: 287px; box-sizing: border-box; padding: 42px 0 0 35px;}
.sun_tl .ft_ewm.no_bg {background: none;}
.sun_tl .ft_ewm img{width: 180px;}


/*sun_foot*/
.sun_foot{background: #181818; padding: 10px 0; text-align: center; font-size: 14px; color: #a0a0a0; line-height: 28px;}
.sun_foot a{color: #a0a0a0;}
.sun_foot .ft_links {text-align: left;}
.sun_foot .ft_links span {color: #fff;font-weight: bold;}
.sun_foot .ft_links a{display: inline-block;padding-right:10px;}







.menu_cate{width:219px;float:left;}
.cate_title{height:32px;background:url(../images/cl.jpg) 0 0 no-repeat;}
.about{margin-top:12px;}
.about .content{padding-top:19px;padding-right:10px;font:100 12px/24px "微软雅黑";color:#fff;}
.navigation{float:right;width:100px;}
.tt1{background:url(../images/tt1.jpg) 0 50% no-repeat;font:bold 14px/32px "微软雅黑";color:#fff;height:32px;position:relative;padding-left:40px;border-radius:8px;}
.tt1 a{position:absolute;right:10px;top:0;color:#fff;font-weight:normal;font-size:12px;}


.left .box {margin-bottom: 20px;}
.left .box h3 {text-align: center;padding: 5px 0;font-weight: bold;font-family: "微软雅黑";background: #000 url(../images/left_box_h3_bg.png) 50% 50% repeat-x;font-size: 16px;line-height:30px;color: #fff;border-radius: 15px 15px 0 0;position: relative;}

.left .box h3:after {content: '';display: block;width: 40px;height:2px;background: #fff;margin: 0 auto;}

.left .box .sort,
.left .content {border:1px solid #DDDDDD;border-top:none;position: relative;border-radius: 0 0 10px 10px;background:#fff;}
.left .box .sort:after,
.left .content:after {content: '';position: absolute;z-index:-1;bottom:-4px;width: 100%;height:30px;border-radius: 0 0 10px 10px;background: #000;left:0}



.left .box .content{padding: 5px 10px;}
.fl{float:left;}
.fr{float:right;}
/*首页新闻*/
.news_company{width:502px;float:right;margin-top:15px;}
.news1_title{background:url(../images/tt2.jpg) 0 50% repeat-x;font:bold 14px/32px "微软雅黑";color:#fff;height:32px;position:relative;padding-left:40px;border-radius:8px;}
.news1_title a{position:absolute;right:10px;top:0;color:#fff;font-weight:normal;font-size:12px;}

.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

.news{width:480px;float:left;margin-top:15px;}
.tab{background:url(../images/tt1.jpg) no-repeat 0 50%;position:relative;padding-left:40px;border-radius:8px;}
.tab .tyt{position:absolute;right:15px;top:0;color:#fff;font:100 12px/32px "arial";}
.tab li{float:left;width:120px;height:32px;display:block;line-height:32px;}
.tab li a{display:block;line-height:32px;text-align:center;color:#d8271c;font:500 16px/32px "微软雅黑";background:url(../images/xx.jpg) no-repeat center right;}
.tab li a:hover{text-decoration:none;}
.tab li a.tab_click{color:#fff;text-decoration:none;font:500 16px/32px "微软雅黑";}
.tab li:nth-last-child(2) a{background:none;}

.zxxw_b a{display:block;font:100 14px/24px "微软雅黑" bold;color:#fff;}
.zxxw_b{float:right;width:330px;}
.zxxw_b span{display:block;font:100 12px/24px "微软雅黑";color:#fff;}
.news_listt{padding-top:10px;border-bottom:1px dotted #dddddd;padding-bottom:10px;}
.news_listt li{line-height:25px;position:relative;}
.news_listt li a{line-height:25px;height:25px;}
.news_listt li span{color:#fff;z-index:0;line-height:25px;}


.list1{padding-top:10px;}
.list1 li{line-height:27px;height:27px;position:relative;vertical-align: middle;}
.list1 li a{color:#fff;font:100 14px/27px "微软雅黑";}
.list1 li a:hover{color:red;text-decoration:none;}
.list1 li span{position:absolute;text-align:center;right:0px;line-height:27px;top:0;color:#fff;font-family:"微软雅黑";}
/*产品推荐*/
.recommend_product{margin-top:20px;}
.recommend_product .title{line-height:48px;height:48px;position:relative;font-weight:bold;font-family:"微软雅黑";font-size:14px;color:#fff;border-bottom:1px solid #787878;}
.recommend_product .title a{position:absolute;right:10px;top:10px;color:#fff;font-weight:normal;font-size:12px;}
.recommend_product .title span{font-family:"Impact";font-weight:normal;font-size:35px;padding-right:5px;}
.recommend_product .title span.co{color:red;padding-right:5px;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}

/*首页区域*/
.region{border:1px solid #e0e1dc;padding:10px;margin-top:10px;color:#333;}
.region h3{line-height:30px;height:30px;line-height:30px;padding-left:10px;position:relative;font-family:"微软雅黑";background:#f3f3f3;
border-bottom:2px solid #df2525;font-size:14px;}
.region .item{padding:10px;padding-bottom:0;color:#666;}
.region .item a{color:#666;padding-left:12px;padding-right:12px;line-height:26px;margin-bottom:6px;}
.region .item a:hover{text-decoration:underline;color:#df2525;}
.city h2{line-height:30px;border-bottom:2px solid #e87518;padding-left:5px;}
.city .item{line-height:28px;padding:10px;}

/*产品列表页描述*/
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;color:#666;}

/*友情链接*/
.link_bg{height:31px;background:url(../images/link.jpg) 0 0 repeat-x;margin-top:17px;}
.f_link{width:1004px;margin:0 auto;line-height:42px;background:url(../images/ft.jpg) no-repeat bottom center;text-indent:25px;font-family:"微软雅黑";font-size:18px;color:#fff;}
.f_link a{font-size:12px;color:#fff;}
/*页面底部*/
#footer{width:1004px;margin:0 auto;text-align:center;padding-bottom:10px;padding-top:8px;color:#fff;font-family:"微软雅黑";position:relative;}
.erwei{position:absolute;right:0;top:15px;}
#footer a{color:#fff;}
#footer a:hover{color:red;}
.nav_foot{text-align:center;line-height:54px;font-size:14px;}
.nav_foot a{padding:0 10px;}
.copyright{text-align:center;line-height:24px;}

/*------------内页-------------------*/
.n_banner{width:1920px;margin-left:-960px;position:relative;left:50%;}
.n_banner img{width:1920px;height:auto;}
.left{width:225px;float:left}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;}

.right{width: 940px; float: right; padding-bottom: 10px;}
.sitemp{line-height: 42px; height: 42px; overflow: hidden; padding-right: 10px; background: #000 url(../images/left_box_h3_bg.png) 50% 50% repeat-x; font-size:14px; color:#fff; border-radius: 15px 15px 0 0;}
.sitemp h2{width: 340px; float: left; text-indent: 15px;
    font-size:16px;}
.sitemp .site{width: 380px; float: right; text-align: right; line-height: 42px; padding-right:15px;}
.sitemp .site a{color:#fff;}
.right .content{padding: 10px; padding-top: 15px; overflow: hidden; line-height: 24px;}