*,html,body{padding:0; margin:0;outline: none;}

body{font-size:14px; font-family: "microsoft yahei", "微软雅黑", Tahoma, Helvetica, Arial, sans-serif;overflow-x: hidden;}

a{color:#626262; transition: all 0.25s linear;}

a,a:hover,a:active,a:focus{text-decoration:none;outline:none; word-wrap:break-word;}

a:hover {color:#df2727;-webkit-transition: all 400ms;transition: all 400ms;}

i{font-style:normal;}

ul,li{list-style:none;}

img {transition: all 0.5s;overflow:hidden;}

input{overflow: visible; vertical-align: middle;outline: none;font-family: "microsoft yahei", "微软雅黑", Tahoma, Helvetica, Arial, sans-serif;}

.of{overflow:hidden;}

.grey{background:#ededed;}

.elli{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



/* 阿里图标 unicode引用 */

@font-face {

  font-family: 'iconfont';

  src: url('iconfont.eot');

  src: url('iconfont.eot?#iefix') format('embedded-opentype'),

      url('iconfont.woff2') format('woff2'),

      url('iconfont.woff') format('woff'),

      url('iconfont.ttf') format('truetype'),

      url('iconfont.svg#iconfont') format('svg');

}

.iconfont {

  font-family: "iconfont" !important;

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



/* 头部 */

.header{padding:30px 0;overflow:hidden;margin:0 auto;}

.tel{padding-left:50px;font-size:16px; color: #333; line-height: 26px;  background:url(../wyimages/tel.jpg) no-repeat 0 center;}

.tel b{display: block; color: #333; font-size: 30px; line-height: 35px;}



/* 菜单 */

.menu {background:#30318d;}

.top-nav {height:60px;line-height:60px;}

.top-nav li {float:left;display:block;position:relative;}

.top-nav li a {width:150px; font-size:16px;display:block;color:#fff;text-align:center;}

.top-nav li a:hover,.top-nav li.menucur a {background:#df2727}

.top-nav ul {display:none;position:absolute;top:100%;left:0;z-index:1000;background:#30318d;color:#fff;line-height:50px;}

.top-nav ul li {width:100%;position:relative;}

.top-nav ul li a {width:auto; padding:0px 15px;display:block;clear:both;white-space:nowrap;}

.top-nav ul li ul {position:absolute;top:0;left:100%;z-index:1000;}

.top-nav li:hover > ul {display:block;}



/* 大图轮播 */

.swiper-container-1{width:100%;}

.swiper-container-1 .swiper-pagination-bullet { background:#30318d; width:8px; height:8px; opacity:1; }

.swiper-container-1 img{width:100% !important; display:block;}

.swiper-container-1 .swiper-pagination-bullet-active { width:30px; background:#30318d; border-radius:30px; }



/* 首页栏目 */

.indtit{text-align:center;}

.indtit h3{font-weight:bold;color:#444;}

.indtit p span{padding:0 10px; color:#555;}



/* 首页关于我们 */

.about h2{color:#30318d;border-bottom:1px solid #dfdfdf;}

.about p{text-indent:2em; font-size:14px; color:#555;}

.about a{bottom:0;display:block; width:145px; height:36px;border-radius:18px; background:#30318d; color:#fff; font-size:14px; line-height:36px; text-align:center; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}

/* 环境 */

.env_scroll{margin:0 auto;position:relative;}

.env_scroll p{line-height:50px;text-align:center;font-size:14px; color:#555;}

.swiper-button-prev,.swiper-button-next{width:40px; height:40px; background-size:40px 40px; margin-top:-47px; outline:none;}

.swiper-button-prev{background:url(../wyimages/left.jpg) no-repeat; left:0;}

.swiper-button-next{background:url(../wyimages/right.jpg) no-repeat; right:0;}



/* 首页产品中心 */

/* 右侧列表 */

.prolist_tit {border-bottom:2px solid #dedede;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.prolist_tit h4{color:#30318d;margin:0;padding:0 5px;float:left;border-bottom:2px solid #30318d;}

.prolist_tit span{padding-left:15px; color:#999;font-size:12px;font-weight:normal; text-transform:uppercase;}

.prolist_tit a{float:right;color:#626262;}

.prolistr ul li{float:left;border: #e2e2e2 1px solid;}

.prolistr ul li img{display:block;}

.prolistr ul li p{color:#555;background:#dfdfdf;font-size:14px;text-align:center;}



.tabcat{display:flex; -webkit-justify-content:center; justify-content:center;flex-wrap:wrap;}

.tabcat a{padding:10px 15px;margin:0px 5px;background:#30318d;color:#fff;margin-top:10px;}

.tabcat a{padding:12px 25px;border-radius:22px;background:#a09f9d;}

.tabcat a:hover,.tabcat a.current{background:#30318d;}

/* 首页新闻 */

.news_ul {display:block;width:100%;}

.news_ul .li_e {width:49%;float:left;margin:0 2% 2% 0;height:120px;overflow:hidden;}

.news_ul .li_e:nth-child(2n) {margin-right:0;}

.news_ul .li_e a {display:block;width:100%;height:100%;background:#f4f4f4;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}

.news_ul .li_e .span_left {float:left;width:20%;position:relative;color:#ffffff;}

.news_ul .li_e .i {padding:30px 20px 10px;display:block;font-size:16px;line-height:18px;position:relative;z-index:2;}

.news_ul .li_e .b_e {position:relative;z-index:2;font-weight:bold;font-size:48px;display:block;padding:0 20px;line-height:40px;}

.news_ul .li_e .span_left::after {position:absolute;left:0;top:0;content:"";width:160px;height:0;border-bottom:120px solid #dfdfdf;border-right:78px solid transparent;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;box-sizing: border-box;}

.news_ul .li_e .span_right {float:left;width:80%;padding:20px 28px;box-sizing: border-box;}

.news_ul .li_e .h4_e {font-size:18px;line-height:20px;display:block;color:#333333;}

.news_ul .li_e .p_e {line-height:24px;margin-top:12px;display:block;font-size:14px;color:#666666;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.news_ul .li_e:hover .span_left::after {border-bottom:120px solid #30318d;}

.news_ul .li_e:hover a {background:#363e45;}

.news_ul .li_e:hover .h4_e,.news_ul .li_e:hover .p_e {color:#ffffff;}



/* 表格 */

.table th,.table td {margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}

.table table {border-collapse:collapse;border-spacing:0;}

.table {width:100%;margin:15px 0;background-color:#fff;color:#666;}

.table tr {transition:all .3s;-webkit-transition:all .3s;}

.table th {text-align:left;font-weight:400;}

.table thead tr,.table tbody tr:hover {background-color:#f2f2f2;}

.table th,.table td {border:1px solid #e6e6e6;padding:9px 15px;min-height:20px;line-height:20px;font-size:14px;}



/* 内页 */

.main {overflow:hidden;}



/* 左侧 */

.leftmain {width:246px;float:left;}

.catetit {background:#30318d;padding:20px 30px;}

.catetit h5 {font-size:26px;line-height:30px;display:block;color:#fff;}

.catetit span {color:#fff;font-size:26px;display:block;line-height:40px;font-family:impact;text-transform:uppercase;}

.catelist {padding:25px 0 15px 0;background:#fff;}

.catelist ul li a {width:210px;height:36px;display:block;line-height:36px;border-radius:18px;text-align:center;color:#fff;background:#30318d;margin:0 auto 13px;}

.catelist ul li a:hover,.catelist ul li.current a {background:#df2727}

.contactbar {width:246px;height:239px;display:block;margin-top:30px;background:url(../wyimages/leftc.jpg) no-repeat center center;}

.contactbar b {display:block;padding-top:187px;font-size:25px;color:#fff;text-align:center;}



/* 位置导航 */

.breadcrumb {font-size:14px;color:#666; width:100%;overflow:auto;white-space:nowrap;line-height:58px;border-bottom:1px solid #eee;}

.breadcrumb i {padding-right:10px;}

.breadcrumb a {color:#666;}

.breadcrumb>li {display:inline-block;}

.breadcrumb>li+li:before {padding:0 5px;color:#666;content:"/\00a0";}



/* 单页面 */

.content{padding:20px 0; line-height:24px; overflow:hidden;}

.content p{text-indent:2em;margin-bottom:10px;}

.content img{margin:0 auto;}



/* 新闻详情页 */

.newsview {text-align:left;overflow:hidden;}

.newstit {text-align:center;font-size:20px;color:#000;margin:20px auto;}

.newsinfo {padding-bottom:20px!important;margin-top:10px!important;text-align:center;color:#b4b4b4;font-size:14px;border-bottom:1px solid #eee;}

.pipe {color:#b4b4b4;padding:0 8px;}

.newscon {color:#555;line-height:24px;padding-top:10px;}

.newscon p {padding:8px 0;text-indent:2em;}

.newscon img{margin:0 auto; display: block;}

/* 上一篇下一篇 */

.nextcon {border-top:1px solid #eee;padding-top:10px;margin-top:20px;}

.nextcon p {white-space:nowrap;text-overflow:ellipsis;margin-top:10px;padding:0;overflow:hidden;}

.nextcon p a:hover {color:#df2727;}



/* 新闻列表 */

.newslist {margin:20px 0;overflow:hidden;}

.newslist ul li {width:100%;height:42px;line-height:41px;overflow:hidden;border-bottom:dotted 1px #eee;}

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

.newslist ul li a i {margin-right:10px;}

.newslist ul li a span {float:right;padding-left:10px;}

.newslist ul li a:hover {color:#df2727;}



/* 图片列表 */
.piclist ul{overflow: hidden;}
.piclist li{float:left;}
.piclist li img{display:block;}
.piclist li p{line-height:35px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.honlist ul{overflow:hidden;}
.honlist li{float:left;border:1px solid #e1e1e1;text-align:center;box-sizing:border-box;cursor:pointer;overflow:hidden;}
.honlist li a,.product li a{display:block;}
.honlist li img,.product li img{max-width:100%;max-height:100%;}
.honlist li p,.product li p{ text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/* 留言表单 */

.diyform{max-width:385px;}

.form_name{margin:15px 0 5px;}

.farea{background:#f2f2f2; border:1px solid #e2e2e2; padding:10px; box-sizing:border-box;}

.input-text{background: #f2f2f2;padding:0 10px;line-height:35px; border:1px solid #e2e2e2;box-sizing:border-box;}

#code_img{display:inline-block; height:37px; margin-top:-1px; margin-left:5px;}

#dosubmit{background:#30318d; color:#fff; line-height:38px; border:none; padding:0 80px; cursor:pointer;}



/* 联系我们地图 */

.map_position {position:relative;background:#30318d;display:inline-block;padding:0 5px;color:#fff;cursor:pointer;height:24px;line-height:24px;border-radius:2px;}

.map_position:hover {background:#df2727}

.map_position .map_pos_bt {position:absolute;width:8px;height:8px;background:url(../wyimages/map_ico.png) no-repeat;left:10px;top:22px;}

.map_position .map_mouseover {background-position:0px -9px;}

.map_position:hover .onepoint {background-position:0px -9px;}

h3.lt {font-size:16px;font-weight:700;margin-top:10px;margin-bottom:10px;}

.map_tip_top {width:100%;}

.map_tip_intro p {color:#8A8A8A;font-size:12px;margin:5px 0 0 0;}



/* 右侧客服 */

.client {position:fixed;right:-170px;top:50%;z-index:900;}

.client li a {text-decoration:none;}

.client li {margin-top:1px;clear:both;height:71px;position:relative;}

.client li i {background:url(../wyimages/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0px auto;text-align:center;}

.client li p {height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;}

.client .my-kefu-qq i {background-position:4px 5px;}

.client .my-kefu-tel i {background-position:0 -21px;}

.client .my-kefu-weixin i {background-position:-34px 4px;}

.client .my-kefu-weibo i {background-position:-30px -22px;}

.client .my-kefu-ftop {display:none;}

.client .my-kefu-ftop i {width:33px;height:35px;background-position:-27px -51px;}

.client .my-kefu-left {float:left;width:77px;height:47px;position:relative;}

.client .my-kefu-tel-right {font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;}

.client .my-kefu-right {width:20px;}

.client .my-kefu-tel-main {background:#30318d;color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left;}

.client .my-kefu-main {background:#30318d;width:97px;height:56px;position:relative;padding:9px 0 6px;float:left;}

.client .my-kefu-weixin-pic {position:absolute;left:-120px;top:-24px;display:none;z-index:333;}



/* 分页 */

#pages {float:right;margin:30px 0;border-radius:4px;}

#pages > a,#pages > span {float:left;font-size:16px;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#30318d;text-decoration:none;background-color:#fff;border:1px solid #ddd;}

#pages > a:first-child {margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}

#pages > a:last-child {border-top-right-radius:4px;border-bottom-right-radius:4px;}

#pages > a:hover,#pages > a:focus {color:#30318d;background-color:#eee;border-color:#ddd;}

#pages > span {color:#fff;background-color:#30318d;border-color:#30318d;}

#pages > span.pagemore {color:#30318d;background-color:#fff;border:1px solid #ddd;}



/* 友情链接 */

.hotkey{height:60px; line-height:60px; background:#ededed; font-size:16px;}

.hotkey b{font-weight:normal;color:#555;}

.hotkey a{padding: 0 10px; color:#555;}



/* 底部 */

.copyright{color:#999ea1; background:#272e34; text-align:center; line-height:30px;}

.copyright a{color:#999ea1;}



/* 电脑端 */

@media only screen and (min-width:780px) {

    .only_mobile{display:none;}

    .fl{float: left;}

    .fr{float: right;}

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

    .pd{padding:50px 0;}

    .pr{position: relative;}

.pa{position: absolute;}

.mt50{margin-top:50px;}

.swiper-container-1>.swiper-pagination-bullets{ bottom:28px !important; }

.indtit h3{font-size:32px;}

.indtit p{padding-top:20px;}

.indtit p span{font-size:18px;}

.indtit p:before,.indtit p:after{content:"";width:100px;height:1px;background:#d5d5d5;display:inline-table;vertical-align:middle;}

.aboutimg{width:573px;height:351px;}

.about{width:600px;min-height:351px;}

.about h2{font-size:32px;padding-bottom:15px;}

.about p{line-height:30px;margin-top:20px;}

.env_scroll{width:1320px;margin-bottom:50px;}

.swiper-container-2{width:1200px;}

.env_scroll img{width:100%;}



.prolist_tit {height:80px; line-height:78px;}

.prolist_tit h4{font-size:24px;line-height:78px;}

.prolistr{width:926px;}

.prolistr ul li{width:290px;margin-right:25px;margin-top:25px;}

.prolistr ul li:nth-child(3n+3){margin-right:0;}

.prolistr ul li img{width:290px;height:230px;}

.prolistr ul li p{line-height:45px;}



.tabcat{margin:50px auto;}

.news_ul .li_e .i{padding:30px 15px 10px;}

.news_ul .li_e .span_left::after{width:150px;}

.news_ul .li_e .span_right{padding:20px 45px;}



.main {padding:30px 0;background-color:#f5f5f5;}

.rightmain {float:right;background:#fff;width:864px;min-height:978px;padding:0 30px;}
.piclist{margin-top:30px;}
.piclist li{width:268px; margin-right:30px;}
.piclist li:nth-child(3n+3){margin-right:0;}
.piclist li img{width:100%; height:212px;}


.honlist li{width:268px; height: 210px; margin-right:30px;margin-top:30px;padding:10px 10px 0 10px;}
.honlist li:nth-child(3n+3){margin-right:0;}
.honlist li .imgbox{width:100%;height:175px;}
.honlist li .imgbox2{width:100%;height:200px;}


/* 新闻图文列表 */

.imgnewslist {margin:30px 0;overflow:hidden;}

.imgnewslist .media {border-bottom:dotted 1px #eee;padding-bottom:15px;margin-top:15px;}

.imgnewslist a img {max-width:220px;}

.imgnewslist a img:hover {filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;-khtml-opacity:.8;/* transition:all .1s linear;*/}

.imgnewslist h4 a {font-size:18px;color:#222;line-height:24px;font-weight:bold;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

.imgnewslist h4 a:hover {color:#a51e24;}

.imgnewslist .desc a {padding:10px 0 0px;color:#666;font-size:14px;display:block;line-height:22px;text-indent:2em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}

.media:first-child {margin-top:0;}

.media,.media-body {overflow:hidden;zoom:1;}

.media-body,.media-left,.media-right {display:table-cell;vertical-align:top;}

.media-left {padding-right:20px;overflow:hidden;}

.media-left a {display:block;}



.honorlist li img{width:100%;height:380px;}

.contactcon {padding:30px 0;}

.newsview {padding-bottom:30px;}

.copyright{ padding:30px 0; font-size:14px;}

}

/* 手机端 */

@media only screen and (max-width:769px) {

    .only_pc{display:none;}

    .w1200{margin:0 15px;}

    .pd{padding:20px 0;}

.mt50{margin-top:20px;}

.swiper-container-1{margin-top:50px;}

.swiper-container-1>.swiper-pagination-bullets{ bottom:5px !important; }

.indtit h3{font-size:24px;}

.indtit p{padding-top:15px;}

.indtit p span{font-size:14px;padding-top:15px;}

.aboutimg img{max-width:100%;}

.about h2{font-size:20px;padding:10px 0;text-align:center;}

.about p{line-height:24px;margin-top:15px;}

.about a{margin:10px auto;}

.swiper-container-2{width:calc(100% - 100px);}

.env_scroll{margin-bottom:20px;}

.env_scroll img{width:100%;height:180px;}

.tabcat{margin:20px auto;}



.news_ul .li_e{width:100%; margin-right:0; height:98px; margin-bottom:15px;}

.news_ul .li_e .i{padding:30px 15px 6px; font-size:12px;}

.news_ul .li_e .span_left::after{width:116px;border-bottom: 98px solid #dfdfdf;}

.news_ul .li_e .span_right{padding:16px 27px;}

.news_ul .li_e .b_e{font-size:28px; line-height:20px; padding:0 20px; text-align:left;}

.news_ul .li_e .span_left{width:27%;}

.news_ul .li_e .span_right{width:73%;}

.news_ul .li_e .h4_e{font-size:16px;}

.news_ul .li_e .p_e{line-height:20px; font-size:14px; margin-top:5px; height:40px;}



.prolist_tit {height:50px; line-height:48px;}

.prolist_tit h4{font-size:18px;line-height:48px;}

.prolistr ul li{width:calc(50% - 9.5px);margin-right:15px;margin-top:15px;background:#fff;}

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

.prolistr ul li img{max-width:100%;height:123px;margin:0 auto;}

.prolistr ul li p{color:#555;font-size:14px;line-height:35px;text-align:center;}



.main {padding-bottom:15px;}

.piclist,.honorlist{margin-top:15px;}

.piclist li,.honorlist li{width:calc(50% - 7.5px); margin-right:15px;}

.piclist li:nth-child(2n+2),.honorlist li:nth-child(2n+2){margin-right:0;}

.piclist li img{width:100%;height:125px;}



/* 新闻图文列表 */

.imgnewslist {margin:0 0 20px;overflow:hidden;}

.imgnewslist .media {border-bottom:dotted 1px #eee;padding-bottom:15px;margin-top:15px;}

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

.imgnewslist a img:hover {filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;-khtml-opacity:.8;/* transition:all .1s linear;*/}

.imgnewslist h4{text-align:center;}

.imgnewslist h4 a {font-size:18px;margin-top:5px;font-weight:bold;}

.imgnewslist h4 a:hover {color:#a51e24;}

.imgnewslist .desc a {padding:5px 0 0px;color:#666;font-size:14px;display:block;line-height:22px;text-indent:2em;}



.honorlist li img{width:100%;height:220px;}

.contactcon {padding:15px 0;}

.newsview {padding-bottom:15px;}

.copyright{ padding:20px 15px;font-size:12px;}

.copyright span{display:block;}

#pages{margin:15px auto;}

}