@charset "utf-8";

/*banner*/
.banner{position: relative; height:660px;clear: both;width: 100%!important;overflow: hidden;}
.ban_p,.ban_p ul,.ban_p li{ height:660px;overflow: hidden;width: 100%!important;}
.ban_p li,.ban_p li a{ display:block; height:660px;width: 100%!important; overflow: hidden;position: relative;}
.ban_p li img {width: 1920px;height: 660px;position: absolute;left: 50%;top:0;margin-left: -960px;}
.ban_t{width:1100px;height:60px;bottom:0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width:20px;height:20px;border-radius:20px;margin-right:20px; display: inline-block;background: #fff;}
.ban_t em.on{background: #0a24a5;width: 40px;}

.til01{text-align: center;font-size:44px;color: #333;line-height:54px;height:104px;position: relative;}
.til01 a{display: block;color: #333;}
.til01 p{display: block;font-size: 20px;line-height:30px;font-weight: normal;color: #666;}
.til01 b{display: inline-block;padding: 0 96px;position: relative;}
.til01 b:before,.til01 b:after{height:17px;content: "";position: absolute;width:69px;right: 0;top:20px;background:url(../images/t_ico1.png) no-repeat 0 0;z-index: -1;}
.til01 b:before{left: 0;background:url(../images/t_ico2.png) no-repeat 0 0;}
.til02 b:after{background:url(../images/t_ico3.png) no-repeat 0 0;}
.til02 b:before{background:url(../images/t_ico4.png) no-repeat 0 0;}
.til02,.til02 p,.til02 a{color: #fff;}

/*搜索*/
.seabox{height:47px;line-height:30px;font-family: "Microsoft Yahei";position: relative;padding:16px 0 0;border-bottom: 1px solid #e8e4db;background: #f9fafb;}
.keyword{width:630px;color: #666;background:url(../images/ico01.gif) no-repeat 0 7px;padding: 0 0 0 29px;}
.keyword a{color:#aaa;display: inline-block;padding: 0 20px 0 6px;}
.keyword a:hover{color: #333;}
.sea_inp{width:499px;height:36px;line-height:36px;position: relative;z-index: 1;border-left: 1px dotted #ddd;}
.sea_inp:before{content: "";position: absolute;width:99px;height:64px;background:#0a24a5;top:-16px;right:0;z-index:-1;}
.sea_inp .serach{width:340px;height:36px;border:0;background:none;line-height:36px;color:#999;padding:0 10px 0 48px;float:left;outline: none;display: block;}
.sea_inp .sub{ width:99px; height:36px;float:left;cursor: pointer;display: block;background:url(../images/sea_ico.png) no-repeat 37px 3px;border: 0;text-indent:120px;}

/*引子*/
.webox{font-size:16px;color: #666;font-family:"Microsoft Yahei";line-height:26px;position: relative;overflow: hidden;padding:63px 0 0;height:580px;background: #f9fafb;}
.webox_p{width: 50%;height: 580px;}
.webox_w{width:45.73%;}
.webox_wc{width:520px;}
.webox_wc h2{height: 109px;font-size: 44px;line-height: 54px;color: #000;margin-bottom:20px;background:url(../images/wetbg.gif) no-repeat 0 bottom;}
.webox_wc h2 b{color: #0a24a5;}
.webox_wc h2 span{font-size: 20px;line-height: 34px;font-weight: normal;display: block;letter-spacing: 8px;}
.webox_wz{height: 214px;}
.webox_l li{float: left;width: 240px;height: 92px;position: relative;white-space: nowrap;}
.webox_l li span{height:60px;display: block;line-height:60px;color: #0a24a5;}
.webox_l li span b{display: block;float: left;font-family:Century Gothic, Times New Roman;font-size:54px;padding: 0 4px 0 0;}
.webox_l li span em{width: 24px;height: 24px;line-height: 24px;text-align: center;background: #0a24a5;color: #fff;border-radius: 24px;display: inline-block;margin-top: 10px;font-weight: bold;}

/*产品中心*/
.probox{font-family:"Microsoft Yahei";padding:88px 0 0;position: relative;z-index: 1;line-height:20px;color: #666;}
.prod_nav{padding: 1px 0 0 1px;height: 104px;}
.prod_nav li{border:solid 1px #eaeaea;text-align: center;font-size:18px;height:48px;color: #fff;line-height: 46px;margin: -1px 0 0 -1px;width: 240px;float: left;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.prod_nav li a{display: block;color: #555;}
.prod_nav li.cur a,.prod_nav li a:hover{color: #fff;background: #091f90;}

.prod1{margin-bottom: 9px;}
.pro_ico{width: 160px;height: 50px;bottom: 0;right: 298px;z-index: 9;}
.pro_ico em{width: 18px;height: 18px;display: inline-block;border-radius: 18px;background: #fff;float: left;margin: 0 10px 0 0;}
.pro_ico em.cur{background: #0a24a5;}
.prod1_gp,.prod1_gp p,.prod1_gp p img{width: 902px;height: 400px;display: block;overflow: hidden;float: left;}
.prod1_gw{width: 396px;height: 296px;right: 0;bottom: 0;font-size: 16px;line-height: 22px;color: #fff;z-index: 2;}
.prod1_gw h3{font-size: 36px;height: 60px;line-height: 60px;}
.prod1_gw h3 a{display: block;color: #fff;}
.prod1_gw span{display: inline-block;border: solid 1px #919194;line-height: 26px;font-size: 16px;letter-spacing:10px;margin-bottom: 38px;padding: 0 10px;}
.prod1_gw p{width:390px;}
.prod1_gg ul{overflow: hidden;}
.prod1_gg li{position: relative;overflow: hidden;margin-bottom: 9px;float:left;}
.prod1_gg li em{position: absolute;left: 0;background:url(../images/new_ico.png) no-repeat 0 0;width: 65px;height: 26px;top: 16px;}
.prod1_gg li,.prod1_gg li img{width: 293px;height: 197px;display: block;}

.prod2{height:354px;}
.prod2 li{border: solid 1px #e7e7e7;height:316px;width: 291px;margin:0 9px 0 0;float:left;}
.prod2 li p{display: block;overflow:hidden;}
.prod2 li p,.prod2 li p img{width:291px;height: 218px;display: block;}
.prod2 li span{display: block;border-top: solid 1px #e7e7e7;height: 52px;line-height: 52px;padding: 0 22px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.prod2 li span a{display: block;background:url(../images/ico02.gif) no-repeat right center;padding: 0 24px 0 0;color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/* 星威品质 */
.trait{font-family:"Microsoft Yahei";line-height: 20px;color: #fff;background:url(../images/traitbg.jpg) no-repeat center 0;height:660px;padding:70px 0 0;overflow: hidden;font-size: 16px;}
.trait_c{background:url(../images/traitcbg.png) no-repeat center 0;height:495px;position: relative;}
.trait_ico{position: absolute;top: 155px;left:506px;width: 182px;height: 182px;border-radius: 182px;}
.trait_c dl{width:470px;height: 182px;float: left;position: relative;}
.trait_c dt{position: absolute;width: 185px;top:50px;right: -162px;font-size: 28px;font-weight: bold;line-height: 31px;}
.trait_c dl dd{float: right;width: 316px;padding: 20px 0 0;}
.trait_c dl dd span{display: block;font-weight: bold;font-size: 20px;height: 42px;line-height: 42px;position: relative;margin-bottom: 10px;white-space: nowrap;}
.trait_c dl dd span:before{content: "";position: absolute;width:19px;height:2px;bottom:0;right:0;background: #c1c1c1;}
.trait_c dl:nth-child(2) dt{top: 103px;left: 0;}
.trait_c dl:nth-child(3) dt{top: 56px;right: 0;text-align: right;}
.trait_c dl:nth-child(4) dt{top:160px;left:-160px;}
.trait_c dl:nth-child(4) dt em{padding: 0 0 0 142px;}
.trait_c dt em{display: block;}
.trait_c dl:nth-child(4),.trait_c dl:nth-child(3){height: 296px;}
.trait_c dl:nth-child(2),.trait_c dl:nth-child(4){float: right;text-align: left;}
.trait_c dl:nth-child(1) dd,.trait_c dl:nth-child(3) dd{float: left;text-align: right;}
.trait_c dl:nth-child(2) dd span:before,.trait_c dl:nth-child(4) dd span:before{left:0;}
.trait_c dl:nth-child(3):hover dd,.trait_c dl:nth-child(4):hover dd span{padding-top: 66px;}
.trait_c dl:hover dd,.trait_c dl.cur dd{color: #333;}
.trait_c dl:hover dd span,.trait_c dl.cur dd span{color: #091f90;}
.trait_c dl dd:hover span:before{background:#091f90;}
.trait_c dl:nth-child(1).cur,.trait_c dl:nth-child(1):hover{background:url(../images/traitlbg1.png) no-repeat 0 0;}
.trait_c dl:nth-child(2):hover{background:url(../images/traitlbg2.png) no-repeat right 0;}
.trait_c dl:nth-child(3):hover{background:url(../images/traitlbg3.png) no-repeat 0 0;}
.trait_c dl:nth-child(4):hover{background:url(../images/traitlbg4.png) no-repeat right 0;}

/*解决方案*/
.plan{font-family:"Microsoft Yahei";padding:58px 0 0;position: relative;z-index: 1;line-height:24px;height:1088px;color: #2e323a;}
.plan .til01,.edge .til01{height: 124px;}
.part{position: relative;height:196px;}
.part_c{overflow: hidden;border-left: solid 1px #dfdfdf;}
.part_c li{float: left;border: solid 1px #dfdfdf;margin-left: -1px;}
.part_c li,.part_c li img{width:238px;height:133px;display: block;overflow: hidden;}
.prev1,.next1{width:42px;height:42px;cursor: pointer;z-index: 11;top:46px;right:-58px;position: absolute;}
.prev1{left:-58px;}

.plan_t{height:140px;font-size: 18px;text-align: center;line-height:50px;color: #333;padding-left: 104px;}
.plan_t li{float: left;width:165px;height:110px;border-left: 1px solid #e1e1e1;}
.plan_t li:first-child{border: 0;}
.plan_t li a{color: #333;}
.plan_t li:hover a,.plan_t li.cur a,.plan_t li a:hover{color: #091f90;font-weight: bold;}
.plan_t li span{width: 66px;height: 74px;display: block;position: relative;margin: 0 auto;}
.plan_t li span i{width: 66px;height: 74px;display: block;position: absolute;left: 0;top: 0;}
.plan_t li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.plan_t li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.plan_t li:hover span .default,.plan_t li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.plan_t li:hover span .hover,.plan_t li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.plan_c{position: relative;padding: 25px 0 0;z-index: 1;height: 413px;}
.plan_c:before{content: "";position: absolute;width:1200px;height:370px;background:#fff;bottom:0;left:0;z-index: -1;}
.plan_c dl{height:545px;width: 386px;float: left;background: #f4f4f4;margin: 0 20px 0 0;}
.plan_c dt,.edge_p{position: relative;}
.plan_c dt:after,.edge_p:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.plan_c dl:hover dt:after,.edge_c1:hover .edge_p:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.plan_c dt,.plan_c dt img{width:386px;height:217px;display: block;overflow: hidden;}
.plan_c dd{padding:40px 33px;}
.plan_c dd h4{display: block;font-size:20px;line-height: 34px;color: #333;font-weight: normal;height: 78px;}
.plan_c dd h4 span{display: block;color: #999;font-size: 14px;}
.plan_c dd h4 a{display: block;color: #333;}
.plan_c dd p{height: 116px;display: block;}
.plan_c dd span a{width:45px;height: 45px;background:url(../images/ico03.png) no-repeat 0 0;display: block;}
.plan_c dl:hover dd h4 a{color: #091f90;font-weight: bold;}
.plan_c dl:hover dd span a{background:url(../images/ico04.png) no-repeat 0 0;}

/*优势*/
.edge{font-family:"Microsoft Yahei";position: relative;line-height:22px;padding:63px 0;color: #333;background:url(../images/edgebg.jpg) no-repeat center 0;z-index: 1;font-size: 16px;}
.edge_t{height:142px;text-align: center;font-size: 20px;line-height: 22px;}
.edge_t li{height:142px;float: left;width: 300px;position: relative;background:url(../images/edgetbg1.png) no-repeat 0 0;z-index: 9;}
.edge_t li em{display: block;width: 37px;height: 34px;margin: 44px auto 0;}
.edge_t li b{display: block;line-height: 50px;}
.edge_t li p{background:url(../images/edgetbg2.png) no-repeat 0 0;position: absolute;left: 0;top: 0;color: #fff;width: 300px;height: 337px;display: none;}
.edge_t li p em{margin-top: 67px;height: 67px;}
.edge_t li.cur p{display: block;}

.edge_p,.edge_p img{width:1200px;height:500px;display: block;overflow: hidden;}
.edge_w{background: #f3f4f6;padding: 42px 0 0 36px;height: 204px;overflow: hidden;}
.edge_w1{width: 588px;}
.edge_w2{width: 504px;}
.edge_w1 li{width: 263px;height: 153px;background: #fff;padding: 3px;float: left;margin-left: -3px;}
.edge_w2 li{clear: both;margin-top: 22px;padding: 0 0 0 30px;background:url(../images/ico05.gif) no-repeat 0 4px;}
.edge_w2 li b{color: #37439c;}

/*资讯*/
.nswsbox{height:672px;padding-top:77px; overflow: hidden;font-family:"Microsoft Yahei";line-height: 24px;color: #666;font-size: 14px;clear: both;background:url(../images/newbg.jpg) no-repeat center 0;}
.news{float: left;width: 820px;}
.new_t{height:43px;line-height:32px;font-size: 18px;font-weight: bold;color: #333;margin-bottom: 26px;border-bottom: 1px solid #e3e3e3;position: relative;}
.new_t a{color: #333;}
.faqs .new_t a{padding-left:45px;}
.new_t span{display: block;float: right;padding: 6px 0;width: 55px;}
.new_t li{float: left;position: relative;padding: 0 20px 0 41px;}
.new_t li.cur:before,.faqs .new_t:before{content: "";position: absolute;width:30px;height:3px;background:#091f90;top:41px;left:0;}

.newtj{float: left;width: 384px;height:396px;background: #fff;}
.newtj dt,.newtj dt img{width: 384px;height:192px;display: block;overflow: hidden;}
.newtj dt:hover img{transform: scale(1.1);}
.newtj dd{padding: 15px 25px 0;height: 185px;}
.newtj h4{height: 34px;line-height: 34px;font-size: 16px;font-weight: bold;color: #333333;margin-bottom: 8px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.newtj h4 a{color: #333333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.newtj p{font-size: 14px;line-height: 24px;color: #555555;margin-bottom: 16px;}
.newtj span a,.about_w span a{width:140px;height: 30px;display: block;line-height: 30px;font-size: 14px;color: #fff;background:#091f90;text-align: center;}
.about_w span a{margin: 0 auto;}

.newr{float: right;width: 405px;}
.newr .moren{height: 70px;border-bottom: 1px solid #e9ebea;padding-top: 25px;}
.newr .moren dt{float: left;width: 50px;font-size: 30px;color: #626262;font-weight: bold;}
.newr .moren dt em{display: block;font-size: 14px;color: #777777;text-transform: uppercase;font-weight: normal;}
.newr .moren dd{height: 46px;line-height: 46px;font-size: 16px;color: #555555;overflow: hidden;}
.newr .newrlst:nth-child(4) .moren{border-bottom: none;}

.newr .hover{height: 98px;border-bottom: 1px solid #e9ebea; display: none;position: absolute;left:0;top:0;}
.newr .hover dt{float: left;width: 50px;font-size: 30px;color: #626262;font-weight: bold;}
.newr .hover dt em{display: block;font-size: 14px;color: #777777;text-transform: uppercase;font-weight: normal;}
.newr .hover dd{float: left;width: 206px;position: relative;padding-left: 146px;}
.newr .hover dd span{left:0;top:0;width: 132px;height: 66px;position: absolute;}
.newr .hover dd span img{width: 132px;height: 66px;display: block;}
.newr .hover h4{height: 24px;line-height: 24px;font-size: 16px;color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px;}
.newr .hover h4 a{color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.newr .hover p{font-size: 14px;line-height: 26px;color: #626262;height: 52px;overflow: hidden;}
.newrlst{position: relative; overflow: hidden; height: 100px;}
.newr .newrlst:hover .hover{display: block;}
.newr .newrlst:hover .moren{display: none;}
.newr dl.cur .hover{display: block;}
.newr dl.cur .moren{display: none;}

.faqs{float: right;width: 316px;height: 468px;overflow: hidden;}
.faqs_p{margin-bottom:17px;}
.faqs_p,.faqs_p img{width: 316px;height: 159px;display: block;overflow: hidden;}
.faqs_w dl{height:95px;border-bottom: 1px dashed #ccc;margin-bottom: 20px;}
.faqs_w dt{height: 32px;line-height: 26px;overflow: hidden;padding-left: 40px;font-size: 14px;font-weight: bold;color: #222;background:url(../images/faq_w.gif) no-repeat 0 6px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.faqs_w dt a{color: #222222;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.faqs_w dd{height: 48px;line-height: 24px;overflow: hidden;padding-left: 40px;font-size: 14px;color: #666666;background:url(../images/faq_d.gif) no-repeat;}

/*关于*/
.about{font-family:"Microsoft Yahei";padding:60px 0 0;background:url(../images/aboutbg.jpg) no-repeat center 0;position: relative;text-align: center;height: 490px;}
.about_w h3{padding:10px 0 0;height:245px;display: block;}

/*友情链接*/
.link{height:73px;line-height:73px;color: #fff;position: relative;z-index: 9;background: #2d343d;}
.link_c{width:1200px;margin: 0 auto;}
.link_c a{display: inline-block;color: #fff;padding: 0 14px;}
.link_c span{float: left;background:url(../images/ico06.gif) no-repeat 0 center;padding-left: 46px;font-size: 16px;font-weight: bold;}

.prod1_gg p img,.prod2 li p img, .part_c li img, .newtj dt img, .faqs_c dt img, .edge_p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.prod1_gg:hover p img,.prod2 li:hover p img, .part_c li:hover img, .newtj dl:hover dt img, .faqs_c dl:hover dt img, .edge_c1:hover .edge_p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}