﻿@charset "utf-8";a,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,label,legend,li,object,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;border:0;outline:0}
body{font:12px/1.5 'Helvetica Neue',Helvetica,Arial,'\5FAE\8F6F\96C5\9ED1','Microsoft YaHei',Tahoma,'Hiragino sans gb',SimSun,Sans-serif;color:#333;}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
:focus{outline:0}
ol,ul{list-style:none}
fieldset,img{border:0 none;vertical-align:top}
address,caption,cite,code,dfn,em,i,optgroup,th,var{font-style:normal;font-weight:400}
abbr,acronym{border:0;font-variant:normal}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
code,kbd,samp,tt{font-size:100%}
button,input,select,textarea{outline:0}
textarea{resize:none}
table{border-collapse:collapse;border-spacing:0}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
.fl{float:left}
.fr{float:right}
a{color:#333;text-decoration:none;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;transition:color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}
a:hover{color:#1e7cc9}
@font-face{font-family:DINProb;src:url(../images/DINPro-Bold.otf)}
.content{margin:0 auto;width:1600px;overflow:hidden}
@media screen and (min-width:320px){blockquote,body,button,code,dd,div,dl,dt,fieldset,form,input,legend,lipre,ol,p,td,textarea,th,ul{font-size:16px;font-family:'微软雅黑'}
}
.had{overflow:hidden;padding:0px 2%}
.logo{float:left; margin-top:38px;}

.hot{float:right;background:url(../images/hot.png) no-repeat center left;height:50px;padding-left:60px; margin-top:33px;  }
.hot i{ font-size:16px; color:#666;}
.hot p{font-size:28px;color:#1e7cc9;font-family:DINProb;line-height:26px}
.caidan{float:right;display:none}


.nav{ float:right;position:relative;z-index:999; border-right:1px #ccc solid; padding-right:2% ;margin-right:2%}
.nav ul{ margin:0 2%;margin:0 auto}
.nav ul li{float:left;text-align:center;position:relative;line-height:65px;font-size:18px;box-sizing:border-box;height:120px;line-height:120px;margin:0 20px;}
.nav ul li:hover:after{ width:100%;-webkit-transition:all .5s;transition:all .5s;}
.nav ul li a{color:#333;font-size:18px;}
.nav ul li:after{content:""; width:0%; height:2px; background:#1e7cc9; position:absolute; bottom:0px; left:0px;-webkit-transition:all .5s;transition:all .5s;}
.nav ul li ul{position:absolute;z-index:999;left:0;display:none;width:100%;background:rgba(255,255,255,.8);overflow:hidden}
.nav ul li:hover ul{display:block}
.nav ul li ul li{height:50px;line-height:50px;height:auto;overflow:hidden;width:100%;border-bottom:1px #fff solid}
.nav ul li ul li a{color:#333;font-size:16px}
.nav ul li ul li a:hover{color:#fff; }

.banner{width:100%;display:block;position:relative}
.banner img{width:100%}
.mbanner{width:100%;display:none}
.mbanner img{width:100%}

.fuwu{ overflow:hidden; margin:40px auto;}
.fuwu .swiper-slide { background:#eeeeee; overflow:hidden;}
.fuwu .swiper-slide div{ overflow:hidden;  }
.fuwu .swiper-slide  h3{ font-size:26px; color:#1e7cc9; text-align:center;overflow:hidden; margin:10px 20px ; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fuwu .swiper-slide i{ font-size:12px; color:#999; text-transform:uppercase; text-align:center; display:block}
.fuwu .swiper-slide  p{ font-size:18px; color:#666; height:116px; text-align:center; line-height:28px;overflow: hidden; margin:20px 20px;}

.fuwu .swiper-slide div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.fuwu .swiper-slide:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.fuwu .swiper-slide dd{ width:120px; height:40px; line-height:40px; text-align:center; display:block; background:#1e7cc9; margin:20px 20px;}
.fuwu .swiper-slide dd a{ color:#fff; display:block}
.fuwu .swiper-slide dd a:hover{ background:#1e56d6;}
.fuwu .swiper-slide:hover a h3 { color:#1e56d6}
.fuwu .swiper-pagination{ display:none;}



.zixun{ width:572px; border-radius:30px; height:60px; line-height:60px; margin:40px auto; border:1px #1e7cc9 solid; font-size:18px; color:#1e7cc9; display:block}
.zixun span{ padding:0px 40px; background:#1e7cc9;  background-image: linear-gradient(to right, #1e7cc9 , #1e7cc9); display:inline-block; float:right; border-radius:30px;}
.zixun a{color:#1e7cc9; font-size:24px;}
.zixun img{ vertical-align:middle; margin:0 20px;}
.zixun span img{ margin:0 5px;}
.zixun a span{ color:#fff;}

.mzx{ display:none;}

.about{width:100%;height:auto;overflow:hidden;margin:20px auto 0;padding:50px 0}
.about .intro{float:left;width:49%}
.about .intro h4{font-size:1e7cc9;background:url(../images/xx.png) no-repeat left top;padding-top:30px;font-size:34px;font-weight:700;color:#1e7cc9}
.about .intro h4 span{display:block;font-size:24px;color:#333;font-weight:400;margin-top:10px}
.about .intro .info{padding:6% 3% 4%}
.about .intro .info p{font-size:16px;line-height:30px;text-indent:2em;color:#666;margin-top:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
.about .intro  dd{ overflow:hidden; width:130px; height:45px; line-height:45px; border-radius:30px;  background:#1e7cc9;  text-align:center; display:inline-block}
.about .intro  dd a{ color:#fff;}
.about .pic{float:right;width:49%}
.about .pic img{display:block;width:100%}
.about .more{display:block;width:262px;height:58px;background:#fff;border-radius:6px;margin-top:0;color:#85c226;font-size:18px;text-align:center;line-height:58px;float:left;border:1px #85c226 solid}
.fll{background:#f2f2f2;overflow:hidden;margin:0px auto}
.news_box{background:#f6f4f4;padding-top:10px;padding-bottom:50px;margin:0px auto 0}
.fanhui{background:#1e7cc9;text-align:center;color:#fff;padding:2% 0;margin:0 0 0;font-size:.25rem;display:none}
.fanhui a{color:#fff}
.fanhui:before{content:"▲";font-size:.25rem}
.title{border-bottom:1px #ccc solid;height:60px;line-height:60px;font-size:40px;color:#00479d;margin-top:50px}
.title i{font-size:14px;color:#666}
.title span{float:right;font-size:18px}
.title span a{margin-left:15px}
.title span a.osel{font-weight:600;color:#00479d}
.title1{overflow:hidden;margin:50px auto 20px;text-align:center}
.title1 h3{font-size:36px;text-align:center;color:#fff}
.title1 i{font-size:13px;color:#fff;margin:7px 0;display:block;font-style:normal;text-transform:uppercase;font-weight:400}
.title1 i::after{content:"——————";margin-left:10px}
.title1 i::before{content:"——————";margin-right:10px}
.title1 span{color:#1e7cc9}
.title1 b{color:#333}
.title2{overflow:hidden;margin:50px auto 20px;text-align:center;background:url(../images/xx.png) no-repeat center bottom;margin-bottom:20px;padding-bottom:20px}
.title2 h3{font-size:36px;text-align:center;color:#333;font-weight:700}
.title2 span{color:#1e7cc9}
.title2 b{color:#333}
.pic_nav{overflow:hidden;line-height:70px;text-align:center;margin-bottom:30px}
.pic_nav ul{overflow:hidden;text-align:center}
.pic_nav ul li{width:200px;line-height:50px;display:inline-block;background:#fff;border:10px #f2f2f2 solid;box-sizing:border-box}
.pic_nav a{text-align:center;font-size:18px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pic_nav a:hover{color:#fff;background:#1e7cc9}


.pic_top{overflow:hidden;line-height:70px;text-align:center;margin:30px auto 0}
.pic_top ul{overflow:hidden;text-align:center}
.pic_top ul li{width:200px;line-height:50px;display:inline-block;background:#f2f2f2;border:10px #fff solid;box-sizing:border-box}
.pic_top a{text-align:center;font-size:18px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pic_top a:hover{color:#fff;background:#1e7cc9}
.pic_top ul li.ast{ background:#1e7cc9; color:#fff;}
.pic_top ul li.ast a{color:#fff;}

.news{width:100%;overflow:hidden;padding-bottom:20px}
.news ul{overflow:hidden}
.news ul li{background:#fff url(../images/jt.png) no-repeat center right;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:relative;padding:20px 80px 20px 0;width:50%;float:left;border:10px #f6f4f4 solid;box-sizing:border-box}
.news ul li::marker{display:none;color:#fff;opacity:0}
.news ul li dl{text-align:center;color:#333;float:left;margin-right:28px;border-right:1px #ccc solid}
.news ul li dl dd{padding:0 30px 0;font-size:38px}
.news ul li dl dt{text-align:center;font-size:14px;height:20px;line-height:10px}
.news ul li span{overflow:hidden}
.news ul li span h3{color:#333;height:30px;line-height:30px;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0}
.news h3 a{transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;color:#333}
.news h3 a:hover{color:#1e7cc9;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}
.news i{font-style:normal;font-size:12px;color:#999}
.news ul li span p{font-size:14px;line-height:23px;color:#999;height:48px;margin:0 auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding:0 20px 0 0}
.news ul li span i{font-size:13px;color:#999;height:30px;line-height:30px;background:url(../images/newsList_icon02.png) no-repeat center left;text-indent:2em;display:inline-block}
.news ul li:hover a h3{color:#1e7cc9;z-index:1002;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.news_lb{width:100%;overflow:hidden;padding-bottom:20px}
.news_lb ul{overflow:hidden}
.news_lb ul li{width:33.3333%;float:left;border:8px transparent solid;box-sizing:border-box;overflow:hidden;position:relative;padding:15px 10px}
.news_lb ul li dl{padding:30px;background:#fff;transition:transform .4s;-moz-transition:transform .4s;-ms-transition:transform .4s;-o-transition:transform .4s;-webkit-transition:transform .4s}
.news_lb ul li dt{overflow:hidden;font-size:13px;color:#999;font-weight:400}
.news_lb ul li h3{font-size:16px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:40px;line-height:40px;color:#333}
.news_lb ul li p{font-size:15px;height:50px;line-height:25px;font-size:14px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;color:#666;margin-top:10px}
.news_lb ul li div{width:100%;overflow:hidden;height:100%}
.news_lb ul li dl{border:1px #ccc solid;overflow:hidden}
.news_lb ul li dl:hover{transform:translate(0,-10px);-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);-webkit-transform:translate(0,-10px);transition:transform .4s;-moz-transition:transform .4s;-ms-transition:transform .4s;-o-transition:transform .4s;-webkit-transition:transform .4s;box-shadow:0 0 5px #999}
.news_lb ul li dl a:hover h3{color:#1e7cc9}
.news_left{width:45%;float:left;overflow:hidden;margin-top:50px;background:#00479d}
.news_right{width:53%;float:right;margin-top:50px}
.news_right ul{overflow:hidden;padding-top:10px}
.news_right ul li{margin:0 14px 16px 0;float:left;padding:12px 12px 24px;box-sizing:border-box;border:1px #ccc solid;overflow:hidden;width:49%;transition:transform .4s;-moz-transition:transform .4s;-ms-transition:transform .4s;-o-transition:transform .4s;-webkit-transition:transform .4s}
.news_right ul li:hover{transform:translate(0,-10px);-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);-webkit-transform:translate(0,-10px);transition:transform .4s;-moz-transition:transform .4s;-ms-transition:transform .4s;-o-transition:transform .4s;-webkit-transition:transform .4s}
.news_right ul li dl{border-bottom:1px #ccc solid;overflow:hidden;background:url(../images/news1.png) no-repeat center right;padding-bottom:20px}
.news_right ul li dl dd{font-size:30px;color:#00479d;width:80px;height:45px;line-height:60px;text-align:center;display:block;font-weight:600}
.news_right ul li dl dt{font-size:14px;color:#666;height:24px;line-height:24px;width:80px;text-align:center;display:block}
.news_right ul li h3{height:40px;line-height:40px;font-size:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 auto}
.news_right ul li p{height:50px;line-height:25px;font-size:14px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}
.news_right ul li:nth-child(2n){margin-right:0}
.news_right ul li a h3{color:#000}
.news_right ul li a p{color:#666}
.news_right ul li a:hover h3{color:#00479d}
.anli{overflow:hidden;margin:40px auto 0}
.anli ul li{width:380px;position:relative;float:left;overflow:hidden; margin:0 8px }
.anli ul li div{overflow:hidden;border:2px #fff solid}
.anli ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px;line-height:50px;font-size:16px;text-align:center;background:rgba(0,0,0,0.6);width:100%; bottom:0px;position:absolute;z-index:2; color:#fff}
.anli ul li p:after{content:"";background:#1e7cc9;position:absolute;width:0%;height:50px;top:0;left:50%;z-index:-1;-webkit-transition:all .5s;transition:all .5s}
.anli ul li a:hover dd{color:#fff}
.anli ul li a{color:#333}
.anli ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.anli ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}                                                                                                                                                                                                                                                                                                                                                                                                                                                                   
.anli ul li:hover p{color:#fff;-webkit-transition:all .5s;transition:all .5s}
.anli ul li:hover p:after{width:100%;-webkit-transition:all .5s;transition:all .5s;left:0}

.lingyu{overflow:hidden;position:relative;width:100%;margin:40px auto 0; background:url(../images/ysbj.png) no-repeat center top; padding:20px 0}
.lingyu .swiper-slide{ text-align:center; }
.lingyu .swiper-slide div{ overflow:hidden; margin:0px auto; padding:100px 50px;}
.lingyu .swiper-slide dl dd{ overflow:hidden;}
.lingyu .swiper-slide dl h3{ font-size:36px; text-align:center; color:#fff; font-weight:bold; margin:30px auto}
.lingyu .swiper-slide dl p{ font-size:15px; color:#fff; line-height:28px; text-align:left;}
.lingyu .swiper-slide:after{content:url(../images/swi.png); position:absolute; height:100%; width:10px; right: -4px; top:0px;}
.lingyu .swiper-slide:hover div{ background:url(../images/swi1.png) no-repeat center center}
.lingyu  .swiper-pagination{ display:none;}



.anli_lb{overflow:hidden}
.anli_lb ul{overflow:hidden;margin:15px auto 0}
.anli_lb ul li{width:25%;float:left;overflow:hidden;border:8px #fff solid;box-sizing:border-box}
.anli_lb ul li div{overflow:hidden;}
.anli_lb ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px;line-height:50px;font-size:16px;text-align:center}
.anli_lb ul li a:hover p{color:#000;background:#2b6ebc}
.anli_lb ul li:nth-child(5n){margin-right:0}
.anli_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}
.anli_lb ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.anli_lb ul li:hover a p{color:#fff}
.xw_news{overflow:hidden}
.xw_news ul{overflow:hidden}
.xw_news ul li{background:#fff;border:10px #f0f0f0 solid;float:left;box-sizing:border-box;width:50%}
.xw_news ul li h3{color:#333;height:42px;line-height:42px;font-size:20px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/dd.png) no-repeat center left;padding-left:20px;font-weight:700;margin:10px auto 10px}
.xw_news ul li dd{font-style:normal;font-size:14px;color:#999}
.xw_news ul li p{font-size:16px;line-height:28px;color:#7f7f7f;height:60px;margin:10px auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.xw_news ul li a{overflow:hidden;display:block;padding:40px 30px;border:1px #f2f2f2 solid}
.xw_news ul li:hover a h3{color:#1d6dd0}
.xw_news ul li a:hover{border:1px #1d6dd0 solid}
.picbj{overflow:hidden;width:100%;margin:0 auto}
.pic{overflow:hidden}
.pic ul{overflow:hidden}
.pic ul li{overflow:hidden;width:25%;box-sizing:border-box;border:10px transparent solid;float:left;position:relative}
.pic ul li div{overflow:hidden;transition:all ease .5s;-webkit-transition:all ease .5s;width:100%;overflow:hidden;position:relative}
.pic ul li dd{padding:0 20px;height:50px;font-size:16px;line-height:50px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:400;text-align:center;background:#fff}
.pic ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.pic ul li:hover a dd{color:#fff}
.pic ul li:hover dd{background:#1e7cc9}
.pic ul li div dl{position:absolute;width:0%;height:0%;background:rgba(0,0,0,.6);top:50%;overflow:hidden;left:50%;-webkit-transition:all .5s;transition:all .5s}
.pic ul li div dl img{width:50px;height:50px;position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px}
.pic ul li:hover div dl{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.6);top:0;overflow:hidden;left:0;-webkit-transition:all .5s;transition:all .5s}
.pic_lb{overflow:hidden}
.pic_lb ul{overflow:hidden}
.pic_lb ul li{overflow:hidden;width:25%;box-sizing:border-box;border:10px #f2f2f2 solid;float:left;position:relative; position:relative; }
.pic_lb ul li div{overflow:hidden; }
.pic_lb ul li dd{ background:rgba(0,0,0,0.6);height:50px; color:#fff;font-size:20px;line-height:50px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:400;text-align:center; position:absolute; bottom:0px; width:100%;}
.pic_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.pic_lb ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.rongyu{overflow:hidden}
.rongyu ul{overflow:hidden}
.rongyu ul li{overflow:hidden;width:25%;box-sizing:border-box;border:10px transparent solid;float:left;position:relative}
.rongyu ul li div{overflow:hidden;width:100%;height:100%}
.rongyu ul li dd{padding:0 20px;height:50px;font-size:20px;line-height:50px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:400;text-align:center}
.rongyu ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.rongyu ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.ditu,.map{height:400px;margin:50px auto}
.gengduo{width:200px;height:50px;background:#0078d7;text-align:center;margin:15px auto;line-height:50px;border-radius:5px;display:none}
.gengduo a{color:#fff;display:block;font-size:16px}
.gengduo:hover a{color:#fff}
.tijiao{cursor:pointer}
.gengduo1{width:200px;height:50px; border:1px #ccc solid; text-align:center;margin:30px auto;line-height:50px;}
.gengduo1 a{color:#333;display:block;font-size:16px}
.gengduo1:hover{background:#1e7cc9}
.gengduo1:hover a{color:#fff}
.footer{width:100%;background:url(../images/bottombj.jpg) repeat;overflow:hidden;max-width:1920px;padding:20px 0 0;margin:0 auto}
.footer .left{width:350px;height:auto;overflow:hidden;float:left;margin-top:30px}
.footer .left .name img{display:block}
.footer .left .info{width:100%;height:auto;overflow:hidden;margin-top:10px}
.footer .left .info p{color:#fff;font-size:16px;line-height:25px;margin-top:10px}
.footer .icon{width:100%;height:110px;margin-top:30px}
.footer .icon ul li{float:left;width:83px;height:83px;border-radius:50%;margin-right:25px;position:relative}
.footer .icon ul li img{display:block;width:90px;height:90px;position:absolute;display:none;left:90px;z-index:100;top:-10px}
.footer .cr{width:100%}
.footer .icon ul li:nth-child(1){background:url(../images/icon02.png) no-repeat left top}
.footer .icon ul li:nth-child(2){background:url(../images/icon02.png) no-repeat -107px top}
.footer .icon ul li:nth-child(3){background:url(../images/icon02.png) no-repeat -214px top}
.footer .icon ul li:hover img{display:block}
.footer .icon ul li a{display:inline-block;cursor:pointer;width:83px;height:83px}
.footer .icon{width:100%;margin-top:30px;color:#fff;line-height:36px;font-size:16px}
.footer .icon ul li{float:left;width:83px;height:83px;border-radius:50%;margin-right:25px;position:relative}
.footer .icon ul li img{display:block;width:110px;height:110px;position:absolute;display:none;left:90px;z-index:100;top:-10px}
.footer .cr{width:100%}
.footer .info1{color:#fff;margin-top:20px;line-height:30px;font-size:16px;text-align:left;float:left}
.footer .info1 b{font-size:30px; display:block; margin-bottom:10px;}

.footer .cr{width:100%;height:auto;overflow:hidden;margin-top:10px}
.footer .cr p{color:#fff;font-size:14px}
.footer .ewm{width:140px;margin:28px;float:right;text-align:center}
.footer .ewm div{width:140px}
.footer .ewm div img{width:100%;margin-top:5px}
.footer .ewm span{text-align:center;color:#fff;font-size:16px;margin-top:5px}
.footer .ewm a{color:#fff}
.b_nav{overflow:hidden;width:100%;margin:0 auto;background:#1e7cc9}
.b_nav ul{overflow:hidden}
.b_nav ul li{float:left;text-align:center;width:14.2%;line-height:55px}
.b_nav ul li a{color:#fff;font-size:16px}
.foot{padding:0 10%;position:relative;overflow:hidden}
.links{width:100%;max-width:1920px;margin:0 auto 0;min-width:1100px;overflow:hidden;color:#666;border-top:1px #ccc solid}
.links ul{padding:0 10%;margin:0 auto;margin:0 auto}
.links span{line-height:30px;width:12%;float:left;padding:2% 0;display:inline-block;color:#666;text-align:left;font-size:16px;padding-left:31px;background:url(../images/sos.png) no-repeat center left}
.links dl{overflow:hidden;width:85%;float:left}
.links dl dd{padding:2% 0}
.links dl dd a{padding:0 10px;font-size:16px;white-space:normal;display:inline-block;line-height:40px}
.buttom{background:#1e7cc9;bottom:0;margin:0 auto;max-width:750px;min-width:320px;position:fixed;width:100%;z-index:9999;display:none}
.buttom ul{overflow:hidden}
.buttom ul li{color:#fff;float:left;width:25%;padding:2% 0;border-right:1px #fff solid;box-sizing:border-box}
.buttom ul li .sy{overflow:hidden;text-align:center;vertical-align:middle;width:50%;margin:0 auto}
.buttom ul li p{font-size:.18rem;overflow:hidden;text-align:center}
.buttom ul li a{color:#fff}
.buttom ul li .sy img{width:60%}
.n_banner{width:100%;overflow:hidden;position:relative}
.n_banner img{width:100%;height:100%}
.n_banner img:first-child{ display:block}
.n_banner img:last-child{ display:none}
.mbx{width:100%;height:62px;border-bottom:1px solid #eaeaea;max-width:1920px;margin:0 auto;overflow:hidden}
.mbx a.home{display:block;width:64px;height:62px;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;background:url(../images/InpageAddress_icon01.png) no-repeat center;float:left}
.mbx a.home:hover{background:url(../images/InpageAddress_icon03.png) no-repeat center}
.mbx .p1{line-height:62px;float:left;margin-left:16px}
.mbx .p1 a{padding-right:14px;background:url(../images/icon.png) no-repeat right center;font-size:15px;margin-left:10px}
.mbx .p1 a:first-child{margin-left:0}
.mbx .p1 a:last-child{background-image:none}
.mbx .p2{float:right}
.mbx .p2 a{display:block;font-size:14px;color:#666;font-weight:700;height:61px;line-height:61px;float:left;margin-left:26px;text-decoration:none}
.mbx .p2 a.cur{color:#d50606;border-bottom:2px solid #d50606}
.mbx .p2 a:hover{color:#d50606;border-bottom:2px solid #d50606}
.page{width:100%;overflow:hidden;margin:40px auto}
.page ul{display:table;margin:0 auto}
.page ul li{color:#333;display:block;color:#333;border:1px solid #ccc;float:left;margin:0 5px;padding:0 10px;height:30px;line-height:30px}
.page ul li a{color:#333;display:block}
.page ul li.thisclass{background:#666;color:#fff;border:1px solid #666;display:block}
.page ul li.thisclass a{display:block;color:#fff}
.page select{border:none;background:0 0;outline:0}
.news_jq{margin:40px auto 50px;overflow:hidden}
.news_jq ul{overflow:hidden}
.news_jq ul li{overflow:hidden;border:1px #ccc solid;margin:0 2% 20px 0;padding:1% 0;width:48%;float:left;box-sizing:border-box}
.news_jq ul li span{display:block;float:left;width:100px;border-right:1px #d2d2d2 solid;text-align:center;-webkit-transition:all .5s;transition:all .5s;margin-right:22px;padding:5px 10px}
.news_jq ul li span b{display:block;font-size:.3rem;color:#999}
.news_jq ul li span i{display:block;font-size:.16rem;color:#999;font-style:normal}
.news_jq ul li:nth-child(2n){margin-right:0}
.news_jq ul dl{overflow:hidden;padding-bottom:3px;padding-right:80px;background:url(../images/jrr.png) no-repeat center right}
.news_jq ul dl h3{font-size:16px;color:#333;margin-bottom:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;font-weight:600}
.news_jq ul dl p{font-size:15px;line-height:.2rem;color:#999;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news_jq ul li:hover{box-shadow:0 0 6px #ccc}
.news_jq ul li:hover h3{color:#0555a6;padding-left:10px;-webkit-transition:all .5s;transition:all .5s}
.pro-intro{overflow:hidden}
.pro-intro h2{font-size:40px;color:#333;font-weight:400;margin-bottom:16px;text-align:center;margin-top:20px}
.pro-intro .share{width:100%;height:46px;line-height:46px;border-bottom:1px #e7e7e7 solid;text-align:center;margin-bottom:20px}
.pro-intro .share span{display:inline-block;font-size:14px;color:#999;padding:0 8px}
.pro-intro .textxq{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;text-indent:2em}
.pro-intro .textxq img{display:block;max-width:100%;margin:0 auto}
.pro-intro .textxq p{font-size:16px;line-height:36px;color:#666;text-indent:2em}
.pro-intro .textxq p a{color:#666;}
.pro-intro .textxq iframe{ width:800px; height:600px; display:block; margin:0px auto;}
.fy{width:100%;overflow:hidden;margin:50px auto;position:relative;border-top:2px #f2f2f2 solid}
.fy p{height:40px;line-height:40px;color:#666;font-size:16px;text-align:left;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fy p:nth-child(1),.fy p:nth-child(2){width:60%}
.fy p span{float:right}
.fy p:last-child{width:120px;background:#1e7cc9;height:60px;line-height:60px;text-align:center;position:absolute;right:0;top:10px}
.fy p a{color:#666}
.fy p:last-child a{color:#fff}
.fy p:last-child a:hover{color:#fff}
.fy p a:hover{color:#1e7cc9}
.lxwm{overflow:hidden;margin-top:60px}
.lxwm ul{overflow:hidden}
.lxwm ul li{float:left;width:33.3333%;overflow:hidden}
.lxwm ul li div{width:55px;float:left;margin-right:15px;overflow:hidden}
.lxwm ul li span h3{font-size:14px;overflow:hidden}
.lxwm ul li span p{font-size:18px;overflow:hidden}
.liuyan{overflow:hidden;margin-top:60px}
.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:10000;border:1px solid #ccc;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li a{color:#333}
.side ul li:hover{background:#1e7cc9;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/ios01.png)}
.side ul li i.bgs2{background-image:url(../images/ios02.png)}
.side ul li i.bgs3{background-image:url(../images/ios03.png)}
.side ul li i.bgs6{background-image:url(../images/ios03.png)}
.side ul li:hover i.bgs1{background-image:url(../images/icon11.png)}
.side ul li:hover i.bgs2{background-image:url(../images/icon22.png)}
.side ul li:hover i.bgs6{background-image:url(../images/icon33.png)}
.side ul li.sideetel:hover .telBox{display:block}
.side ul li.sideewm:hover .ewBox{display:block}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sideewm .ewBox{width:152px;display:none;color:#363636;text-align:center;padding:10px;position:absolute;left:-174px;top:-1px;background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0;background:#1e7cc9}
.side ul li.sideetel .telBox{width:240px;height:78px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#1e7cc9}
.side ul li.sideetel .telBox dd{display:block;height:100px;overflow:hidden;padding-left:82px;line-height:20px;font-size:18px;padding-top:14px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:11px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#0a8ada}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/icon11.png) 28px 19px no-repeat;background-size:15%}
.side ul li.sideewm .ewBox img{width:100%}


.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:9px; display:none; }
.sp_nav span{display:block;background:#274688;width:30px;height:5px; border-radius:6px; position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}

.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg); background:#274688;}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg);background:#274688;}

.html{ overflow:hidden;}
.ly_box{ overflow:hidden;}
.ly_box ul{ overflow:hidden;}
.ly_box ul li{ overflow:hidden; width:50%; float:left; border:10px #fff solid; box-sizing:border-box}
.ly_box ul li div{ overflow:hidden;}
.ly_box ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}
.ly_box ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.ly_box ul li h3{ font-size:22px; line-height:60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align:center; font-weight:bold;}
.ly_box ul li p{ line-height:28px; font-size:18px; height:60px; color:#666; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}

.w60{ margin:30px auto;}

.dtzz{overflow:hidden;margin:60px auto}
.dtzz ul{overflow:hidden}
.dtzz ul li{border:3px #fff solid;box-sizing:border-box;float:left;width:50%;overflow:hidden}
.dtzz ul li .dtt{margin:10px;box-shadow:0 0 5px #ccc;overflow:hidden;padding:15px;border:1px #fff solid}
.dtzz ul li .dtt div{overflow:hidden;margin-right:15px;width:40%;float:left}
.dtzz ul li .dtt div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.dtzz ul li .dtt:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.dtzz ul li .dtt span{overflow:hidden}
.dtzz ul li .dtt span h3{font-size:20px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:45px;line-height:45px;margin-bottom:8px}
.dtzz ul li .dtt span dd{overflow:hidden;font-size:14px;color:#999}
.dtzz ul li .dtt span dd:before{content:"——";letter-spacing:-2px;color:#999;margin-right:10px}
.dtzz ul li .dtt span p{font-size:14px;line-height:30px;color:#888;margin-top:20px;overflow:hidden;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dtzz ul li .dtt:hover{border:1px #1e7cc9 solid}
.dtzz ul li .dtt:hover h3{color:#1e7cc9}
	
	.tel{ width:100%; margin:0px auto; display:none }
	@media(max-width:1770px){.nav ul li{ margin:0 10px;}}
		
@media(max-width:1600px){
.content{ width:auto; padding:0px;}
.nav ul{ width:auto; margin:0px auto;}
.nav {
    float: right;
    position: relative;
    z-index: 999;
    border-right: 1px #ccc solid;
    padding-right: 1%;
    margin-right: 1%;
}

}


@media(max-width:1570px){
.logo { float: left; margin-top: 38px; width: 320px;}
.logo img{ width:100%}
.hot p{ font-size:24px;}
.hot { padding-left: 45px;}

}


@media(max-width:1440px){
.content{ width:1200px; padding:0px;}
.had{ padding:0 10px;}
.about .intro .info p { -webkit-line-clamp: 3;}
.lingyu .swiper-slide dl h3{ font-size:26px;}
  
}




	
@media(max-width:1360px){
.content{ width:auto; padding:0px;}
.nav ul{ width:auto; margin:0px auto;}
.links { width:auto; min-width:320px; display:none;}

}
	
	

@media(max-width:1250px){
	.hot{ display:none;}
	.nav{ border-right:none;}
	}

	
@media(max-width:1200px){
.content{ width:1200px; padding:0px;}
.nav ul{ width:auto;margin:0px auto;}
.links { width:auto; min-width:320px; display:none;}
}
	
	
	
	
@media(max-width:1024px){
.content{ width:auto; padding:0px;}
.nav ul{ width:auto;margin:0px auto;}
.logo{ width:280px; margin-left:10px;    margin-top: 8px;}
.logo img{ width:100%}
	
.nav,.banner{ display:none;}
.sp_nav,.mbanner{ display:block;}
.tel{ width:100%; margin:0px auto; display:block }
.tel img{ width:100%; }
.about .intro{float:inherit;width:auto}
.about .pic{float:inherit;width:auto; margin:20px auto 0}
.nav { width: 100%; position:absolute; height:100%; top:60px; margin: 0 auto; background: #202f3c; z-index: 999;}
.nav ul li a{ color:#fff;}
.nav ul li { margin:0px; float:inherit; width: 100%; text-align: center; position: relative; line-height: 65px; height:65px; font-size: 18px; overflow:hidden; border-bottom: 1px #fff solid;box-sizing: border-box;}	
.about { width: 100%; height: auto; overflow: hidden; margin: 20px auto 0; padding: 0px 0;}.pic_nav ul li { width:50%; float:left; line-height: 50px; display: block; background: #fff; border: 5px #f2f2f2 solid; box-sizing: border-box;}
.pic_top ul li { width: 50%; float:left; line-height: 50px; display: block; border: 5px #fff solid; box-sizing: border-box;}


.fuwu .swiper-container{ padding-bottom:50px;}
.fuwu .swiper-pagination{ display:block;}
.fuwu .swiper-slide div{ overflow:hidden; position:relative; top:0px; width:100%; height:100%; }
.fuwu .swiper-slide div h3{ font-size:0.25rem; color:#fff; overflow:hidden; margin:40px 15px 0;}
.fuwu .swiper-slide div p{ font-size:0.20rem; color:#fff; line-height:0.38rem; margin:20px 15px; height:160px; }
.fuwu .swiper-slide:hover{transform:translate(0,-10px); -moz-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -o-transform:translate(0,-10px); -webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s; }
.fuwu .swiper-slide  div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.fuwu .swiper-slide:hover  div img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.zixun{ display:none}
.mzx{ width:auto; margin:20px 20px;  overflow:hidden; max-width:750px;display:block;}
.mzx img{ width:100%;}
.sy_zz,.b_nav{ display:none;}
.fanhui{ display:block}
.foot{ padding:0 10px;}
.side{ display:none;}
.n_banner img:first-child{ display:none}
.n_banner img:last-child{ display:block}
.news_box{ margin:0px auto; padding-bottom:0px;}
.mbx .p1 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height: 62px; float:inherit; margin-left: 16px;}

.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}
.fy p{width:100%;height:inherit;line-height:0.35rem;float:none;color:#666;font-size:0.2rem;text-align:center;border-right:none; box-sizing:border-box; padding:2% 0}
.fy p:last-child{border:none; width:100%; border-top:1px #ccc solid; position:relative; padding:10px 0; top:0px; height:inherit; line-height:inherit;}
.fy p:nth-child(1), .fy p:nth-child(2){ width:auto; padding:10px; text-align:left;}


.pro-intro .share{width:100%;height:inherit;line-height:0.35rem;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center}
.pro-intro .share span{display:block;font-size:0.22rem;color:#999;padding:0 8px}
.lingyu  .swiper-pagination{ display:block;}
.had{ padding:10px 0 }
.lingyu{ margin:10px auto}

.lingyu .swiper-pagination-bullet{ background:#fff;}


}	
	
	
		
@media(max-width:750px){
	
	.about .intro h4,.title2 h3{ font-size:0.3rem;}	
	.about .intro h4 span{ font-size:0.2rem;}
	.about .intro .info p{ font-size:0.2rem; line-height:.38rem;}
	.pic_nav a ,.pic_top a { font-size:0.2rem;}
	.pic ul li{ width:50%; float:left;    border: 5px #f2f2f2 solid;}
	

	 .anli ul li{ width:220px;}
	
	.lingyu ul li:hover div p{display:none;-webkit-transition:all .5s;transition:all .5s}
	.lingyu ul li.osel div p{display:none;-webkit-transition:all .5s;transition:all .5s}
	
	.xw_news ul li {
    background: #fff;
    border: 5px #f0f0f0 solid;
    float:inherit;
    box-sizing: border-box;
    width: auto;}
.xw_news ul li a {
    overflow: hidden;
    display: block;
    padding: 20px 10px;
    border: 1px #f2f2f2 solid;
}

.xw_news ul li h3{ height:inherit; line-height:inherit; font-size:0.25rem;}
.xw_news ul li p {
    font-size: 0.2rem;
    line-height: 0.38rem;
    height:inherit;
}
.footer .info1 {
    color: #fff;
    margin-top: 20px;
    line-height: 0.4rem;
    font-size: 0.2rem;
    text-align:center;
    float:inherit; padding-bottom:1.2rem;
}

	.footer .info1{ text-align:center;}
	.footer .info1 b{ font-size:0.3rem; text-align:center;}
	.footer .ewm{ display:none}
	.footer .info1 p{ font-size:0.2rem;}
	.buttom{ display:block;}
	.pic_lb ul li{ width:50%;    border:5px transparent solid;}
		.pic_lb ul li:nth-child(n+7){ display:none;}
	.pic_lb ul li dd {
  
    height:inherit;
    font-size: .2rem; padding:3% 0;
    line-height: inherit;
}
	.news_lb ul li dl{ padding:10px;}
	.news_lb ul li{ width:auto; float:inherit; padding:0px; }
	
	.news_lb ul li dt{ font-size:0.18rem ;}
	.news_lb ul li h3{ font-size:0.25rem; height:inherit; line-height:inherit; margin:1% 0;}
	.news_lb ul li p{ font-size:0.2rem; line-height:0.38rem; height:inherit;}
	
	.pro-intro h2{ font-size:0.35rem;}
	.pro-intro .textxq{ margin:0px 10px; width:auto;}
	.pro-intro .textxq iframe{ width:100%; height:220px; display:block; margin:0px auto;}
	.contact{ margin:0px 10px;}
	
	.ly_box ul li{ width:auto; float:inherit; margin-bottom:20px; }
	
	.ly_box ul li h3{ font-size:0.3rem;}
	.ly_box ul li p{ font-size:0.2rem; line-height:0.38rem; height:inherit;}
	.news ul li{width:auto;float:inherit;border:5px #f6f4f4 solid;box-sizing:border-box}
	.fuwu{ margin-bottom:10px;}
	.fuwu .swiper-slide h3{ font-size:0.25rem;}
	.fuwu .swiper-slide p{ overflow:hidden; font-size:0.22rem; line-height:0.38rem; height:inherit;-webkit-line-clamp: 3;}
	.pic_lb ul li:nth-child(n+5){ display:none;}
	
	.anli_lb ul li{ width:50%}
	.w60{ margin-bottom:0px;}
	
	.anli_lb ul li p {
 
    height:inherit;
    line-height: inherit;
    font-size: 0.2rem;
	}
	
	.dtzz ul li {
    border: 3px #fff solid;
    box-sizing: border-box;
    float:inherit;
    width: auto;
    overflow: hidden;
}
.dtzz ul li .dtt div {
    overflow: hidden;
    margin-right: 0px;
    width: auto;
    float: inherit;
}
.dtzz ul li .dtt span h3{ font-size:0.25rem;}
.dtzz ul li .dtt span p{ line-height:0.38rem;  font-size:.2rem;}
.dtzz ul li .dtt span dd{ font-size:0.18rem;}
.dtzz {
    overflow: hidden;
    margin: 20px auto;
}
.w60{ margin:10px auto;}
}
	
	
	
	
	
	
	
	