*{margin:0;padding:0}

body{min-width:1100px;background:#fff;background-repeat:repeat-x;background-position:0 0;margin:0;padding:0;text-decoration:none;font-size:12px;font-variant:normal;font-family:"???è?ˉé?…é?‘"}

a:active,a:hover,a:link,a:visited{text-decoration:none}

a{text-decoration:none}

li{list-style-type:none}

ol,ul{list-style-type:none;list-style-image:none}

.main{width:1200px;margin:0 auto}

.head{width:100%;height:156px;overflow:hidden}

.head .top{width:100%;height:32px;border-bottom:1px solid #c5c5c5}

.head .top p{font-size:13px;color:#666;line-height:32px;float:left}

.head ul{float:right}

.head ul li{float:left;padding-right:10px;padding-left:10px;line-height:32px;position:relative}

.head ul li a{font-size:13px;color:#666}

.head ul li:after{content:"";width:1px;height:14px;position:absolute;top:50%;margin-top:-7px;right:0;background:#666}

.head ul li:last-child:after{width:0}

.head .name{float:left}

.head img{display:block}

.head .name div{display:table-cell;vertical-align:middle;height:124px}

.head .tel{float:right}

.head .tel div{display:table-cell;vertical-align:middle;height:124px}

.nav{width:100%;height:60px;background:#076ce0}

.nav ul{width:1200px;margin:0 auto;height:60px;overflow:hidden}

.nav ul li{float:left;width:133px;height:60px;position:relative;overflow:hidden;text-align:center;line-height:60px}

.nav ul li a{color:#fff;font-size:16px;display:block}

.nav ul li:hover{background:#00a0e9}

.nav ul li:after{content:"";width:2px;height:100%;position:absolute;right:0;top:0;background:url(img/nav.png) no-repeat center right;background-size:auto 100%}

.nav ul li:last-child:after{content:"";display:none}

.banner{width:100%;margin:0 auto;overflow:hidden;position:relative}

.banner .hd{height:15px;overflow:hidden;position:absolute;left:45%;bottom:10px;z-index:1}

.banner .hd ul{overflow:hidden;zoom:1;float:left}

.banner .hd ul li{float:left;margin-right:25px;width:50px;height:10px;line-height:14px;text-align:center;cursor:pointer;border:1px solid #333}

.banner .hd ul li.on{background:#004bb0;border:1px solid #004bb0}

.banner .bd{position:relative;height:100%;z-index:0;width:100%}

.banner .bd li{zoom:1;vertical-align:middle}

.banner .bd img{width:100%;display:block}

.banner .next,.banner .prev{position:absolute;left:3%;top:50%;margin-top:-3%;display:block;width:32px;height:40px;opacity:.5}

.banner .next{left:auto;right:3%;background-position:8px 5px}

.banner .next{font-size:58px;color:#fff}

.banner .prev{font-size:58px;color:#fff}

.banner .next:hover,.banner .prev:hover{opacity:1}

.banner .prevStop{display:none}

.banner .nextStop{display:none}

.product{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:60px}

.product .list{float:left;width:230px;background:#076ce0;height:auto;overflow:hidden}

.product .list .tit{width:100%;height:100px;overflow:hidden;background:url(img/title.png) no-repeat center}

.product .list .tit div{margin-left:20px;margin-left:90px;margin-top:22px}

.product .list .tit p{color:#fff;font-size:26px}

.product .list .tit span{display:block;color:#fff;text-transform:uppercase;font-size:14px}

.product .list ul li{width:100%;height:61px;border-bottom:1px solid #005bd5;line-height:61px;background:url(img/icon02.png) no-repeat 20px center}

.product .list ul li a{display:block;margin-left:50px;color:#fff;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:160px}

.product .list ul li:hover{background:#0092dd url(img/icon02.png) no-repeat 20px center}

.product .img-box{float:right;width:920px;height:auto;margin-top:25px;overflow:hidden}

.product .img-box .tit{width:100%;height:auto;overflow:hidden}

.product .img-box .tit p{color:#2c2c2c;font-size:24px;float:left}

.product .img-box .tit span{display:block;float:left;color:#999;font-size:15px;height:14px;line-height:14px;padding-left:10px;border-left:1px solid #999;margin-left:15px;margin-top:10px;text-transform:uppercase}

.product .img-box .tit a{display:block;float:right;width:132px;height:30px;background:url(img/more.png) no-repeat center;color:#fff;font-size:13px;line-height:30px;text-indent:26px}

.product .img-box ul{height:auto;overflow:hidden;margin-top:25px}

.product .img-box ul li{float:left;width:286px;height:auto;margin-bottom:5px;margin-left:31px;position:relative;overflow:hidden}

.product .img-box ul li:nth-child(3n-2){margin-left:0}

.product .img-box ul li img{display:block;width:100% ;transition:.5s;height:100%;border:1px solid #e5e5e5;box-sizing:border-box}

.product .img-box ul li:hover img{transform:scale(1.05)}

.product .img-box ul li div{width:286px;height:auto;overflow:hidden}

.product .img-box ul li p{width:100%;height:40px;line-height:40px;margin-top:5px;text-align:center;color:#fff;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.5);font-size:15px;z-index:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.gg{width:100%;height:150px;margin-top:30px;background:url(img/xbanner1.png) no-repeat center}

.adv{width:1200px;margin:0 auto;height:auto;margin-top:45px;overflow:hidden}

.title{width:620px;margin:0 auto;height:auto;overflow:hidden;position:relative}

.title:after{content:"";width:200px;height:1px;background:#d0d0d0;position:absolute;right:0;top:30px}

.title:before{content:"";width:200px;height:1px;position:absolute;left:0;background:#d0d0d0;top:30px}

.title p{color:#222;font-size:28px;text-align:center}

.title span{color:#888;font-size:16px;text-align:center;display:block;margin-top:8px}

.adv .img{margin-top:30px;float:left}

.adv img{display:block}

.adv ul{float:right;margin-top:30px;width:590px;height:auto;overflow:hidden}

.adv ul li{float:left;width:184px;height:203px;border:1px solid #e0e0e0;box-sizing:border-box;margin-left:19px}

.adv ul li:hover{background:#076ce0}

.adv ul li:nth-child(3n-2){margin-left:0}

.adv ul li div{width:100%;height:130px;display:flex;justify-content:center;align-items:center}

.adv ul li img{display:block;margin:0 auto}

.adv ul li img:last-child{display:none}

.adv ul li:hover img{display:none}

.adv ul li:hover img:last-child{display:block}

.adv ul li:hover p{color:#fff}

.adv ul li p{color:#696969;font-size:22px;text-align:center;margin-top:10px}

.about{width:100%;height:460px;background:url(img/aboutbj.png) no-repeat center;margin-top:60px}

.about .pic{float:left;width:560px;height:auto;margin-top:50px;overflow:hidden}

.about .pic img{display:block;width:560px;height:360px}

.about .intro{float:right;width:600px;height:auto;overflow:hidden;margin-top:65px}

.about .intro .tit{width:100%;height:45px;overflow:hidden;border-bottom:1px solid #fff}

.about .intro .tit p{color:#fff;font-size:24px}

.about .intro .info{width:100%;height:208px;overflow:hidden;color:#fff;font-size:15px;line-height:26px;margin-top:15px}

.about .intro .more{margin-top:40px}

.about .intro .more a{display:block;width:120px;height:35px;background:#fff;border-radius:8px;text-align:center;line-height:35px;float:left;color:#076ce0;font-size:13px}

.about .intro .more img{display:block;margin-left:55px;float:left}

.cases{width:1392px;margin:0 auto;margin-top:60px;height:auto;position:relative;overflow:hidden}

.cases .bd{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:30px}

.cases .bd ul li{background:#eee;float:left;width:290px;height:auto;margin-right:14px;overflow:hidden}

.cases .bd ul li img{display:block;width:270px;height:202px;transition:.5s}

.cases .next,.cases .prev{width:70px;height:70px;background:#e0e0e0;display:block;border-radius:50%;position:absolute;display:flex;justify-content:center;align-items:center;top:170px}

.cases .prev{right:0}

.cases .next:hover,.cases .prev:hover{background:#076ce0}

.cases .bd ul li div{width:270px;margin:10px;overflow:hidden;margin-bottom:0}

.cases .bd ul li:hover img{transform:scale(1.05)}

.cases .bd ul li p{width:100%;height:40px;line-height:40px;text-align:center;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px}

.cases .bd ul li:hover{background:#076ce0}

.cases .bd ul li:hover p{color:#fff}

.gg02{background:url(img/xbanner2.png) no-repeat center;margin-top:60px}

.news{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:50px}

.news ul{height:auto;overflow:hidden;margin-top:25px}

.news ul li{float:left;width:345px;height:auto;overflow:hidden;border:1px solid #ccc;margin-left:18px;padding:15px;margin-bottom:15px}

.news ul li:nth-child(3n-2){margin-left:0}

.news ul li h4{color:#333;font-size:18px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.news ul li p{width:100%;overflow:hidden;color:#666;font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:40px;line-height:20px;margin-top:10px}

.news ul li:hover{background:#076ce0}

.news ul li:hover h4{color:#fff}

.news ul li:hover p{color:#fff}

.news ul li:hover span{color:#fff}

.news ul li span{display:block;color:#999;font-size:13px;margin-top:20px}

.links{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:60px}

.links .tit{    height: 80px;

    width: 180px;

    height: 73px;

    float: left;

    background: url(img/links.png) no-repeat;}

.links .tit p{    color: #616060;

    font-size: 25px;

    float: left;

    margin-left: 42px;

    line-height: 30px;

    margin-top: 24px;}

.links ul{float:right;width:1010px;height:30px;overflow:hidden}

.links ul li{float:left;padding:0 5px;height:30px;line-height:30px}

.links ul li a{color:#666;font-size:13px}

.footer{width:100%;height:348px;background:#30333a;margin-top:10px}

.footer .menu{width:100%;height:auto;overflow:hidden;border-bottom:1px solid}

.footer .menu ul{display:table;margin:0 auto;height:auto;overflow:hidden}

.footer .menu ul li{float:left;line-height:70px;padding:0 30px}

.footer .menu ul li a{color:#fff;font-size:16px}

.footer .main{margin:0 auto;height:230px;display:flex;justify-content:center;align-items:center}

.footer .name{float:left;height:auto;color:#0092dd;font-size:45px;line-height:60px;overflow:hidden;margin-right:50px ; width:600px;}

.footer .name span{letter-spacing:33px}

.footer .info{width:280px;height:auto;overflow:hidden;border-left:1px solid #474747;border-right:1px solid #474747;color:#cdcdcd;font-size:14px;line-height:24px;padding:0 50px;float:left}
.footer .info a{color:#cdcdcd;}
.footer .text{width:300px;height:auto;overflow:hidden;float:right;color:#cdcdcd;font-size:14px;line-height:24px;margin-left:50px; text-align:center;}

.footer .text a{color:#cdcdcd}

.footer .text p img{ width:140px;}

.footer .cr{width:100%;height:48px;line-height:40px;border-top:1px solid #474747;text-align:center;color:#cdcdcd}

.footer .cr a{color:#cdcdcd}

.inside-pages{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:40px;margin-bottom:40px}

.inside-pages .left{float:left;width:230px;height:auto;overflow:hidden}

.inside-pages .right{width:930px;height:auto;overflow:hidden;float:right;margin-bottom:20px}

.title-bar{width:100%;position:relative;margin-top:10px;height:37px;background:url(img/bg03.png) repeat-x left bottom}

.title-bar:after{content:"";width:10px;height:20px;position:absolute;left:0;top:3px;background:#555}

.title-bar h4{font-size:18px;margin-left:20px;color:#333;font-size:18px;float:left}



.b_nav{ text-align:center; border-bottom:1px #474747 solid; height:60px; line-height:60px; }

.b_nav a{ color:#f0f0f0; margin:0 34px; font-size:16px;}

.crumbs{float:right}

.crumbs p{color:#666;font-size:13px}

.crumbs img{display:block;float:left;margin-right:10px}

.crumbs p{float:left}

.crumbs a{color:#666;font-size:13px;padding-right:10px;position:relative}

.crumbs a:after{content:">";position:absolute;right:0;color:#666;font-size:12px;position:absolute;top:0}

.crumbs a:last-child:after{display:none}

.pro-list{width:230px;background:#076ce0;height:auto;padding-bottom:30px;overflow:hidden}

.pro-list .tit{width:100%;height:100px;overflow:hidden;background:url(img/title.png) no-repeat center}

.pro-list .tit div{margin-left:20px;margin-left:90px;margin-top:22px}

.pro-list .tit p{color:#fff;font-size:26px}

.pro-list .tit span{display:block;color:#fff;text-transform:uppercase;font-size:14px}

.pro-list ul li{width:100%;height:55px;border-bottom:1px solid #005bd5;line-height:55px;background:url(img/icon02.png) no-repeat 20px center}

.pro-list ul li a{display:block;margin-left:50px;color:#fff;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:160px}

.quick{width:100%;height:auto;overflow:hidden;margin-top:10px;border:1px solid #076ce0;box-sizing:border-box}

.quick .tit{width:100%;height:45px;background:#076ce0;line-height:45px}

.quick ul{width:94%;margin:10px auto}

.quick .tit p{color:#fff;font-size:16px;float:left;margin-left:50px}

.quick .tit span{display:block;color:#fff;font-size:12px;float:left;margin-left:5px}

.quick ul li{width:100%;height:30px;border-bottom:1px dashed #ccc;line-height:30px}

.quick ul li a{color:#333;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px}

.quick ul li a:hover{color:#076ce0}

.quick .info{width:94%;margin:10px auto;height:auto;overflow:hidden}

.quick .info p{font-size:14px;line-height:26px;color:#555}

.quick .info h4{font-size:16px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.pic-box{width:100%;height:auto;overflow:hidden;margin-top:10px}

.pic-box ul{margin-left:-15px}

.pic-box ul li{float:left;width:298px;height:auto;border:1px solid #dcdcdc;margin-left:15px;margin-top:12px}

.pic-box ul li div{display:block;width:288px;margin:4px;overflow:hidden;margin-bottom:0;border:1px solid #dcdcdc}

.pic-box ul li:hover img{transform:scale(1.05)}

.pic-box ul li img{width:100%;transition:.5s}

.pic-box ul li p{width:100%;height:35px;line-height:35px;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:0 10px;box-sizing:border-box;overflow:hidden;color:#333;font-size:14px}

.pic-box ul li:hover{border:1px solid #0067b4}

.fy{width:100%;height:auto;overflow:hidden;margin-top:50px;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2}

.fy p{width:240px;height:50px;float:left;line-height:50px;text-align:center;white-space:nowrap;overflow:hidden;padding:0 10px;text-overflow:ellipsis;border-left:1px solid #d2d2d2}

.fy p:first-child{border:none}

.fy a{color:#333;font-size:14px}

.fy .return{float:right;line-height:50px;width:140px;border-left:1px solid #d2d2d2;text-align:center}

.page{width:100%;height:auto;overflow:hidden;margin-top:50px}

.page ul{display:table;margin:0 auto}

.page ul li{border:1px solid #ccc;padding:0 10px;height:30px;line-height:30px;color:#333;float:left;margin:0 3px}

.page ul li a{color:#333}

.page ul .thisclass{background:#333;color:#fff}

.page ul .thisclass a{color:#fff}

.page select{border:none;background:0 0;outline:0}

.detail-intro{width:100%;height:auto;overflow:hidden;min-height:500px;margin-top:20px}

.detail-intro .tit{width:90%;margin:0 auto;margin-bottom:30px;border-bottom:1px dashed #ccc; padding-bottom:15px;}

.detail-intro .tit h3{color:#333;font-size:18px;height:30px;text-align:center}

.detail-intro .tit h4{ overflow:hidden; font-weight:400; text-align:center;}

.detail-intro .tit span{ margin:0 10px;color:#999;font-size:12px;text-align:center;}

.detail-intro .intro{width:100%;height:auto;overflow:hidden;font-size:16px;color:#555;line-height:30px;text-align:justify}

.detail-intro .intro img{display:block;margin:0 auto;max-width:100%}

.detail-intro .intro p{font-size:16px;color:#555;line-height:30px;text-align:justify}

.news-list{width:100%;background:0 0}

.news-list ul{width:100%}

.news-list ul li{height:50px;line-height:50px;position:relative;border-bottom:1px dashed #ccc}

.news-list ul li:after{content:"";width:6px;height:6px;position:absolute;left:0;top:50%;margin-top:-3px;border-radius:50%;background:#ccc}

.news-list ul li a{display:block;width:560px;float:left;font-size:16px;color:#333;white-space:nowrap;margin-left:15px;text-overflow:ellipsis;overflow:hidden}

.news-list ul li span{display:block;float:right;color:#666}

.cont-intro{width:100%;height:auto;overflow:hidden;margin-top:20px}

.cont-intro .intro p{color:#333;font-size:16px;line-height:40px}

.news-list ul li a:hover{color:#076ce0}

.cont-intro .map{width:100%;border:3px solid #d2d2d2;box-sizing:border-box;height:auto;overflow:hidden;margin-top:20px}

.cont-intro .map .allmap{width:100%;height:400px}

.message{width:892px;margin:20px auto;height:auto;overflow:hidden}

.message img{display:block;float:left}

.message form{width:500px;float:left;margin-left:30px;margin-top:30px}

.message form ul li{width:100%;height:auto;overflow:hidden;border:1px solid #d2d2d2;margin-bottom:15px;background:#fff;border-radius:5px}

.message form ul li input{height:50px;border:none;width:100%;outline:0;text-indent:10px;color:#999;font-size:16px;background:0 0;font-family:'???è?ˉé?…é?‘'}

.message form ul li textarea{width:500px;height:100px;border:none;outline:0;font-family:'???è?ˉé?…é?‘';resize:none;background:0 0;text-indent:10px;padding-top:10px;color:#999;font-size:16px}

.message form .btn input{width:240px;display:block;height:60px;float:left;margin-top:20px;background:#065fc3;outline:0;border:none;font-size:18px;color:#fff;border-radius:5px}

.message form .btn input:last-child{float:right;background:#999}

.img-hover{overflow:hidden;height:auto}

.img-hover img{transition:.5s}

.img-hover:hover img{transform:scale(1.05)}