/* CSS Document */

@charset "utf-8";

body{ margin:0px; font-size:12px; color:#333;font-family: "微软雅黑"; min-width:1280px; background:#ffffff; }

*{padding:0px;margin:0px;}

body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}

h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none; font-weight:normal;}

input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;}

button {overflow:visible}

img{border:none;}

a{color:#333;text-decoration:none; font-size:12px; outline:none;}

a:hover{color:#1b61b3;text-decoration:none; font-size:12px;}

ul,li{ list-style: none;}

input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}

.clear{clear:both;}

.lf{ float:left;}

.rt{ float:right;}

.m { width:1260px; margin:0px auto;}



.top { width: 100%; height: 40px; line-height: 40px; font-size: 14px; background: #f6f6f6;}







.logo { float:left;}

.tel { background:url(../images/tel.jpg) no-repeat center left; padding-left:50px; float:right; font-size:18px; line-height:24px; margin-top:25px;}



.sousuo{position:relative; padding-left:5px;}

.searchbtn{ cursor:pointer}

.suk{ display:none; position:absolute; top:50px; z-index:9999999; right:0px; width:320px; background: rgba(255, 255, 255, 0.7); padding:20px; }

.input1{ width:244px; line-height:42px; height:42px; border:#d4d4d4 1px solid; padding-left:10px; outline:none; color:#666;}

.btn1{ background:#0372c1; border-radius:0px; border:0; color:#FFF; width:60px; line-height:43px; text-align:center; outline:none; cursor:pointer;}





/*导航*/

.nav { background:#0372c1;}

.menu {width: 1260px; margin: 0px auto;}

.menu ul {padding:0; margin:0;list-style-type: none;}

.menu ul li {float:left; position:relative;}

.menu ul li a, .menu ul li a:visited {display:block; text-align:center;  height:50px; color:#fff; line-height:50px; font-size:16px; width: 157.5px;}

.menu ul li i { margin-left: 5px;}

.menu ul li ul {display: none; z-index:99999;}

.menu ul li .hide {color: #fff; background:#0067b1;}

.menu ul li:hover a {color: #fff; background:#0067b1;}

.menu ul li:hover ul {display:block; position:absolute; top:50px; left:0; width:150px; background: url(../images/jjt.png) no-repeat center top; padding-top: 15px;}

.menu ul li:hover ul li a {display:block;font-size:14px;font-weight:normal;height:40px;line-height:40px;color:#333;background:none; text-align: left; background: #fff; padding-left: 20px; box-sizing: border-box;}

.menu ul li:hover ul li a:hover {color: #fff;font-size:14px;font-weight:normal; background: #0372c1;}





.gallery-top{width:100%; position:relative; height: auto;}

.gallery-top .bej { position: absolute; bottom: 0; left: 0;}

.gallery-top .bej img { width: 100%; height: auto;}

.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}

.gallery-top .swiper-slide .wz{width:100%; color:#fff; position:absolute; left:0; top:34%; text-align: center;}

.gallery-top .swiper-slide .wz h3{font-size:60px; line-height:90px;  text-shadow: 2px 2px 6px rgba(0,0,0,.5); letter-spacing: 3px;}

.gallery-top .swiper-slide .wz h2{font-size:32px;  line-height:100px;  text-shadow: 2px 2px 6px rgba(0,0,0,.5);letter-spacing: 5px;}

.gallery-top .swiper-slide .wz p{font-size:20px; letter-spacing:0px; line-height:36px;  font-family: Arial; text-shadow: 2px 2px 6px rgba(0,0,0,.5); }

.gallery-top .swiper-slide .wz a { background: #00a1e9; width:160px; height:45px; line-height:45px; color:#FFF; display: inline-block; text-align:center; font-size:18px; font-weight: bold; margin:30px 10px 0px 10px; border-radius: 30px; box-shadow: 2px 2px 6px rgba(0,0,0,.5); }

.gallery-top .swiper-slide .wz i { margin-left: 20px;}

.gallery-top .swiper-pagination {bottom: 15px; }







.sy_jj { width: 94%; margin: 50px auto; max-width: 1260px;}

.sy_jj ul li { width: 23%; margin: 0px 2.6% 0 0; float: left; border-radius: 5px;box-shadow: 0px 2px 5px rgba(0,0,0,.2);  text-align: center;}

.sy_jj ul li i { display: block; width: 100%; padding-bottom: 78%; position: relative; overflow: hidden;}

.sy_jj ul li:nth-child(4n) { margin-right: 0;}

.sy_jj ul li img { border-radius: 5px 5px 0px 0px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); max-width: 100%; max-height: 100%;}

.sy_jj ul li p { font-size: 16px; line-height: 60px; border-bottom: 1px solid #ddd; position: relative;}

.sy_jj ul li span { position: absolute; height: 2px; width: 10px; background: #0372c1; left: 50%; bottom: -1px; transform:translateX(-50%); margin-left: -5px;  }

.sy_jj ul li:hover span { width: 100%;transition: all 0.5s; margin-left: 0px;}











.sy_bt { width: 100%; text-align: center;}

.sy_bt h1 { font-size:30px; height:50px; line-height:50px; color:#333333; text-align:center;}

.sy_bt h2 {font-size:14px;color:#666666; text-align:center; margin-bottom:25px; line-height:20px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}









.sy_gy { width:100%; background:#e7ecfa; padding:60px 0px;}

.sy_gy .left { width: 48%; float: left; margin-top: 15px;}

.sy_gy .left h1 { font-size: 22px; font-weight: bold; height: 50px; color: #0372c1;}

.sy_gy .left p { font-size: 15px; line-height: 30px;}

.sy_gy .left a { width: 130px; height: 35px; line-height: 35px; color: #fff; background: #0372c1; text-align: center; font-size: 14px; display: block; border-radius: 5px; margin-top: 10px;}

.sy_gy .right { width: 48%; float: right;}

.sy_gy .right img { width: 100%; height: auto; box-shadow: 0px 2px 5px rgba(0,0,0,.2);}







.sy_cp { width: 94%; margin: 50px auto; max-width: 1260px;}

.sy_cp .tab{ width:100%; margin:0 auto;}

.sy_cp .tab-hd { background:#fff; overflow:hidden; zoom:1; text-align: center; padding: 5px 0px;}

.sy_cp .tab-hd li{ display: inline-block; width:100px; color:#333; text-align:center; cursor:pointer; height:40px; line-height:40px; border-radius: 3px; background: #e6e6e6; margin: 0px 5px; font-size: 16px; box-shadow: 0px 2px 5px rgba(0,0,0,.3);}

.sy_cp .tab-hd li.active{ background:#0372c1; color: #fff;}

.sy_cp .tab-bd li{display:none; padding:30px 0px 0px 0px; border-top:0 none; }

.sy_cp .tab-bd li.thisclass{ display:list-item;}

.sy_cp .tab-bd dl dd { width: 31.333%; margin: 0px 3% 3% 0; float: left; border-radius: 5px;box-shadow: 0px 2px 5px rgba(0,0,0,.2);  text-align: center; overflow: hidden;}

.sy_cp .tab-bd dl dd i { display: block; width: 100%; padding-bottom: 78%; position: relative; overflow: hidden;}

.sy_cp .tab-bd dl dd img { position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); max-width: 100%; max-height: 100%;}

.sy_cp .tab-bd dl dd:nth-child(3n) { margin-right: 0;}

.sy_cp .tab-bd dl dd p { font-size: 16px; line-height: 60px; border-bottom: 1px solid #ddd; position: relative;}

.sy_cp .tab-bd dl dd span { position: absolute; height: 2px; width: 10px; background: #0372c1; left: 50%; bottom: -1px; transform:translateX(-50%); margin-left: -5px;  }

.sy_cp .tab-bd dl dd:hover span { width: 100%;transition: all 0.5s; margin-left: 0px;}













.sy_xw { width:100%; margin:0px auto; background: #0372c1; padding: 40px 0px;}

.sy_xw .sy_bt h1 { color: #fff;}

.sy_xw .sy_bt h2 { color: #fff;}

.sy_xw ul { width: 94%; margin:0px auto;max-width: 1260px;}

.sy_xw ul li {  padding: 15px; width: 48%; margin: 0 4% 2% 0; float: left; background: rgba(255,255,255,.2); float: left; box-sizing: border-box; border-radius: 3px;}

.sy_xw ul li:nth-child(2n) { margin-right: 0;}

.sy_xw .rq { width: 14%; float: left; color: #fff;}

.sy_xw .rq h1 {  font-size: 26px;}

.sy_xw .rq p { font-size: 20px; padding: 10px 0px 0px 5px;}

.sy_xw .tp { width: 22%; float: left;}

.sy_xw .tp img { width: 100%; height: auto;}

.sy_xw .wz { width: 60%; float: right;}

.sy_xw .wz h2 { font-size: 16px; font-weight: 800; height: 30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color: #fff;  }

.sy_xw .wz h2 a{font-size: 16px; color: #fff;}

.sy_xw .wz p { line-height: 28px; color: #fff; }



.mr { width:160px; height:40px; background:#004ba0; text-align:center; line-height:40px; color:#fff; margin:10px auto 20px auto; }

.mr a {color:#fff; font-size:14px;}

.mr:hover a { background:#bc0100; color:#fff; font-size:14px; display:block;}

.mr i { margin-left: 15px;}







.zt_xw{width:1260px;  margin:50px auto;}

.zt_xw .swiper-slide{ }

.zt_xw img{width:100%; height:auto; display:block; border: 1px solid #ddd;

transition:all 2s;

-webkit-transition:all 2s;

-moz-transition:all 2s;

-ms-transition:all 2s;

-o-transition:all 2s;}

.zt_xw .swiper-slide:hover  img{transform:scale(1.1);

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-ms-transform:scale(1.1);

-o-transform:scale(1.1);}









.sm_cy { width: 100%; background:  #f6f6f6; padding: 20px 0px;}

.sm_cy span { font-size: 18px; font-weight: bold; padding-right: 10px; color: #0372c1;}

.sm_cy a { font-size: 16px; padding: 0 15px 0px 0px;}

















/*产品中心*/

.cpzx {width:100%;padding:40px 0px;}

.cpzx h1 { font-size:30px; height:50px; line-height:50px; color:#333333; text-align:center;}

.cpzx h2 {font-size:14px;color:#666666; text-align:center; margin-bottom:25px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

.cpzx .gd {width:1200px; overflow:hidden; margin:0px auto; text-align:center; line-height:40px; font-size:14px;}

.cpzx .gd img { width:150px; height:106px; overflow:hidden; border:1px solid #dddddd;}

.cpzx .gd img:hover {filter: alpha(Opacity=80); opacity:.8;  -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}

.cpzx .gd a {font-size:14px;}

.cpzx .gd .yidong { padding-right:15px;}





.qrdt { width:100%; background: url(../images/al.jpg) no-repeat center top ; padding:40px 0px;}

.qrdt h1 { font-size:30px; height:50px; line-height:50px; color:#333333; text-align:center;}

.qrdt h2 {font-size:14px;color:#666666; text-align:center; margin-bottom:25px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

.qrdt ul { width:1260px; margin:0px auto; margin-top:30px;}

.qrdt ul li { width:280px; float:left; margin:0px 13px 0px 13px; background:#ffffff; overflow:hidden;}

.qrdt ul li img { width:280px; height:200px;}

.qrdt ul li img:hover {filter: alpha(Opacity=80); opacity:.8;  -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}

.qrdt ul li .riqi { color:#999; line-height:40px; font-size:14px; padding:0px 10px;}

.qrdt ul li h3 { font-size:16px;  line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-top:3px; color:#0075c2; padding:0px 10px;}

.qrdt ul li p {line-height:24px; font-size:13px; color:#666; height:72px; overflow:hidden; padding:0px 10px;}

.qrdt ul li h3 a {font-size:16px;color:#0075c2;}

.more { width:150px; height:40px; line-height:40px; background:#0075c2; text-align:center; color:#ffffff; margin:40px auto 0px auto; font-size:14px;}

.more a { text-align:center; color:#ffffff; font-size:14px;}

.more:hover {filter: alpha(Opacity=80); opacity:.8;}







.foot { width: 94%; margin: 20px auto; max-width: 1260px;}

.foot .zc { width: 280px; float: left;}

.foot .zj { width: 720px; float: left;}

.foot .zj p { font-size: 16px; line-height: 45px; text-align: justify;  }

.foot .zj p a{font-size: 16px;padding-right: 15px; line-height: 45px;}

.foot .yc { width: 150px; float: right;}



.foot1 { background: #0372c1; width: 100%; padding: 14px 0px; color: #fff; text-align: center;}





/*翻页*/

.Pages {padding:0px;clear:both;font-size:14px; margin-top:30px; text-align:center;}

.Pages a {border: 1px solid #E0E0E0;padding: 7px 10px;text-align: center;margin: 0 10px 0 0;background: #FFF;color: #666;}

.Pages a:hover {border: 1px solid #ccc;padding: 7px 10px;text-align: center;margin: 0 10px 0 0;background: #f9f9f9;color: #333;}

.Pages .choose {border: 1px solid #eee;padding: 6px 10px;text-align: center;margin: 0 10px 0 0;background: #0181cc;color: #fff;}

.Pages .PageInfo {border: 1px solid #ccc;padding: 5px 10px;text-align: center;margin: 0 0px 0 0;background: #f9f9f9;color: #666;}





.ycpc { width: 150px; position: fixed; right:0; bottom: 25px; z-index: 999999999;}

.ycpc img { width: 100%; height: auto;}



.zcpc { width: 110px; position: fixed; left:0; top:250px; z-index: 999999999;}

.zcpc img { width: 100%; height: auto;}



.ny_ba { width: 100%; height: auto;}

.ny_ba img { width: 100%; height: auto;}



.ny_dh { width: 100%; background: #fff; padding: 10px 0px;}

.ny_dh ul { margin: 0px auto; width: 1260px;}

.ny_dh ul li { width: 120px; float: left; line-height: 35px; text-align: center; margin-right: 10px;}

.ny_dh ul li a{ font-size: 16px;}

.ny_dh ul li:hover a {  background: #0372c1; color: #fff; display: block; }

.ny_dh ul li .ff {background: #0372c1; color: #fff; display: block;}





.ny_zt { width: 100%; margin: 0px auto; background: #f6f6f6; padding: 40px 0px;}

.ny_zt .zjnr { width: 1260px; margin:0px auto;}

.ny_zt .zc { width: 74%; float: left; padding: 15px 25px 40px 25px; box-sizing: border-box; background: #fff;}

.ny_zt .zc ul li { border-bottom: 1px dashed #ddd; padding: 20px 0px;}

.ny_zt .zc ul li h3 { font-size: 20px; height: 40px;}

.ny_zt .zc ul li h3 a{font-size: 20px;}

.ny_zt .zc ul li p{font-size: 16px; color: #666; line-height: 22px; margin-bottom: 20px;}

.ny_zt .zc ul li span { font-size: 16px;}

.ny_zt .yc { width: 23%; float: right; padding: 15px 15px 20px 15px; box-sizing: border-box; background: #fff;}

.ny_zt .yc .lb { width: 100%; margin-bottom: 20px;}

.ny_zt .yc h4 { background: #0372c1; text-align: center; font-size: 18px;height: 40px; line-height: 40px; color: #fff; margin-bottom: 10px; }

.ny_zt .yc .lb ul li { height: 40px; line-height: 40px; border: 1px solid #ddd; text-align: center; font-size: 16px; text-align: center; margin-bottom: 10px;}

.ny_zt .yc .lb ul li a{ font-size: 16px;}

.ny_zt .yc .xm ul li { border-bottom: 1px solid #ddd; padding: 15px 0px; font-size: 14px;}

.ny_zt .yc .xm ul li a {font-size: 14px;}





.ny_jj { width:100%; margin: 0px auto; background: #f6f6f6; padding: 40px 0px;}

.ny_jj ul { width: 1260px; margin:0px auto;}

.ny_jj ul li { width: 23%; margin: 0px 2.6% 2.6% 0; float: left; border-radius: 5px;box-shadow: 0px 2px 5px rgba(0,0,0,.2);  text-align: center;}

.ny_jj ul li i { display: block; width: 100%; padding-bottom: 78%; position: relative; overflow: hidden;}

.ny_jj ul li:nth-child(4n) { margin-right: 0;}

.ny_jj ul li img { border-radius: 5px 5px 0px 0px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); max-width: 100%; max-height: 100%;}

.ny_jj ul li p { font-size: 14px; line-height: 60px; border-bottom: 1px solid #ddd; position: relative;}

.ny_jj ul li span { position: absolute; height: 2px; width: 10px; background: #0372c1; left: 50%; bottom: -1px; transform:translateX(-50%); margin-left: -5px;  }

.ny_jj ul li:hover span { width: 100%;transition: all 0.5s; margin-left: 0px;}