/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#3480ce;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

/*----- 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;}


.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}



.wh{width: 1200px;margin:0 auto;position:relative;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}






/*头部样式*/
.box-center,
.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;}

.sun_hots{position: relative; height: 160px; background: #f4f4f4;}
.sun_hots .wh{position: absolute; z-index: 9999; top: -56px; left: 50%; margin-left: -600px; background: url(../images/bg1.jpg); height: 162px;width:1202px; box-sizing: border-box;}
.sun_hots .search{width: 535px; 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 #85bf29;}
.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: #85bf29; outline: none; border: none; color: #fff;}
.sun_hots .search .keys{font-size: 14px; color: #000;}
.sun_hots .search .keys a{color: #000; padding-right: 10px;}
.sun_hots .search .keys a+a:before{content: '|'; padding-right: 10px; display:none}
.sun_hots .sun_hots_cont{width: 390px; margin-top: 20px; background: url(../images/phone.png) left 20px top 38px no-repeat; padding-left: 115px; font-size: 14px; color: #000; line-height: 16px; 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 #71af20; border-radius: 2px; text-align: center; line-height: 50px; margin: 50px 60px 0 0; transition: all .5s ease;    background: #71af20;}
.sun_hots .zx_btn a{display: block; transition: all .5s ease; font-size: 14px; color: #000;}
.sun_hots .zx_btn:hover{background: #fff;}
.sun_hots .zx_btn:hover a{color: #85bf29;}





/*导航栏样式*/
.sun_nav{height: 50px;}
.sun_nav .sun_menu li{width:170px; float: left; box-sizing: border-box;position:relative}
.sun_nav .sun_menu li a{display: block; text-align: center; font-size: 14px; color: #000; line-height: 50px;}

.sun_nav .sun_menu  li a:hover{background: #85bf29; color: #000;}
.sun_nav .sun_menu li+li{border-left: 1px dashed #e1e1e1;}


.sun_nav .sec{height:0;background:#85bf29;color:#000;overflow:hidden;z-index:9999;position:absolute;top:50px; left:0px;}
.sun_nav .sec a{background:#85bf29;color:#000;height:38px;line-height:38px;width:170px;}
.sun_nav .sec a:hover{background:#85bf29;text-decoration:none;width:170px}

/*sun_banner*/
.html5zoo-1{
    width:100%!important;
    height:100%!important;
    overflow:hidden;
}
.html5zoo-1 ul{
    display:block;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.html5zoo-1 ul li{
    width: 100%;
    height: auto;
}
.html5zoo-1 ul li a img{
    width:100%;
    height:100%;
}
/*.html5zoo-slider-0 .html5zoo-box-0 .html5zoo-swipe-box-0 .html5zoo-img-0 img{*/
/*   width:100%;*/
/*   height:auto; */
/*}*/
.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;}
@media (max-width:1299px) and (min-width:1199px){
    .html5zoo-arrow-left-0{
        left: 60% !important;
    }
    .html5zoo-arrow-right-0{
        right: 60% !important;
    }
    
}

@media (max-width:1199px) and (min-width:1000px){
    .html5zoo-arrow-left-0{
        left: 70% !important;
    }
    .html5zoo-arrow-right-0{
        right: 70% !important;
    }
    
}

@media (max-width:1000px) and (min-width:800px){
    .html5zoo-arrow-left-0{
        left: 80% !important;
    }
    .html5zoo-arrow-right-0{
        right: 80% !important;
    }
    
}

@media (max-width:800px) and (min-width:700px){
    .html5zoo-arrow-left-0{
        left: 90% !important;
    }
    .html5zoo-arrow-right-0{
        right: 90% !important;
    }
    
}

@media (max-width:700px) and (min-width:600px){
    .html5zoo-arrow-left-0{
        left: 100% !important;
    }
    .html5zoo-arrow-right-0{
        right: 100% !important;
    }
    
}

.sun_pro{background: #f4f4f4; padding-bottom: 80px;}
.sun_tit h3{text-align: center; font-size: 18px; line-height: 25.2px; color: #1a1a1a; font-weight: normal; background: url(../images/tt_bg.png) bottom center no-repeat; height: 60px; margin-bottom: 10px;}
.sun_tit h3 span{display: block; line-height: 16.8px; text-transform: uppercase; color: #888888; font-size: 12px;}
.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: 205px; float: left;}
.sun_pro .pro_tab_tx .hd li{height: 55px; line-height: 96px; text-align: left;padding-left:25px; font-size: 12px; color: #1a1a1a; cursor: pointer;background: url(../images/jiantou.png) right center no-repeat;}
/*.sun_pro .pro_tab_tx .hd li:first-child{background: #85bf29;}*/
/*.sun_pro .pro_tab_tx .hd li:nth-of-type(2){background: #85bf29;}*/
/*.sun_pro .pro_tab_tx .hd li:nth-of-type(3){background: #85bf29;}*/
/*.sun_pro .pro_tab_tx .hd li:nth-of-type(4){background: #85bf29;}*/
/*.sun_pro .pro_tab_tx .hd li:last-child{background: #85bf29;}*/
.sun_pro .pro_tab_tx .hd li.on{background: #85bf29;}
.sun_pro .pro_tab_tx .bd{width: 965px; float: right;}
.sun_pro .pro_tab_tx .bd .bdcon li{width: 305px; float: left; margin-bottom: 10px; margin-right: 15px;}
.sun_pro .pro_tab_tx .bd .bdcon li .img{display: block; display: block; width: 305px; height: 230px; background: #fff; box-sizing: border-box; border: 1px solid #dbdbdb; margin-bottom: 10px;overflow:hidden;}
.sun_pro .pro_tab_tx .bd .bdcon li .img:hover{border:2px solid #85bf29}
.sun_pro .pro_tab_tx .bd .bdcon li .img img{width: 100%; height: 100%;}
.sun_pro .pro_tab_tx .bd .bdcon li .img:hover img{border:2px solid #85bf29}
.sun_pro .pro_tab_tx .bd .bdcon li h3{font-size: 12px; color: #282828; line-height: 28px;}
.sun_pro .pro_tab_tx .bd .bdcon li p{font-size: 12px; color: #282828; line-height: 1.4;}
/*.sun_pro .pro_tab_tx .bd .bdcon li:nth-of-type(4n){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: 440px;    margin-top: 40px;}
.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: 875px;}
.sun_sdly .sdly_box .ystu{margin-right:423px;}
.sun_sdly .sdly_box .ystu .img{width:620px;height:395px;overflow:hidden;}
.sun_sdly .sdly_box .ystu .img img{width:100%;height:100%;}
.sun_sdly .sdly_box .wz .wzcon{
    /*width: 600px; */
    box-sizing: border-box;
    /*padding: 25px 0 0 25px;*/
}
.sun_sdly .sdly_box .wz .wzcon .youshi{
    margin-left:400px;
    
    width: 385px;
}
.sun_sdly .sdly_box .wz .wzcon .youshi li{
    /*margin-right:10px;*/
    background: url(../images/ysbjt.png) center no-repeat;
    width: 40px;
    height: 110px;
    margin-top: 15px;
    float: left;
    margin-left: 15px;
    
}
.sun_sdly .sdly_box .wz .wzcon .youshi li a{
    color:#282828;
}
.sun_sdly .sdly_box .wz .wzcon .youshi  h3{
    font-size:14px;
    margin-top: 30px;
    margin-left: 13px;
}
.sun_sdly .sdly_box .wz .wzcon p{margin-left:400px;width:435px;font-size:14px;}
.sun_sdly .sdly_box .wz .wzcon .wzttit{
    height: 90px;
    text-align: left;
    margin-left: 400px;
    margin-top: 50px;
    color: #000;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 33.6px;
    margin-bottom: 30px;
    font-weight: bold;
    background: url(../images/xiaxian.png) bottom left no-repeat;
}
.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{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: 765px;*/height:700px; 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 .img:hover img{width: 100%; height: 100%;margin-top:-20px;transition: all ease-in-out 0.5s;}
.sun_about .about_box .wz{width: 630px; padding-top: 50px;}
.sun_about .about_box .wz .wzcon{font-size: 12px; line-height: 2; color: #5a5a5a; height: 168px; overflow: hidden; /*margin-bottom: 30px;*/}
.sun_about .about_box .wz .more{display: block; text-transform: uppercase; font-size: 14px;background:url(../images/morebj.png) top center no-repeat;    width: 82px;
    height: 45px;
    line-height: 41px;
    text-align: center;
    color: #000;}
/*sun_hf*/
.sun_hf{height: 180px; position: relative;}
.sun_hf .wh{position: absolute; z-index: 900; left: 50%; margin-left: -600px; top: -85px;}
.sun_hf .wh h3{position: absolute; z-index: 99; font-size: 24px; letter-spacing: 1px; color: #fff; top: 45px; left: 100px;line-height:45px;}
.sun_hf .wh h3 span{display: block; padding-left:143px;}
.sun_hf .wh .ljzx{position: absolute; top: 10px; right: 0; display: block; width: 152px; height: 52px; box-sizing: border-box; border: 1px solid #000; border-radius: 2px; text-align: center; line-height: 50px; margin: 54px 60px 0 0; transition: all .5s ease; font-size: 14px; color: #000;}
.sun_hf .wh .ljzx:hover{background: #fff; color: #85bf29;}
/*sun_news*/
.sun_news{background: #fff; padding-bottom: 50px;}
.sun_news .sun_news_ll{margin-top: 45px;}
.sun_news .sun_news_ll li{float: left; width: 380px; margin-right: 26px;}
.sun_news .sun_news_ll li .img{display: block; width: 380px; margin-bottom: 5px;}
.sun_news .sun_news_ll li .img img{width: 100%;}
.sun_news .sun_news_ll li h3{font-size: 12px; color: #000; line-height: 25px;}
.sun_news .sun_news_ll li .time{font-size: 12px; padding-top: 5px; color: #929292;}
.sun_news .sun_news_ll li .info{font-size: 12px; color: #5A5A5A; 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: #85bf29; font-size: 12px; color: #000; text-align: center; border-radius: 5px;}


/*sun_links*/
.sun_links{line-height: 30px; font-size: 14px; color: #666; margin-bottom: 10px;}
.sun_links span{font-weight: bold;}
.sun_links a{color: #666; display: inline-block; padding-right: 10px;}
/*sun_foot*/
.sun_foot{background: #71af20; padding-top: 40px; padding-bottom: 10px;}
.sun_foot .ft_links{text-align: center; padding-bottom: 20px; border-bottom: 1px solid #323232; font-size: 0; margin-bottom: 35px;}
.sun_foot .ft_links a{display: inline-block; width: 14.2857%; font-size: 14px; color: #fff;}
.sun_foot .ft_links a:hover{color: #202020;}
.sun_foot .ft_boxl{width: 700px;}
.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: 12px; color: #fff; line-height: 24px; margin-bottom: 20px;}
.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{text-align: right; padding-top: 40px;}
.sun_foot .ft_boxr img{width: 260px;}
#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;}

.dbwz{background: #5c991a;height:80px; }
.dbwz .ft_cpy{text-align:center;color:#fff;padding-top: 13px;}
.dbwz .ft_cpy a{color:#fff;}







/*内页左侧样式*/


.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-position a{color: #fff;}
.left{width: 225px;float: left;}
.right{width: 940px;float: right;}
.xypg-case-list li{width: 300px;}
.xypg-product-list li{width: 293px;}
.xypg-product-list li .img img{width: 271px;height: 217px;}
.relate-product-slick .owl-item .img img{    width: 213px;height: 200px;}
.xypg-case-list li .img img{width: 300px;height: 157px;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}