@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;}
body{color:#333;}
/***********************公有样式**********************/
.top{height:50px;line-height:50px;background:#000;}
.top .tops{width:1200px;margin:auto;color:#fff;}
.topsRight{float:right;background:url(../img/ttel.png) no-repeat;background-position:0 center;width:300px;text-align:right;}
.topsRight em{font-size:28px;font-family:Arial;float:right;}

.commInpage{min-height:400px;}
.cipageRight{width:1200px;margin:70px auto;}
.cipageRight .cipagerCon a{color:#00aef3 !important;}
.cipageRight .cipagerCon p{line-height:25px;}
.header{background:#e00000;height:100px;}
.header .head{width:1200px;margin:auto;}
.header .head .headL{float:left;margin-top:35px;}
.header .head .headR{float: right;background:url(../img/lib.png) no-repeat;background-position:right center;width:772px;}

.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;}
.cipagerAddress{display:none;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:165px;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; height:100px; position:relative;background:url(../img/lib.png) no-repeat;background-position:-5px center}
.navs ul li .navxs{ display:none; position:absolute; z-index:99; background:#c00501; width:127px; overflow:hidden;}
.navs ul li .navxs p{height:45px; line-height:45px;background:#c00501;}
.navs ul li>a{height:64px;padding-top:36px;font-weight:700;font-size:18px;}
.navs ul li a p{font-size:12px;font-family:Arial;font-weight:500}
.navs ul li a.curr,.navs ul li a:hover,.navs ul li .navxs a:hover{ background:#c00501;}
.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*/
.ftop{background:url(../img/ftop.png) no-repeat;width:100%;height:98px;background-position:center center;min-width:1400px;}
.ftop ul{width:1400px;margin:auto;}
.ftop ul li{width:250px;float:left;color:#fff;margin-top:22px;padding-left:30px;}

.ftop .img{float:left;margin-right:11px;}
.ftop .tel{float:left;font-size:16px;margin-top:5px;}
.ftop .tel p{font-size:28px;font-weight:700} 
.foot{width:1300px;margin:auto;padding-top:72px;}
.bfooter{ white-space:100%; background:#2B2C2C;height:412px;border-bottom:1px solid #4f4f4f;color:#fffefe;}
.footLeft{float:left;width:520px;}
.footLeft ul li a{color:#fffefe;}
.footLeft ul li{float:left;font-size:16px;margin-right:65px;}
.footLeft ul li div{margin-top:28px;} 
.footLeft ul li p {line-height:30px;}
.footLeft ul li p:hover a{color:#da0000;}
.footLeft ul li p a{font-size:14px;}

.footCon{float:left;width:420px;}

.footRight{float:right;width:290px;}
.footRight span{font-size:38px;color:#d70306;font-weight:700;font-family:Arial}
.foot_lj{clear:both;padding-top: 20px;}
.foot_lj a{display: inline-block;color: #fff;margin-right: 20px;}
.foot_lj a:hover{color:red;}

.bottom{background:#000;line-height:60px;text-align:center;color:#fff}
/*部分特殊元素公有*/
.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; border:1px solid #999;width:34px; height:34px; background:#fff;behavior: url(PIE.htc); font-size:16px; color:#333; text-align:center; line-height:36px;}
.pages span.current{ background:#e11b2a;color:#fff;border:1px solid #e11b2a;}

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

#viewport {position: relative;width: 100%; }
.view-content,.view-img, .slide {margin:0;padding:0; height:600px;width: 100%;}
#viewport .slide {width:100%;left:0;background-repeat:no-repeat;background-position:center center;}
.slide img{ width:100%; height:600px; border-radius:5px;}
#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);display:inline-block;width:25px;height:25px;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:url(../img/a1.png); border-radius:100%;}
.view-controls a:hover,.view-controls a.active  { background:url(../img/a.png);}
/********幻灯结束********/

/**通知公告 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**/


/**首页关于我们 **/
.conNav{text-align:center;margin-bottom:40px;}
.conNav .title{height:55px;background:url(../img/nb.png) no-repeat;background-position:center ;font-size:35px;}
.conNav .title span{color:#ca161b} 
.conNav p{color:#666;margin-top:10px;}

.product{width:1400px;margin:80px auto;}	
.product .aboutLeft{width:695px;height:420px;overflow:hidden;float:left;overflow:hidden;position:relative;}
.product .aboutLeft ul li.d1{width:100%;}
.product .aboutLeft ul li img{width:100%;}
.product .aboutLeft .d2{position:absolute;bottom:0;text-align:right;width:675px;height:45px;line-height:45px;padding-right:20px;background:url(../img/opb.png);}
.product .aboutLeft .d2 a{display:inline-block;width:20px;height:20px;background:url(../img/a1.png) no-repeat;background-size:100%;margin:12px 3px;}
.product .aboutLeft .d2 a.dd{background:url(../img/a.png);background-size:100%;}
.product .aboutLeft .d1 .span{position:absolute;bottom:0;line-height:45px;color:#fff;z-index:9;padding-left:20px;}

.product .aboutRight{width:653px;height:420px;overflow:hidden;float:right;background:url(../img/aboutb.png) no-repeat;padding-left:42px;}
.product .aboutRight .title{margin-top:50px;}
.product .aboutRight .cont{width:605px;color:#cccccc;margin-top:35px;line-height:30px;font-size:15px;}

/**首页主营业务**/
.honor{width:1400px;height:430px;margin:auto;position:relative;}
.honor .Cont{width:1417px; float:left; overflow:hidden}
.honor .h_left{  cursor:pointer;position:absolute;top:260px;background:url(../img/z_left.png) no-repeat;height:80px;width:54px;left:0;z-index:99}
.honor .h_right{  cursor:pointer;position:absolute;top:260px;background:url(../img/z_right.png) no-repeat;height:80px;width:54px;right:0;z-index:99}
.honor .h_left:hover{background:url(../img/z_left1.png) no-repeat;}
.honor .h_right:hover{background:url(../img/z_right1.png) no-repeat;}
.honor .Cont .ke_img{width:455px;height:325px;margin-right:17.5px;float:left;overflow:hidden;color:#fff;text-align:center;opacity:0.9;transition:all 0.5s;}
.honor .Cont .ke_img p{font-size:26px;font-weight:700;margin:105px 0 15px 0;}
.honor .Cont .ke_img span{font-size:18px;}
.honor .Cont .ke_img div{margin-top:28px;transition:all 0.5s;background:url(../img/jia.png) no-repeat;height:25px;background-position:center;}
.honor .Cont .ke_img:hover div {transform:rotate(180deg);background:url(../img/jia1.png) no-repeat;background-position:center;}
.honor .Cont .ke_img:hover{opacity:1;color:#ca161b;transform:scale(1.05);}

/*首页案例展示*/
.anl{width:1400px;margin:80px auto;text-align:center;}
.anlNav span{display:inline-block;width:128px;height:40px;text-align:center;line-height:40px;border:1px solid #dadada;font-size:16px;cursor: pointer;}


.anlNav span.cs{background:#e20610;color:#fff;border:none;}
.anl ul{width:1420px;margin-top:40px;}
.anl ul li{float:left;margin-right:15px;text-align:left;margin-bottom:15px;height:354px;font-size:16px;}
.anl ul li div{height:324px;width:457px;overflow:hidden;}
.anl ul li img{width:100%; height:100%;transition:all 0.5s;}
.anl ul li:hover img{transform:scale(1.1);}
.anl ul li:hover {color:#e20610}
.anl ul li p{line-height:30px;}
.anl ul.nul2,.anl ul.nul3,.anl ul.nul4,.anl ul.nul5{display:none;}
.prMore{font-size:25px;font-weight:700;color:#ca161b;}
.prMore p{border:1px solid #333;width:148px;margin:auto;color:#333;font-size:15px;line-height:32px;}


/**首页 选择盛威力**/
.xuan{width:1400px;margin:auto;}
.xuan .X_video {width:1398px;border:1px solid #ececec;height:358px;padding-top:30px;}
.xuan .X_video .h_left2{float:left; cursor:pointer;width:84px;text-align:center;margin-top:104px;}
.xuan .X_video .h_right2{float:left; cursor:pointer;width:84px;text-align:center;margin-top:104px;}
.xuan .X_video .ke_img:hover img{transform:scale(1.1);}
.xuan .X_video .ke_img:hover p{color:#e20610;font-size:16px;}

/*首页新闻*/
.news{width:1400px;padding-top:80px;margin:auto;text-align:center;}
.news .newsLeft{width:695px;height:390px;overflow:hidden;float:left;overflow:hidden;position:relative;margin-top:40px;}
.news .newsLeft ul li.d1{width:100%;}
.news .newsLeft ul li img{width:100%;}
.news .newsLeft .d2{position:absolute;bottom:0;text-align:right;width:675px;height:45px;line-height:45px;padding-right:20px;background:url(../img/opb.png);}
.news .newsLeft .d2 a{display:inline-block;width:20px;height:20px;background:url(../img/a1.png) no-repeat;background-size:100%;margin:12px 3px;}
.news .newsLeft .d2 a.dd{background:url(../img/a.png);background-size:100%;}
.news .newsLeft .d1 .span{position:absolute;bottom:0;line-height:45px;color:#fff;z-index:9;padding-left:20px;}
.news .newsRight{float:right;width:680px;height:390px;overflow:hidden;margin-top:40px;text-align:left;}
.news .newsRight ul li{height:60px;overflow:hidden;margin-bottom:22px;}
.news .newsRight ul li .time{width:68px;padding-left:12px;border-right:1px solid #e6e6e6;height:60px;;float:left;}
.news .newsRight ul li .time p{font-size:30px;}
.news .newsRight ul li .contNew{width:580px;float:right;height:60px;line-height:30px;}
.news .newsRight ul li .contNew .tit{font-size:16px;color:#333;}
.news .newsRight ul li .contNew p{font-size:14px;color:#999;}
.news .newsRight ul li:hover{background:#efefef;}
.news .newsRight ul li:hover .time{color: #e20610}
.news .newsRight ul li:hover .contNew .tit{font-size:16px;color:#e20610;}
.nth2,.nth3{display:none;}
/*热文*/
.reWen{width:1400px;margin:70px auto;}
.reWen .rewen{width:1455px;}
.reWen .rewen .lis{float:left;margin-right:54px;width:430px;border-bottom:1px dashed #c7c7c7;height:70px;padding-top:16px;transition:all 0.8s;}
.reWen .rewen .lis .title{font-size:16px;margin-bottom:11px;}
.reWen .rewen .lis .cont{font-size:14px;color:#999;}
.reWen .rewen .lis .cont p{float:left;width:295px;overflow:hidden;height:20px;}
.reWen .rewen .lis .cont span{float:right;}
.reWen .rewen .lis .img{display:none;}

.reWen .rewen .lis.one{height:284px;padding-top:0px;}
.reWen .rewen .lis.one .img{display:block;margin-bottom:22px;width:430px;height:150px;overflow:hidden;}
.reWen .rewen .lis.one .img img{width:100%;transition:all 0.5s;}
.reWen .rewen .lis.one .cont p{width:100%;height:45px;line-height:22px;}
.reWen .rewen .lis.one .cont span{float:left;}

.reWen .rewen .lis:hover .img img{transform:scale(1.05);}
.reWen .rewen .lis:hover .title{color:#e20610;}
.reWen .rewen .lis:hover{background:#efefef;}

.partner{width:1400px;margin:auto;margin-bottom:70px;}
.partner ul li{width:220px;text-align:center;float:left;height:90px;line-height:90px;position:relative;}
.partner ul li div{width:100%;height:100%;position:absolute;top:0;background:url(../img/hb.png);font-size:38px;transition:all 0.5s;opacity:0}
.partner ul li:hover div{font-size:26px;opacity:1;color:#fff;}

/*****************************内页 start************************/
.topNav{width:100%;height:120px;box-shadow:0 5px 10px #dad9d9;}
.topNav .topNavs{width:1200px;margin:auto;height:120px;}
.topNav .topNavs img{margin-top: 28px;}
.topNav .topNavs .topLeft{float:left;width:425px;}
.topNav .topNavs .topRight{float:left;margin-top: 64px;}
.topNav .topNavs .topRight a{display:inline-block;;background:url(../img/lef.png) no-repeat;background-position:right center;line-height:30px;}
.topNav .topNavs .topRight span{display:inline-block;width:90px;height:30px;text-align:center;margin:0 10px;}
.topNav .topNavs .topRight span.curr{background:#e20610;color:#fff;}
.topNav .topNavs .topRight a:last-child{background:none;}

/*文字列表*/
.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:320px; -border-radius:10px;box-shadow:0 0 20px #eee;margin-right:30px;overflow:hidden;margin-bottom:30px;}
.piclist ul li .pics{width:100%;height:270px;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:#e20610;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;}






  @keyframes faderight{
        0%{opacity: 0;
            transform: translateX(500px);
        }
        100%{
            opacity: 1;
            transform: translateX(0px);
        }
    }
    @-webkit-keyframes faderight{
        0%{opacity: 0;
            transform: translateX(500px);
        }
        100%{
            opacity: 1;
            transform: translateX(0px);
        }
    }
    @-moz-keyframes faderight{
        0%{opacity: 0;
            transform: translateX(500px);
        }
        100%{
            opacity: 1;
            transform: translateX(0px);
        }
    }
    @-o-keyframes faderight{
        0%{opacity: 0;
            transform: translateX(500px);
        }
        100%{
            opacity: 1;
            transform: translateX(0px);
        }
    }
    @-ms-keyframes faderight{
        0%{opacity: 0;
            transform: translateX(500px);
        }
        100%{
            opacity: 1;
            transform: translateX(0px);
        }
    }
    .product{
        opacity:0;
        animation:faderight 1s .5s ease forwards;
        -webkit-animation:faderight 1s .5s ease forwards;
        -moz-animation:faderight 1s .5s ease forwards;
        -o-animation:faderight 1s .5s ease forwards;
        -ms-animation:faderight 1s .5s ease forwards;
    }