@charset "utf-8";
body{margin: 0;padding: 0;background: #fff;font-family: "Microsoft YaHei";color: #787878;font-size: 14px;line-height: 180%;}
*{margin: 0;padding: 0;}
li{list-style: none;}
i,em{font-style: normal;}
img{display: block;border: 0;}
.fl{float: left;}
.fr{float: right;}
.juz{display: block;margin: 0 auto;text-align: center;}
a{color: #787878;text-decoration: none;}
a:hover{color: #cc0000;text-decoration: underline;}
header{position: relative;overflow: hidden;z-index: 2;min-width: 1200px;margin: 0 auto;height: 225px;background: url(img/bg.jpg) repeat-x center 0;}
footer{position: relative;min-width: 1200px;margin: 0 auto;height: 355px;background: url(img/fbg.jpg) repeat-x center 0;color: #ababab;font-size: 16px;line-height: 31px;border-top: 1px solid #e7e7e7;clear: both;}
.top{position: relative;width: 1200px;height: 33px;min-width: 1200px;margin: 0 auto;color: #979797;line-height: 33px;}
.top span{float: right;}
.head{overflow: hidden;width: 1200px;height: 105px;min-width: 1200px;margin: 0 auto;padding: 25px 0 0;}
.head .name{display: block;float: left;width: 260px;height: 70px;}
.head .text{overflow: hidden;float: left;width: 306px;padding: 5px 0 0;color: #015cb5;font-size: 28px;line-height: 36px;text-align: center;font-weight: bold;}
.head .text span{display: block;background: url(img/bg1.png) no-repeat center 0;color: #464646;font-size: 20px;line-height: 30px;}
.head .tel{float: right;padding: 10px 0 10px 75px;background: url(img/tel.png) no-repeat 0 7px;color: #000;font-size: 26px;line-height: 28px;font-weight: bold;white-space: nowrap;}
.head .tel span{display: block;}
.nav{overflow: hidden;width: 1200px;height: 62px;min-width: 1200px;margin: 0 auto;font-size: 16px;line-height: 62px;white-space: nowrap;}
.nav li{position: relative;float: left;margin-left: -2px;background: url(img/x1.png) no-repeat right 0;}
.nav li a{display: inline-block;padding: 0 42px;color: #fff;}
.nav li a:hover,.nav li:first-child a{z-index: 2;background: #015cb5;text-decoration: none;}
.nav li:last-child{background: none;}
.banner{position: relative;overflow: hidden;min-width: 1200px;margin: 0 auto;height: 650px;clear: both;}
.ban_p,.ban_p li{overflow: hidden;height: 650px;}
.ban_p li a{display: block;height: 650px;}
.ban_t{position: absolute;bottom: 0;left: 50%;margin-left: -550px;width: 1100px;height: 50px;text-align: center;}
.ban_t em{display: inline-block;width: 16px;height: 16px;margin-right: 12px;background: #fff;border-radius: 16px;}
.ban_t em.on{background: #224b97;}
.tit01{display: block;height: 117px;margin-bottom: 35px;background: url(img/tbg.png) no-repeat center bottom;clear: both;color: #070707;font-size: 40px;line-height: 60px;text-align: center;font-weight: normal;white-space: nowrap;}
.tit01 span,.ys h2 span{display: block;font-family: Arial;color: #999;font-size: 16px;line-height: 31px;text-transform: uppercase;}
.content{width: 1200px;min-width: 1200px;margin: 0 auto;}
.w1200{overflow: hidden;width: 1200px;margin: 30px auto;}
.w1200 .left{float: left;width: 252px;padding-bottom: 20px;}
.w1200 .left .cp-tit{height: 132px;background: url(img/tbg2.jpg) no-repeat;color: #fff;line-height: 35px;text-align: center;}
.w1200 .left .cp-tit h2{padding-top: 50px;font-size: 30px;}
.w1200 .left .cp-tit p{font-size: 22px;text-transform: uppercase;text-indent: 0;}
.w1200 .left ul{padding: 5px 0 10px 12px;background: #015cb5;border: 1px #015cb5 solid;}
.w1200 .left li{display: block;width: 230px;height: 42px;margin-bottom: 15px;background: url(img/libg1.jpg) no-repeat;text-indent: 20px;cursor: pointer;}
.w1200 .left li a{color: #4b4b4b;font-size: 16px;line-height: 42px;}
.w1200 .left li a:hover{text-decoration: none;}
.w1200 .left .right-arrow{float: right;display: inline-block;width: 22px;height: 42px;margin-right: 5px;background: url(img/ico10.png) no-repeat center center;}
.w1200 .left li:hover{background: #d60220;}
.w1200 .left li:hover a{color: #fff;}
.w1200 .left li:hover .right-arrow{background: url(img/ico11.png) no-repeat center center;}
.w1200 .left .bot{height: 132px;background: url(img/tbg3.jpg) no-repeat;}
.w1200 .left .bot p{padding-top: 50px;color: #fff;font-size: 28px;line-height: 35px;text-align: center;text-indent: 0;}
.w1200 .right{float: right;width: 930px;border: 1px solid #e6e6e6;}
.w1200 .right .tit{width: 100%;height: 47px;border-bottom: 1px solid #e6e6e6;background: url(img/tbg1.jpg) no-repeat;}
.w1200 .right .tit h3{display: inline-block;width: 800px;height: 47px;color: #fff;font-size: 20px;text-indent: 30px;line-height: 47px;}
.w1200 .right .tit .more{float: right;margin-right: 15px;color: #5f5f5f;line-height: 47px;}
.w1200 .right .list{}
.w1200 .right .list li{overflow: hidden;position: relative;float: left;width: 276px;margin: 10px;padding: 6px;background: #e9e9e9;cursor: pointer;}
.w1200 .right .list li img{display: block;width: 274px;height: 224px;}
.w1200 .right .list li span{display: block;width: 100%;margin-top: 15px;margin-bottom: 10px;color: #202020;font-size: 15px;line-height: 24px;text-align: center;}
.w1200 .right h2{overflow: hidden;width: 100%;padding: 8px 0;border-bottom: 1px solid #ccc;color: #333;font-size: 16px;line-height: 36px;text-indent: 30px;}
.w1200 .right .txt{padding: 30px;}
.w1200 .right .txt p{margin-bottom: 10px;}
.w1200 .right .txt h4{margin-bottom: 20px;font-size: 20px;text-align: center;}
.w1200 .right .txt .juz{width: 100%; text-align: center;}
.w1200 .right .txt .juz img{display: inline-block;}
.lxbg{padding: 0 0 260px 250px;background: url(img/lxbg.jpg) no-repeat center bottom;}
.lxbg h3{margin-bottom: 10px;}
.lxbg ul{background: url(img/weixin.jpg) no-repeat 280px 0px;}
.lxbg li{height: 35px;line-height: 35px;}
.lxbg li span{display: inline-block;width: 60px;text-align: right;}

.brand{min-width: 1200px;margin: 0 auto;height: 630px;padding: 40px 0 0;}
.brand a:hover{text-decoration: none;}
.brand img{width: 100px;height: 100px;border-radius: 8px;}
.brand ul{overflow: hidden;margin: 15px 0 0;clear: both;}
.brand li{float: left;width: 140px;height: 185px;margin: 0 15px 15px 0;padding: 8px;border: 1px solid #00479d;border-radius: 8px;text-align: center;}
.brand h1{border-bottom: 1px solid #00479d;font-size: 18px;line-height: 36px;font-weight: normal;}
.brand h1 a{color: #00479d;}
.brand h2{width: 100px;height: 100px;margin: 10px 20px;}
.brand h3{display: none;}
.brand h4{width: 94px;height: 24px;margin: 0 24px;background: #00479d;border-radius: 6px;line-height: 24px;}
.brand h4 a{color: #fff;font-size: 12px;}
.brand li:hover{background: #a6a6a6;border: 1px solid #a6a6a6;}
.brand li:hover h1{border-bottom: 1px solid #fff;}
.brand li:hover h1 a{color: #fff;}
.brand li:hover h2{display: none;}
.brand li:hover h3{display: block;width: 100px;height: 100px;margin: 10px 20px;}
.brand li:hover h4{background: #fff;}
.brand li:hover h4 a{color: #00479d;}
.brand li:nth-child(7n){margin: 0 0 20px 0;}






.photo{min-width: 1200px;margin: 0 auto;height: 500px;padding: 40px 0 0;}
.fc_c{position: relative;z-index: 50;min-width: 1200px;margin: 0 auto;padding-bottom: 30px;box-sizing: border-box;background: #fff;}
.fc_nr{position: relative;min-width: 1200px;margin: 0 auto;}
.fc_n1 .tempWrap{width: 1200px !important;margin: 0 auto;}
.fc_nr li{float: left;width: 285px;margin-right: 20px;font-size: 0;line-height: 0;}
.fc_nr li i{overflow: hidden;display: block;width: 285px;height: 270px;}
.fc_nr li img{width: 285px;height: 270px;transition: all .5s;}
.fc_nr li span{display: block;padding-top: 28px;color: #666;font-size: 16px;line-height: 18px;text-align: center;}
.fc_nr li a:hover{text-decoration: none;}
.fc_nr li a:hover span{color: #000;}
.fc_j1,.fc_j2{position: absolute;top: 110px;cursor: pointer;}
.fc_j1{left: -70px;}
.fc_j2{right: -70px;}
.probox{position: relative;overflow: hidden;z-index: 2;min-width: 1200px;margin: 0 auto;height: 1110px;padding: 40px 0 0;background: url(img/pbg.jpg) repeat center 0;}





.pro .pnav{margin: 15px auto;text-align: center;}
.pro .pnav li{display: inline-block;margin: 10px 2px;}
.pro .pnav li a{padding: 8px 20px;background: #e7e7e7;transition: all .3s;}
.pro .pnav li a:hover{background: #015cb5;color: #fff;text-decoration: none;}
.pro .list{width: 1190px;margin: 0 auto;}
.pro .list li{float: left;width: 25%;box-sizing: border-box;padding: 10px;}
.pro .list li a{display: block;padding: 10px;background: #fff;box-shadow: 0 5px 20px #ccc;transition: all .3s;}
.pro .list li a:hover{text-decoration: none;}
.pro .list li:hover a{box-shadow: 0 0 0 #fff;}
.pro .list li .pic{overflow: hidden;width: 255px;border: 1px #ddd solid;box-sizing: border-box;}
.pro .list li .pic span{display: block;width: 100%;height: 200px;text-align: center;}
.pro .list li .pic img{display: block;width: 100%;height: 100%;margin: 0 auto;border: none;vertical-align: middle;}
.pro .list li .info{position: relative;padding: 15px 40px 5px 0;line-height: 22px;}
.pro .list li .info p{text-indent: 0;}
.pro .list li .info p.title{color: #222;}
.pro .list li .info .jt{position: absolute;right: 0;top: 10px;width: 30px;height: 30px;transition: all .3s;z-index: 100;}
.pro .list li:hover .info .jt{top: -20px;}
.ys dl{display: inline-block;width: 510px;}
.ys dl dt{float: left;width: 80px;height: 80px;background: #015cb5;font-family: "Times New Roman", Times, serif;color: #fff;font-size: 50px;text-align: center;line-height: 80px;font-weight: bold;}
.ys dl dd{float: left;width: 400px;padding: 0 0 0 30px;}
.ys dl dd h3{height: 100px;color: #015cb5;font-size: 28px;line-height: 32px;}
.ys dl dd h3 em{display: block;width: 236px;height: 32px;margin: 12px 0 0;background: #fff;border: 2px solid #e0e0e0;font-family: Arial, Helvetica, sans-serif;color: #d9d9d9;font-size: 14px;line-height: 32px;text-align: center;font-weight: normal;text-transform: uppercase;}
.ys dl dd p{padding: 0 0 0 20px;background: url(img/ico1.png) no-repeat 0 14px;color: #333;font-size: 18px;line-height: 32px;}
.ys dl dd span{display: block;width: 150px;padding: 35px 0 0;}
.ys dl dd span img:hover{animation: shake .1s linear;-webkit-animation: shake .1s linear;}
.yst{position: relative;overflow: hidden;min-width: 1200px;margin: 0 auto;height: 173px;padding: 38px 0 0;background: url(img/ystbg.jpg) no-repeat center 0;}
.yst h2{height: 131px;background: url(img/yst.png) no-repeat center 45px;color: #000;font-size: 40px;line-height: 54px;text-align: center;font-weight: normal;}
.yst h2 span{display: block;color: #999;font-family: Arial;font-size: 16px;line-height: 31px;text-transform: uppercase;}
.yst h2 p{display: block;font-size: 20px;line-height: 32px;}
.ys1{overflow: hidden;min-width: 1200px;margin: 0 auto;height: 411px;background: url(img/ysbg1.jpg) no-repeat center 0;}
.ys2{overflow: hidden;min-width: 1200px;margin: 0 auto;height: 406px;background: url(img/ysbg2.jpg) no-repeat center 0;}
.ys3{overflow: hidden;min-width: 1200px;margin: 0 auto;height: 448px;background: url(img/ysbg3.jpg) no-repeat center 0;}
.ys4{overflow: hidden;min-width: 1200px;margin: 0 auto;height: 395px;background: url(img/ysbg4.jpg) no-repeat center 0;}
.ys5{overflow: hidden;min-width: 1200px;margin: 0 auto;height: 387px;background: url(img/ysbg5.jpg) no-repeat center 0;}
.ys2 dl,.ys4 dl{padding: 0 0 0 690px;}
.pro1 li{position: relative;float: left;width: 268px;margin: 10px;text-align: center;border: 1px solid #ccc;}
.pro1 li img{max-width: 266px;height: 220px;margin: 0 auto;}
.pro1 li span{display: block;height: 40px;line-height: 40px;white-space: nowrap;text-overflow: ellipsis;text-align: center;}
.pro1 li .cover{display: none;position: absolute;top: 0;left: 0;width: 266px;height: 222px;text-indent: 9999; background: url(img/cph.png) no-repeat center center;}
.pro1 li:hover .cover{display: block;font-size: 0;}
.page{clear: both;padding: 3px;text-align: center;}
.next1{padding: 10px;border: #999 1px dashed;text-align: center;}
.xw h2{ margin-bottom: 30px; }
.xw .left1{ width: 50%; float: left;background: #fff; }
.xw .left1 .xwpic{ width: 100%; display: block; }
.xw .left1 .xwpic img{ width: 100%; height: 168px; display: block; transition: all 0.6s cubic-bezier(0.125,0.61,0.355,1) 0s; }
.xw .left1 .xwpic:hover img{ transform: scale(1.08,1.08); }
.xw .left1 .xwpic .img{ width: 100%; overflow: hidden; }
.xw .left1 .xwpic .img img{ width: 100%; display: block; transition: all 0.6s cubic-bezier(0.125,0.61,0.355,1) 0s; }
.xw .left1 h3{ margin-top: 10px; padding: 0 15px; display: block; color: #333; font-size: 16px; line-height: 40px; }
.xw .left1 p{ padding: 0 15px; line-height: 24px; text-indent: 0; }
.xw .left1 a.more{ width: 174px; height: 40px; display: block; margin: 15px; border: 1px solid #ddd; border-radius: 30px; color: #666; line-height: 40px; text-align: center; overflow: hidden; }
.xw .left1 a.more:after{ content: ""; display: block; width: 0; height: 40px; margin-top: -40px; background: #0c5cc8; transition: all 0.3s; }
.xw .left1 a.more:hover{ border: 1px solid #0c5cc8; color: #fff; }
.xw .left1 a.more:hover:after{ width: 100%; }
.xw .left1 a:hover{ text-decoration: none; }
.xw .right1{ width: 40%;height: 314px; float: right;padding-left: 20px; background: #fff; }
.xw .right1 li{ padding-right: 10px; border-bottom: 1px solid #ddd; line-height: 55px; position: relative; }
.xw .right1 li a{ color: #333; }
.xw .right1 li span{float: right;}
.hz{padding-bottom: 10px;}
.hz ul{ margin-top: 20px; }
.hz li{ width: 220px; height: 132px; float: left; margin: 10px; border-radius: 10px; position: relative; }
.hz li img{ width: 220px; height: 132px; display: block; border-radius: 8px; border-top: 1px solid #ccc; }
.aimg{text-align: center;text-indent: 0;}
.aimg img{margin: 20px 40px 0 0;border-radius: 20px;}
.down li{border-bottom: 1px dashed #c0c0c0;line-height: 40px;}
.down li a{color: #2c2c2c;}
.down li a:hover{color: #cc0000;text-decoration: none;}
.down li a span{padding: 0 15px;}
.news{padding: 0 20px;}
.news li .pic{width: 200px;height: 130px;position: absolute;left: 0;border-radius: 5px;overflow: hidden;}
.news li .pic img{width: 100%;height: 130px;transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.news li .info{height: 130px;overflow: hidden;}
.news li .info h4{padding-bottom: 8px;color: #333;font-size: 16px;line-height: 40px;font-weight: 100;}
.news li .info p{color: #999;font-size: 13px;line-height: 22px;text-indent: 0;}
.news li a{display: block;padding: 20px 30px 20px 230px;border-bottom: 1px solid #ddd;position: relative;}
.news li a:hover{padding-left: 240px;padding-right: 20px;text-decoration: none;}
.news li a:hover .info h4{color: #0c5cc8;}
.news li a:hover .pic img{transform: scale(1.08,1.08);}


#xh{ margin:0px auto; margin-bottom:15px; background:#a6caea; line-height:30px;}
#xh th{ background:#f4f4f4; color:#222;}
#xh td{ background:#f4f4f4; color:#0c5cc8; text-align:center;}
#xh td a{ color:#0c5cc8;}
.search{overflow: hidden;height: 47px;padding: 14px 0 0;border-top: 1px solid #b5bac0;background: #e8e8e8;line-height: 32px;}
.sbg{width: 100%;height: 65px;background: #f1f1f1;}
.sbg .sleft{float: left;width: 485px;line-height: 65px;}
.sbg .sleft span{float: left;width: 95px;padding-left: 30px;background: url(img/ico7.png) no-repeat 0 center;color: #403f3f;font-size: 16px;font-weight: bold;}
.sbg .sleft .input{width: 300px;height: 38px;padding: 0 0 0 10px;border: 1px #dfdede solid;color: #c4c4c4;line-height: 38px;vertical-align: middle;outline: none;background: #fff;}
.sbg .sleft .fr input{width: 39px;height: 40px;background: url(img/sbg.jpg) no-repeat left center;cursor: pointer;vertical-align: middle;border: 0px #000 solid;outline: none;}
.sbg .sright{float: right;width: 550px;line-height: 65px;}
.sbg .sright a{margin: 0 8px;}
.sbg .content{width: 1100px;margin: 0 auto;}




.case{height: 690px;padding: 40px 0 0;}
.case ul li{position: relative;float: left;width: 238px;height: 238px;}
.case ul li img{width: 100%;height: 100%;}
.case ul li p{display: none;color: #fff;font-size: 18px;line-height: 238px;text-align: center;}
.case ul li .txt{position: absolute;left: 0;bottom: 0;z-index: 999;width: 238px;background: rgba(0,51,153,0.6);opacity: 0;}
.case ul li:first-child{width: 476px;height: 476px;}
.case ul li:first-child p{line-height: 476px;}
.case ul li:first-child .txt{width: 476px;height: 476px;}
.case ul li:hover .txt{opacity: 1;-webkit-transition: .5s;-o-transition: .5s;-moz-transition: .5s;transition: .5s;}
.case ul li:hover .txt p{display: block;}
.about{min-width: 1200px;margin: 0 auto;height: 657px;padding: 40px 0 0;background: url(img/pbg.jpg) repeat center 0;}
.about dl{overflow: hidden;width: 1200px;background: #fff;border-radius: 10px;}
.about dl dt,.about dl dt img{overflow: hidden;display: block;float: left;width: 600px;height: 450px;}
.about dl dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.about dl dt img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.about dl dd{float: left;width: 455px;padding: 40px 0 0 76px;}
.about dl dd h3{height: 70px;font-size: 20px;line-height: 70px;}
.about dl dd p{overflow: hidden;height: 242px;}
.more01{display: block;width: 120px;height: 40px;background: #00479d;border-radius: 20px;color: #fff;font-size: 16px;line-height: 40px;text-align: center;}
.more01 a{display: block;color: #fff;}
.fnav{height: 54px;color: #333;font-size: 16px;line-height: 54px;text-align: center;white-space: nowrap;}
.fnav a{display: inline-block;padding: 0 31px;color: #333;}
.fnav a:first-child{background: url(img/home.jpg) no-repeat 0 center;}
.foot{height: 166px;padding: 55px 0 0;clear: both;}
.foot .logo{float: left;width: 320px;padding: 50px 0 0 0;}
.foot .logo em{display: block;padding-top: 8px;color: #fff;font-size: 28px;text-indent: 60px;}
.foot .text,.foot .ewm{float: left;width: 470px;height: 167px;padding: 15px 0 0 85px;background: url(img/fge.jpg) no-repeat 0 0;}
.foot .text a{color: #ababab;}
.foot .ewm{float: right;width: 253px;padding: 0 0 0 57px;}
.foot .ewm p{width: 120px;padding: 0 0 0 30px;color: #949494;font-size: 12px;line-height: 25px;text-align: center;}