@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
img { border: 0; display: block; }
ul li { list-style: none; }
a { color: #222; text-decoration: none; }
a:hover { color: #000; cursor: pointer; }
h1 { font-size: 28px; }
h2 { font-size: 18px; }
.clear { clear: both; }
h3, h4, h5, h6 { font-size: 16px; }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #222; background: #F5F5F5; }
.swiper-container { width: 100%; height: 500px; z-index: -100; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.rmgkey { margin: 0 auto; margin-top: 6px; border-bottom: 1px #00000040 solid; }
.rmgkey a { display: inline; line-height: 27px; padding: 4px; width: 0.9%; }
.keybox { line-height: 35px; margin: 3px; display: -webkit-inline-box; padding: 4px; }
aside div { background: #fff; margin-bottom: 20px }
.search input.input_text { border: 0; line-height: 36px; height: 36px; font-size: 14px; width: 75%; outline: none; text-indent: 1em; }
h2.aside_title { padding: 20px; }
.logo { margin: 0 auto; }
.width { width: 1200px; }
.daohang { margin: 0 auto; }
nav#nav { background: #0da4ec; }
ul.menu, ul.submenu { background-color: #0da4ec; }
ul.menu > li a { display: block; color: #fff; }
ul.menu::after { content: ''; display: block; clear: both; }
ul.menu > li { float: left; width: 120px; line-height: 3em; height: 3em; text-align: center; }
ul.submenu { display: none; }
ul.submenu > li { border-bottom: 1px solid #fff; }
.content { min-height: 800px; background-color: #fff; }
ul.menu > li:hover { background-color: #666; }
ul.menu > li:hover > a { color: #fff; }
ul.submenu > li:hover > a { background: #c3be0eb8; display: block; color: #fff; }
ul.menu > li:hover > ul.submenu { display: block; }
@keyframes fade { from {
 opacity: 0;
}
to { opacity: 1; }
}
.animated { animation-duration: 1s; animation-fill-mode: both; }
.fadeIn { animation-name: fade; animation-direction: normal; }
.search { background: #191717; position: relative; border: #423f3f 2px solid; border-radius: 5px; overflow: hidden; width: 21%; float: right; margin-top: 3px; }
.search input.input_submit { border: 0; color: #fff; outline: none; position: absolute; top: 0; right: 0; width: 25%; display: block; font-size: 15px; height: 36px; line-height: 36px; text-indent: 1em; cursor: pointer; background: url(../images/search-btn.jpg) no-repeat; }
.search input.input_text { border: 0; line-height: 36px; height: 36px; font-size: 14px; width: 75%; outline: none; text-indent: 1em; }
h2.aside_title { padding: 20px; }
.yzswan { margin: 0 auto; margin-top: 28px; }
.yzswan-title { margin: 20px 0; text-align: center; }
.text { padding: 20px; font-size: 22px; }
.text b { color: #cc0707; }
.text p { font-size: 16px; }
.yzswan p { font-size: 21px; }
.yzswan ul li img { margin: 10px; }
.left-cpfl { clear: both; }
.yzswan ul { overflow: hidden; }
.yzswan ul li { margin: 10px; display: block; overflow: hidden; float: left; }
.fl-left { float: left; width: 20%; border: 1px #ccc solid; background: #005fa8; }
.nrzhuti { margin: 0 auto; clear: both; margin-top: 20px; overflow: hidden; }
.fl-left ul { overflow: hidden; }
.fl-contact { text-align: center; line-height: 35px; }
.fl-center { background: #005fa8; text-align: center; line-height: 40px; color: #fff; }
.fl-center h3 { font-size: 22px; }
.fl-left ul li { line-height: 45px; margin: 0px 14px; border-bottom: 1px #ccc dotted; background: #fff; text-align: center; }
.fl-center p { background: url(../images/pro-t1.png)no-repeat center; margin-bottom: 15px; text-transform: uppercase; }
.fl-left ul li a { display: block; padding-left: 10px; font-size: 16px; }
.fl-contact h3 { color: #fff; display: block; font-size: 19px; font-weight: 900; text-indent: -2em; }
.fl-contact p { color: #dbe80a; font-size: 17px; text-indent: -7em; }
.fl-contact strong { font-size: 30px; color: #d9dece; font-family: "Impact"; }
.cp-right { float: right; width: 79%; border: 1px #ccc solid; }
.cpRi-tit { background: #005fa8; line-height: 35px; }
.cpRi-tit a { color: #fff; float: right; display: block; padding: 0 42px; background: #3ab26c; }
.rxtj { display: block; color: #fff; font-size: 20px; text-indent: 1em; }
.layui-row { overflow: hidden; clear: both; }
.layui-row li { float: left; width: 30.9%; margin: 10px; border: 1px #ccc solid; overflow: hidden; }
ul.layui-row li a { display: block; }
ul.layui-row li img { overflow: hidden; max-width: 100%; display: block; }
.picimg { width: 100%; height: 230px; overflow: hidden; }
li.layui-col-lg4 h3 { display: block; background: #005fa8; line-height: 21px; text-align: center; color: #fff; padding: 10px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
li.layui-col-lg4:hover h3 { background: #000; }
.picimg:hover img { transform: scale(1.1); }
/*tab*/
.tabs ul li { float: left; background: #005fa8; width: 125px; line-height: 12px; margin: 5px 5px; text-align: center; }
.tabs ul li h2 a { padding: 10px 5px; display: block; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tabs ul li h2:hover a { background: #b5a80d; color: #000; }
.ads { margin: 20px 0; height: 208px; overflow: hidden; background: #005fa8; border-bottom: 10px #f69d37 solid; }
.wrapper { position: relative; left: 50%; margin-left: -600px; height: 100%; }
.ads .ads-tel { position: absolute; right: 0; font: 600 24px/34px "Arial"; color: #f38200; top: 66px; padding-left: 38px; background: url(../images/ads_tel_ico.png) no-repeat left; margin-right: 85px; }
.ads .wx { position: absolute; right: 0; top: 114px; margin-right: 85px; }
.wx-box { z-index: 999; }
.mane { width: 60%; overflow: hidden; }
.mane h4 { color: #f69e3a; font-size: 36px; font-weight: bold; border-bottom: 3px #ccc solid; margin: 20px; width: 25%; text-indent: 0.5em; }
.mane b { color: #f69e3a; font-weight: bold; font-size: 23px; }
.mane p { color: #fff; line-height: 36px; font-size: 16px; }
/*advant*/
.advant .advant-title .t1 { font-size: 30px; font-weight: bold; line-height: 1.5; }
.advant .advant-title .t1 em { color: #e80404; font-style: normal; }
.advant .advant-title .t2 { font-size: 24px; }
.advant .advant-title .t3 img { margin: auto; }
.advant li .advant-box img { width: 100%; height: 175px; }
.advant li .advant-box .adtxt { padding: 15px; height: 206px; border: 2px solid #e3e3e2; border-top: none; }
.advant li .advant-box .adtxt h3 { font-size: 24px; }
.advant li .advant-box .adtxt span { width: 60px; height: 2px; background: #005fa8; display: block; }
.advant li .advant-box .adtxt p { margin-top: 10px; color: #555; }
.advant li .advant-box .adtxt:hover { background: #005fa8; color: #fff; }
.advant li .advant-box .adtxt:hover span { background: #fff; }
.advant li .advant-box .adtxt:hover p { color: #fff; }
.text-center { text-align: center; }
.advant { margin: 0 auto; padding: 20px 0; }
.layui-row-li li { float: left; width: 22.8%; margin: 10px; border: 1px #ccc solid; overflow: hidden; height: 340px; }
/*aboutus*/
.aboutus { background: url(../images/about-bg.jpg) top center no-repeat; padding: 11px 0; overflow: hidden; clear: both; }
.aboutus .index-title .t1 { font-size: 30px; font-weight: bold; color: #fff; padding: 17px; }
.aboutus .index-title p { font-size: 16px; color: #fff; }
.aboutus .about-cont { background: #fff; padding: 20px; overflow: hidden; }
.aboutus .about-cont img { margin-right: 30px; }
.aboutus .about-cont h3 { font-size: 24px; }
.aboutus .about-cont .aboutTxt p { margin: 0 15px; text-indent: 1em; color: #101010; line-height: 35px; }
.gengdou { display: block; background: #005492; color: #fff; width: 120px; margin: 20px; }
.layui-container { margin: 0 auto; }
.text-center p { margin-bottom: 15px; }
.media-body { width: 47%; float: right; }
.about-cont img { overflow: hidden; float: left; }
.media-body h3 { display: block; color: #dc0505; font-weight: 900; margin: 8px 0; text-align: center; }
.aboutTxt { border: #ccc 1px solid; }
.zixunBox { margin: 0 auto; padding: 39px; overflow: hidden; clear: both; }
.news { width: 63%; float: left; border: #ccc 1px solid; }
.zixun-title span { font-size: 23px; font-weight: 900; border-bottom: 3px #1c940e solid; }
.zixun-title a { float: right; padding: 0 30px; font-size: 14px; }
.problem { width: 35%; float: right; border: #ccc 1px solid; }
.zixun-title { border-bottom: 1px #ccc solid; line-height: 35px; text-indent: 1em; }
.newsImg { margin: 15px 0; overflow: hidden; }
.newsImg img { width: 28%; float: left; margin: 8px; }
.zixun-body { padding: 10px; width: 67%; overflow: hidden; float: right; }
.zixun-body h3 { margin-bottom: 12px; font-weight: 900; }
.zixun-body p { line-height: 28px; text-indent: 2em; }
.zixun-body a { width: 100px; height: 30px; line-height: 30px; display: block; text-align: center; color: #fff; background: #005fa8; margin: 10px 0; }
.zixun-body h3 a { width: 100%; background: #fff; color: #000; }
.zixun-li { margin: 20px; }
.zixun-li li span { float: right; }
ul.zixun-li li { margin: 10px 0; line-height: 25px; }
.zixun-li li a { display: block; background: url(../images/pro-ico.png)no-repeat left center; padding-left: 15px; }
.tempWrap li { line-height: 25px; margin: 10px; }
.tempWrap li h3 { font-weight: 800; background: url(../images/wen-w.png)no-repeat; text-indent: 2.5em; }
.tempWrap li h3 a { display: block; padding: 10px; }
.tempWrap li p { background: url(../images/wen-d.png)no-repeat; text-indent: 2.5em; border-bottom: 1px #ccc dotted; }
.tempWrap { height: 390px; overflow: hidden; }
/*fContact*/
.f-contact { height: 486px; margin: 0 auto; padding-bottom: 35px; }
.fContact-l { width: 731px; float: left; margin-top: 60px; position: relative; }
.fContact-tel { position: absolute; bottom: 40px; left: 0px; line-height: 1.2; }
.fContact-tel img { margin: -52px 0; }
.fContact-l .fContact-tel strong { font-size: 28px; color: #005fa8; display: block; }
.fContact-r { background: #005fa8; width: 400px; float: right; padding: 20px; margin-top: 30px; }
.fContact-r h3 { font-size: 24px; font-weight: bold; color: #fff; }
.fContact-r li { margin-top: 10px; }
.fContact-r li .inputText { background: #fff; padding: 2px 10px; line-height: 46px; width: 100%; border: none; box-sizing: border-box; }
.fContact-r li textarea { background: #fff; padding: 2px 10px; width: 100%; box-sizing: border-box; height: 130px; color: #666; }
.fContact-r li .inputSubmit { width: 150px; height: 45px; background: #0087e1; color: #fff; display: block; border: none; font-size: 18px; cursor: pointer; }
.links { margin: 0 auto; background: #005fa8; clear: both; }
.link_t { margin: 0px auto; background: #005fa8; position: revert; }
.link_t h4 { padding: 15px 0; color: #fff; font-weight: 700; width: 65px; background: #af0e0e; }
.link_t ul { overflow: hidden; width: 1000px; margin-left: 66px; margin-top: -50px; }
.link_t ul li { float: left; line-height: 24px; }
.link_t ul li a { display: block; color: #fff; padding: 13px 4px; }
.footer { clear: both; }
.foot { margin: 0 auto; overflow: hidden; }
.foot_r { float: left; width: 85%; }
.foot img { width: 146px; float: left; height: 150px; }
.foot_r_t li { float: left; list-style: none; width: 95px; text-align: center; }
.foot_r_t { overflow: hidden; padding-left: 50px; }
.foot_r_b { display: block; clear: both; line-height: 35px; margin-left: 57px; }
.foot_r_t li a { display: block; padding: 10px 0px; margin: 10px; }
.foot_r_b p i { margin: 10px; }
.foot_r_t li:hover >a { border-bottom: #000 2px solid; }
.layui-col-lg9 { width: 79%; float: right; border: 1px #ccc solid; margin-bottom: 40px; }
.nav-position { line-height: 35px; border-bottom: 1px #ccc solid; background: #005fa8; padding: 5px; }
.nav-position a { margin: 10px; color: #fff; }
.padding img { width: 95%; margin: 10px; padding-left: 12px; }
.padding p { margin: 10px; text-indent: 2em; line-height: 35px; }
.padding p { margin: 10px; text-indent: 2em; line-height: 35px; }
.padding p a { color: #ef0606; font-weight: 700; }
.procuijian { float: right; width: 79%; clear: both; border: #ccc 1px solid; margin-bottom: 15px; }
.procuijian b { display: block; line-height: 35px; text-indent: 2em; background: #005fa8; color: #fff; }
.propic { overflow: hidden; }
.propic >li { float: left; width: 23.3%; margin: 10px 8px; overflow: hidden; height: 200px; }
.propic >li > a >img { width: 100%; height: 90%; }
.propic > li h3 { display: block; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.margin-bottom { margin: 20px 0px; border-bottom: 1px #ccc solid; text-indent: 1.5em; }
p.text-more { line-height: 25px; text-align: center; background: #005fa8; }
p.text-more a { display: block; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pic_list >a:hover img { transform: scale(1.1); }
.layui-col-space5 > h4 { text-indent: 2em; padding-bottom: 10px; }
.layui-col-space5 >ul { overflow: hidden; margin: 0 20px; }
.layui-col-space5 >ul li { float: left; width: 50%; background: url(../images/pro-ico.png)no-repeat center left; }
.layui-col-space5 >ul li a { display: block; padding: 10px; }
.probody { margin: 10px; }
.probodyimg { width: 45%; float: left; }
.probodyimg img { width: 100%; }
.probodyimg a:hover img { transform: scale(1.1); }
.probody { margin: 10px; }
.probodyimg { width: 45%; float: left; }
.probodyimg img { width: 100%; }
.probodyimg a:hover img { transform: scale(1.1); }
.procanshu { width: 54%; float: right; }
.poofen { clear: both; background: #005fa8; margin: 20px 0; line-height: 35px; }
.procanshu li { line-height: 35px; margin-left: 20px; }
.procanshu h1 { text-align: center; font-size: 18px; border-bottom: 1px #ccc solid; }
.procanshu li i { color: #f10a0a; font-size: 22px; font-style: inherit; font-weight: 900; }
.poofen b { color: #fff; text-indent: 2em; margin-left: 35px; }
.bodypro { margin: 0px 15px; }
.bodypro p { line-height: 28px; text-indent: 1em; }
.bodypro img { display: block; margin-left: 25px; width: 95%; max-height: 100%; }
.bodypro p a { color: #e40707; }
.pro_key { margin: 10px; }
.pro_key a { margin: 0 6px; }
.poofen-info { margin: 10px; }
.poofen-info ul { overflow: hidden; }
.poofen-info ul li { float: left; width: 50%; border-bottom: 2px #b9acac solid; }
.poofen-xgnesw { border-top: 1px #ccc solid; clear: both; }
.poofen-xgnesw >b { display: block; background: #005fa8; line-height: 35px; color: #fff; text-indent: 2em; }
.poofen-xgnesw >ul { margin: 10px; }
.poofen-xgnesw >ul li { float: left; width: 45%; line-height: 25px; padding: 0 20px; background: url(../images/pro-ico.png)no-repeat left center; }
.poofen-xgnesw >ul li a { display: block; }
div#main-con { margin: 20px 10px; position: relative; }
.media-list { overflow: hidden; border-bottom: #ded5d5 1px solid; margin-bottom: 20px; }
.media-list h3 { text-indent: 2em; }
.media-list a { display: block; padding: 15px 5px; }
.media-list p { text-indent: 1em; line-height: 27px; }
.media-list span { overflow: hidden; float: right; margin-right: 20px; margin-top: -88px; }
.titleh1 { border-bottom: 1px #ccc solid; margin-bottom: 17px; }
.titleh1 h1 { font-size: 16px; margin-bottom: 20px; text-align: center; }
.titleh1 span { padding: 18px; text-indent: 3em; margin-left: 41px; }



 @media only screen and (max-width: 480px) {
.aboutus .about-cont img { display: none; }
header { width: 100%; }
.foot_r { width: 100%; }
ul.menu > li { float: left; width: 90px; line-height: 3em; height: 3em; text-align: center; }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 50%; position: relative; }
.media-body { width: 100%; float: right; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 8; }
.search { background: #191717; position: relative; border: #423f3f 2px solid; border-radius: 5px; overflow: hidden; width: 100%; float: right; margin-top: 3px; }
.layui-row-li li { float: left; width: 100%; margin: 3px; border: 1px #ccc solid; overflow: hidden; height: 295px; }
.tabs ul li { float: left; background: #005fa8; line-height: 12px; margin: 5px 5px; text-align: center; width: 47%; }
.fl-left { display: none; }
.cp-right {float: right;width: 100%;border: 1px #ccc solid;}
.yzswan ul li { margin: 15px;/* display: block; */ float: left; width: 25%; }
.yzswan ul li img { margin: 0; width: 100%; }
.layui-row li { float: left; width: 43%; margin: 10px; border: 1px #ccc solid;/* overflow: hidden; */ }
.wrapper { position: relative;/* left: 50%; *//* margin-left: -600px; */ height: 100%; }
.picimg { width: 100%; height: 140px; overflow: hidden; }
.mane h4 { color: #f69e3a; font-size: 36px; font-weight: bold; border-bottom: 3px #ccc solid; margin: 20px; width: 25%; text-indent: 0.5em; display: none; }
.problem { width: 35%; float: right; border: #ccc 1px solid; display: none; }
.zixunBox { margin: 0 auto; padding: 9px; overflow: hidden; clear: both; }
.news { width: 100%; float: left; border: #ccc 1px solid; }
.newsImg { display: none; }
.f-contact.layui-clear.width { display: none; }
.foot img { width: 146px; float: left; height: 150px; display: none; }
.foot_r_t li { float: left; list-style: none; width: 50%; text-align: center; }
.foot_r_t { overflow: hidden; padding-left: 0; display: none; }
.foot_r_b { display: block; clear: both; line-height: 17px; margin-left: 8px; }

}
 @media only screen and (max-width: 768px) {
header { width: 100%; }
.width { width: 100%; }
nav#nav { height: 100px; overflow: hidden; }
.logo img { width: 100%; }
}