/*----- 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; padding-top:10px;}
.sun_head .logo img{}
.sun_head .head_r{background: url(../images/tel.png) no-repeat;font-size: 24px;color: #0068b7;font-weight: bold;padding-left: 68px;padding-top: 15px;letter-spacing: 2px;margin-top: 22px;}
.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;}
.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: 18px; color: #666666; line-height: 50px;}
.sun_nav .sun_menu>li>a.cur,
.sun_nav .sun_menu>li>a:hover{background: #0068b7; color: #fff;}
.sun_nav .sun_menu>li+li{border-left: 1px dashed #e1e1e1;}
/*sun_banner*/
.sun_banner{height: 650px;}
.html5zoo-nav-0{display: none !important;}
.html5zoo-arrow-left-0{left: 50% !important; margin-left: -600px !important;}
.html5zoo-arrow-right-0{right: 50% !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:#0068b7; height: 180px; box-sizing: border-box;}
.sun_hots .search{width: 535px; margin: 38px 0 0 29px;}
.sun_hots .search .search_box{background: #fff;width: 373px;height: 41px;/* box-sizing: border-box; */padding: 9px 0 0 20px;margin-bottom: 15px;}
.sun_hots .search .search_box #formsearch{width: 344px;height: 28px;/* box-sizing: border-box; */border: 2px solid #0068b7;}
.sun_hots .search .search_box #formsearch #keyword{width: 266px;height: 28px;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: 78px;height: 28px;float: right;background: #0068b7;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: 390px; margin-top: 20px; background: url(../images/phone.png) left 20px center no-repeat; padding-left: 115px; 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: #0068b7;}
/*sun_pro*/
.sun_pro{background: #f4f4f4;}
.sun_tit h3{text-align: center;font-size: 24px;line-height: 32px;color: #474747;font-weight: normal;background: url(../images/tt_bg.png) center 49px no-repeat;text-transform: uppercase;}
.sun_tit h3 span{display: block;line-height: 35px;color: #585858;font-size: 22px;}
.sun_tit p{font-size: 13px; color: #6b6b6b; text-align: center; line-height: 32px;}
.sun_pro .pro_tab_tx{margin-top: 30px;}
.sun_pro .pro_tab_tx .hd{width: 221px; float: left;}
.sun_pro .pro_tab_tx .hd .pro_tab_t{padding-top: 8px;font-size: 20px;color: #fff;line-height: 64px;font-weight: bold;background: #0068b7;text-align: center;border-bottom: 8px solid #0083e7;}
.sun_pro .pro_tab_tx .hd li{height: 41px; line-height: 41px;font-size: 16px; color: #fff; cursor: pointer; background: #0068b7;border-bottom: 1px solid #0083e7;padding-left: 28px;}
.sun_pro .pro_tab_tx .hd li a{color:#fff;}
.sun_pro .pro_tab_tx .hd li.on a{color:#0068b7;}
.sun_pro .pro_tab_tx .hd li.on{background: #fff;color: #0068b7;}
.sun_pro .pro_tab_tx .hd .pro_tab_tel{background: url(../images/tel1.png) no-repeat #0068b7 5px 8px;padding-top: 2px;padding-left: 53px;font-size: 22px;line-height: 53px;font-weight: bold;color: #fff;letter-spacing: 1.5px;}
.sun_pro .pro_tab_tx .bd{width: 950px; float: right;}
.sun_pro .pro_tab_tx .bd .bdcon li{float: left; margin-bottom: 25px; margin-right: 25px;}
.sun_pro .pro_tab_tx .bd .bdcon li:nth-of-type(3n){margin-right: 0;}
.sun_pro .pro_tab_tx .bd .bdcon li .img{display: block;width: 298px;height: 234px;background: #fff;border: 1px solid #fff;}
.sun_pro .pro_tab_tx .bd .bdcon li .img img{width: 298px;height: 234px;}
.sun_pro .pro_tab_tx .bd .bdcon li h3 a{font-weight: normal;font-size: 16px;color: #1a1a1a;line-height: 35px;text-align: center;display: block;}
.sun_pro .pro_tab_tx .bd .bdcon li:hover .img{border-color: #0068b7;}
.sun_pro .pro_tab_tx .bd .bdcon li:hover h3 a{color: #0068b7;}
/*sun_sdly*/
.sun_sdly{background: #fff; padding-top: 55px;}
.sun_sdly .titil{text-align: center;}
.sun_sdly .titil h3{font-size: 24.33px; line-height: 33.6px; color: #1a1a1a; font-weight: normal;}
.sun_sdly .titil h3 span{color: #0068b7;}
.sun_sdly .titil h4{font-size: 13px; line-height: 2; color: #838383; font-weight: normal; padding: 0 216px;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: 600px;}
.sun_sdly .sdly_box .img img{}
.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: 24.33px; letter-spacing: 1px; line-height: 33.6px; margin-bottom: 30px;}
.sun_sdly .sdly_box .wz .wzcon .wzttit span{display: block; letter-spacing: 6px; line-height: 23px; text-transform: uppercase; color: #fff; font-size: 14px; 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: 16px; color: #1a1a1a;}
.sun_sdly .sdly_box .wz .wzcon .item p{z-index: 99; color: #666666; line-height: 1.7;font-size: 14px;}
.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{color: #fff;}
/*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: 721px;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: 38px;}
.sun_about .about_box .wz .wzcon{font-size: 16px;line-height: 30px;color: #3c3c3c;height: 223px;overflow: hidden;margin-bottom: 30px;text-indent: 30px;}
.sun_about .about_box .wz .more{display: block;text-transform: uppercase;font-size: 12px;width: 100px;height: 32px;background: #0068b7;text-align: center;line-height: 32px;color: #fff;}
/*sun_hf*/
.sun_hf{height: 79px; position: relative;}
.sun_hf .container{position: absolute;z-index: 900;left: 50%;margin-left: -600px;top: -102px;}
.sun_hf .container h3{position: absolute; z-index: 99; font-size: 24px; letter-spacing: 1px; color: #ff9600; 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;margin-top: 45px;}
.sun_news1{width: 380px;overflow: hidden;float: left;margin-top: 34px;}
.sun_news2{margin-left: 30px;}
.sun_news3{float: right;}
.sum_img{width: 380px;height: 100px;overflow: hidden;}
.sun_news_ll{margin-top: 8px;width: 380px;}
.sun_news_ll li{overflow: auto;width: 380px;}
.sun_news_ll li a{display: block;font-size: 14px;color: #555555;line-height: 37px;float: left;}
.sun_news_ll li span{display: block;font-size: 14px;color: #555555;line-height: 37px;float: right;}
.sun_news_ll li:hover a{color: #0068b7;}
.sun_news_ll li:hover span{color: #0068b7;}
/*友情链接*/
.sun_links{line-height: 30px; font-size: 16px; color: #666666; margin-bottom: 20px;}
.sun_links span{}
.sun_links a{color: #666; display: inline-block; padding-right: 10px;}
/*sun_foot*/
.sun_foot{background: #1a1a1a; padding-top: 20px; padding-bottom: 15px;}
.sun_f1{float: left;width: 454px;overflow: hidden;}
.sun_f1 dd{margin-top: 13px;}
.sun_f1 dt{margin-top: 21px;padding-left: 80px;}
.sun_f2{float: left;width: 746px;overflow: hidden;}
.sun_f2 .ft_links{border-bottom: 1px solid #323232; font-size: 16px;height: 61px;overflow: hidden;}
.sun_f2 .ft_links a{font-size: 16px; color: #b8b8b8;line-height: 61px;float: left;display: block;margin-right: 49px;}
.sun_f2 .ft_links a:last-child{margin-right: 0;}
.sun_f2 .ft_links a:hover{color: #0068b7;}
.sun_f2 .cop{font-size: 14px;color: #b6b6b6;line-height: 25.35px;margin-top: 25px;}
.sun_f2 .cop a{font-size: 14px;color: #b6b6b6;}
#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;}
/*------------内页-------------------*/
#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: #0068b7;
    /*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;position: relative;}
.n_banner img{width:1920px;}
.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;}
.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: #0068b7;
    padding-left:0;
}