@charset "UTF-8";
.sun-container, .container { width: 1200px !important; padding: 0 !important; margin: 0 auto; }

p { margin-bottom: 0; }



.wt{width:1920px;position: relative;left:50%;margin-left:-960px;}
.hh1{background:#f4f4f4;height:40px;}
.wt_t{width:1200px;margin:0 auto;}
.wel{float:left;line-height:40px;color:#666666;font-size:12px;}


.kka{float:right;line-height:40px;color:#666666;font-size:12px;}
.kka a{line-height:40px;color:#666666;font-size:12px;}

/*头部*/
.sun-header { background: #ffffff; height: 88px; padding-top: 12px; }
.sun-logo {float: left;/* background: url(../images/logo_line.png) left 270px center no-repeat; */}
.sun-logo img {/* width: 258px; *//* height: 54px; */}
.sun-logo .text { display: inline-block; vertical-align: middle; padding-left: 20px; font-size: 15px; color: #666666; }
.sun-phone { float: right; background-repeat: no-repeat; background-position: left center; padding-left: 55px; }
.sun-phone .title { font-size: 14px; color: #333; line-height: 25px; }
.sun-phone .number { font-size: 26px; color: #0765b6; font-family: Arial; }



/* 导航 */
.sun-menu { height: 51px; background: #0765b6; }
.x-menu{float: none;width:1200px;margin: 0 auto;}
.x-menu > li { float: left; width: 16.2857%; position: relative;margin: 0;}
.x-menu > li > a { display: block; font-size: 16px; color: #ffffff; line-height: 51px;padding: 0;text-align: center;}
.x-menu > li > a:hover{color: #ffffff;background: #034b89;}
.x-menu > li.active > a, .x-menu > li:hover > a { color: #ffffff;background: #034b89; }

.x-sub-menu {position: absolute;width: 100%;z-index: 9;background: #0765b6;top: 51px;border-radius: 0;padding: 0;left: 0%;}
.x-sub-menu > li > a { display: block; font-size: 14px; color: #ffffff; padding: 10px 15px; line-height: 24px; }
.x-sub-menu > li > a:hover { background: #0765b6; color: #fe817d; }
.x-sub-menu > li + li { border-top: 1px solid #304b9f; }

.x-sub-menu:after{display: none;}
.x-menu > li:after{display: none;}


/* banner */
.sun-banner { position: relative; width: 1920px; margin-left: -960px; left: 50%; }
.sun-banner .hd { position: absolute; left: 0; right: 0; font-size: 0; z-index: 9; text-align: center; bottom: 40px; }
.sun-banner .hd li { display: inline-block; width: 48px; height: 2px; background: #fff; margin: 0 8px; }
.sun-banner .hd li.on { background: #fe817d; }
.sun-banner .bd li img { width: 1920px; height: 582px; }

/* 关键字 */
.sun-keywords { background: #f5f5f5; padding: 10px 0; }
.sun-keywords .sun-left { font-size: 14px; color: #444444; line-height: 38px; }
.sun-keywords .sun-left a { color: #444444; margin: 0 8px; }
.sun-keywords .sun-left a:hover { color: #fe817d; }
.sun-left { float: left; }
.sun-right { float: right; }
.sun-keywords .sun-search { width: 248px; height: 38px; background: #fff; border-radius: 5px; position: relative; }
.sun-keywords .sun-search #keyword { width: 210px; height: 38px; padding: 0 10px; font-size: 14px; color: #333; background: none; outline: none; border: none; }
.sun-keywords .sun-search #keyword::placeholder { color: #acacac; }
.sun-keywords .sun-search #s_btn { position: absolute; right: 0; top: 0; height: 38px; width: 38px; background: url(../images/search.png) center no-repeat; outline: none; border: none; font-size: 0; cursor: pointer; }


/* 产品 */
.sun-product { background: #fff; padding: 30px 0 60px 0; }
.sun-title { text-align: center; }
.sun-title h3 {font-size: 24px;color: #0765b6;font-weight: bold;margin-bottom: 28px;}
.sun-title h3 span { font-size: 16px; color: #0765b6; text-transform: uppercase; font-weight: normal; }
.sun-title p { position: relative; margin-top: 10px; font-size: 0; }
.sun-title p:after, .sun-title p:before { position: absolute; top: 8px; content: ''; width: 560px; height: 1px; background: #ebebeb; }
.sun-title p:before { left: 0; }
.sun-title p:after { right: 0; }
.sun-title.white h3 { color: #fff; }
.sun-title.white h3 span { color: #fff; }
.sun-title.white p:after, .sun-title.white p:before { background: #fff; }
.sun-product-box { margin-top: 35px; }
.sun-product-sort { width: 280px; border: 3px solid #0765b6; border-top: none; }
.sun-product-sort-title { height: 49px; padding: 0 15px; line-height: 49px; font-size: 18px; color: #ffffff; background: #0765b6 url(../images/pro_tit_bg.png) right 15px center no-repeat; }
.sun-product-sort-ul { background: #fff; padding: 10px; }
.sun-product-sort-ul > li { position: relative; }
.sun-product-sort-ul > li > a {display: block;font-size: 14px;color: #333333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;padding: 11px 40px 10px 50px;border-bottom: 1px dashed #dedede;position: relative;}
.sun-product-sort-ul > li > a:before, .sun-product-sort-ul > li > a:after { position: absolute; content: ''; left: 20px; top: 15px; }
.sun-product-sort-ul > li > a:before { width: 7px; height: 9px;  }
.sun-product-sort-ul > li > a:after { z-index: 9; border-width: 4.5px; border-color: transparent transparent transparent #ffffff; border-style: solid; }
.sun-product-sort-ul > li > a:hover:before { background: #fe817d; }
.sun-product-sort-arrow { position: absolute; width: 17px; height: 17px; border-radius: 50%; background: #ccc; right: 22px; top: 11px; cursor: pointer; text-align: center; }
.sun-product-sort-ul > li:hover{background:url(../images/lk.png) no-repeat 90% center}
.sun-product-sort-arrow:after, .sun-product-sort-arrow:before { content: ''; position: absolute; border-width: 5px; border-style: solid; left: 4px; }
.sun-product-sort-arrow:before { border-color: #fff transparent transparent transparent; top: 7px; }
.sun-product-sort-arrow:after { border-color: #ccc transparent transparent transparent; top: 6px; z-index: 9; }
.sun-product-sort-ul > li:hover .sun-product-sort-arrow, .sun-product-sort-ul > li.active .sun-product-sort-arrow { background: #fe817d; }
.sun-product-sort-ul > li:hover .sun-product-sort-arrow:before, .sun-product-sort-ul > li.active .sun-product-sort-arrow:before { border-color: transparent transparent #fff transparent; top: 1px; }
.sun-product-sort-ul > li:hover .sun-product-sort-arrow:after, .sun-product-sort-ul > li.active .sun-product-sort-arrow:after { border-color: transparent transparent #fe817d transparent; top: 2px; }
.sun-product-sort-ul > li:hover > a, .sun-product-sort-ul > li.active > a { color: #126cb9; font-weight:600}
.sun-product-sort-ul > li:hover > a:before, .sun-product-sort-ul > li.active > a:before { background: #126cb9; }
.sun-product-sort-ul > li.active .sun-product-sort-sub { display: block; }
.sun-product-sort-sub { display: none; }
.sun-product-sort-sub > a { display: block; border-bottom: 1px dashed #dedede; font-size: 14px; color: #747474; line-height: 20px; padding: 10px 0 10px 50px; }
.sun-product-sort-sub > a:hover { color: #fe817d; }
.sun-product-sort-more { text-align: center; color: #0765b6; display: block; font-size: 14px; background: #fff; padding: 20px 0; }
.sun-product-lists { width: 920px; }
.sun-product-lists li { float: left; width: 287px; margin-left: 19px; margin-bottom: 13px; }
.sun-product-lists li .img { display: block; position: relative; overflow: hidden; }
.sun-product-lists li .img:before { position: absolute; z-index: 9; content: ''; left: 0; right: 0; top: 0; bottom: 0; background: rgba(18, 18, 18, 0.55); outline: 1px solid rgba(255, 255, 255, 0.55); outline-offset: -10px; opacity: 0; transition: all .5s ease; }
.sun-product-lists li .img:after { content: url(../images/pro_search.png); position: absolute; z-index: 10; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 21px; height: 21px; opacity: 0; transition: all .5s ease; }
.sun-product-lists li .img img { width: 287px; height: 222px; transition: all .5s ease; }
.sun-product-lists li p { text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; color: #333333; margin-top: 10px; line-height: 1.7; }
.sun-product-lists li:hover .img:after, .sun-product-lists li:hover .img:before { opacity: 1; }
.sun-product-lists li:hover .img img { transform: scale(1.1); }
.sun-product-lists li:hover p { color: #333333; }




/* 优势 */
.sun-goods {background-position: top center;background-repeat: no-repeat;background-size: cover;padding-top: 38px;padding-bottom: 33px;height:504px;}
.sun-goods-box { margin-top: 70px; }
.sun-goods-box ul { float: left; width: 600px; padding-left: 24px; }
.sun-goods-box ul:last-child { padding-left: 60px; }
.sun-goods-box li { position: relative; margin-bottom: 40px; padding-left: 107px;list-style:none;;}
.sun-goods-box li h3 { font-weight: bold; font-size: 18px; color: #ffffff; margin-bottom: 15px; }
.sun-goods-box li p { font-size: 14px; color: #ffffff; line-height: 24px; height: 48px; overflow: hidden; }
.sun-goods-box li .num { position: absolute; left: 0; width: 56px; height: 56px; border: 1px solid #fff; text-align: center; line-height: 54px; font-size: 33px; border-radius: 50%; color: #ffffff; top: 5px; }
.sun-goods-box li .num:after { content: ''; position: absolute; border-top: 5px solid transparent; border-right: 10px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #fff; top: 22px; right: -20px; }

/* 案例 */
.sun-case { background: #fff; padding: 55px 0; }
.sun-case-slide { margin-top: 30px; position:relative;}
.sun-case-slide .bd { overflow: hidden; }
.sun-case-slide .bd li { float: left; width: 287px; margin-right: 18px; }
.sun-case-slide .bd li .img { display: block; position: relative; overflow: hidden; }
.sun-case-slide .bd li .img:before { position: absolute; z-index: 9; content: ''; left: 0; right: 0; top: 0; bottom: 0; background: rgba(18, 18, 18, 0.55); outline: 1px solid rgba(255, 255, 255, 0.55); outline-offset: -10px; opacity: 0; transition: all .5s ease; }
.sun-case-slide .bd li .img:after { content: url(../images/pro_search.png); position: absolute; z-index: 10; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 21px; height: 21px; opacity: 0; transition: all .5s ease; }
.sun-case-slide .bd li .img img { width: 287px; height: 222px; transition: all .5s ease; }
.sun-case-slide .bd li p { text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; color: #333333; margin-top: 10px; line-height: 1.7; }
.sun-case-slide .bd li:hover .img:after, .sun-case-slide .bd li:hover .img:before { opacity: 1; }
.sun-case-slide .bd li:hover .img img { transform: scale(1.1); }
.sun-case-slide .bd li:hover p { color: #333; }


.sun-case-slide .hd .prev{ background:url(../images/le.png) no-repeat; position: absolute; width:46px;height:46px;left:-50px;top:38%;}
.sun-case-slide .hd .next{ background:url(../images/re.png) no-repeat; position: absolute; width:46px;height:46px;right:-50px;top:38%;}
.sun-case-slide .hd .next:hover{background:url(../images/re1.png) no-repeat;}
.sun-case-slide .hd .prev:hover{background:url(../images/le1.png) no-repeat;}



/*<!-- 荣誉资质 -->*/
.chan{width:1200px;margin:0 auto;text-align:center;margin-top:60px;position:relative;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:53%;}
.l_btn{left:-50px;}
.r_btn{right:-50px;}

.twt{margin-top:30px;}
.twt li{float: left;overflow: hidden; margin-left: 40px;}
.twt li a.img{display:block;}
.twt li a.img img{display:block;width: 270;height:390px;}


#m_demo{overflow:hidden;width:100%;margin:0 auto;padding-top:20px;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}









/* 关于 */
.sun-about { background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 50px 0;height:959px;margin-top:60px; }
.sun-about-box { margin-top: 30px; }
.sun-about-img { float: left; width: 707px; }
.sun-about-img img { width: 707px; height: 435px; }
.sun-about-text { background: #fff; float: left; width: 591px; height: 335px; margin-top: 50px; margin-left: -100px; padding: 25px; }
.sun-about-con { height: 170px; overflow: hidden; }
.sun-about-con p strong { font-size: 20px; color: #3751a6; border-bottom: 2px solid #3751a6; line-height: 40px; display: inline-block; margin-bottom: 5px; }
.sun-about-con p em { font-style: normal; font-size: 14px; color: #828282; text-transform: uppercase; }
.sun-about-phone { margin-top: 30px; }
.sun-about-phone h5 { font-size: 14px; color: #777676; margin-bottom: 7px; }
.sun-about-phone .sun-about-phone-box, .sun-about-phone .sun-about-more { display: inline-block; vertical-align: middle; }
.sun-about-phone .sun-about-phone-box { width: 210px; margin-right: 10px; border: 1px solid #0765b6; padding-left: 62px; height: 39px; line-height: 37px; font-size: 18px; color: #333333; font-weight: bold; position: relative; }
.sun-about-phone .sun-about-phone-box span { position: absolute; left: 0; width: 47px; text-align: center; background: #0765b6; }
.sun-about-phone .sun-about-more { font-size: 14px; color: #0765b6; width: 97px; height: 39px; text-align: center; line-height: 37px; border: 1px solid #0765b6; }
.sun-about-phone .sun-about-more:hover { background: #0765b6; color: #fff; }


.aacc{font-size: 14px; color: #333333;margin-top:20px;line-height:23px;letter-spacing: 1px}
.abtt{color:#0765b6;font-size:20px;font-weight: 600}
.xian2{width: 277px;
	height: 2px;
	background-color: #0765b6;margin-top:10px;}
.abtt2{color:#999999;font-size:12px;text-transform:uppercase;text-transform: uppercase;margin-top:10px;}




.ab-tu {
    margin-top: 90px;
}

.ab-tu .tabli2 {
    width: 169px;float:left;
}

.ab-tu .ab-tu-img {
    width: 1010px;
    float: right;
}

.ab-tu .tabli2 ul li {
    width:169px;
    height: 72px;
    background: #f5f5f5;
    text-align: center;
    font-size: 22px;
    color: #333;
    padding-top: 20px;
    cursor: pointer;
}

.ab-tu .tabli2 ul li:nth-child(2){background: #eeeeee;}

.ab-tu .tabli2 ul li.cur {
    background: url(../images/cur.png) no-repeat center;
    color: #0765b6;
}

.ab-tu .tabli2 ul li.cur span {
    color: rgba(255, 255, 255, 0.5);
}

.ab-tu .ab-tu-img .tab2 {
    display: none;
}

.ab-tu .ab-tu-img .picScroll-left2 .bd {
    overflow: hidden;
}

.ab-tu .ab-tu-img .picScroll-left2 .bd ul li {
    width: 335px;
    height: 216px;
    float: left;
    margin-right: 18px;
}

.ab-tu .ab-tu-img .picScroll-left2 .bd ul li img {
    width: 335px;
    height: 216px;
}








/* 新闻 */
.wen1{width:630px;float:left;margin-top:50px;}
.nn_ll li{	height: 197px;border: solid 1px #e4e4e4;}
.nn_ll li .img1{	width: 224px;
	height: 195px;float:left;}
.nn_ll li .img1 img{	width: 224px;
	height: 195px;}

.nn_ll li .dnn{float:right;width:404px;padding:25px;}
.nn_ll li .dnn h3{	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 16px;
	letter-spacing: 0px;
	color: #000000;}

.nn_ll li .dnn span{	font-family: MicrosoftYaHei;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 16px;
	letter-spacing: 0px;
	color: #000000;display:block;margin-top:10px;}

.nn_ll li .dnn dt{	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: -1px;
	color: #000000;height:50px;overflow: hidden;margin-top:15px;}

.mm1{	width: 74px;
	height: 28px;
	background-color: #0765b6;
	border-radius: 6px;	font-family: MicrosoftYaHei;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;margin-top:10px;}


.nn_ll2 li{height:105px;border-bottom: 1px solid #e4e4e4;position:relative;}
.nn_ll2 li h3{	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #000000;margin-top:20px;}

.nn_ll2 li span{	font-family: MicrosoftYaHei;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #333333;position:absolute;right:0px;top:40px;}

.nn_ll2 li dt{	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #333333;margin-top:10px;}




.wen2{width:480px;float:right;margin-top:39px;}
.nn_ll3 li{height:105px;border-bottom: 1px solid #e4e4e4;position:relative;}
.nn_ll3 li h3{	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #000000;margin-top:20px;}

.nn_ll3 li span{	font-family: MicrosoftYaHei;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #333333;position:absolute;right:10px;top:40px;}

.nn_ll3 li dt{	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #333333;margin-top:10px;}

.nn_ll3 li:hover{background: url(../images/dh.png) no-repeat 20px 30px #0765b6;}
.nn_ll3 li:hover h3{color:#fff;padding-left: 55px}
.nn_ll3 li:hover dt{color:#fff;padding-left: 55px}
.nn_ll3 li:hover span{color:#fff;}




/* 合作客户 */
.sun-client { padding: 50px 0; color: #f6f6f6; }
.sun-client-slide { margin-top: 45px; }
.sun-client-slide .bd { overflow: hidden; }
.sun-client-slide .bd li { float: left; margin-right: 18px; }
.sun-client-slide .bd li a { border: 1px solid #e2e1e1; display: block;}
.sun-client-slide .bd li img { width: 284px; height: 70px; }





/* 通栏 */
.sun-layout { background: #131b33; padding-top: 40px;padding-bottom: 20px; }
.sun-layout-contact { width: 320px; float: left; margin-right:125px;}
.sun-layout-contact p { 	font-family: MicrosoftYaHei;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.8; }


.sun-layout-contact li{width:45%;float:left;background:url(../images/jh.png) no-repeat center left;}
.sun-layout-contact li a{	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;
	color: #ffffff;
padding-left:15px;}

li {
  list-style: none;
}




.sun-layout-ewm { float: right; text-align: center; }
.sun-layout-ewm img { width: 135px; }
.sun-layout-ewm p { font-size: 14px; color: #fff; margin-top: 15px; }
.sun-links { margin-top: 40px; font-size: 12px; color: #737c9a; line-height: 20px; padding: 5px 0; }
.sun-links a { color: #737c9a; display: inline-block; margin-right: 10px; }
.sun-links a:hover { text-decoration: underline; }

.n-default .msg-wrap { top: 0; }


.lxwm{	font-family: MicrosoftYaHei;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;
	color: #ffffff;background:url(../images/ch.png) no-repeat bottom left;margin-bottom: 10px}


/* 页脚 */
.sun-footer { background: #0f1528; padding: 10px 0; line-height: 25px; font-size: 12px; color: #5f6784; }
.sun-footer a { color: #5f6784; }
.sun-footer a:hover { text-decoration: underline; }

.sun-footer .jszc{float:right;}