*{padding:0; margin: 0; box-sizing: border-box; font-family:  "Microsoft YaHei";}
.pull-left{float: left; padding-left:30px; background:url(../images/welcome.png) no-repeat center left;}
.pull-right{float: right; padding-left:25px; background:url(../images/date_ico.png) no-repeat center left;}
.clearfix:after{display: block; content: ""; clear: both;}
a,a:hover,a:active,a:link,a:focus{text-decoration: none;color:#333;}
li{list-style: none;}
input:focus{outline: none;}

/*top-intr*/
.top-intr{ height: 35px; line-height: 35px; background-color: #005bac;color: #fff;}
.top-intr div{width:1200px; margin: auto;}
.top-intr p{line-height: 35px; font-size: 13px;color:#fff;}
.top-intr p a:hover{color: #fff;}
.top-intr p a{padding:0 10px; border-right: 1px solid #fff;}

.top-intr p a:last-child{border: none;}

.logobar,.nav-list ul,.about,.pro,.link>div,.foot-nav,.cp-mes{width:1200px; margin: auto;}
/*nav*/
.nav .na-logo{float: left; padding:20px 0;}
.nav .dao{float: right;}
/*banner*/
.banner {width:100%; }
.banner .bd { position:relative; left:50%; width:1920px; margin-left:-960px; text-align:center;}
.banner .hd { position:absolute; bottom:0; width:100%; height:6px; z-index:1;}
.banner .hd ul { width:1002px; height:6px; margin:0 auto; text-align:center;}
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:188px; height:6px;  background:#fff; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top;}
.banner .hd ul .on { background:#005bac;transition:0.8s;}
.banner .bPrev,.banner .bNext { position:absolute; top:50%; display:block; width:42px; height:42px; margin-top:-30px; z-index:99; display:none;}
.banner .bPrev { left:58px; background:url(../images/bPrev.png) no-repeat;}
.banner .bPrev:hover{left:58px; background:url(../images/bPrev2.png) no-repeat;}
.banner .bNext { right:58px; background:url(../images/bNext.png) no-repeat;}
.banner .bNext:hover { right:58px; background:url(../images/bNext1.png) no-repeat;}
.banner img,.cols img,.leftPicTitle img,.detail img { vertical-align:top;}
.wrapper { position:relative; width:100%; margin:0; overflow:hidden;}

<!--about us-->
.wow{ width:100%;overflow:hidden;}
.us{ width:1200px;height:438px;margin:0 auto;margin-top:99px;margin-bottom:107px;}
.us_l{float:left;}
.us_r{float:right;width:725px;}
.us_r h2{color:#005bac;}
.us_r h3{font-size:21px;color:#242529;line-height:30px;}
.us_r h3 span{color:#005bac;}
.us_r p{fontsize:14px;line-height:30px;color:#242529;padding-top:18px;
overflow:hidden;
text-overflow:ellipsis; 
display:-webkit-box;
-webkit-line-clamp:7;
-webkit-box-orient:vertical;
 text-align:justify;
}
.us_r p span{color:#005bac;}
.us_r ul{width:725px;height:139px;border:1px solid #dcdcdc;margin-top:15px;}
.us_r ul li{width:180.75px;height:139px;border-right:1px solid #dcdcdc;float:left; }
.us_r ul li h1{color:#005bac;text-align:center;line-height:70px;padding-top:18px;}
.us_r ul li .m{font-size:16px;font-weight:bold;color:#9b9b99;text-align:center;padding-top:4px;}

.us_r ul li:hover{background:#005bac;border-right:1px solid #005bac;transition: all 0.5s;}
.us_r ul li:hover h1{color:#fff;transition: all 0.5s;}
.us_r ul li:hover .m{color:#fff;transition: all 0.5s;}

<!--products-->
.products{width:100%;overflow:hidden;}
.pro{width:100%;height:902px;background: url(../images/b_02.png) no-repeat;}
.duc{width:1200px;height:902px;margin:0 auto;}

.main{width:1200px;height:164px;}
.main .main_aa{width:1200px;height:51px;}
.main .main_a{width:1200px;height:33px;}
.main .main_a h2{width:106px;height:33px;color:#fff;float:left;}
.main .main_a p{width:300px;height:33px;color:#c9e1f6;font-size:15px;float:left;line-height:33px;}
.main .main_bb{width:1200px;height:50px;}
.main .main_b{width:1200px;height:30px;}
.main .main_b h3{color:#fff;}

.bds{height:596px;}
.bds ul{width:1200px;height:596px;}
.bds ul li{width:300px;float:left;display:inline;}
.bds .pt{width:300px;height:298px;position:relative;overflow:hidden;}
.bds .sd{width:300px;height:298px;background:rgba(0,91,172,0.58);position:absolute;bottom:-298px;left:0;transition: all 0.5s;}
.bds .sdt{border:2px solid rgba(255,255,255, 0.43);width:267px;height:264px;margin:16px auto 0;cursor:pointer;}
.bds .sdx{width:50px;height:50px;background: url(../images/e_03.png) no-repeat;border-radius:100px;margin:107px auto 0;}
.bds .pt:hover .sd{bottom:0;}

.more{width:174px;height:47px;border:2px solid #005bac;margin:0 auto;background: url(../images/a_30.jpg) no-repeat 120px 14px;font-size:16px;color:#005bac;
line-height:46px;font-weight:bold;text-indent:42px;margin-top:43px;}


<!--news-->
.news{width:100%;overflow:hidden;}
.center{width:100%;height:796px;background: url(../images/b_04.png) no-repeat;}
.center-a{width:1200px;height:796px;margin:0 auto;}

.main2{width:1200px;height:177px;}
.main2 .main_aa{width:1200px;height:58px;}
.main2 .main_a{width:1200px;height:33px;}
.main2 .main_a h2{width:106px;height:33px;color:#005bac;float:left;}
.main2 .main_a p{width:300px;height:33px;color:#005bac;font-size:15px;float:left;line-height:33px;}
.main2 .main_bb{width:1200px;height:56px;}
.main2 .main_b{width:1200px;height:30px;}
.main2 .main_b h3{color:#939596;}

.newslist{width:1200px;height:433px;margin:0 auto;}
.lista{width:575px;height:100%;background:#fff;float:left;}
.lista:hover{transform: scaleY(1);box-shadow: 0px 8px 19px #dedede;}
.lista img{padding:18px 20px 14px 17px;}
.lista .ma{width:541px;height:33px;background:rgba(2,42,77,0.58);color:#fff;line-height:33px;text-indent:23px;position:relative;top:-47px;left:17px;}

.con{width:596px;height:62px;margin-left:19px;margin-top:-30px;}
.con-b{width:541px;height:62px;}
.con-b p.ti-b{font-size:13px;color:#5f5f60;line-height:28px;}

.listb{width:600px;height:100%;float:right;}
.listb ul{width:100%;}
.listb ul li{width:100%;height:99px;background:#fff;margin-bottom:12px;}
.listb ul li .sub1{width:556px;height:15px;}
.listb ul li .sub{width:556px;height:16px;border-left:2px solid #005bac;font-size:14px;color:#333;margin-left:21px;line-height:16px;text-indent:18px;font-weight:bold;}
.listb ul li .sub span{float:right;color:#5f5f60;font-weight:none;}
.listb ul li .sub2{width:538px;height:68px;font-size:13px;color:#5f5f60;float:right;margin-right:21px;line-height:25px;padding-top:5px;}

.listb ul li:hover{transform: scaleY(1);box-shadow: 0px 8px 19px #dedede;transition: transform .75s cubic-bezier(.19,1,.22,1);background:#005bac;transform-origin: top;transition: all 0.5s;}
.listb ul li:hover .sub{border-left:2px solid #fff;color:#fff;transition: all 0.5s;}
.listb ul li:hover .sub span{color:#9ac6ee;transition: all 0.5s;}
.listb ul li:hover .sub2{color:#9ac6ee;transition: all 0.5s;}

.more2{width:174px;height:47px;border:2px solid #005bac;margin:0 auto;background: url(../images/a_30.jpg) no-repeat 120px 14px;font-size:16px;color:#005bac;
line-height:46px;font-weight:bold;text-indent:42px;margin-top:74px;}

<!--foot-->
.foot{width:100%;overflow:hidden;}
.footer{width:100%;height:301px;background: url(../images/b_05.png) no-repeat;}
.fo-a{width:1200px;height:53px;margin:0 auto;}
.fo-b{width:1200px;height:248px;margin:0 auto;}
.fo-b .fo-ab{width:812px;height:248px;float:left;}
/*.fo-b .fo-ab td{width:17%;}
.fo-b .fo-ab .wo{font-size:16px;color:#fff;}
.fo-b .fo-ab .wo td{padding-bottom:14px;background: url(../images/h_03.png) bottom left no-repeat;}
.fo-b .fo-ab .ti{font-size:13px;color:#98c3e8;line-height:31px;}*/

.fo-b .fo-bb{width:1px;height:210px;background:#a6cff2;float:left;}

.fo-b .fo-cb{width:387px;height:248px;float:right;}
.fo-b .fo-cb .tic{font-size:19px;color:#fff;}
.fo-b .fo-cb .tia{font-size:13px;color:#98c3e8;line-height:31px;}
.fo-b .fo-cb .tib{font-size:14px;color:#98c3e8;line-height:44px;}
.end{width:100%;height:65px;background:#032d52;}
.end-a{width:1200px;margin:0 auto;}
.end-a .co{font-size:13px;color:#fff;line-height:65px;float:left;}
.end-a .ji{font-size:13px;color:#fff;line-height:65px;float:right;}



.location { position:relative; width:1200px; height:72px; line-height:72px; background:url(../images/home.png) left center no-repeat; padding-left:30px;font-size:14px; overflow:hidden;color:#333;margin: 0 auto;}
.wrap { width: 1200px; margin: 0 auto;}

.f-z-1{padding-bottom:40px;}
.f-z-1 dl{float:left;width:16%;}
.f-z-1 dl a:hover{color:#e20909;}
.f-z-1 dt{padding-bottom:26px;}
.f-z-1 dt a{font-size:16px;color:#fff;background:url(../images/h_03.png) bottom left no-repeat;padding-bottom:16px;}
/*公司简介*/
.gsjj_left{list-style:none; width:56%; float:left;}
.gsjj_right{list-style:none; width:44%; float:right; text-align:right;}
.gsjj_right img{width: 480px;}

/*企业文化*/
.qywh_left{list-style:none; width:30%; float:left;}
.qywh_right{list-style:none; width:70%; float:right; text-align:right;}
.qywh_right img{width: 800px;}

/*翻页*/
#page{margin:10px 5% 10px 5%; overflow:hidden; text-align:center; font-size:14px; clear:both; padding-bottom:30px;}
#page .scott{ display:inline-block; margin:0 auto;overflow:hidden;}
#page .scott span,#page .scott a:hover{ background:#5587ce; border:1px solid #5587ce; color:#fff; display:inline; float:left; margin:5px 3px; padding:0 14px; height:34px; line-height:34px; text-decoration:none;}
#page .scott a{padding:0 14px; height:34px; line-height:34px; background-color:#fff; border:1px solid #ccc; margin:5px 3px; display:inline; float:left; color:#222;}
/**/
.page_back{ border-top:1px dashed #ddd; padding:20px 0; margin-top:20px; position:relative; min-height:50px; _height:50px; font-size:16px; line-height:40px;}
.page_back a{ color:#444;}
.page_back a:hover{ text-decoration:underline; color:#a7a25a;}
.page_back .bapage_back_up{ position:absolute; right:10px; top:40px;}
.bapage_back_up em.iconfont{ font-size:18px; font-style:normal; margin-right:6px; display:inline-block;}