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


.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;}
.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_banner,
.sun_sdly .sdly_box,
.sun_hf{width: 1920px; position: relative; left: 50%; margin-left: -960px;}

.sun_top{height: 40px; background: #f4f4f4; font-size: 14px; color: #666666; line-height: 40px;}
.sun_top a{color: #666666;}

.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(../../../../template/default/assets/images/bg1.jpg); height: 160px; 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 #d40000;}
.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: #d40000; 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(../../../../template/default/assets/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: #ce2029;}






.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: 14px; color: #666; line-height: 50px;}
.sun_nav .sun_menu>li>a.cur,
.sun_nav .sun_menu>li>a:hover{background: #ce2029; color: #fff;}
.sun_nav .sun_menu>li+li{border-left: 1px dashed #e1e1e1;}

.sun_banner{height: 613px;}
.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_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(../../../../template/default/assets/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: 200px; float: left;}
.sun_pro .pro_tab_tx .hd li{height: 80px; line-height: 80px; 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: #494949;}
.sun_pro .pro_tab_tx .hd li:nth-of-type(3){background: #3d3d3d;}
.sun_pro .pro_tab_tx .hd li:nth-of-type(4){background: #2c2b2b;}
.sun_pro .pro_tab_tx .hd li:last-child{background: #0e0e0e;}
.sun_pro .pro_tab_tx .hd li.on{background: #ce2029;}
.sun_pro .pro_tab_tx .bd{width: 965px; float: right;}
.sun_pro .pro_tab_tx .bd .bdcon li{width: 230px; float: left; margin-bottom: 10px; margin-right: 15px;}
.sun_pro .pro_tab_tx .bd .bdcon li .img{display: block; display: block; width: 230px; height: 230px; 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: 12px; color: #1a1a1a; 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(4n){margin-right: 0;}

.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(../../../../template/default/assets/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: 25px 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{color: #fff;}

@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{background: #f4f4f4 url(../../../../template/default/assets/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: 168px; overflow: hidden; margin-bottom: 30px;}
.sun_about .about_box .wz .more{display: block; text-transform: uppercase; font-size: 14px;}

.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: #ff9600; top: 45px; left: 480px;}
.sun_hf .wh h3 span{display: block; padding-left: 65px;}
.sun_hf .wh .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 .wh .ljzx:hover{background: #fff; color: #ce2029;}

.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; height: 100px; 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: #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: #C12028; font-size: 12px; color: #fff; text-align: center; border-radius: 5px;}



.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{background: #1a1a1a; 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: #666666;}
.sun_foot .ft_links a:hover{color: #ce2029;}
.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: #676767; 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(../../../../template/default/assets/images/top.png); background-repeat: no-repeat; background-position: -503px 0; cursor: pointer;}
#backtotop:hover{background-position: -503px -42px;}











.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: 255px;}
.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;}