body { background:#fff; font-family: "Microsoft YaHei",微软雅黑bai,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;  font-size: 1.5rem; line-height: 2rem;color: #555;}
img{border:none;}
a{color:#555;  text-decoration:none;}
a:hover{color:#f00;  text-decoration:none;}
li,ul{list-style-type:none;}
ul{ margin: 0;padding: 0;}
.fl{ float: left;}
.fr{ float: right;}
.ttr{ text-align: right;}
.ttl{ text-align: left}
#dplayer{ height: 350px;}
#tong1{ display: none; z-index: 99999;}
.BMap_pop .BMap_center{ line-height: 2;}
.form-group{ overflow: hidden;}
/*--- header ---*/
.header{overflow: hidden; background: url(../Image/bg.jpg) repeat-x;}
.top{padding: 5px 0px; width: 100%; border-bottom: 1px solid #f0f6fb; overflow: hidden;}
.home{ float: left;}
.lag{ width: 40%; float: right;}
.lag li{ width: 50%; float: left; text-indent: 25px;}
.f1{ background: url(../Image/f1.png) no-repeat left center;}
.f2{ background: url(../Image/f2.png) no-repeat left center;}
.header-box{ padding: 10px 0 25px 0; overflow: hidden;}
.logo{width: 65%; float: left;}
.logo img,.rel img{ max-width: 100%;}
.tel{ width: 35%; float: right; text-align: right;}
/*--- nav ---*/
#nav{ width: 100%; height: 60px; background: #f1f0f0;}
#nav ul{ padding: 2px 0; overflow: hidden;}
#nav ul li{ width: 12.5%; float: left; height: 56px; line-height: 56px; border-right: 1px solid #dedede; text-align: center;}
#nav ul li a{ display: block; width: 100%; height: 56px; color: #000; font-size: 1.5rem}
#nav ul li a:hover{ background:#064894; color: #fff; text-indent: 15px; opacity: 1;transition: 0.4s;}

#nav ul li ul {left: -999em; width: 155px; position: absolute; z-index: 99999;}
#nav ul li ul li{width: 155px;  font-size:14px; line-height:50px; height:50px; border-right: none; border-bottom: 1px solid #dedede;}
#nav ul li ul li a{display: block; width: 155px; text-align:center; background: #f1f0f0; color:#000; text-indent:0; height:50px;}
#nav ul li ul li a:hover{ background: #064894; color: #fff; height:50px;}
#nav ul li:hover ul {left: auto;}
#nav ul li.sfhover ul {left: auto;}

.n-nav{background: #016bbf; overflow: hidden;}
.n-nav ul{ padding: 2px 0; overflow: hidden;}
.n-nav ul li{ width: 25%; float: left; height: 38px; line-height: 38px; border-right: 1px solid #1184ad; border-bottom:1px solid #1184ad; text-align: center;}
.n-nav ul li a{ display: block; width: 100%; height: 38px; color: #fff; font-size: 1.4rem}
.n-nav ul li a:hover{ background:#fda601;}
.heaer-line{ padding: 10px 0; overflow: hidden;}
.keywords{ width: 100%; line-height: 40px;}
.serch{ width: 227px;  margin: 0 auto; overflow: hidden;}
.search-text{ width:193px; border:none; float: left; background: url(../Image/serch-txt.jpg); height:40px;text-indent:8px;}
.search-btn{ width:34px; height:40px; float: right; border:none; background:url(../Image/go.jpg); text-indent:-9999px;}

/*--- banner ---*/
.carousel-inner img{ margin: 0 auto;}
.nbanner{ width: 100%;  overflow:visible; position:relative;}
.nbanner .hd{ width: 100%; overflow:hidden; position: absolute; left:0; top:15px; z-index:999;  font-size: 16px;}
.nbanner .hd ul{ text-align: center; color: #fff; line-height: 24px;}
.nbanner .hd ul span{ font-size: 17px;}
.nbanner .bd{}

.n-catname{ border-bottom: 1px solid #ddd; height: 67px;  overflow: hidden;}
.n-c-hd .hd{ width: 20%; float: left; height: 67px; border: 1px solid #ddd; border-top: none; border-bottom: none; background: url(../Image/n-c-home.jpg) no-repeat center center;  overflow: hidden; }
.n-c-hd .bd{ width: 65%; float: right; line-height: 67px; text-indent: 15px;}
.n-c-bd ul li{ width: 20%; float: left; text-align: center; line-height: 67px;}
.n-c-bd ul li a{ display: block; width: 100%; height: 67px;}
.n-c-bd ul li a:hover{ background: #016bbf; color: #fff;}


/*--- main ---*/
.main{ overflow: hidden;}
.main img{ max-width: 100%;}
.m-product{ background: url(../Image/m-p-bg.jpg) no-repeat top center; overflow: hidden; padding-bottom: 35px;}
.m-product .hdd{ text-align: center; padding: 30px 0; overflow: hidden;}
.index-ewm{ width: 100%; text-align: center; padding-top: 25px;}

.m-pplist{ padding: 5px 0; overflow: hidden;}
.m-pplist li{ width: 50%; float: left; height: 40px; line-height: 40px; margin-bottom: 5px;}
.m-pplist li a{ display: block; width: 90%; text-align: center; margin: 0 auto; height: 40px; background: #016bbf; color: #fff;}
.m-pplist li a:hover{ background: #909090;}



.p-list{  padding-bottom: 15px; overflow: hidden;}
.m-p-l-plist{overflow: hidden;}
.m-p-l-plist .hd{}
.m-p-l-plist .bd{ background: #f3f4f4; padding: 15px 0 15px 0; overflow: hidden;}
.m-p-l-plist .bd .p1{  width: 92%; margin: 9px auto; overflow: hidden; height:50px;}
.m-p-l-plist .bd .p1 a{ display: block; width: 100%; height: 50px; line-height: 50px;  text-indent: 40px; background:#f7f8f8 url(../Image/p-icon.png) no-repeat left center; font-size: 15px;}
.m-p-l-plist .bd .p1 a:hover{ color: #f00;}
.m-p-l-plist .bd .p1 span{ color: #fba601;}

.m-p-l-plist .bd .p2{  width:88%; margin: 0 auto; margin-bottom: 5px; line-height: 50px; text-indent:30px;}
.m-p-l-plist .bd .p2 a{ display: block; width: 100%; height: 50px; line-height: 50px;  background:#f3f4f4 url(../Image/pp-icon.jpg) no-repeat left center; font-size: 15px;}
.m-p-l-plist .bd .p2 a:hover{ color: #f00;}
.m-p-l-contact{padding-top: 10px; background: #f3f4f4; overflow: hidden;/*border-bottom: 6px solid #016bbf;*/}
.m-p-l-contact .hd{ text-align: center;}
.m-p-l-contact .bd{ width: 90%; margin: 0 auto; padding: 15px 0; line-height: 35px;}

.multipleColumn{ width: 100%; overflow: hidden;}
.multipleColumn .bd{}
.multipleColumn .bd ul{ width: 260px; margin: 0 10px; height: 720px; overflow:hidden; zoom:1; float:left; _display:inline;  }
.multipleColumn .bd ul li{ width: 100%; height: 312px; margin-bottom: 8px; background:#ecedef;border-radius: 0 0 8px 8px;}
.multipleColumn .bd ul li:hover{background: url(../Image/pp2.png) no-repeat bottom;}
.multipleColumn .bd ul li .pic{ width: 100%; height: 256px; text-align:center; }
.multipleColumn .bd ul li .pic img{ width:100%; height:256px; border-radius: 8px 8px 0 0;transition: all 0.3s;}
.multipleColumn .bd ul li:hover .pic img{ transform: scale(1.1); }
.multipleColumn .bd ul li .title{ width: 90%; margin: 0 auto; padding: 15px 0 5px 0; }
.multipleColumn .bd ul li .content{ width: 90%; margin: 0 auto;}
.multipleColumn .bd ul li a{ display: block; width: 100%; height: 352px;}
.multipleColumn .bd ul li a:hover{ color: #fff;}

.multipleColumn1{ width: 100%; overflow: hidden;}
.multipleColumn1 .bd{ width:380px; margin: 0 auto; overflow: hidden;}
.multipleColumn1 .bd ul{ width: 180px; margin: 0 5px; height: 470px; overflow:hidden; zoom:1; float:left; _display:inline;  }
.multipleColumn1 .bd ul li{ width: 180px; margin: 0 auto; height: 225px; margin-bottom: 10px; background: url(../Image/pp1.png) no-repeat bottom;border-radius: 0 0 8px 8px;}
.multipleColumn1 .bd ul li:hover{background: url(../Image/pp2.png) no-repeat bottom;}
.multipleColumn1 .bd ul li .pic{ width: 100%; height: 180px; text-align:center; }
.multipleColumn1 .bd ul li .pic img{ width:100%; height:180px; border-radius: 8px 8px 0 0;transition: all 0.3s;}
.multipleColumn1 .bd ul li:hover .pic img{ transform: scale(1.1); }
.multipleColumn1 .bd ul li .title{ width: 90%; margin: 0 auto;}
.multipleColumn1 .bd ul li .content{ width: 90%; margin: 0 auto;}



.m-line{ background: url(../Image/line.jpg) no-repeat  top center; overflow: hidden;}
.m-line ul img{ max-width: 100%;}

.m-ys{ background:#f0f0f0 url(../Image/m-ys-bg.jpg) no-repeat bottom center; padding: 30px 0; overflow: hidden;}
.m-ys .hd{ background: url(../Image/ys-bg.png) repeat-x; text-align: center; padding-bottom: 35px; overflow: hidden;}
.ys-box{ padding-bottom: 45px;}
.m-ys .bd .img{ padding-top: 15px;}

.m-ys .md{ width: 80%; margin: 0 auto; padding-top: 30px; overflow: hidden;}
.m-ys .md li{ width: 100%; margin-bottom: 10px;}
.m-ys .md .md2{ text-align: center;}

.m-case{ padding: 35px 0; overflow: hidden;}
.m-case .hd{ text-align: center; padding-bottom: 20px; line-height: 30px; background: url(../Image/m-case-top.jpg) no-repeat bottom center;}
.m-case .hd span{ font-size: 35px; font-weight: 700;}
.m-case .bd{ padding: 15px 0; overflow: hidden;}
.picScroll-left{ overflow:visible; position:relative;}
.picScroll-left .hdd{ width: 100%; height: 37px; overflow:hidden; position: absolute; left:0; top:154px; z-index:999}
.picScroll-left .hdd .prev{ width: 36px; height: 37px; float: left; background: url(../Image/m-case-left.jpg);overflow:hidden;cursor:pointer; }
.picScroll-left .hdd .next{ width: 36px; height: 37px; float: right ; background: url(../Image/m-case-right.jpg);overflow:hidden;cursor:pointer; }
.picScroll-left .bdd{ margin: 0 40px; overflow: hidden;}
.picScroll-left .bdd ul{ height: 300px;}
.picScroll-left .bdd ul li{ width: 24%; margin: 0 5px; background: #fff; height: 300px; float: left; overflow:hidden; position:relative;}
.picScroll-left .bdd ul li a{ color: #fff;}
.picScroll-left .bdd ul li .img{width: 100%; height: 300px; text-align: center;}
.picScroll-left .bdd ul li .img img{ width: 100%; height: 300px; object-fit:cover;transition: all 0.3s;}
.picScroll-left .bdd ul li:hover .img img{ transform: scale(1.1); }
.picScroll-left .bdd ul li .title{ text-align: center; width: 100%; height: 45px; background: url(../Image/case-bg.png); line-height: 45px; overflow: hidden; position: absolute; left:0; bottom:0px;}


.picScroll-left1{ overflow:visible; position:relative;}
.picScroll-left1 .hdd{ width: 100%; height: 37px; overflow:hidden; position: absolute; left:0; top:154px; z-index:999}
.picScroll-left1 .hdd .prev{ width: 36px; height: 37px; float: left; background: url(../Image/m-case-left.jpg);overflow:hidden;cursor:pointer; }
.picScroll-left1 .hdd .next{ width: 36px; height: 37px; float: right ; background: url(../Image/m-case-right.jpg);overflow:hidden;cursor:pointer; }
.picScroll-left1 .bdd{ margin: 0 40px; overflow: hidden;}
.picScroll-left1 .bdd ul{ height: 300px;}
.picScroll-left1 .bdd ul li{ width: 100%; background: #fff; height: 300px; float: left; overflow:hidden; position:relative;}
.picScroll-left1 .bdd ul li a{ color: #fff;}
.picScroll-left1 .bdd ul li .img{width: 98%; margin: 0 1%; height: 300px; text-align: center;}
.picScroll-left1 .bdd ul li .img img{ width: 100%; height: 300px; object-fit:cover; transition: all 0.3s;}
.picScroll-left1 .bdd ul li:hover .img img{ transform: scale(1.1); }
.picScroll-left1 .bdd ul li .title{ text-align: center; width: 100%; height: 45px; background: url(../Image/case-bg.png); line-height: 45px; overflow: hidden; position: absolute; left:0; bottom:0px;}
.picScroll-left1 .bdd ul li .title a{ color: #fff;}

.m-case .md{ width: 100%; margin:0 auto; overflow: hidden;}
.m-case .md li{ width: 45%; padding: 0 2.5%; float: left;}
.m-case .md .case1 a{ display: block; width: 142px; float: right; height: 31px; line-height: 31px; border: 1px solid #dedede; text-align: center;}

.m-about{ width: 100%; background: url(../Image/m-company-bg.jpg) no-repeat top center; overflow: hidden;}
.m-company{ padding-top: 55px; overflow: hidden;}
.m-company .hd{ text-align: center; color: #fff; line-height: 40px;}
.m-company .hd span{ font-size: 35px; font-weight: 700;}
.m-company .md{ color: #fff; font-size: 15px; padding: 10px 0; line-height: 30px;}
.m-company .md a{ color: #f5e708;}
.m-company .md a:hover{ text-decoration: underline;}
.m-company .bd{ width: 100%; margin: 0 auto; padding: 45px 0; overflow: hidden;}
.m-company .bd li{ width: 25%; float: left; text-align: center; color: #fff; font-size: 14px; line-height: 35px;}
.m-company .bd li span{ font-size: 22px; font-weight: 700;}
.m-company .bd .m-c-1{ border-right: 1px solid #fff;}
.m-honor{ background: #fff; padding: 45px 15px; overflow: hidden;}
.m-honor .hd{ text-align: center; line-height: 45px; font-size: 35px; font-weight: 700; color: #016bbf; overflow: hidden;}
.honor-left{ overflow:visible; position:relative;}
.honor-left .hdd{ width: 100%; height: 37px; overflow:hidden; position: absolute; left:0; top:104px; z-index:999}
.honor-left .hdd .prev{ width: 36px; height: 37px; float: left; background: url(../Image/m-case-left.jpg);overflow:hidden;cursor:pointer; }
.honor-left .hdd .next{ width: 36px; height: 37px; float: right ; background: url(../Image/m-case-right.jpg);overflow:hidden;cursor:pointer; }
.honor-left .bdd{ margin: 40px; overflow: hidden;}
.honor-left .bdd ul{ height: 310px;}
.honor-left .bdd ul li{ width: 20%; float: left; text-align: center; overflow: hidden;}
.honor-left .bdd ul li img{ width: 96%; height: 278px; object-fit:cover;}

.honor-left1{ overflow:visible; position:relative;}
.honor-left1 .hdd{ width: 100%; height: 37px; overflow:hidden; position: absolute; left:0; top:104px; z-index:999}
.honor-left1 .hdd .prev{ width: 36px; height: 37px; float: left; background: url(../Image/m-case-left.jpg);overflow:hidden;cursor:pointer; }
.honor-left1 .hdd .next{ width: 36px; height: 37px; float: right ; background: url(../Image/m-case-right.jpg);overflow:hidden;cursor:pointer; }
.honor-left1 .bdd{ margin: 40px; overflow: hidden;}
.honor-left1 .bdd ul{ height: 310px;}
.honor-left1 .bdd ul li{ width: 100%; float: left; text-align: center; overflow: hidden;}
.honor-left1 .bdd ul li img{ width: 90%; height: 278px; object-fit:cover;}


.m-news{ padding: 35px 0; overflow: hidden;}
.m-news .hd{ text-align: center; padding-bottom: 20px; line-height: 40px; background: url(../Image/m-case-top.jpg) no-repeat bottom center;}
.m-news .hd span{ font-size: 35px; font-weight: 700;}
.m-news .bd{ padding: 30px 0; overflow: hidden;}
.m-news1 .hdd{ border-bottom: 1px solid #ebe8e8; background: url(../Image/m-news-bj.jpg) no-repeat left bottom; padding-bottom: 5px; overflow: hidden;}
.m-news1 .hdd p{ float: left; font-size: 14px;}
.m-news1 .hdd p span{ color: #1858ba; font-size: 18px;}
.m-news1 .hdd a{ float: right; text-align: right; font-size: 12px; line-height: 30px;}
.m-news1 .bdd{ padding-top: 15px; overflow: hidden;}
.o-list{ padding-bottom: 10px; overflow: hidden;}
.o-list .img{ width: 45%; float: left; overflow: hidden;}
.o-list .img img{ width: 100%;}
.o-list .txt{ width: 53%; float: right; overflow: hidden;}
.o-list .txt .title{padding-top: 10px;}
.o-list .txt .time{ color: #999; font-size: 12px;}
.o-list .txt .content{ padding: 10px 0; color: #999;}
.o-list .txt .more{ padding-top: 10px;}
.o-list .txt .more a{ color: #ff0000;}
.m-list{ padding: 20px 0; line-height: 35px;}
.m-list li span{ float: right;}
.m-news2 .hdd{ border-bottom: 1px solid #ebe8e8; background: url(../Image/m-news-bj.jpg) no-repeat left bottom; padding-bottom: 5px; overflow: hidden;}
.m-news2 .hdd p{ float: left; font-size: 14px;}
.m-news2 .hdd p span{ color: #1858ba; font-size: 18px;}
.m-news2 .hdd a{ float: right; text-align: right; font-size: 12px; line-height: 30px;}
.m-news2 .bdd{ padding-top: 15px; overflow: hidden;}
.m-news2 .bdd div{ margin-bottom: 15px; overflow: hidden;}
.m-news2 .bdd div .img{ width: 27%; float: left;}
.m-news2 .bdd div .img img{ width: 100%;}
.m-news2 .bdd div .txt{ width: 70%; float: right;}
.m-news2 .bdd div .txt .title{ height: 22px; line-height: 22px; padding-left: 22px; background: url(../Image/q.jpg) no-repeat left center; text-indent: 10px;}
.m-news2 .bdd div .txt .content{ margin: 12px 0; background: url(../Image/a.jpg) no-repeat left top; padding-left: 32px; color: #999; }
/*--- sidebar ---*/ 
.s-p .hd{ text-align: center; background: #016bbf; font-size: 20px; color: #fff; font-weight: 700; padding: 15px 0; overflow: hidden;}
.s-p .bd{ border: 1px solid #dedede; padding: 25px 0; overflow: hidden;}
.s-p .bd ul{ width: 90%; margin: 0 auto;}
.s-p .bd ul li{ width: 100%; text-indent: 10px; margin-bottom: 5px; border-bottom: 1px dashed #cdcdcd;}
.s-p .bd ul li a{ display: block;  width: 100%; height: 45px; line-height: 45px;}
.s-p .bd ul li a:hover{background: #016bbf; color: #fff; opacity: 1;transition: 0.4s; text-indent: 25px;}
.s-p .bdd{ border: 2px solid #005eb8; padding: 25px 0; overflow: hidden;}
.s-p .bdd ul{ width: 90%; margin: 0 auto;}
.s-p .bdd ul .p1{ width: 100%; text-indent: 20px; margin-bottom: 5px; border-bottom: 1px dashed #cdcdcd;}
.s-p .bdd ul .p1 a{ display: block; background: #b1cfff; width: 100%; height: 45px; line-height: 45px;}
.s-p .bdd ul .p1 a:hover{background: #016bbf; color: #fff; opacity: 1;transition: 0.4s; text-indent: 25px;}
.s-p .bdd ul .p1 span{ color: #fba601;}
.s-p .bdd ul .p1 a:hover span{ color: #ffa800}
.s-p .bdd ul .p2{ width: 100%; text-indent: 30px; margin-bottom: 5px; border-bottom: 1px dashed #cdcdcd;}
.s-p .bdd ul .p2 a{ display: block;   width: 100%; height: 45px; line-height: 45px;}
.s-p .bdd ul .p2 a:hover{background: #016bbf; color: #fff; opacity: 1;transition: 0.4s; text-indent: 45px;}

.s-a{background: url(../Image/m-contact.jpg) no-repeat bottom center;}
.s-a .hd{ text-align: center; background: #016bbf; font-size: 20px; color: #fff; font-weight: 700; padding: 15px 0; overflow: hidden;}
.s-a .bd{ border: 2px solid #005eb8; border-bottom: none;padding-top: 25px; overflow: hidden;}
.s-a .bd ul{ width: 90%; margin: 0 auto; line-height: 35px;}

.s-ewm{ border: 2px solid #005eb8; border-top: none;  text-align: center; padding: 15px 0;}

/*.s-a .md{ border: 2px solid #005eb8; border-top: none; overflow: hidden; padding-bottom: 10px;}
.s-a .md a{ display: block; width: 100%; height: 160px; text-indent: -9999px;}*/
/*--- nav ---*/
.warp{ padding: 15px 0; overflow: hidden;}
.catname{ width: 95%; margin: 0 auto; padding: 10px 0; overflow: hidden;}
.catname li{ width: 25%; float: left; text-align: center; overflow: hidden; margin-bottom: 5px;}
.catname li a{ display: block; width: 95%; margin: 0 auto; height: 35px; line-height: 35px; background: #016bbf; color: #fff;}
.catname li a:hover{ background: #faa701;}

.catname1{ width: 95%; margin: 0 auto; padding: 10px 0; overflow: hidden;}
.catname1 li{ width: 33.3%; float: left; text-align: center; overflow: hidden; margin-bottom: 5px;}
.catname1 li a{ display: block; width: 95%; margin: 0 auto; height: 35px; line-height: 35px; background: #016bbf; color: #fff;}
.catname1 li a:hover{ background: #faa701;}
.crumbs{ border-bottom: 1px solid #dedede; line-height: 36px; overflow: hidden;}
.crumbs .hd{ font-size:12px; float: left; color: #085da0; font-weight: 700;}
.crumbs .bd{ float: right; text-align: right;}
.n-n{ width: 96%; margin: 0 auto; line-height: 2.6; padding: 30px 0; overflow: hidden;}
.n-n-n{ width: 99%; margin: 0 auto; line-height: 2.6; padding: 5px 0 30px 0; overflow: hidden;}
/*--- company ---*/
.company{ background: #f3f2f2; padding: 35px 0; overflow: hidden;}

.c-header{ width: 98%; margin: 0 auto; overflow: hidden;}
.c-header ul li{ width: 25%; float: left; text-align: center; overflow: hidden; margin-bottom: 5px;}
.c-header ul li a{ display: block; width: 95%; margin: 0 auto; height: 35px; line-height: 35px; background: #016bbf; color: #fff;}
.c-header ul li a:hover{ background: #faa701;}


.c-top{ margin-top: 30px;}
.c-top .hd{ text-align: center; font-size: 24px; font-weight: 700;}
.c-top .bd{ padding: 35px 0; overflow: hidden;}
.c-top .bd li{ width: 48%; margin: 0 1%; padding-top: 20px; float: left; text-align: center;}
.c-top .bd li .ct1{ border-bottom: 1px solid #dedede;padding: 30px 0;}
.f28{ font-size: 40px; color: #016bbf;}
.f29{ font-size: 22px; color: #333;}
.c-top .bd li .ct2{ text-align: center; padding: 15px 0; font-size: 16px;}
.c-top .bd li .ct2 span{ font-size: 10px;}
.c-top .md{ padding: 35px 0; overflow: hidden;}
.c-c-txt .title{font-size: 24px; line-height: 30px; margin-top: 15px;}
.c-c-txt .title span{ color: #999;}
.c-c-txt .content{ padding: 10px 0; line-height: 35px; overflow: hidden;}
.c-c-txt .more{ width: 250px; height: 60px; background: #016bbf; text-align: center; line-height: 60px;}
.c-c-txt .more a{ color: #fff;}
.c-c-txt .more a:hover{ color: #ff0;}

.c-fwln{ width: 100%; height: 501px; background: url(../Image/m-fwln.jpg) no-repeat top center; overflow: hidden;}
.c-fwln .hd{ text-align: center; padding-top: 80px; font-size: 40px; color: #fff;}
.c-fwln .bd{ width: 90%; margin: 0 auto; text-align: center; color: #fefcfc; padding-top: 40px; line-height: 30px;}
.c-fwln .bd a{ color: #ff0;}
.dszzc{ padding: 40px 0; overflow: hidden;}
.d-box{ background: #fff; padding: 15px 0; overflow: hidden;}
.c-d-txt{ padding:20px; overflow: hidden;}
.c-d-txt .title{ font-size: 30px; color: #333; line-height: 40px;}
.c-d-txt .title span{ color: #999; font-size: 24px;}
.c-d-txt .content{ padding: 15px 0; line-height: 35px; font-size: 16px;}
.c-d-txt .more{ width: 250px; height: 60px; background: #fba601; text-align: center; line-height: 60px;}
.c-d-txt .more a{ color: #fff;}
.c-d-txt .more a:hover{ color: #f00;}
.c-c-img{ padding-right: 0;}
.dszzc-left{ width: 100%;}
.dszzc-left .bdd{ }
.dszzc-left .bdd ul{ }
.dszzc-left .bdd ul li{ float:left; width: 100%;}
.dszzc-left .bdd ul li img{ border: 1px solid #dedede; max-width: 99%;}
.ccc-left{ width: 100%;}
.ccc-left .bdd{ }
.ccc-left .bdd ul{ }
.ccc-left .bdd ul li{ float:left; width: 100%;}
.ccc-left .bdd ul li img{ max-width: 100%;}

.qyjg{ width: 100%; height: 352px; background: url(../Image/m-qyjg.jpg) no-repeat top center; overflow: hidden;}
.qyjg .hd{ text-align: center; padding-top: 40px; font-size: 40px; color: #fff;}
.qyjg .bd{ width: 90%; margin: 0 auto; text-align: center;  padding-top: 30px; line-height: 30px;}
.qyjg .bd a{ color: #fff;}


/*--- shfw ---*/
.m-fuwu{padding: 35px 0; overflow: hidden;}
.m-fuwu .hd{ background: url(../Image/plist-hd.jpg) no-repeat top center; text-align: center; font-size: 20px; font-weight: 700; color: #000; line-height: 30px; margin-bottom: 20px;}
.m-fuwu .hd span{ font-size: 14px; color: #0659a5;}
.fuwu-left img{ width: 100%; padding: 2px; border: 1px solid #dedede;}
.fuwu-right .title{ height: 40px; line-height: 40px; overflow: hidden;}
.fuwu-right .title a{ font-size: 20px; color: #000; }
.fuwu-right .title a:hover{ color: #f00;}
.fuwu-right .content{padding-top: 20px;  line-height: 35px; color: #333;}
.m-fuwu .bd{ padding-top: 35px; overflow: hidden;}
.m-fuwu .bd li{ background: url(../Image/xbz.jpg) no-repeat left center; line-height: 35px; text-indent: 15px; border-bottom: 1px dashed #dedede;}
.m-fuwu .bd li a{ color: #333;}
.m-fuwu .bd li a:hover{ color: #f00;}
.m-fuwu .bd li span{ float: right; color: #333;}
.m-fuwu .link{ width: 132px; height: 72px; margin: 0 auto; padding: 20px 0;}
.m-fuwu .link a{display: block; width: 100%; height: 32px; line-height: 32px; background: #0659a5;  text-align: center; color: #fff;}
.m-fuwu .link a:hover{ color: #ff0;}


/*--- product ---*/
.plist{ text-align: center;}
.plist img{ width: 98%; height: 150px; object-fit: cover;}
#indexPro{ width: 98%; height: 270px; margin: 0 auto;  padding: 15px 0; overflow: hidden;}
#indexPro ul{ width: 100%; overflow: hidden;}
#indexPro ul li{ width: 220px; float: left; height: 270px; text-align: center; line-height: 35px;}
#indexPro ul li img{ width: 200px; height: 200px;}

.p-top{padding-top: 15px; overflow: hidden;}
.p-img{ margin-bottom: 10px;}
.p-img img{ width: 100%; border: 1px solid #dedede;}
.p-txt {margin-bottom: 10px;}
.p-txt li{margin-bottom: 10px; color: #333; line-height: 2;}
.img-txt-title{ font-size: 20px; font-weight: bold;  width: 100%; overflow: hidden;}
.img-txt-title1{padding: 0 6px;  font-size: 14px;}
.img-txt-title1 span{ color: #2660ba;}

.ptt{ padding: 10px 0; overflow: hidden;}
.order-btn{ width: 100%; padding-top: 10px;}
.t10{ display: block; width: 150px; height: 35px; background: #d9241b; line-height: 35px; text-align: center; color: #fff;}
.t10:hover{ color: #ff0;}
.p-content{ width: 98%; margin: 15px auto; box-shadow: 1px 1px 5px 1px #cdcdcd; padding: 20px 10px; overflow: hidden; }
.p-content .hd{ font-size: 20px; font-weight: bold; margin: 0 0 10px; color: #333; line-height: 2;}
/*--- contact ---*/
.contact-hd{box-shadow: 1px 1px 5px 1px #cdcdcd;  width: 98%; margin: 0 auto; margin-bottom: 15px; padding: 5px; overflow: hidden;}
.contact-hd .hd{ text-align: center;  color: #4297ff; font-size: 16px; font-weight: 700;}
.contact-hd .bd{ padding: 10px 0; overflow: hidden;}
.contact-hd .bd ul{ width: 31.3%; float: left; margin: 0 1%; overflow: hidden; text-align: center;}
.contact-hd .bd ul .title{ width:60px; height: 60px; background: #4196ff; border-radius: 30px; line-height: 35px; padding: 15px; margin: 0 auto;  color: #fff;}
.contact-hd .bd ul .content{ padding: 45px 5px 0 5px; height: 230px; border: 1px solid #4196ff;position: relative; top:-25px; z-index: -1; font-size: 12px; line-height: 24px;}
.contact-hd .bd ul .content img{ max-width: 100%;}
/*--- footer ---*/
.f-nav{ background: #313232; overflow: hidden;}
.f-nav ul li{ width: 20%; float: left; text-align: center; line-height: 35px;}
.f-nav ul li a{ color: #fff; font-size: 14px;}
.f-nav ul li a:hover{ color: #f00;}
.footer{ width: 100%; background:#313232 url(../Image/footer.png) no-repeat top center; padding-bottom: 35px; margin-bottom: 6rem;}
.f-logo{ margin: 35px 0 30px 0; text-align: center;}
.f-logo img{ max-width: 100%;}
.f-txtt{ color: #fff; overflow: hidden;}
.f-txtt .f-t{ width: 70%; padding-top: 15px; float: left; }
.f-txtt .f-t li{ line-height: 43px; text-indent: 30px;}
.ff1{ background: url(../Image/ff1.png) no-repeat left center;}
.ff2{ background: url(../Image/ff2.png) no-repeat left center;}
.ff3{ background: url(../Image/ff3.png) no-repeat left center;}
.f-ewm{ width: 28%; padding-top: 40px; float: right; text-align: center;}
.f-ewm img{ max-width: 100%;}
.f-ctxt{ margin-top: 30px; color: #fff;}

.f-m .hd{ width: 100%; height: 91px; margin-bottom: 15px; overflow: hidden;}
.f-m .hd p{ float: left; color: #fff; font-size: 18px;  line-height: 101px;}
.f-m .hd a{ float: right;}
.f-m .bd{padding-top: 25px; overflow: hidden;}
.f-m .bd ul li{ margin-bottom: 5px; color: #fff;}
.cm1{ width: 48%; height: 43px; border: 1px solid #fff; background: #fff; text-indent: 10px; border-radius: 5px;}
.cm2{ width: 99%; height: 90px; border: 1px solid #fff; background: #fff; text-indent: 10px; border-radius: 5px;}
.cm3{ width: 130px; height: 45px; border: 1px solid #fff; background: #fff; text-indent: 10px; border-radius: 5px 0 0 5px;}
.cm5{ width: 100px; height: 45px; vertical-align: top; border-radius: 0 5px 5px 0;}
.cm6{ padding: 13px 20px; background: #e7a213; color: #fff; border-radius: 5px; text-align: center;}

.f-m .md{ margin-top: 30px; color: #fff; text-align: right;}

#end{ width:100%; background: #3b98d1; height: 6rem; position: fixed; bottom:0; z-index: 9999999; overflow: hidden;}
#end li{ width: 25%; height: 6rem; padding-top: .8rem;  float: left; text-align: center; overflow: hidden;}
#end li img{ max-width: 35%;}
#end li a{ color: #fff; font-size: 15px;}
#end li a:hover{ color: #f00;}

/*--- Universal ---*/
.com_banner{background: url(../Image/nbanner.jpg) no-repeat top center; background-size:auto 100%; background-attachment: fixed;}
.com_bant{ font-size: 30px; color: #fff;}
.com_banft{ font-size: 16px; color: #fff; margin-top: 10px;}
.com_banmt{ margin-top: 25px; overflow: hidden;}
.com_banmt a{ float: left; width: 38px; height: 38px; line-height: 32px; text-align: center; border-radius: 50%; border: solid 1px #fff; }
.com_banmt a img{
    animation:scroll 1s ease infinite;
}

@keyframes scroll {
    0% { 
        transform: translate(0,-10px); 
        opacity: 0;
    }
    100% { 
        transform: translate(0,5px); 
        opacity: 1;
    }
}

#pmenu{ border-bottom: solid 1px #DFDFDF; }
.pmenu{ overflow: hidden; }
.pmenu .swiper-slide{ text-align: center; width: auto; margin: 0px 30px 0px 0px; }
.pmenu a{ position: relative; height: 50px; line-height: 50px; width: 100%; float: left; font-size: 15px;}
.pmenu a i{ width: 0px; height: 3px; background: #af0808; transition: all 0.3s; position: absolute; bottom: -1px; left: 0px;}
.pmenu a:hover i{ width: 100%; }
.pmenu a.on i{ width: 100%; }
.pmenu a.on{ color:#af0808;}
.pmenu a:hover{ color:#af0808;}
.pagebm{ height: 30px; overflow: hidden; clear: both; }
#wrap{ overflow: hidden; margin-top: 25px; margin-bottom: 30px;}
@media (min-width:992px) {
    .com_banner{ padding: 45px 0px 60px 0px; }
    .pmenu .swiper-slide{ margin: 0px 50px 0px 0px; }
}
@media (min-width:1200px) {
    .com_banner{ padding: 70px 0px 90px 0px; }
    .com_bant{ font-size: 40px; }
    .com_banft{ font-size: 18px; margin-top: 15px; }
    .com_banmt{  margin-top: 35px; }
    .pmenu .swiper-slide{ margin: 0px 60px 0px 0px; }
    .pmenu a{ height: 60px; line-height: 60px; font-size: 16px; }
    .pagebm{ height: 50px; }
    #wrap{ margin-top:50px; margin-bottom: 60px;}
    .com_banmt a{ width: 45px; height: 45px; line-height: 40px; }
}
@media (min-width:1601px) {
    .com_banner{ padding: 90px 0px 50px 0px; background-size:auto auto;}
    .com_bant{ font-size: 60px; }
    .com_banft{ font-size: 24px; margin-top: 15px; }
    .com_banmt{ margin-top: 70px; }
    .pmenu .swiper-slide{ margin: 0px 80px 0px 0px; }
    .pmenu a{ height: 70px; line-height: 70px; font-size: 17px;}
    .pagebm{ height: 80px; }
    #wrap{ margin-top:70px; margin-bottom: 80px;}
    #com_banner3{ background-size:auto auto;  }
    #com_banner8{ background-size:auto auto;  }
    #com_banner7{ background-size:auto auto;  }
    #com_banner9{ background-size:auto auto;  }
    #com_banner4{ background-size:auto auto;  }
    #com_banner5{ background-size:auto auto;  }
    #com_banner6{ background-size:auto auto;  }
    .com_banmt a{ width: 60px; height: 60px; line-height: 55px; }
}






#picUL{ overflow: hidden; }
#picUL li{ margin-top: 10px; outline: none;}
#picUL li a{ outline: none; }
#picUL .pic_01{ text-align: center; outline: none; border: solid 1px #e5e5e5; position: relative;}
#picUL .pic_02{ height: 40px; line-height: 40px; overflow: hidden; text-align: center;}
#picUL .pic_01 i{ transition: all 0.3s; z-index: 66; text-align: center; color:rgba(255,255,255,0.6); width: 80px; height: 80px; line-height: 71px; position: absolute; top: 50%; margin-top: -40px; left: 50%; margin-left: -40px; }
#picUL .pic_01 i.iconfont{ font-size: 25px; }
@media (min-width:1200px) {
    #picUL .pic_02{ font-size: 15px; }
    #picUL .pic_01 i.iconfont{ font-size: 35px; }
}
@media (min-width:1601px) {
    #picUL li{ margin-top: 15px; }
    #picUL .pic_02{ font-size: 16px; height: 45px; line-height: 45px; }
    #picUL .pic_01 i.iconfont{ font-size: 45px; }
}
#picUL li a:hover .pic_01:before{ position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 11 }
#picUL li a:hover .pic_01 i{ color: rgba(255,255,255,1); transform:rotate(30deg);}

#picULs{ overflow: hidden; }
#picULs li{ margin-top: 10px; outline: none;}
#picULs a{ outline: none; width: 100%; float: left; border: solid 1px #dedede; text-align: center;}
#picULs a .pics_01{ overflow: hidden; position: relative; margin: 10px;}
#picULs a .pics_01 img{ max-width: 100%; transition: all 0.3s;}
#picULs a .pics_02{ height: 36px; line-height: 36px; overflow: hidden; background: #f5f5f5; }
#picULs li a:hover .pics_01 img{ transform: scale(1.05); }
#picULs li a:hover .pics_02{ background:#016bbf; color: #fff;  }


#plist{ overflow: hidden; }
#plist li{ margin-top: 10px; outline: none;}
#plist a{ outline: none; width: 100%; float: left; border: solid 1px #dedede; text-align: center;}
#plist a .pics_01{ overflow: hidden; position: relative; margin: 10px;}
#plist a .pics_01 img{ max-width: 100%; height: 133px; transition: all 0.3s;}
#plist a .pics_02{ height: 36px; line-height: 36px; overflow: hidden; background: #f5f5f5; font-size: 12px; }
#plist li a:hover .pics_01 img{ transform: scale(1.05); }
#plist li a:hover .pics_02{ background:#016bbf; color: #fff;  }


.news-plist{ width: 98%; margin: 0 auto; overflow: hidden;}
.news-plist .hd{ color: #0659a9;font-size: 20px;font-weight: 700;line-height: 30px; margin: 10px 0; overflow: hidden;}
.news-plist .img img{ width: 100%;}
.news-plist .md{ padding: 10px 0; overflow: hidden;}
.news-plist .md li{ border-bottom: 1px dashed #dedede; line-height: 3; font-size: 14px;}
.news-plist .bd{ width: 132px; height: 34px; margin-top: 10px; overflow: hidden;}
.news-plist .bd a{ display: block; width: 100%; height: 34px; background: #0659a9; text-align: center; line-height: 34px; color: #fff; font-size: 14px;}
.news-plist .bd a:hover{ background: #ff0000;}

.newslist{overflow: hidden;}
.newslist ul{padding: 20px 0; border-bottom: 1px solid #dedede; overflow: hidden;}
.newslist ul .title{ line-height: 40px;}
.newslist ul .title a{ display: block; width: 100%; height: 35px; font-size: 16px; font-weight: 700; color: #000;}
.newslist ul .title a:hover{ text-decoration: underline; color: #016bbf; opacity: 1;transition: 0.4s; text-indent: 15px;}
.newslist ul .time{ font-size: 12px; color: #d6d6d6;}
.newslist ul .content{ line-height: 2.4;}
.newslist ul .content a{ color: #016bbf;  font-weight: 700;}

#indexNews{ width:98%; margin:0 auto; padding:5px 0; overflow:hidden;} 
#indexNews li{clear: both;line-height:300%;overflow: hidden; border-bottom:1px dashed #dedede;}
#indexNews li a{text-decoration:none; float:left; clear:both; }
#indexNews li a:hover{text-decoration:none;float:left;}
.Newstime{ float: right;}

.news li{border-bottom: 2px dotted #eeeeee;padding: 30px 0;position: relative;}
.news li a{display: block;overflow: hidden;}
.news li:after{content: "";height: 2px;display: inline-block;width: 0;position: absolute;left: 0;top: 158px;background: #085da0;transition: all .3s;}
.news li:hover:after{width: 100%;transition: all .3s;}
.news li:hover .left h3{color: #085da0;padding-left: 28px;transition: all .3s;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news li:hover .right h4,.news li:hover .right p{font-style: italic;color: #9ea7ae;transition: all .3s;}
.news li .left{overflow: hidden;padding:0 20px;}
.news li .right{overflow: hidden;border-left: 2px solid #f1f1f1;}
.news li .left h3{font-size: 20px;color: #404646;margin-bottom: 10px;transition: all .3s;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news li .left p{font-size: 14px;line-height: 28px;color: #9ea7ae;}
.news li .right h4{font-size: 50px;color: #085da0; margin: 0;text-align: center;font-weight: 200;transition: all .3s;}
.news li .right p{font-size: 16px;color: #9ea7ae;margin: 0;margin-left: 60px;font-weight: 200;transition: all .3s;}

#newTitle{color:#333;font-size:24px;text-align:center; padding: 25px 0 5px 0; overflow: hidden;}
#newsContent{margin-bottom:16px;}
#newsInfo{ text-align: center; color: #999; font-size: 12px; margin-bottom:26px;}
#prev_next{ width: 95%; margin: 0 auto; padding: 35px 0 20px 0; overflow: hidden;}
#prev_next li{ width: 50%; float: left;}

.infoClass{margin:0px;margin-bottom:10px;line-height:12px;}
#infoImage{text-align:center;margin:10px 0;}
#infoImage img{padding:1px; border:1px solid #dedede;}

.message-box ul{ margin-bottom: 10px; overflow: hidden;}
.tl{ float: left; width: 15%; text-align: center;}
.tr{float: left; width: 84%; padding-left: 1rem;}
.t1{ width: 95%; border: 1px solid #cdcddc; height: 3rem;}
.t2{ width: 95%; border: 1px solid #cdcddc; height: 10rem;}
.t3{ width: 80px; height: 2.9rem; border: 1px solid #cdcdcd;}
.t4{ width: 80px; height: 3rem; vertical-align: top}
.t5{width:74px;height:31px;line-height:31px;background:#4a5b6d;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;}
.t5 a{text-decoration:none;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;display:block;}
.t5 a:hover{background:#4a5b6d;border-radius:2px; text-decoration: underline;}

.send-form{ width: 60%; float: left;}
.order-line{ margin-bottom: 10px; overflow: hidden;}
.order-line lable{ width: 30%; float: left; text-indent: 10px;}
.order-line em{ color: #f00; margin-right: 5px;}
.go-sub{ width: 100px; height: 35px; background: #0012ff; border: none; text-align: center; margin-left: 15px; color: #fff; line-height: 35px;}
.go-sub:hover{ color: #ff0; text-decoration: underline;}

.orderewm{ width: 38%; float: right; padding-top: 35px;}

.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px;}
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: #237ed2; background: #237ed2;}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../Image/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../Image/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../Image/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../Image/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}
#dituContent{ width:98%; margin:0 auto; border:1px solid #dedede; height:300px; overflow:hidden;}

label{ max-width: none; }
.cont{ width: 100%; padding: 15px 0; overflow: hidden;}
.cont .hd{ width: 100%; height: 58px; margin: 10px 0;  font-size: 22px;  font-weight: 700; color: #202739; overflow: hidden;}
.cont .md{ border: 1px solid #dedede; padding: 10px 20px;}
.cont .bd{ height: auto; padding: 10px; border-bottom: 1px solid #dedede; overflow: hidden;}
.cont .bd .img{ width: 30%; float: left; padding-top: 20px; text-align: center; }
.cont .bd .txt{ width: 69%; float: right; padding-top: 20px; }
.cont .bd .txt li{width: 100%;height: 31px;color: #555;line-height: 31px; background: #f1f1f1;margin-bottom: 3px;padding-left: 20px;transition: 0.4s all;}
.cont .bd .txt li a{ color: #898989; }
.cont .bd .txt li:hover{background: #f47b00; color: #fff; padding-left: 25px; }
.cont .bd .txt li:hover a{ color: #fff; }


/*小屏幕 (平板 大于等于768px)*/
@media (min-width:768px){ 
	body{line-height: 20px;}
	#dituContent{ height:300px; }

	
}

/*中等屏幕 (桌面显示器 大于等于992px)*/
@media (min-width:992px){ 
	body{line-height: 22px;}
	#dituContent{ height:500px; }
	.lag{ width: 30%; }
	.footer{ margin-bottom: 0;}
	.f-nav ul li{ width: 10%;  line-height: 60px;}
	.top{padding: 5px 10px;}
	.keywords{ width: 50%; float: left;}
	.serch{float: right;}
	.m-ys .md li{ width: 50%; float: left;}
	.m-case .md{ width: 80%;}
	.m-case .md .case1 a{  width: 248px;height: 49px; line-height: 49px;}
	.o-list .txt .more{ padding-top: 30px;}
	.cm6{ padding: 13px 30px;}
	.warp{ padding: 35px 0; }
	.plist img{ height: 200px;}
	.nbanner .hd{  top:125px; font-size: 25px;}
	.nbanner .hd ul{ line-height: 40px;}
	.nbanner .hd ul span{ font-size: 30px;}
	.c-top .hd{  font-size: 60px; }
	.c-top .bd li{ width: 23%;padding-top: 50px;}
	.c-top .bd li .ct1{ font-size: 60px; padding: 30px 0;}
	.c-c-txt .content{ padding: 30px 0; line-height: 45px;}
	.c-fwln .hd{  padding-top: 110px; }
	.c-fwln .bd{ width: 60%;  padding-top: 50px;}
	.c-d-txt{ padding:30px 0 0 30px; overflow: hidden;}
	.qyjg .hd{ padding-top: 110px;}
	.qyjg .bd{ width: 60%;  padding-top: 50px;}
	.c-c-img{ padding-right: 30px;}
	.pid-list{ padding: 25px 0;}
	.crumbs .hd{ font-size: 18px;}
	.m-ys .md{ width: 60%;}
	#plist a .pics_01 img{ height: 220px; }
	#plist a .pics_02{ font-size: 16px; }
	.ccc-left{ width: 80%; float: right;}
	.news-plist{ width: 48%; float: left; margin: 0 1%;}
	.contact-hd .bd ul .content{  padding: 45px 15px 0 15px; height: 210px; font-size: 14px; line-height: 30px;}
	.o-list .img{ width: 55%; }
	.o-list .txt{ width: 43%;}
	.f-ewm{padding-top: 0px;}
	.m-company .bd{ width: 90%;}
	.m-company .bd li span{ font-size: 28px;}
}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
	body{line-height: 24px;}
	#dituContent{ height:600px; }
	.lag{ width: 20%; }
	.footer{ margin-bottom: 0;}
	.f-nav ul li{ width: 10%;  line-height: 60px;}
	.top{padding: 5px 10px;}
	.keywords{ width: 50%; float: left;}
	.serch{float: right;}
	.m-ys .md li{ width: 50%; float: left;}
	.m-case .md{ width: 80%;}
	.m-case .md .case1 a{  width: 248px;height: 49px; line-height: 49px;}
	.o-list .txt .more{ padding-top: 30px;}
	.cm6{ padding: 13px 40px;}
	.warp{ padding: 35px 0; }
	.plist img{ height: 200px;}
	.nbanner .hd{  top:145px; font-size: 30px;}
	.nbanner .hd ul{ line-height: 45px;}
	.nbanner .hd ul span{ font-size: 35px;}
	.c-top .hd{  font-size: 66px; }
	.c-top .bd li{ width: 23%;padding-top: 50px;}
	.c-top .bd li .ct1{ font-size: 60px; padding: 30px 0;}
	.c-c-txt .content{ padding: 30px 0; line-height: 45px;}
	.c-fwln .hd{  padding-top: 110px; }
	.c-fwln .bd{ width: 60%;  padding-top: 50px;}
	.c-d-txt{ padding:30px 0 0 30px; overflow: hidden;}
	.qyjg .hd{ padding-top: 110px;}
	.qyjg .bd{ width: 60%;  padding-top: 50px;}
	.c-c-img{ padding-right: 30px;}
	.pid-list{ padding: 25px 0;}
	.crumbs .hd{ font-size: 18px;}
	.m-ys .md{ width: 50%;}
	#plist a .pics_01 img{ height: 220px; }
	#plist a .pics_02{ font-size: 16px; }
	.ccc-left{ width: 50%; float: right;}
	.news-plist{ width: 48%; float: left; margin: 0 1%;}
	.contact-hd .bd ul .content{  padding: 45px 15px 0 15px; height: 210px; font-size: 14px; line-height: 30px;}
	.o-list .img{ width: 55%; }
	.o-list .txt{ width: 43%;}
	.f-ewm{padding-top: 0px;}
	.m-company .bd{ width: 90%;}
	.m-company .bd li span{ font-size: 28px;}
}


@media (max-width:1700px) {
	.ccc-left .bdd{overflow: hidden;margin-left: -100px;}
}
@media (max-width:992px){ 


}