/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
.w1920{width: 1920px;left: 50%;	margin-left: -960px;position: relative;}
.w1200{width: 1200px;left: 50%;margin-left: -600px;position: relative;}
.w1100{width: 1100px;left: 50%;margin-left: -550px;position: relative;}


/*澶撮儴鏍峰紡*/
.container{width: 1200px; margin: 0 auto;}
.box-center,
.sun_banner,
.sun_sdly .sdly_box,
.sun_hf{width: 1920px; position: relative; left: 50%; margin-left: -960px;}
/*sun_top*/
.sun_top{height: 40px; background: #f4f4f4; font-size: 14px; color: #666666; line-height: 40px;}
.sun_top a{color: #666666;}
/*sun_hews*/
.sun_head{height: 89px; border-bottom: 1px solid #e6e6e6;}
.sun_head .logo{display: block; width: 50%; height: 89px; line-height: 89px;}
.sun_head .logo img{max-width: 100%;}
.sun_head .head_r{text-align: right; line-height: 89px; font-size: 14px; color: #1a1a1a;}
.sun_head .head_r img{margin-right: 5px;}


.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}




/*鎼滅储鍜岀儹闂ㄦ悳绱?/
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*sun_nav*/
.sun_nav{height: 50px; background:#005fcc;}
.sun_nav .sun_menu>li{width: 14.2857%; float: left; box-sizing: border-box;}
.sun_nav .sun_menu>li>a{display: block; text-align: center; font-size: 16px; color: #fff; line-height: 50px;}
.sun_nav .sun_menu>li>a.cur,
.sun_nav .sun_menu>li>a:hover{background: #004ca3; color: #fff;}
.sun_nav .sun_menu>li+li{border-left: 1px dashed #e1e1e1;}
/*sun_banner*/
.sun_banner{height: 613px;}
.html5zoo-nav-0{display: none !important;}
.html5zoo-arrow-left-0{left: 42% !important; margin-left: -600px !important;}
.html5zoo-arrow-right-0{right: 42% !important; margin-right: -600px !important;}
/*sun_hots*/
.sun_hots{position: relative; height: 160px; background: #f4f4f4;}
.sun_hots .container{position: absolute; z-index: 9999; top: -56px; left: 50%; margin-left: -600px; background: url(../images/bg1.jpg); height: 160px; box-sizing: border-box;}
.sun_hots .search{width: 571px; margin: 38px 0 0 29px;}
.sun_hots .search .search_box{background: #fff; width: 359px; height: 50px; box-sizing: border-box; padding: 13px 0 0 20px; margin-bottom: 15px;}
.sun_hots .search .search_box #formsearch{width: 320px; height: 28px; box-sizing: border-box; border: 2px solid #005fcc;}
.sun_hots .search .search_box #formsearch #keyword{width: 266px; height: 24px; background: #ffffff; float: left; outline: none; border: none; font-size: 12px; color: #666666; box-sizing: border-box; padding-left: 10px;}
.sun_hots .search .search_box #formsearch #s_btn{width: 50px; height: 24px; float: right; background: #005fcc; outline: none; border: none; color: #fff;}
.sun_hots .search .keys{font-size: 14px; color: #fff;}
.sun_hots .search .keys a{color: #fff; padding-right: 10px;}
.sun_hots .search .keys a+a:before{content: '|'; padding-right: 10px;}
.sun_hots .sun_hots_cont{width: 500; margin-top: 30px; background: url(../images/phone.png) left 130px center no-repeat; padding-left: 220px; font-size: 14px; color: #fff; line-height: 25px; box-sizing: border-box;}
.sun_hots .sun_hots_cont h3{font-size: 16px; font-weight: normal; margin-bottom: 5px;}
.sun_hots .zx_btn{width: 152px; height: 52px; box-sizing: border-box; border: 1px solid #fff; border-radius: 2px; text-align: center; line-height: 50px; margin: 54px 60px 0 0; transition: all .5s ease;}
.sun_hots .zx_btn a{display: block; transition: all .5s ease; font-size: 14px; color: #fff;}
.sun_hots .zx_btn:hover{background: #fff;}
.sun_hots .zx_btn:hover a{color: #ce2029;}
/*sun_pro*/
.sun_pro{background: #f4f4f4; padding-bottom: 80px;}
.sun_tit h3{text-align: center; font-size: 30px; line-height: 25.2px; color: #333333; font-weight: bold; background: url(../images/tt_bg.png) bottom center no-repeat; height: 70px; margin-bottom: 10px;}
.sun_tit h3 span{display: block; line-height: 16.8px; text-transform: uppercase; color: #888888; font-size: 12px;font-weight:normal;    padding-top: 6px;}
.sun_tit p{font-size: 12px; color: #888888; text-align: center; line-height: 1.6;}
.sun_pro .pro_tab_tx{margin-top: 80px;}
.sun_pro .pro_tab_tx .hd{width: 220px; float: left;}
.sun_pro .pro_tab_tx .hd li{height: 107px; line-height: 107px; text-align: center; font-size: 14px; color: #fff; cursor: pointer; background: #585858;}
.sun_pro .pro_tab_tx .hd li:first-child{background: #585858;}
.sun_pro .pro_tab_tx .hd li:nth-of-type(2){background: #999999;}
.sun_pro .pro_tab_tx .hd li:nth-of-type(3){background: #808080;}
.sun_pro .pro_tab_tx .hd li:nth-of-type(4){background: #666666;}
.sun_pro .pro_tab_tx .hd li:last-child{background: #4d4d4d;}
.sun_pro .pro_tab_tx .hd li.on{background: #005fcc;}
.sun_pro .pro_tab_tx .bd{width: 940px!important; float: right;}
.sun_pro .pro_tab_tx .bd .bdcon li{width: 300px; float: left; margin-bottom: 10px; margin-right: 15px;}
.sun_pro .pro_tab_tx .bd .bdcon li .img{display: block; display: block; width: 300px; height: 220px; background: #fff; box-sizing: border-box; border: 1px solid #dbdbdb; margin-bottom: 10px;}
.sun_pro .pro_tab_tx .bd .bdcon li .img img{width: 100%; height: 100%;}
.sun_pro .pro_tab_tx .bd .bdcon li h3{font-size: 15px; color: #4c4c4c;font-weight:normal; text-align:center;line-height: 28px;}
.sun_pro .pro_tab_tx .bd .bdcon li p{font-size: 12px; color: #ce2029; line-height: 1.4;}
.sun_pro .pro_tab_tx .bd .bdcon li:nth-of-type(3n){margin-right: 0;}
/*sun_sdly*/
.sun_sdly{background: #fff; padding-top: 55px;}
.sun_sdly .titil{text-align: center;}
.sun_sdly .titil h3{font-size: 24px; line-height: 33.6px; color: #1a1a1a; font-weight: normal;}
.sun_sdly .titil h4{text-transform: uppercase; font-size: 12px; line-height: 2; color: #a7a7a7; font-weight: normal; padding: 0 200px; transform: scale(0.8); margin-bottom: 20px;}
.sun_sdly .sdly_box{background: url(../images/bg2.jpg) top center no-repeat; height: 648px;}
.sun_sdly .sdly_box .img{display: block; width: 960px; height: 60px;}
.sun_sdly .sdly_box .img img{width: 100%; height: 100%;}
.sun_sdly .sdly_box .wz{width: 960px;}
.sun_sdly .sdly_box .wz .wzcon{width: 600px; box-sizing: border-box; padding: 45px 0 0 25px;}
.sun_sdly .sdly_box .wz .wzcon .wzttit{text-align: center; color: white; font-size: 24px; letter-spacing: 1px; line-height: 33.6px; margin-bottom: 30px; font-weight: bold;}
.sun_sdly .sdly_box .wz .wzcon .wzttit span{display: block; letter-spacing: 6px; line-height: 16.8px; text-transform: uppercase; color: #fff; font-size: 12px; font-weight: normal;}
.sun_sdly .sdly_box .wz .wzcon .item{position: relative; width: 547px; height: 82px; margin-bottom: 22px;}
.sun_sdly .sdly_box .wz .wzcon .item img{width: 547px; height: 82px; transition: all 2s ease;}
.sun_sdly .sdly_box .wz .wzcon .item .daad{position: absolute; z-index: 99; left: 77px; top: 20px;}
.sun_sdly .sdly_box .wz .wzcon .item h3{font-size: 14px; color: #1a1a1a;}
.sun_sdly .sdly_box .wz .wzcon .item p{z-index: 99; color: #666666; line-height: 1.7;}
.sun_sdly .sdly_box .wz .wzcon .item:last-child{margin-bottom: 0;}
.sun_sdly .sdly_box .wz .wzcon .item:last-child h3,
.sun_sdly .sdly_box .wz .wzcon .item:last-child p{}
/*animated*/
@keyframes flipInY{0%{transform: rotateY(180deg); animation-timing-function: ease-in; opacity: 0;} to{transform: rotateY(360deg);}}
.flipInY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY;}
.animated{animation-duration: 1s; animation-fill-mode: both;}
/*sun_about*/
.sun_about{background: #f4f4f4 url(../images/bg3.png) top center no-repeat; height: 765px; box-sizing: border-box; padding-top: 65px;}
.sun_about .about_box{margin-top: 50px;}
.sun_about .about_box .img{display: block; width: 522px; height: 359px;}
.sun_about .about_box .img img{width: 100%; height: 100%;}
.sun_about .about_box .wz{width: 630px; padding-top: 65px;}
.sun_about .about_box .wz .wzcon{font-size: 12px; line-height: 2; color: #5a5a5a; height: 210px; overflow: hidden; margin-bottom: 30px;text-indent: 20px;}
.sun_about .about_box .wz .more{display: block; text-transform: uppercase; font-size: 14px;}
/*sun_hf*/
.sun_hf{height: 180px; position: relative;background: #f4f4f4 url(../images/bg3.png) top center no-repeat;}
.sun_hf .container{position: absolute; z-index: 900; left: 50%; margin-left: -600px; top: -85px;}
.sun_hf .container h3{position: absolute; z-index: 99; font-size: 24px; letter-spacing: 1px; color: #005fcc; top: 45px; left: 480px;}
.sun_hf .container h3 span{display: block; padding-left: 65px;}
.sun_hf .container .ljzx{position: absolute; top: 10px; right: 0; display: block; width: 152px; height: 52px; box-sizing: border-box; border: 1px solid #fff; border-radius: 2px; text-align: center; line-height: 50px; margin: 54px 60px 0 0; transition: all .5s ease; font-size: 14px; color: #fff;}
.sun_hf .container .ljzx:hover{background: #fff; color: #ce2029;}
/*sun_news*/
.sun_news{background: #fff; padding-bottom: 50px;background: #f4f4f4 url(../images/bg3.png) top center no-repeat;}
.sun_news .sun_news_ll{margin-top: 45px;}
.sun_news .sun_news_ll li{float: left; width: 280px; margin-right: 26px;}
.sun_news .sun_news_ll li .img{display: block; width: 280px; height: 160px; margin-bottom: 5px;}
.sun_news .sun_news_ll li .img img{width: 100%; height: 100%;}
.sun_news .sun_news_ll li h3{font-size: 12px; color: #333333;font-weight:normal; line-height: 25px;}
.sun_news .sun_news_ll li .time{font-size: 12px; padding-top: 5px; color: #b2b2b2;}
.sun_news .sun_news_ll li .info{font-size: 12px; color: #808080; line-height: 1.6;}
.sun_news .sun_news_ll li:last-child{margin-right: 0;}
.sun_news .news_more{margin-top: 40px;}
.sun_news .news_more a{display: block; height: 50px; line-height: 50px; background: #005fcc; font-size: 16px; color: #fff; text-align: center; border-radius: 5px;}

/*鍙嬫儏閾炬帴*/
.sun_links{line-height: 70px; font-size: 16px; color: #808080;background: #f4f4f4 url(../images/bg3.png) top center no-repeat;}
.sun_links span{font-weight: bold;}
.sun_links a{color: #808080; display: inline-block; padding-right: 0px;}
/*sun_foot*/
.sun_foot{background: #333333; padding-top: 0px; padding-bottom: 20px;}
.sun_foot .ft_links{text-align: center;height:60px;line-height:60px;  }
.sun_foot .ft_links a{display: inline-block; width: 14.2857%; font-size: 14px; color: #808080;}
.sun_foot .ft_links a:hover{color: #005fcc;}
.sun_foot .ft_boxl{width: 400px;}
.sun_foot .ft_boxl .ft_logo{display: block; margin-bottom: 20px;}
.sun_foot .ft_boxl .ft_logo img{max-width: 100%;}
.sun_foot .ft_boxl .ft_cont{font-size: 14px; color: #b2b2b2; line-height: 28px; margin-bottom: 20px;}
.sun_foot .ft_boxl .ft_cont p:nth-child(1){font-size:20px;font-weight:bold;padding-bottom: 8px;}
.sun_foot .ft_boxl .ft_cpy{font-size: 12px; color: #676767; line-height: 30px;}
.sun_foot .ft_boxl .ft_cpy a{color: #676767;}
.sun_foot .ft_boxr{width:745px; padding-top: 0px;font-size: 13px;color: #eee;}
.sun_foot .ft_boxr img{width: 140px;padding-right: 10px;}
.sun_foot .ft_boxr .f_ewm{float:right;font-size:14px;color:#b2b2b2;}
.sun_foot .ft_boxr .ft_cpy{text-align:right;margin-top:20px;font-size:12px;color:#b2b2b2;line-height:25px;}
.sun_foot .ft_boxr .ft_cpy a{font-size:12px;color:#b2b2b2;}
#backtotop{position: fixed; bottom: 20px; right: 19px; width: 40px; height: 40px; text-indent: -999em; z-index: 20000; display: none; background-image: url(../images/top.png); background-repeat: no-repeat; background-position: -503px 0; cursor: pointer;}
#backtotop:hover{background-position: -503px -42px;}

.ft_box{margin-top:28px;}

/*------------鍐呴〉-------------------*/
#container{width:1200px;margin:0 auto;margin-top:10px;}

/*------------鍐呴〉-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3 {
    height: 38px;
    width: 205px;
    padding-top: 10px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    background: #005fcc;
    /*padding-left:15px;*/
}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;left:50%;margin-left:-960px;height:400px;position: relative;}
.n_banner img{width:1920px;height:400px;}
.left{width:225px;float:left;margin-top: -50px;
    position: relative;
    z-index: 9999;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;font-weight:bold;}

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

.right{width:940px;float:right;padding-bottom:10px;}
.sitemp{height: 47px;
    border-bottom: #dddddd solid 1px;
    margin-bottom: 15px;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;color:#461d00;font-size:18px;display:none;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}


.left .box1 h3 {
    height: 88px;
    width: 205px;
    padding-top: 10px;
    line-height: 88px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    background: #CE222B;
    padding-left:0;
}