@charset "utf-8";
/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin: 0;padding: 0;font-size: 100%;font: inherit;}
i,em{ font-style:normal;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6 {-webkit-text-size-adjust: non}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block}
body {font-family:"Microsoft YaHei", arial, sans-serif}
ol,ul {list-style: none}
blockquote,q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none}
ins {text-decoration: none}
del {text-decoration: line-through}
a{ text-decoration:none;color:#333;}
table {border-collapse: collapse;border-spacing: 0}
body {font-size: 14px;margin: 0;padding: 0;text-align: left;color: #000;height: auto;width: 100%;overflow-x: hidden;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-touch-callout: none;-webkit-text-size-adjust: none}
img,a img {border: 0;padding: 0;margin: 0;vertical-align: middle;}
a:hover{transition:all 0.3s ease 0s;}
.clear{ clear:both;}

/***********************公有样式**********************/
.header{background:#253889;height:80px;}
.header .head{width:1200px;margin:auto;}
.header .head .headL{float:left;margin-top:7px;}
.header .head .headR{float: right;}

.p_left{float:left;width:245px;}
.p_left .cipagela{background:#3249a4;color:#fff;font-size:24px;height:60px;line-height:60px;padding-left:20px;}
.p_left .cipagelb{border:1px solid #eee;border-top:none;box-shadow:0 10px 10px #dbdbdb;}
.p_left .cipagelb li a{line-height:40px;border-top:1px solid #eee;padding:0 20px;display:block;}
.p_left .cipagelb li a.curr{background:#3249a4;color:#fff;}
.p_left .cipagelb li:hover a{background:#3249a4;color:#fff;}
.p_right{float:right;width:900px;}
.p_right .cipagerAddress{display:block;margin-bottom:20px;}
.p_right .piclist ul{width:900px;}
.p_right .piclist ul li{width:276px;margin:0 11px;height:200px;border:1px solid #eee;position:relative;overflow:visible;margin-bottom:60px;box-shadow:none;}
/*.p_right .piclist ul li img{transition:all 0.5s;}*/
/*.p_right .piclist ul li:hover img{transform:scale(1.1);}*/
/*.p_right .piclist ul li:hover{border:1px solid #3249a4;}*/
.p_right .piclist ul li .pics{width:90%;margin:auto;height:180px;margin-top:10px;}
/*.p_right .piclist ul li p{position:absolute;bottom:-20px;left:0;right: 0;margin:auto;width:80%;background:#eee;line-height:40px;height:40px;}*/

.cipzz ul{width:1240px;}
.cipzz ul li{float:left;overflow:hidden;width:270px;margin-right:40px;text-align:center;margin-bottom:40px;}
.cipzz ul li .pics{height:385px;overflow:hidden;}
.cipzz ul li .pics img{transition:all 0.5s;width:100%}
/*.cipzz ul li:hover img{transform:scale(1.1);}*/
.cipzz ul li p{line-height:40px;font-size:18px;height:40px;overflow:hidden;}
.cipzz ul li:hover p{color:#fff;background:#3249a4;}

.bnavs{ width:100%; height:45px; background:#0D8293;}
/*.navs{ width:; margin:0 auto;}*/
.navs ul{height:45px; margin:0 auto; display:block;font-size:16px;}
.navs ul li{ float:left; width:127px; line-height:80px; position:relative;}
.navs ul li .navxs{ display:none; position:absolute; z-index:99; background:#3249a4; width:127px; overflow:hidden;}
.navs ul li .navxs p{height:45px; line-height:45px;background:#3249a4;}
.navs ul li a.curr,.navs ul li a:hover,.navs ul li .navxs a:hover{ background:#3249a4;}
.navs ul li:first-child{ background:none;}
.navs ul li a,.navs ul li .navxs p a{ display:block; font-size:14px; color:#fff; text-align:center;}

/*footer*/
.bfooter{ white-space:100%; background:#2B2C2C;height:219px;border-bottom:1px solid #4f4f4f}
.footer{ width:1200px; margin:0 auto; padding-top:50px;}
.footerTop{ color:#fff;width:700px;float:left;}
.footerTop .topTit{height:40px;line-height:40px;border-bottom:1px solid #4f4f4f;width:100%;}
.footerTop .topTit ul{width:750px;}
.footerTop .topTit ul li{float:left;margin-right:47px;font-size:16px;}
.footerTop .topB{margin-top:10px;color:#aaa}
.footerTop .topB p{line-height:30px;}
.footerTop a{ font-size:16px; color:#fff;}
.footerTop a:hover{color:#aaa;}
.footRight{float:right;}
.footRight .span{display:inline-block;margin-left:30px;position:relative;width: 50px;}
.footRight .span .b{position:absolute;top:60px;display:none;}
.footRight .span .b.b1{background:url(../img/ftelb.png) no-repeat;width:160px;height:75px;padding:25px 20px;right:-75px;}
.footRight .span .b.b1 p{color: #253889;font-size:26px;font-family:Impact}
.footRight .span .b.b2{background:url(../img/fwxb.png) no-repeat;width:120px;height:110px;padding:11px 5px;right:-45px;}
.footRight .span .b.b2 img{width:110px;height:110px;}
.footRight .span:hover .b{display:block;}

.footerBot{ font-size:14px; color:#8C8D8D;clear:both;background:#2B2C2C;line-height:60px;height:60px;}
.footerBot p{width:1200px;margin:auto;}
.footerBot p a{color:#aaa;}

.bottoms{background:#333;}
.bottoms p{width:1200px;margin:auto;line-height:55px;height:55px;color:#fff;}
.bottoms p a{color:#aaa;display:inline-block;margin-right:20px;}
/*部分特殊元素公有*/
.comas{ display:block; float:right; font-size:14px; color:#333;}
.comab{ color:#869697; float:right; padding-right:10px;}
.comas:hover,.comab:hover{ color:#e11b2a;}
.emptys{ width:100%; padding:10px 0; font-size:14px; color:#e11b2a; text-align:center;}

/*公共列表*/
.commUlList{ margin:27px 0; word-spacing:100%;}
.culitop{ height:36px; }
.culitop span{ width:90px; display:block; text-align:center; background:url(../img/lanp.png) no-repeat; height:36px; line-height:30px; font-size:16px; float:left; color:#fff;}
.culitop em{ width:296px; display:block; height:30px; line-height:30px; float:left; background:#E9F4F5;}
.commUlList ul{ padding-top:9px; min-height:108px;}
.commUlList ul li{ height:35px; line-height:35px; overflow:hidden; border-bottom:1px dashed #D4D4D4; background:url(../img/yjt.png) 0 50% no-repeat; }
.commUlList ul li a{ text-indent:20px; display:block; font-size:14px; color:#000;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;white-space:nowrap;vertical-align:bottom;}
.commUlList ul li a:hover{color:#e11b2a;}

/**分页**/
.pages{ padding:20px 0; text-align:center;}
.pages a,.pages span{ display:inline-block; width:36px; height:36px; background:#253889; margin:0 5px; border-radius:5px;behavior: url(PIE.htc); font-size:16px; color:#fff; text-align:center; line-height:36px;}
.pages span.current{ background:#e11b2a;}

/**************************页面私有**************************/
.banTop{height:400px;overflow:hidden;}
/*幻灯start*/
.slid2{ width:100%; margin:0 auto; height:810px;}

#viewport {position: relative;width: 100%; }
.view-content,.view-img, .slide {margin:0;padding:0; height:810px;width: 100%;}
#viewport .slide {width:100%;left:0;background-repeat:no-repeat;background-position:center center;}
.slide img{ width:100%; height:810px;}
#viewport .slide a {display:block;width:100%;height:100%;top:0;left:50%;}
.view-content {overflow: hidden;text-align:center;}
#controls {overflow: hidden;*zoom:1;}
#controls li {display: inline; float:left;width:33%;text-align:center;}
.goto-slide {}
#next, #prev { position: absolute;top: 50%;margin-top:-50px;width: 80px;height: 100px;background: url(../img/viewport-button.png) 0 0 no-repeat;display: block;z-index:10;}
#next {right:0;background-position:-80px 0;}
#prev {left:0;background-position:0 0;}
#next:hover {background-position:-80px -100px;}
#prev:hover {background-position:0 -100px;}
.view-controls {position:relative;width:100%;text-align:center; height:38px; margin-top:-34px;}
.view-controls a {behavior: url(PIE.htc);opacity:0.5;display:inline-block;width:10px;height:10px;overflow:hidden;margin:0 0 0 7px;-webkit-transition: border-color 350ms ease;-moz-transition: border-color 350ms ease;-o-transition: border-color 350ms ease;-ms-transition: border-color 350ms ease;transition: border-color 350ms ease;transition: border-color 350ms ease; background:#fff; border-radius:100%;}
.view-controls a:hover,.view-controls a.active  {opacity:1; background:#fff;}
/********幻灯结束********/

/**通知公告 start**/
.bgong{ width:100%; height:auto; border-bottom:1px solid #DDDDDD;}
.gong{ width:1150px; margin:0 auto; height:50px; overflow:hidden;background:url(../img/jit.png) 100% 50% no-repeat;}
.gong i{ display:block; float:left; width:52px; height:50px; background:url(../img/gons.png) 0 50% no-repeat;}
.gong ul{ display:block; float:left; width:1098px;}
.gong ul li{ overflow:hidden; height:50px; line-height:50px;}
.gong ul li a{ display:block; float:left; font-size:16px; color:#333; width:75%;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;white-space:nowrap;}
.gong ul li em{ display:block; float:right; width:112px;  font-size:14px; color:#999;}
/**通知公告 end**/


/**首页产品展示 start**/
.conNav{text-align:center;position:relative;margin-bottom:60px;}
.conNav .title{height:55px;background:url(../img/nb.png) no-repeat;background-position:center 100%;font-size:28px;font-weight:700;color:#253889;position:absolute;top:15px;left:0;right:0;}
.conNav .title span{color:#ff9900} 
 .product{width:1200px;margin:80px auto;}
 .product ul{width:1230px;}
 .product ul li{width:380px;height:340px;float:left;text-align:center;margin-right:30px;}
 .product ul li:hover p{background:#253889;color:#fff;}
 .product ul li .prImg{width:100%;height:280px;overflow:hidden;}
 .product ul li .prImg img{max-width:100%;}
 .product ul li p{line-height:50px;}
 .prMore{width:148px;height:38px;border:1px solid #253889;color:#253889;line-height:40px;text-align:center;margin:40px auto;}
 .prMore:hover{background:#253889;color:#fff;}
/**首页关于我们**/
.about{width:100%;height:620px;padding-top:80px;background:url(../img/ab.png) ;background-size:auto 100%;background-position:center;}
.about .aboutLi {width:1200px;margin:auto;}
.about .aboutLi ul{width:1210px;}
.about .aboutLi ul li{width:297px;height:420px;float:left;margin-right:4px;transition:all 0.5s;}
.about .aboutLi ul li .abImg{width:100%;height:185px;overflow:hidden;position:relative;transition:all 0.5s;}
.about .aboutLi ul li .abImg img{transition:all 0.8s;width:100%;position:absolute;top:-182px;}
.about .aboutLi ul li .abPost{width:100%;height:2px;background:#253889;position:absolute;top:183px;transition:all 0.5s;}
.about .aboutLi ul li .title{padding:30px 29px 25px 29px;background:#fff;transition:all 0.5s;height:170px;}
.about .aboutLi ul li .title p{margin-bottom:10px;line-height:25px;}
.about .aboutLi ul li .title b{font-size:20px;}
.about .aboutLi ul li .title hr{width:40px;margin:21px 0;;border:none;border-bottom:1px solid #253889;}
.about .aboutLi ul li:hover .abPost{top:0;}
/*.about .aboutLi ul li:hover .abImg img{top:-182px;}*/
.about .aboutLi ul li:hover .title{background:#253889;color:#fff;}
.about .aboutLi ul li:hover .title hr{border-bottom:1px solid #fff;}
/*首页案例展示*/
.anl{width:1200px;margin:80px auto;text-align:center;}
.anl .cont{width:770px;margin:auto;font-size:14px;line-height:26px;margin-bottom:40px;}
.anl ul{width:1205px;}
.anl ul li{background:#f5f5f5;margin:0 4px 4px 0;width:297px;height:260px;float:left;}
.anl ul li .anImg{width:100%;height:220px;overflow:hidden;transition:all 0.5s;}
.anl ul li .anImg img{transition:all 0.5s;height:220px;}
.anl ul li p{line-height:40px;}
.anl ul li:hover .anImg img{transform:scale(1.1);}
.anl ul li:hover{background:#253889;color:#fff;}
/**首页 选择盛威力**/
.xuan{width:100%;height:1480px;background:url(../img/back.png);padding-top:80px;}
.xuan ul{width:1200px;margin:auto;}
.xuan ul li{height:295px;margin-bottom:60px;}
.xuan ul li:nth-child(odd) .xuanL{float:left;}
.xuan ul li:nth-child(even) .xuanL{float:right;}
.xuan ul li:nth-child(odd) .xuanR{float:right;}
.xuan ul li:nth-child(even) .xuanR{float:left;}
.xuan ul li .xuanL{background:url(../img/xb.png) no-repeat;background-position:center 100%;width:600px;height:295px;}
.xuan ul li .xuanL .xuanLx{height:120px;}
.xuan ul li .xuanL .xuanL2{margin-top:40px;}
.xuan ul li .xuanL .num{float:left;background:url(../img/numb.png) no-repeat;width:81px;height:71px;line-height:71px;text-align:center;color:#fff;font-family:Impact;font-size:34px;padding-left:5px;}
.xuan ul li .xuanL .xCont{width:450px;margin-left:28px;float: left;}
.xuan ul li .xuanL .xCont .tit{font-size:20px;color:#253889;font-weight:700;}
.xuan ul li .xuanL .xCont .cont{margin-top:15px;line-height:25px;}
.xuan ul li .xuanL .xCont p{color:#ff9900;font-family:Impact;font-size:20px;margin-top:10px;}

/*首页新闻*/
.news{width:100%;height:710px;background:url(../img/newsB.png) no-repeat;background-position: center;padding-top:80px;}
.news .newsTop{text-align:center;}
.news .newsTop span{display:inline-block;width:115px;height:44px;line-height:40px;background:url(../img/n1b.png) no-repeat;margin:0 10px;}
.news .newsTop span.newBot{background:url(../img/n2b.png);color:#fff;}
.news .newsList{width:1200px;margin:40px auto;}
.news .newsList ul{width:1250px;}
.news .newsList ul li{width:580px;height:100px;border-bottom:1px dashed #dddddd;margin:0 45px 25px 0;float:left;}
.news .newsList ul li .newsImg{width:123px;height:82px;overflow:hidden;float:left;margin-right:17px;}
.news .newsList ul li .newsImg img{transition:all 0.5s;}
.news .newsList ul li .nCont{float:left;width:440px;color:#999;}
.news .newsList ul li .nCont p{font-size:16px;color:#333;margin-bottom:18px;}
.url1,.url2{height:378px;}
.news .newsList ul.url2{display:none;}
.news .newsList ul li:hover .newsImg img{transform:scale(1.1);}
.news .newsList ul li:hover .nCont{color:#253889;}
.news .newsList ul li:hover .nCont p{color:#253889;}
/*****************************内页 start************************/
.commInpage{ width:1200px; margin:27px auto; height:auto; min-height:400px;}
.cipageLeft{ width:1200px;margin:auto;text-align:center;}
.cipageLeft .cipagela{font-size:35px;border-bottom:1px solid #eee;padding-bottom:30px;}
.cipageLeft .cipagelb{margin:50px 0;}
.cipageLeft .cipagelb ul li{display:inline-block; font-size: 15px;margin:50px 13px;margin:12px;}
.cipageLeft .cipagelb ul li a{color:#333;border: 2px solid #e3e3e3;padding: 8px 18px;}
.cipageLeft .cipagelb ul li a.curr{color:#253889;border: 2px solid #253889;}

.cipageRight{ width:1200px;margin:auto;}
.cipagerAddress{ height:30px; border-bottom:1px solid #E7E7E7; font-size:14px; color:#7e7e7e;display:none;}
.cipagerAddress a{ color:#7e7e7e;}
.cipagerAddress a:hover{ color:#004a91;}
.cipagerTop{ text-align:center; padding-bottom:10px;border-bottom:1px dashed #E7E7E7;}
.cipagerTop p{ font-size:28px; color:#333; padding:10px 0 5px 0; font-weight:bold;}
.cipagerTop span{ font-size:14px; color:#888;}
.cipagerCon{ padding:10px 0;}
.cipagerCon *,.cipagerCon img{ max-width:100%;}


/*文字列表*/
.articlelist{}
.articlelist ul li{ overflow:hidden; height:36px; line-height:36px; border-bottom:1px dashed #E7E7E7; background:url(../img/yjt.png) 0 50% no-repeat;}
.articlelist ul li a{ text-indent:10px; display:block; float:left; width:700px; font-size:14px; color:#7e7e7e;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;white-space:nowrap;}
.articlelist ul li span{ display:block; float:right; font-size:13px; color:#888; padding-right:10px;}
.articlelist ul li a:hover{ color:#004a91;}


/*图文列表*/
.pics img{max-width:100%;}
.piclist{}
.piclist ul{width:1230px;}
.piclist ul li{ float:left; width:380px;height:330px; -border-radius:10px;box-shadow:0 0 20px #eee;margin-right:30px;overflow:hidden;margin-bottom:30px;}
.piclist ul li .pics{width:100%;height:280px;overflow:hidden;}
.piclist ul li .pics img{width:100%;}
.piclist ul li p{ height:50px; line-height:50px; text-align:center; font-size:14px; color:#333;}
.piclist ul li:hover{box-shadow:0 0 20px #999;}
.piclist ul li:hover p{ background:#253889;color:#fff;}
.piclist ul li:hover .pics img{filter:alpha(opacity=80);  -moz-opacity:0.8;  -khtml-opacity: 0.8;  opacity: 0.8; }


/*团队列表*/
.teamlist ul li{ overflow:hidden; padding:20px;border-bottom:1px dashed #E7E7E7;}
.teamlist ul li .teamLeft{ float:left; width:120px;}
.teamlist ul li .teamLeft img{ width:120px;transition:all 0.5s;}
.teamlist ul li .teamRight{ float:left; width:800px; margin-left:20px}
.teamlist ul li .teamRight p{ font-size:16px; }
.teamlist ul li .teamRight p a{color:#333; font-weight:bold;}
/*.teamlist ul li .teamRight p a:hover{color:#e11b2a;}*/
.teamlist ul li .teamRight span{ padding-top:10px; height:75px; overflow:hidden; display:block; line-height:26px; font-size:14px; color:#666;}
.teamlist ul li .teamR{float:right;line-height:80px;color:#999;}
.teamlist ul li:hover{background:#eee;}
.teamlist ul li:hover .teamLeft img{transform:scale(1.1);}
.teamlist ul li:hover .teamRight p a{color:#253889;}
.teamlist ul li:hover .teamRight span{color:#253889;}

/*留言，预约*/
.messa{ width:600px; margin:0 auto;}
.messa ul{ padding-top:20px;}
.messa ul li{ overflow:hidden; }
.messa ul li span{ display:block; float:left; width:100px; line-height:36px; text-align:right; font-size:14px; color:#333;}
.messa ul li span.span2{ line-height:20px;}
.messa ul li p{ float:left;}
.messa ul li em{ display:block; overflow:hidden;}
.messa ul li em.em2{ line-height:20px; font-size:14px;}
.messa ul li input[type="text"]{ float:left; width:350px; border:1px solid #ccc; text-indent:10px; padding:7px 0; font-size:14px; color:#888; outline:none;}
.messa ul li em img{ cursor:pointer; height:36px; float:left; margin-left:15px;}
.messa ul li textarea{ border:1px solid #ccc; width:342px; outline:none; padding:5px; font-size:14px; color:#888; height:100px;}
.messa ul li input.yzm{ width:160px;}
.messa ul li input[type="radio"]{ vertical-align:middle; margin:-2px 3px 0 0;}
.messa ul li p i{ color:#e11b2a; display:block; line-height:26px; height:26px;}
.dotis{ width:150px; height:40px; line-height:40px; text-align:center; background:#0D8293; font-size:16px; color:#fff; display:block; margin:20px auto;}