<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
/*top header*/
.top{ height: 111px; width: 1200px; margin: 0 auto;}
.dl{ position: absolute; right: 0; top: 20px;}
.text-hide{ text-indent: -9999px;}
.logo{ background: url(../images/logo.jpg) no-repeat left center;height: 111px; width: 220px;}
.tb{ height:40px; line-height: 40px; background: #f3f3f3; text-align: right;}
.nav{height: 111px; line-height: 111px;}
.nav &gt; li{ float: left; width: 100px; margin: 0 10px;}
.nav &gt; li &gt; a{ text-align: center; font-size: 16px; display: block; color: #555555;}
.nav &gt; li &gt; a:hover{ background: #1e83cb; color: #FFF;}
.nav &gt; li &gt; ul{ display: none; opacity: 0; z-index: 99999; position: relative;}
.nav &gt; li &gt; ul{ position: absolute; left: 0; height: 194px; background: #0c67bf; width: 100%; top: 130px; transition: 0.3s all; overflow: hidden;}
.nav &gt; li:hover &gt;ul{display: block; top: 111px; border-top: 1px solid #FFF; opacity: 1;}

ul.menu .menu_a{ position: relative; float: left; width: 270px; border-right: 1px solid #0b5caa;padding-top: 24px; height: 140px; margin-left:400px;}
ul.menu .menu_a:before,ul.menu .menu_a:after{ content: ""; position: absolute; height: 164px; width: 1px; top: 0;}
ul.menu .menu_a:before{ left: 129px; background: #0b5caa;}
ul.menu .menu_a:after{ left: 130px; background: #2778c6;}
ul.menu .menu_a li{ line-height: 30px; height: 30px; width:134px; float: left;}
ul.menu .menu_a li a{ display: block; color: #FFF; padding-left: 40px;}
ul.menu .menu_a li:hover a{ text-decoration:underline; }

ul.menu .fw_menu_a{width: 340px; margin-left: 330px;}
ul.menu .fw_menu_a:before{ left: 155px; background: #0b5caa;}
ul.menu .fw_menu_a:after{ left: 156px; background: #2778c6;}
ul.menu .fw_menu_a li{height: 60px; width:169px; float: left;}
ul.menu .fw_menu_a li p{ line-height: 20px;}

ul.menu .menu_wen{ float: left; width: 495px; padding: 24px 0 0 24px; height: 140px; border-left: 1px solid #2778c6; font-size: 12px; color: #FFF; line-height: 20px;}
ul.menu .menu_wen img{ float: left; margin-right: 22px;}
ul.menu .menu_wen p{ line-height: 30px; margin-bottom: 9px;}



#flash{ background:  #f4f4f4; height: 606px;  overflow: hidden;}
.flash{ width: 1200px; height: 556px; margin: 25px auto; -moz-box-shadow:0px 0px 7px #7a7a7a; -webkit-box-shadow:0px 0px 7px #7a7a7a; box-shadow:0px 0px 7px #7a7a7a; position: relative; z-index: 1;}
.slideBox .hd{ height:15px;  position:absolute; width: 100%; left: 0; bottom:10px; text-align: center; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{display: inline-table; margin:0 4px; border-radius: 50%; width:12px; height:12px; background:#828282;border:3px solid #828282;  cursor:pointer;}
.slideBox .hd ul li.on{ border:3px solid #FFF; background: none; }

.zy1,.zy2,.zy3,.zy4,.zy5{   height: 350px; overflow: hidden;}
.zy1 .w1200,.zy2 .w1200,.zy3 .w1200,.zy4 .w1200,.zy5 .w1200{-moz-box-shadow:0px 0px 7px #7a7a7a; -webkit-box-shadow:0px 0px 7px #7a7a7a; box-shadow:0px 0px 7px #7a7a7a; height: 300px; width: 1200px; margin: 25px auto;}
.zy1 .w1200{ background: url(../images/zy1.jpg) no-repeat top center;}
.zy2 .w1200{ background: url(../images/zy2.jpg) no-repeat top center;}
.zy3 .w1200{ background: url(../images/zy3.jpg) no-repeat top center;}
.zy4 .w1200{ background: url(../images/zy4.jpg) no-repeat top center;}
.zy5 .w1200{ background: url(../images/zy5.jpg) no-repeat top center;}

.about{ margin:20px auto;}
.about_left{ width:660px;}
.about_right{ width:504px;}
.about_tt{ font-size: 30px; font-weight: bold; color: #434343; line-height: 40px;}
.about_en{ font-size: 36px; font-family: "Arial"; font-weight: bold; color: #cbcbcb;line-height: 40px;}
.about_en1{ font-size: 20px; font-weight: bold; color: #434343;line-height: 40px;}
.about_cc{line-height: 30px; padding:10px 0;}
.about_cc b{color:#1465c9; font-size: 16px;}

.about a img{transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;}
.about a:hover img{filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;transform: matrix(1.04, 0, 0, 1.04, 0, 0);-webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-o-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-ms-transform: matrix(1.04, 0, 0, 1.04, 0, 0);}

.index_video{ width: 504px; height: 286px;}
.index_video video{ width: 504px; height: 286px;}



.index_shili{ background: #f4f4f4; height: 100px; }
.youshi{ width:128px; text-align:center; padding:0 10px;}
.youshi1{ width:168px; text-align:center; padding:0 10px;}
.youshi .shuzi{width:128px; height:48px; line-height:48px; text-align:center; font-size:16px; color:#1465c9}
.youshi .shuzi sup{ font-size:16px; color:#1465c9}
.youshi .kouhao{ text-align: center; transition:all 0.4s linear 0s;}
.youshi .kouhao div{ color:#616161; font-size:14px; line-height:22px; padding: 5px 0;}
.youshi .kouhao div span a{ color:#1465c9; font-size: 16px; padding-top: 10px; display: block;}

.youshi .kouhao p{ color:#616161; font-size:18px; font-weight:bold; line-height:40px;}
.ab_sz_l{ width: 1px; height: 100px; background: #fff; margin-top: 0px;}


.cp a img{transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;}
.cp a:hover img{filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;transform: matrix(1.04, 0, 0, 1.04, 0, 0);-webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-o-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-ms-transform: matrix(1.04, 0, 0, 1.04, 0, 0); position: relative; z-index: 100;}

.about1{top: 113px; left: 0}
.about2{top: 113px; left: 290px}
.about3{top: 30px; left: 145px}
.about4{top: 196px; left: 145px}


.news_xx{ margin: 0 0 0 13px; line-height: 30px; padding-bottom: 10px; border-bottom:#fff 2px solid; transition-duration:.5s;}
.news_xx:hover{ border-bottom:#008cd7 2px solid; background: #f1f4f6;  box-shadow:0 2px 3px #333; }
.news_xx:nth-child(4n+1){ margin: 0 0 0 0;}

.news_xx2{ margin: 0 0 0 13px;  border-bottom:#fff 2px solid; transition-duration:.5s;}
.news_xx2:hover{  box-shadow:0 2px 3px #333; }
.news_xx2:nth-child(4n+1){ margin: 0 0 0 0;}

.news_xx1{ margin: 0 0 0 25px; line-height: 30px; padding-bottom: 10px; border-bottom:#fff 2px solid; transition-duration:.5s;}
.news_xx1:hover{ border-bottom:#008cd7 2px solid; background: #f1f4f6;  box-shadow:0 2px 3px #333; }
.news_xx1:nth-child(5n+1){ margin: 0 0 0 0;}




.bianmin{ width:100%; overflow:hidden;}
.bianmin li{ height:333px; font-size:16px; line-height:26px; overflow:hidden;  margin-bottom:30px; border: 1px solid #ecebf0;}
.bianmin li:hover{ background: #497fdc; }
.bianmin li .img{ width:500px; height:333px;overflow: hidden;}
.bianmin li .t_l{ margin-left:50px;}
.bianmin li .t_r{ margin-right:50px;}
.bianmin li .title{ width:600px; font-size:24px; font-weight:bold; line-height:44px; border-bottom: 1px #dfdfdf solid;  color: #616161; padding: 30px 0 20px; clear:both; margin-bottom: 20px;}
.bianmin li .shuoming{ width: 600px; line-height: 40px; font-size: 16px; height: 210px; overflow: hidden; }
.bianmin li:hover .more{ color: #1e83cb; padding-left: 5px;}
.bianmin li:hover .title{ color: #fff; }
.bianmin li:hover .shuoming{ color: #fff; }

.bianmin1{ width:100%; overflow:hidden; margin:30px auto;}
.bianmin1 li{ height:360px; font-size:16px; line-height:26px; overflow:hidden;}
.bianmin1 li:hover{ background: #497fdc; }
.bianmin1 li .img{ width:600px; height:360px;overflow: hidden;}
.bianmin1 li .t_l{ background: #f8f8f8; width: 600px; box-sizing: border-box; padding: 40px;height:360px;}
.bianmin1 li .t_r{ background: #f8f8f8; width: 600px; box-sizing: border-box; padding: 40px;height:360px;}
.bianmin1 li .title{ font-size:22px;  line-height:44px;}
.bianmin1 li .title1{ font-size:18px;  line-height:44px; }
.bianmin1 li .shuoming{ line-height: 40px; font-size: 16px; overflow: hidden; }

.bianmin1 .more{ color: #6c6c6c; width: 100px; text-align: center; margin: 15px 10px; border: 2px #1e83cb solid; height:30px; line-height: 30px;}
.bianmin1 .sm_wh{ float: left; width:120px; margin: 10px; border: 1px #dfdfdf solid; padding:2px; text-align: center;}
.bianmin1 li:hover .t_l, .bianmin1 li:hover .t_r{ background: #1e83cb;}
.bianmin1 li:hover .more{ color: #fff; border: 2px #fff solid;  }
.bianmin1 li:hover .title{ color: #fff; }
.bianmin1 li:hover .title1{ color: #fff; }
.bianmin1 li:hover .shuoming{ color: #fff; }
.bianmin1 li:hover .sm_wh{ color: #fff; border: 1px #fff solid; }

/*end footer*/
.end{ background: #444444; padding: 30px 0; width: 100%; min-width: 1200px; line-height: 24px; overflow: hidden;}
.end .end_menu li{ width: 100px; float: left; overflow: hidden; padding: 0 15px; height: 240px;}
.end .end_menu li:last-of-type{border-right:1px solid #535353;}
.end .end_menu li a{color: #8c8c8c; display: block; padding-left: 18px; text-overflow: ellipsis; white-space: pre; }
.end .end_menu li .title{ position: relative; font-size: 16px; height: 36px; line-height: 36px; color: #FFF;}
.end .end_menu li .title:after{ content: ''; position: absolute; left:0; background: #008cd6; top:17px; height: 2px; width: 10px; transition: 0.3s all;}
.end .end_menu li a:hover{ color: #FFF;}
.end .end_chart{ color: #848484; line-height: 24px; margin-left: 60px;}

.end_nr{ background: #2b2b2b; padding: 15px 0; color: #5e5e5e; width: 100%; min-width: 1200px; text-align: center; line-height: 20px; font-size: 12px;}
.end_nr a{ color: #848484; padding: 0 10px;}
/*index 网站首页*/
.sy_nav{border-bottom: 1px solid #cccccc; margin: 0 auto; height: 70px; line-height: 70px; width: 1200px; margin: 0 auto; position: relative; text-align: center; margin-top: 20px;}
.sy_nav span{ font-size: 24px; color: #4c4c4c; border-bottom: 2px solid #808080; padding: 19px 5px;}
/*集团动态*/
.news{ height: 560px;}
.slideTxtBox .parhd{ clear: both; text-align: center;}
.slideTxtBox .parhd li{ display: inline-table; color: #4c4c4c; font-size: 16px; border-bottom: 1px solid #c3c3c3; line-height: 40px; margin: 12px 24px 27px 24px; padding: 0 2px; cursor: pointer;}
.slideTxtBox .parhd li.on{ color: #0c67bf; border-color: #0c67bf;}
/*新闻图片切换*/
.focusBox { position: relative; width: 560px; height: 370px; overflow: hidden; float: left; border: 1px solid #e5e5e5; padding: 4px;}
.focusBox .pic li{ width: 560px; height: 370px; overflow: hidden;}
.focusBox .pic img { width: 560px; display: block;}
.focusBox .txt-bg { position: absolute; bottom: 4px; z-index: 1; height: 52px; width:560px;  background:rgba(0,0,0,0.4); filter: overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 4px; z-index: 2; height: 52px; width:560px; overflow: hidden; }
.focusBox .txt li{ height:52px; line-height:52px; position:absolute; bottom:-56px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; padding-left: 22px; }
.focusBox .sPrev,.focusBox .sNext{ position:absolute; z-index: 3; bottom: 4px; right: 5px; display:block; width:43px; height:52px;  background:url(../images/ico.png) top right no-repeat #053c7e; }
.focusBox .sPrev{ right:60px; background-position: top left;  }
.focusBox .sPrev:hover,.focusBox .sNext:hover{ background-color:#0c67bf; }
.gsxw{ width: 605px; float: right; line-height: 36px;}
.news2{ clear: both; margin-top: 17px;}
.news1 li{ background: #FFF; border-bottom: 1px solid #ededed; position: relative; transition: 0.3s all; height: 102px;   margin-bottom: 35px;}
.news1 li .time{ color: #808080; float: left; width:108px; height: 102px; text-align: center;}
.news1 li:hover .time{ background: #0c67bf; color: #FFF; float: left; width:108px; height: 102px; text-align: center;}
.news1 li .time span{ display: block; font-size: 36px; font-family: arial; padding: 20px 0 0  0;}
.news1 li .wen{ width: 420px; float: left; padding-left: 28px; line-height: 24px; color: #808080;}
.news1 li .wen p{ font-size: 16px; color: #3c3c3c; line-height: 46px; white-space: pre; overflow: hidden;}
.news1 li:after{ content: ''; position: absolute; bottom:50%; right: 0; width: 3px; height: 0;  background: #0e68bf;}
.news1 li:hover{ background: #f7f7f7;}
.news1 li:hover:after{ height: 102px;transition: 0.3s all 0s linear;bottom: 0;}
.news2 li{ padding-left: 27px; color: #8e8e8e; font-size: 12px; position: relative;}
.news2 li a{ font-size: 14px; color: #646464;}
.news2 li:after{ content: ''; position: absolute; top:50%; transition: 0.3s all; left: 12px; width: 5px; height: 5px;  background: #646464; border-radius: 50%; margin-top: -3px;}
.news2 li:hover a{ color: #0c67bf; padding-left: 5px;}
.news2 li:hover:after{ background: #0C67BF; left: 17px;}
/*集团产业*/
.cp .nr{ height: 552px; overflow: hidden}
.cp .rolling{ position: relative; float: left; height: 276px;width: 300px;}
.cp .rolling img{display: block; opacity: 0.9; transition: 0.3s all; width:300px; height:276px;position: relative;z-index: 1;}
.cp .rolling .roll_box{background: #008cd7;}

.cp .cp1{ width: 300px;}
.cp .cp7 .roll_box{ background: #008cd6;height: 276px;width: 300px;}
.cp .rolling img:hover { opacity: 1; position: relative;z-index: 100;}

.history{  text-align: center; font-size: 18px; color: #777777; padding: 30px 0; overflow: hidden;}
.history li{ float: left;width: 288px; margin: 0 5px; height: 152px; border: 1px solid #e7e7e7; background: url(../images/history.png) no-repeat right center #f5f5f5; transition: 0.3s all;}
.history .year{ color: #656765; font-size: 56px; font-family: arial; position: relative; padding-top: 30px;}
.history .year span{ font-size: 14px; bottom: 8px;padding-left: 5px; position: absolute;}
.history li:hover {background: url(../images/his.png) no-repeat 240px center #0c67bf; border-color: #FFF; color: #FFF;}
.history li:hover .year{ color: #FFF;}
.jjinfo{ padding: 40px 0;}
.jjinfo .img{ width: 410px; height: 280px; overflow: hidden;}
.jjinfo .info{ width: 690px; padding-right: 35px; color: #7c7c7c; line-height: 30px;}
.jjinfo .chang_bj{ margin: 18px 18px 0 0; width: 105px; height: 38px;float: left;}
.jjinfo .chang_bj a{ display: block; border: 1px solid #cecece; text-align: center; line-height: 36px; color: #656765;}
.jjinfo .chang_bj a:hover{ color: #FFF; background:#0c67bf; border-color: #0c67bf; }


.gg{ background: url(../images/gg.jpg) no-repeat top center; height: 200px; width: 1200px; min-width: 1200px; overflow: hidden; position: relative; text-align: center; margin: 0 auto;}
.gg img{ position: absolute; top: 0; left: 0;}

.picScroll{ width: 1200px; padding: 0 50px; margin: 0 auto; position: relative;}
.picScroll .hd a{ width: 33px; height: 36px; position: absolute; top: 60px;}
.picScroll .hd .prev{background: url(../images/prev.png) no-repeat top center; left: 0;}
.picScroll .hd .next{background: url(../images/next.png) no-repeat top center; right: 0;}
.picScroll .hd .prev:hover{}
.picScroll .hd .next:hover{}
.loulist li{ width: 200px; margin: 20px 15px; padding: 5px; text-align: center; line-height:30px; float: left;}
.loulist li a{ color: #505050}
.loulist li a img{ width: 195px; height: 110px; border: 1px solid #e7e7e7;}
.loulist li:hover img{border: 1px solid #0c67bf}

/*----------子页样式--------------*/
.zy_nav,.zy_nav_2{ text-align: center; position: relative; margin: 20px 0; padding: 10px 0;}
.zy_nav span{ font-size: 18px; color: #6d6d6d; text-transform: uppercase;}
.zy_nav p{ font-size: 30px; color: #414141; line-height: 44px; padding-bottom: 10px;}
.zy_nav:after{ content: ""; position: absolute; bottom: 0; left: 50%; height: 3px; width: 42px; background: #0c67bf; margin-left: -21px;}

.zy_nav_2 span{ color: #9d9d9d; text-transform: uppercase;}
.zy_nav_2 p{ font-size: 24px; color: #202020; line-height: 40px; }


.daohang{ min-width: 1200px;height: 50px; text-align: center;}
.daohang .w1200{ border-bottom: 1px solid #E2E3E3;height: 50px; }
.daohang li{ display: inline-table; line-height: 50px;}
.daohang li a{ padding: 15px 30px;}
.daohang li.on a,.daohang li:hover a{ color:#d60000;}
.location{ background: url(../images/home.jpg) no-repeat left center; line-height: 62px; color: #696969; padding-left: 18px;}
/*关于我们*/
.jj_nr{ width: 700px; line-height: 30px; color: #7c7c7c;}
.zy_more{ clear: both; border-bottom: 1px solid #f5f6f7; width: 100%; height: 48px;}
.zy_more a{ display: block; width: 295px; height: 48px; text-align: center; line-height: 48px; margin: 0 auto; background: #d6d8e3; color: #7f7f7f;}
.zy_more1 a{ background: #185ba9; color: #FFF;}
.jj_box3{background: #dadfe2;}
.jj_box3 .img{ width: 360px; height: 253px; background: url(../images/jj/licheng.jpg); line-height: 96px; text-align: right; padding: 200px 60px 0 0; font-size: 48px; color: #FFF;}
.jj_box3 .zy_more{ position: absolute; bottom: 0; left: 0;}

.jj_img{ float: left; position:relative; height: 327px; color: #FFF; line-height: 30px; text-align: center;}
.jj_img .img{}
.jj_img .mask{ position: absolute; background: rgba(0,0,0,0.5); width: 100%; height: 327px; top: 0; left: 0; z-index: 1;}
.jj_img .tit{ padding-top: 100px; position: relative; margin-top: -327px; z-index: 5;}
.jj_img .tit p{ font-size: 30px; text-align: center; margin-bottom: 26px;}
.jj4 .tit{ margin: 0 auto;}
.jj1{ width: 599px;}
.jj2{ width: 300px;}
.jj3{ width: 300px;}
.jj4{ width: 300px; background: #185ba9;}
.jj6{ width: 300px;}
.jj5{ width: 599px;}
.gywm{ font-size: 50px; color: #dfdfdf; height:60px; line-height: 60px; padding-bottom: 10px;}

.jj_box2 .nr li{ width: 268px; height: 350px; float: left; margin: 0 48px; float: left; position: relative;}
.jj_box2 .nr li .img{ border-radius: 50%; overflow: hidden; width: 268px; height: 268px;}
.jj_box2 .nr li .tit{ font-size: 18px; text-align: center; color: #FFF; position: absolute; top: 80px; left: 0; z-index: 5; text-align: center; width: 100%;}
.jj_box2 .nr li .tit img{ margin-bottom: 10px;}
.jj_box2 .nr li .mask{ position: absolute; background: rgba(0,0,0,0.6); border-radius: 50%; overflow: hidden;  opacity: 1; top: 0; left: 0; width: 268px; height: 268px; transition: 0.3s all; z-index: 1;}

#dmzs{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
#dmzs li{ width: 390px; float: left; height: 335px; border: 1px solid #efefef; background-color: #FFFFFF; position: relative; overflow: hidden; margin: 28px 0; margin-right:12px; transition: 0.3s all 0s linear;}
#dmzs li:nth-of-type(3n){ margin-right: 0;}
#dmzs li a{ position: relative; z-index: 10; display: block;}
#dmzs .img{ width: 344px; height: 258px; margin: 23px 23px 0 23px; overflow: hidden;}
#dmzs .img img{max-width: 344px; max-height: 258px; display: block; margin: 0 auto;}
#dmzs .title{ padding: 12px 0; text-align: center; height: 20px; line-height: 20px; transition: 0.3s all 0s linear; overflow: hidden;text-overflow: ellipsis; white-space:nowrap; width: 344px; font-size: 14px; margin: 0 auto; color: #2e2e2e; transition: 0.3s all 0s linear;}
#dmzs li:before{ content: ""; position: absolute; height: 100%; border-top:2px solid  #185ba9;border-bottom:2px solid  #185ba9; top: 0; left: 50%; width: 0; box-sizing: border-box; transition: 0.3s all;}
#dmzs li:after{ content: ""; position: absolute; height: 0; border-left:2px solid  #185ba9;border-right:2px solid  #185ba9; top: 50%; left: 0; width: 100%; box-sizing: border-box; transition: 0.3s all;}
#dmzs li:hover:before,#dmzs li:hover:after{width: 100%;height: 100%; left: 0; top: 0; z-index: 0;}
/*cp_nav*/
.cp_nav{background: url(../images/cp/cp.jpg) no-repeat bottom center; height: 110px; padding: 0 20px;}
.cp_nav .zy_nav_2 {text-align: left;}
.fw_nr{ width: 700px; font-size: 14px; line-height: 30px; color: #4e4e4e;}
.fw_tel li{ border: 1px solid #dedede; background: url(../images/tel.png) no-repeat 20px 33px; background-size: 50px; width: 224px; height: 110px; float: left; margin: 0 0 0 17px;}
.fw_tel li:first-of-type{ margin: 0;}
.fw_tel li p:first-of-type{ padding-top: 30px;}
.fw_tel li p{ font-size: 18px; padding: 8px 0 0 80px;}
/*文化*/
.wh{ display: block;width: 100px; font-size: 18px; color: #404040;}
.wh1{ position: absolute; top:50px; left:-50px;}
.wh2{ position: absolute; top:50px; left: 310px;}
.wh3{ position: absolute; top:155px; left: -90px;}
.wh4{ position: absolute; top:155px; left:350px;}
.wh5{ position: absolute; top:260px; left: -55px;}
.wh6{ position: absolute; top:260px; left: 315px;}

.wh10{ background: url("../images/wh7.png") no-repeat; width: 866px; height:506px; box-sizing: border-box; padding:60px; margin: 10px auto;}

.wh10 .wh_big{ height: 50px; text-align: center; color:#fff; font-size: 24px;line-height: 50px; margin:10px;}
.wh10 .wh_small{ height: 50px; text-align: center; color:#fff; font-size: 20px;line-height: 50px; }


.whln li{ font-size: 18px; color: #616161; width: 600px; padding: 30px 0;}
.whln li img{ float: left; margin:0 30px 0 30px; background: #206bc5; border-radius: 50%; padding:10px;}
.whln li:hover img{ float: left; margin:0 30px 0 30px; background: #0797dd; border-radius: 50%; padding:10px;}
.whln li p.tit{ font-size: 24px; font-weight: bold; color: #206bc5; line-height: 40px;}
.whln li:hover p.tit{ font-size: 24px; font-weight: bold; color: #0797dd; line-height: 40px;}

.wh_bg{ background: url(../images/wh_bg.jpg) no-repeat; height: 427px; width: 1200px; padding:30px 0; box-sizing: border-box; text-align: center;}
.quan{background: url(../images/quan.png) no-repeat; height:338px; width: 356px; padding:44px 53px; margin: 30px auto; box-sizing: border-box;}
.wh7{ width: 250px; height: 250px; background: #3784e1; box-sizing: border-box; padding:40px; border-radius: 50%; color:#fff; font-size:18px; line-height: 35px;}
.wh7 div span{ font-size:26px;color:#fff;  }


.three-nav{width: 100%;height: auto;overflow: hidden;background: #ededed;text-align: center;}
.three-nav li{width: 130px;height: 50px;line-height: 50px;border-right: 3px solid #fff;float: left;font-size: 13px;color: #666;font-weight: bold;cursor: pointer;transition: all .3s linear;}
.three-nav li a{display: block;}
.three-nav li.active a,.three-nav li a:hover{color: #fff;background: #185ba9;}
.three-nav li.active,.three-nav li:hover{color: #fff;background: #185ba9;}
.three-nav.longer li{width: 160px;}

/*新闻中心*/
.news_img{ width:500px; height:375px; float: left; overflow: hidden;}
.news_img .bd{ position:relative; height:100%; z-index:0;}
.news_img li{ width: 500px; height: 375px; overflow: hidden; position: relative;zoom:1; vertical-align:middle; }
.news_img li img{ width: 500px; height: 375px;}
.news_img li .tit{ height: 44px; line-height: 44px; background: rgba(5,20,125,0.5); position: absolute; bottom: 0; left: 0; color: #FFF; width: 500px; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; text-align: center; font-weight: bold;}
.jjnews{ width: 650px; float: right;}
.jjnews li{ margin:15px 0; overflow:hidden; display:block; background:#f0f0f0; height:80px; padding:13px 10px;}
.jjnews .title{ display:block; color:#185ba9; line-height:34px; font-size:18px; font-weight:bold; border-bottom:1px dotted #d2cfbe;}
.jjnews .time{ font-size:14px; color:#FFF; width:81px; float:left; height:81px; line-height:25px; text-align:center; background:#185ba9;}
.jjnews .time .day{ font-size:30px; background:#FFF;line-height:56px; color:#185ba9; display:block}
.jjnews li ul{ width:510px; float:right; height:90px;}
.jjnews li ul a{ margin-bottom: 8px;}
.jjnews li .more{ color:#69c6d1;}

.newslist li{ padding: 15px 0; overflow: hidden; clear: both; display: block; width: 100%; border-bottom: 1px dashed #d2d2d2;}
.newslist li .tit{ height: 30px; line-height: 30px; padding-bottom: 12px; width: 900px; float: right;}
.newslist li .tit a{ color: #212121; width: 600px;overflow: hidden;text-overflow: ellipsis; float: left; white-space: nowrap;}
.newslist li .img{ width: 240px; height: 160px; overflow: hidden;}
.newslist li .desc{ width: 900px; padding: 0 5px; line-height: 28px;}
.newslist li:hover .tit a,.news_img:hover .tit a{ color: #0c67bf; padding-left: 10px;}

.listItem3{ width: 100%; margin: 0 auto;}
.listItem3 li{ width:370px; float: left; background: #185ba9; margin: 15px; transform: 0.3s auto;}
.listItem3 li .img,.listItem3 li .img img{ width: 100%;}
.listItem3 li .tit{ padding:12px 15px; overflow: hidden; color: #FFF;white-space: pre; text-align: center; text-overflow: ellipsis; display: block;}
.listItem3 li:hover {background: #e90000;}
/*客户服务*/

/*人才招聘*/
.job_t{ background:url(../images/job_t.png) center center no-repeat; width: 1200px; height: 500px; text-align: center; }
.job_lan{ margin: 20px auto; height: 50px; line-height: 50px; color: #206bc5; font-size:28px;}
.job_hui{ line-height: 50px; color: #878787; font-size:16px; padding: 0 130px;}
.job_b{background:url(../images/job_b.png) top center no-repeat; width: 1200px;height:200px; padding: 40px 0; line-height: 60px; box-sizing: border-box; text-align: center; font-size: 24px; color: #fff;}






.title_lm{ color:#323232; background:#e8e8e8; height:40px; line-height:40px; width:100%;}
.deal_Title { height:40px; line-height:40px; border-bottom:#bdbdbd dotted 1px; cursor:pointer; width:100%;}
.deal_Title .job,.title_lm .job{ display:block; padding:0 30px 0 10px; width:120px; font-weight:normal !important;}
.deal_Title.deaTi{ background:url(../images/job_titbg1.gif) left bottom no-repeat;}
.deal_menuCont {line-height:30px; border-bottom:1px solid #bdbdbd; padding:10px; color:#323232; width:98%;}
.deal_menuCont a{ color:#323232;}
.deal_left{ float:left;}
.deal_right{ width:68px; float:left; height:20px; padding-top:140px;}
.dealCon{ bottom:10px; right:10px;}
.dealCon a{ color: #FFF; padding: 5px 15px; background: #185ba9;}

.news_info{ color: #333; font-size: 16px; word-wrap: break-word; line-height: 30px;}
.zxly_nr{background: #fcfcfc;border: 1px solid #f0e2cb;padding: 20px; width: 870px; margin-left: 120px; overflow: hidden;}
.order{ width: 960px; overflow: hidden; margin: 10px auto;}
.order .text{ width: 50%; float: left; margin-bottom: 12px; height: 44px;}
.order .text input{ width: 80%; padding: 0 5%; height: 40px; line-height: 40px; font-family: "微软雅黑";border-radius: 3px;border:1px solid #d2d4d6;}
.order .longtext{ width: 100%; margin-bottom: 12px; height: 140px; clear: both;}
.order .longtext textarea{border:1px solid #d2d4d6;resize: none;width:91%;height:110px; padding: 10px 2%;font-family: "微软雅黑";border-radius: 3px;}
.order .but{ width:95%; height: 42px; background: #185ba9;color: #FFF; clear: both; font-size: 16px;font-family: "微软雅黑";border-radius: 3px;}

/*关于我们*/
/*position*/
.position{height: 61px;line-height: 61px;border-bottom: 1px solid #ededed;font-size: 14px;font-weight: bold;color: #9e9e9e;position: relative;}
.position a{font-size: 14px;font-weight: bold;}
.position i{font-size: 14px;color: #949494;font-weight: normal;}
.position i.ii{color: #c9c9c9;margin: 0 10px;}

/*smallnav*/
.smallnav{overflow: hidden;}
.smallnav a{display: block;float: left;margin-left: 40px;position: relative;overflow: hidden;font-size: 14px;font-weight: bold;}
.smallnav a span{ display:block; position:absolute; width:0px; height:0px; background:#185ba9; top:59px; left:50%;}
.smallnav a.active{color: #185ba9;}
.smallnav a.active span{width:100%;height: 2px;left: 0;}

.about_zy .banner1{width:100%;height:260px;background: url(../images/zy1.jpg) #f3f4f4 center center no-repeat;}
.about_zy .banner2{width:100%;height:260px;background: url(../images/zy2.jpg) #f3f4f4 center center no-repeat;}
.about_zy .banner3{width:100%;height:260px;background: url(../images/zy3.jpg) #f3f4f4 center center no-repeat;}
.about_zy .banner4{width:100%;height:260px;background: url(../images/zy4.jpg) #f3f4f4 center center no-repeat;}
.about_zy .banner5{width:100%;height:260px;background: url(../images/zy5.jpg) #f3f4f4 center center no-repeat;}
.about_zy .banner6{width:100%;height:260px;background: url(../images/zy6.jpg) #f3f4f4 center center no-repeat;}
.about_zy .banner7{width:100%;height:260px;background: url(../images/zy7.jpg) #f3f4f4 center center no-repeat;}
.about_zy .slideTxtBox{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.about_zy .slideTxtBox-con{width: 100%;height: auto;overflow: hidden;margin-top: 35px;}
.about_zy .slideTxtBox-con p{font-size: 16px;color: #666;line-height: 30px;margin-bottom: 10px;}
.about_zy .slideTxtBox-con .text-l{width: 560px;height: auto;overflow: hidden;float: left; padding-top:40px;}
.about_zy .slideTxtBox-con .text-r{width:580px;height: auto;overflow: hidden;float: right;}
.about_zy .slideTxtBox-con .text-r p{margin-bottom: 12px;}
.about_zy .slideTxtBox-con h2{font-size: 15px;font-weight: bold;color: #333;margin-bottom: 15px;}
.about_zy .slideTxtBox-con .gk .img-box{height: auto;overflow: hidden;margin-top: 2px;}
.about_zy .slideTxtBox-con .fgs .img-box{margin-top: 20px;position: relative;}
.about_zy .slideTxtBox-con .fgs .img-box a{position: absolute;;right:117px;bottom:122px;width: 198px;height: 38px;line-height: 38px;border: 1px solid #5c6876;color: #5c6876;text-align: center;display: block;}
.about_zy .slideTxtBox-con .fgs .img-box a:hover{background: #5c6876;color: #fff;}
.about_zy .slideTxtBox-con .wy .img-box{margin-top: 15px;height: auto;overflow: hidden;clear: both;}


/*news*/
.news-list .headline{height: auto;overflow: hidden;}
.news-list .headline .text-box{width: 590px;height: auto;overflow: hidden;float: left;margin-right: 50px;}
.news-list .headline .text-box .date{font-size: 30px;color: #185ba9;margin-bottom: 27px;font-family: "helveticaneueltpro-thex";}
.news-list .headline .text-box .jj{margin-bottom: 26px;max-height: 110px;overflow: hidden;}
.news-list .headline .img-box{width: 540px;height: 300px;overflow: hidden;}
.news-list .headline .img-box img{width: 540px;height: 300px;display: block;transition: all .3s linear;}
.news-list .headline:hover .btn-more{background: #185ba9;color: #e8e8e8;}
.news-list .headline:hover .img-box img{transform: scale(1.05);}
.news-list ul{height: auto;overflow: hidden;margin-top: 31px;}
.news-list ul li{height: auto;overflow:hidden;border-top:1px solid #e8e8e8;padding: 30px 0;}
.news-list ul li .date{width: 98px;height: 98px;background: #e8e8e8;text-align: center;float: left;margin-right: 20px;font-family: "HelveticaNeueltpro-lt";}
.news-list ul li .date .day{font-size: 48px;color: #185ba9;margin-top: 3px;text-indent: -5px;}
.news-list ul li .date p{font-size: 16px;color: #333;line-height: normal;margin: 0;}
.news-list ul li .text-box{height: auto;overflow: hidden}
.news-list ul li .text-box h2{margin-top: 3px;transition: all .3s linear;}
.news-list ul li .text-box p{max-height: 48px;transition: all .3s linear;}
.news-list ul li:hover .text-box h2{color: #185ba9;}
.news-list ul li:hover .text-box p{color: #999;}

.btn-more{width: 100%;height: 58px;line-height: 58px;background: #e8e8e8;text-align: center;color: #185ba9;transition: all .3s linear;cursor: pointer;font-size: 24px;}
.btn-more:hover{background: #185ba9;color: #e8e8e8;}



.news-xq .date{width: 98px;height: 98px;background: #e8e8e8;text-align: center;float: left;margin-right: 33px;font-family: "HelveticaNeueltpro-lt";}
.news-xq .date .day{font-size: 48px;color: #185ba9;margin-top: 3px;text-indent: -5px;}
.news-xq .date p{font-size: 16px;color: #333;line-height: normal;margin: 0;}
.news-xq .text-box{height: auto;overflow: hidden}
.news-xq .text-box h2{font-size: 18px;font-weight: bold;color: #333;margin: 18px 0 20px;}
.news-xq .text-box p{font-size: 12px;color: #666;line-height: 22px;margin-bottom: 15px;}
.news-xq .text-box p img{max-width: 700px;display: block;margin: 23px auto;}
.news-xq .text-box .other{color: #999;font-size: 13px;margin-bottom: 20px;}
.news-xq .text-box .other b{width: 50px;display: inline-block;}
.news-xq .text-box .line{width: 100%;height: 1px;background: #ededed;margin-top: 49px;}
.news-xq .text-box .relevant{height: auto;overflow: hidden;margin-top: 15px;}
.news-xq .text-box .relevant p{margin-bottom: 0;font-size: 13px}

.hr-zp{height: auto;}
.hr-zp .hr-zp-con{height: auto;}
.hr-zp .hr-zp-con .zy{height: auto;}
.hr-zp form{width: 895px;height: auto;margin: 0 auto;padding-top:37px}
.hr-zp input{width: 158px;height:36px;line-height: 36px;border:1px solid #d9d9d9;padding: 0 10px;float: left;color: #666;}
.hr-zp .btn-search{height: 38px;line-height: 38px;width: 110px;background: #185ba9;display: block;color: #fff;text-align: center;float:left;}
.hr-zp .btn-search:hover{background: #185ba9;}
.hr-zp .select-box{position:relative;z-index: 2;width:288px;min-width:288px;height:36px;border:1px solid #d9d9d9;cursor:pointer;float: left;margin:0 10px 0 0;}
.hr-zp .select-box .iconfont{position:absolute;top:10px;right:10px;font-size: 12px;color: #ccc;}
.hr-zp .select{width:288px;min-width:288px;height:36px;}
.hr-zp .select .select_text{padding:0 20px 0 10px;height:36px;line-height:36px;color: #999;}
.hr-zp .select_ul{display:none;position:absolute;top:34px;left:-1px;width:288px;min-width:288px;border:1px solid #D4D4D4;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background:#fff;}
.hr-zp .select_ul li{line-height:36px;text-indent:10px;color: #666;}
.hr-zp .select_ul li:hover{color:#fff;background:#185ba9 ;}
.hr-zp .select_ul li.cur{color:#fff;background:#185ba9 ;}
.hr-zp .zp-title{height: 39px;line-height: 39px;overflow: hidden;background: #185ba9;clear: both;text-align: center;}
.hr-zp .zp-title span{width:25%;display: block;float: left;color: #fff;font-size: 14px;}
.hr-zp .zp-list{height: auto;overflow: hidden;border:1px solid #e7e7e7;border-bottom: 0; margin: 0 auto 20px;}
.hr-zp .zp-list li{height:auto;overflow: hidden;border-bottom: 1px solid #e7e7e7;background: #f0f0f0;font-size: 13px;color: #666;cursor: pointer;clear:both;}
.hr-zp .zp-list li.even{background: #fff;}
.hr-zp .zp-list li.active{background: #008cd7; color: #fff;}
.hr-zp .zp-list li span{width:25%;display: inline-block;text-align: center;line-height:39px}
.hr-zp .zp-list li:hover{background: #008cd7;color: #fff;}
.hr-zp .zp-list li .text-box{height: auto;overflow: hidden;padding:0 26px;background: #f0f0f0;display: none;}
.hr-zp .zp-list li .text-box .block{height: 26px;;}
.hr-zp .zp-list li .text-box h2{font-size: 13px;font-weight: bold;color: #333;margin: 20px 0 10px;}
.hr-zp .zp-list li .text-box p{font-size: 12px;line-height: 20px;}

#type_shuoming{ width:100%; overflow:hidden;}
#type_shuoming li{ height:420px; line-height:26px; overflow:hidden;  margin-bottom:58px; border: 1px solid #ecebf0;}
#type_shuoming li .img{ width:595px;border: 10px solid #FFF; height:400px; float:left; margin-right:50px; overflow: hidden;}
#type_shuoming li .cont{ width: 525px;}
#type_shuoming li .cont&gt;div{ border-bottom: 1px solid #e5e5e5;padding: 10px 0;}
#type_shuoming li .logos{ height: 100px; float: none;width: 100%; margin-top: 10px;}
#type_shuoming li .logos img{  height: 100px;  padding: 0 10px; float: left; margin-right:20px; border-right: 1px solid #e5e5e5;}
#type_shuoming li .logos .tit{ color: #616161; font-size: 24px;font-weight: bold; margin-bottom: 5px;}
#type_shuoming li .logos .price .red{ font-size: 30px; color: #f80035; padding-top: 8px; display: inline-block}

#type_shuoming li .wuye{ height: 30px;}
#type_shuoming li .wuye span{ padding:3px 18px; background: #f0f0f0; margin-right: 12px; line-height: 30px;}
#type_shuoming li .addr{background: url(../images/add.png) no-repeat left center; text-indent: 40px;}
#type_shuoming li .addr1{background: url(../images/add1.png) no-repeat left center; text-indent: 40px;}
#type_shuoming li .mianji{background: url(../images/mianji.png) no-repeat left center; text-indent: 40px;}


#type_shuoming li .title{ font-size:24px; font-weight:bold; line-height:44px; color: #616161; padding: 20px 0; clear:both;}
#type_shuoming li .shuoming{ width: 450px;}
#type_shuoming li .more{ color: #848484; position: relative; height: 46px; line-height: 46px; display: block;}
#type_shuoming li .more:before{ content: ''; position: absolute; top: 0; left: 0; width: 60px; height: 1px; background: #e3e3e3;}
#type_shuoming li:hover .more{ color: #1e83cb; padding-left: 5px;}
#type_shuoming li:hover { border:1px solid #1e83cb; }

.lianmeng{ padding:30px;}

 .lianmeng table {
     width:100%;
     border-top:1px solid #efefef;
     border-right: 1px solid #efefef;
 }
.lianmeng th,.lianmeng td
{
    font-size:0.95em;
    text-align:center;
    padding:4px;
    border-bottom:1px solid #efefef;
    border-left: 1px solid #efefef;
    border-collapse:collapse
}

.lianmeng tr{
    background-color:#fdfdfd;
}


.sideMenu {
    position: fixed;
    right: 0;
    top: 175px;
    z-index: 11; }
.sideMenu li {
    width: 60px;
    height: 56px;
    border-top: 2px solid #e9e9ef;
    cursor: pointer;
    display: none;
    line-height: 56px;
    text-align: center;
    background: #fff;
}
.sideMenu .service {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    position: relative; }
.sideMenu .service .sidePhone {
    position: absolute;
    padding-left: 52px;
    top: 0;
    right: 65px;
    width: 209px;
    background: url(../image/sidePhone.png) center center no-repeat;
    font-size: 20px;
    color: #26b268;
    opacity: 0;
    line-height: 57px;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
.sideMenu .service:hover .sidePhone {
    visibility: visible;
    opacity: 1; }
.sideMenu .bird {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    position: relative; }
.sideMenu .bird:hover .qrBox {
    visibility: visible;
    opacity: 1; }
.sideMenu .qrBox {
    position: absolute;
    width: 129px;
    height: 125px;
    top: 0;
    right: 65px;
    line-height: 125px;
    font-size: 0;
    text-align: center;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
    padding-right: 3px; }
.sideMenu .qrBox img {
    width: 108px;
    vertical-align: middle; }
.sideMenu .code {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    position: relative; }
.sideMenu .code:hover .qrBox {
    visibility: visible;
    opacity: 1; }
.sideMenu .doubt {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s; }
.sideMenu .mune {
    background: #8fc31f;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s; }
.sideMenu .backtop {
    background: #393939;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s; }

.sitemaps {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(9, 35, 45, 0.65);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
    z-index: 100;
    display: none; }
.sitemaps .mapLink {
    height: 564px;
    width: 1200px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 70px; }
.sitemaps .mapLink .mapBg {
    position: absolute;
    top: 0;
    left: 58%; }
.sitemaps .mapLink .cancel {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: url(../image/cancel.png) center center no-repeat; }
.sitemaps .mapLink .linkList {
    border-radius: 5px;
    height: 100%;
    background: #fff;
    padding: 0 30px; }
.sitemaps .mapLink .linkList h1 {
    font-size: 20px;
    color: #26b268;
    padding: 50px 0;
    text-align: center; }
.sitemaps .mapLink .linkList &gt; ul {
    border-bottom: 3px solid #eeeeee;
    text-align: center; }
.sitemaps .mapLink .linkList &gt; ul .footLink {
    padding: 0 33px;
    color: #767b7f;
    position: relative;
    display: inline-block; }
.sitemaps .mapLink .linkList &gt; ul .footLink .linkTitle {
    display: inline-block;
    padding-bottom: 23px;
    font-size: 15px;
    border-bottom: 3px solid #26b268;
    position: relative;
    top: 3px;
    text-align: left; }
.sitemaps .mapLink .linkList &gt; ul .footLink ul {
    position: absolute;
    top: 60px;
    text-align: left; }
.sitemaps .mapLink .linkList &gt; ul .footLink ul li {
    line-height: 24px;
    color: #c7c8ca;
    font-size: 14px; }
.sitemaps .mapLink .linkList &gt; ul .footLink ul li a {
    color: #aaaaaa; }
.sitemaps </pre></body></html>