@charset "utf-8";
/**
 * This is NOT a freeware, use is subject to license terms
 * @author Siyuan! <2039750417@qq.com>
 * @version v7.1.5
 * @support http://www.9887556.com
 */
.wp{width:1200px; max-width: 95%; margin:0 auto}
img { max-width: 100%; }
a.imgzoom img{transition: all 0.3s ease 0s}
a.imgzoom:hover img{
	-webkit-transform-origin: center center;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform-origin: center center;
	-moz-transform: scale(1.1, 1.1);	
}
html.winhide { overflow: hidden; }
.headtop { line-height: 29px; height:31px; background: #D7DADE; }
.headtop i { vertical-align: middle; margin-right: 5px; color:#8994A0; }
.headtop a { margin-left: 15px; color:#8994A0; }

.nav { float:right; height:55px; }
.nav ul.colum { float:left; margin-right: 60px; }
.nav .text { position: relative; float:left; }
.nav .text > a { line-height: 56px; position: relative; padding:0px 22px; display: block; font-size: 16px; color:#3c82b9; }
.nav .text.curr a { color:#3c82b9; font-weight: bold; }
.nav .text > .la { z-index: 99999; position: absolute; top:55px; left:50%; margin-left: -50px; width: 100px; height:auto; display: none; }
.nav .text > .la > ul > li { background: rgba(0,0,0,0.8); }
.nav .text > .la > ul > li a { color:#fff; font-size: 14px; display: block; padding:15px 0px; text-align: center; }
.nav .text > .la > ul > li:hover { background: rgba(0,0,0,0.6); }

.sykui-menu{display:none;position:absolute;right:10px;top:11px}
.sykui-menu .rel{height:25px;width:30px;overflow:hidden}
.sykui-menu span,.sykui-menu .rel:after,.sykui-menu .rel:before{border-radius:20px;transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;display:block;position:absolute;content:"";display:block;height:3px;background:#0382c8;width:30px}
.sykui-menu span{top:50%;right:0px;margin-top:-1.5px;transition:0.1s;-ms-transition:0.1s;-moz-transition:0.1s;-webkit-transition:0.1s;-o-transition:0.1s}
.sykui-menu .rel:after{bottom:0px}
.sykui-menu .rel:before{top:0px}
.sykui-menu.exit-open{z-index:999999999}
.sykui-menu.exit-open span{right:-100%;transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s}
.sykui-menu.exit-open .rel:after{transition-delay:0.3s;bottom:11px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.sykui-menu.exit-open .rel:before{transition-delay:0.3s;top:11px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}

.headerlogo { transition: all 0.3s ease 0s; width:100%; padding:35px 0px; box-shadow: 0px 2px 10px rgba(0,0,0,0.13);  background: #fff; z-index: 999; }
.headerlogo.cur { transition: all 0.3s ease 0s; position: fixed; padding:15px 0px; top:0px; left:0px; }

.weixin { position: relative }
.weixin.cur .img {
	-webkit-transform-origin: center center;
	-webkit-transform: scale(1.0, 1.0);
	-moz-transform-origin: center center;
	-moz-transform: scale(1.0, 1.0);
	opacity: 1;
	visibility: visible;
}
.weixin .img {
	z-index: 99;
	-webkit-transform-origin: center center;
	-webkit-transform: scale(0.0, 0.0);
	-moz-transform-origin: center center;
	-moz-transform: scale(0.0, 0.0);
	visibility: hidden; opacity: 0; transition: all 0.3s ease 0s; position: absolute; width:150px; padding:10px; height:150px; top:30px; left:50%; margin-left: -80px; border-radius: 5px; background: #f4f4f4; box-shadow: 0px 0px 40px rgba(0,0,0,0.15); }
.weixin .img img { width:150px; height:150px; border-radius: 5px; }

.sear { border:1px solid #efefef; margin-top: 10px; float:right; width:230px; height:34px; background: #fff; border-radius: 20px; }
.sear input { line-height: 34px; height:34px; width:150px; float:left; padding:0px 15px; outline: none; background: none; border:none; font-size: 14px; color:#000; }
.sear i { float:right; margin-right: 15px; cursor: pointer; margin-top: 5px; color:#979EAA; font-size: 20px; }

/*banner大图*/
.banner .swiper-slide a { display: block; }
.banner .swiper-pagination-bullet {  width: 10px !important;  height: 10px !important;  opacity: 1 !important;  border: 1px solid #fff;  background: rgba(255, 255, 255, 0) !important;  }
.banner .swiper-pagination-bullet-active {  width: 10px !important;  height: 10px !important;  background: #fff !important;  opacity: 1 !important;  }

.about { position: relative; top:-10px; background:#fff; border-radius: 10px; box-shadow: 0px 0px 5px rgba(0,0,0,0.15); }
.about .name { font-size: 16px; color:#459FD5; }
.about .desc { margin-top: 10px; font-size: 14px; line-height: 30px; color:#919191; }
.about .more { position: absolute; right:60px; top:70px; width:120px; height:40px; line-height: 40px; text-align: center; border-radius: 5px; background: #459FD5; }
.about .more a { display: block; color:#fff; font-size: 14px; }
.about .more:hover { box-shadow: 0px 10px 5px rgba(0,0,0,0.15); }

.intit { margin-top: 70px; }
.intit .dd1 { width:100%; font-size: 32px; font-weight: bold; color:#52606E; }
.intit .dd2 { width:100%; font-size: 14px; color:#A4B0BC; margin-top: 10px; }
.intit .dd3 { width:450px; position: relative; border-top:1px solid #D9DEE3; height:5px; margin-top: 15px; }
.intit .dd3:after { content:""; position: absolute; width:100px; height:4px; top:0px; left:50%; margin-left: -50px; background:#515F6D; }
.intit.arintit .dd1 { font-size: 24px; color:#5C5C5C }
.intit.arintit .dd2 { font-size: 18px; color:#B1B1B1 }

.anli-prev{position:absolute;left:0; top:50%; margin-top: -32px; width:22px;height:71px;cursor:pointer;z-index:99999}
.anli-prev a{ opacity: 0.7; display:block;width:22px;height:71px;background:url(../images/resource-prev.png) left bottom no-repeat}
.anli-prev img { width:22px;height:71px; }
.anli-prev:hover a {opacity: 1; }

.anli-next{position:absolute;right:0; top:50%; margin-top: -32px; width:22px;height:71px;cursor:pointer;z-index:99999}
.anli-next a{ opacity: 0.7; display:block;width:22px;height:71px;background:url(../images/resource-next.png) right bottom no-repeat}
.anli-next img { width:22px; height:71px; }
.anli-next:hover a {opacity: 1; }

.agent .item { padding:10px 10px; }
.agent .pritem { height:150px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); }
.agent .pritem .img { width:100%; height:150px; }
.agent .pritem:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }
.agent.aragent { width:100%; }
.agent.aragent .item { margin-bottom: 20px; width:260px; }

.news .item { height:360px; margin-right: 20px; float:left; width:285px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); }
.news .item .img { width:100%; height:143px; }
.news .item .name { font-size: 16px; color:#4E6979; margin-top: 20px}
.news .item .desc { font-size: 14px; line-height: 30px; margin-top: 20px; color:#4E6979; }
.news .item .more { border-radius: 20px; margin-top: 20px; font-size: 20px; font-weight: bold; width:100px; height:30px; line-height: 30px; text-align: center; background: #F0F0F0; color:#707070; }
.news .item:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }
.news .item:hover .more { color:#fff; background: #449DD3; }
.news .item:nth-child(4n) { margin-right: 0px; }

.inmore { margin-top: 60px; width:200px; height:40px; line-height: 40px; text-align: center; font-size: 16px; color:#A4B0BC; border-radius: 20px; border:1px solid #C7C7C7; }
.inmore:hover { color:#fff; background: #428DC8; border:1px solid #459FD5; }


.footer { margin-top: 90px; background: #3C3C3C; padding:50px 0px; }
.footer ul { float:left; margin-right: 100px; }
.footer ul li.top { margin-bottom: 20px; position: relative; }
.footer ul li.top a { color:#fff; font-size: 16px; }
.footer ul li.top:after { content:""; position: absolute; left:-10px; width:2px;background: #449DD3; height:16px; top:2px; }
.footer ul li a { display: block; font-size: 14px; color:#909090; margin-top: 10px; }
.footer ul li:hover a { color:#fff; text-decoration: underline; }
.footer .ever { padding:5px; width:105px; height:105px; background: rgba(129,129,129, 0.8); border-radius: 5px; float:right; }
.footer .ever img { width:105px; height:105px; }
.footer .shjian { margin-top: 10px; }
.footer .shjian .dd1 { font-size: 30px; color:#758793; }
.footer .shjian .dd2 { font-size: 14px; margin-top: 10px; color:#758793; }

.footerb { text-align: center; font-size: 14px; color:#909090; background: #353535; padding:15px 0px; }

.mleft { width:18%; float:left; }
.mright { width:78%; float:right; }
.postion { padding-bottom: 20px; border-bottom: 1px solid #efefef; }
.postion em { font-size: 20px; color:#418BC6; }
.postion span { line-height: 30px; font-size: 14px; float:right; }
.postion span i { vertical-align: middle; font-size: 18px; color:#418BC6; margin-right: 5px; }
.postion a:hover { color:#418BC6; }

.arproduct .item { margin-top: 30px; float:left; width:32%; margin-right: 2%; }
.arproduct .item:nth-child(3n) { margin-right: 0px; }
.arproduct .item .pritem .img { border:1px solid #efefef; height:260px; background-size: auto 90% !important; }
.arproduct .item .pritem .name { font-size: 16px; margin-top: 15px; color:#5C5C5C; }
.arproduct .item .pritem .desc { max-height: 50px; overflow: hidden; font-size: 14px; line-height: 25px; margin-top: 10px; color:#A0A0A0; }
.arproduct .item:hover .pritem .img { border:1px solid #428DC8; }
.arproduct .item:hover .pritem .name { color:#428DC8; }

.arbanner { margin-bottom: 40px; }
.arbanner div { height:300px; background-size: cover !important; }

.cataname { padding:20px 0px; text-align: center; background: #428DC8; font-size: 24px; color:#fff; }
.catalist div.text { overflow: hidden; background: #f9f9f9; border-bottom: 1px solid #E2E2E2; height:60px; line-height: 60px; font-size: 14px; text-align: center; }
.catalist div.text a { display: block; color:#707070;}
.catalist div.text.cur a { font-weight: bold; color:#459FD5; }

.article-item-title { margin-top: 40px; text-align: center; font-size: 20px; color:#000; }
.article-item-his { font-size: 14px; margin-top: 10px; text-align: center; }

.arnewslist { margin-top: 30px; }
.arnewslist li { margin-top:20px; overflow: hidden; margin-bottom: 25px; height:160px;}
.arnewslist li .dd-dd1 { border:1px solid #efefef; box-sizing: border-box; float: left; width:23%; height:100%; background-size: auto 100% !important; }
.arnewslist li .dd-dd2 { position: relative; float: right; width:75%; height:100%; }
.arnewslist li .dd-dd2 .d-dd1 { max-height:46px; overflow: hidden; font-size: 16px; font-weight: bold; color:#515151; }
.arnewslist li .dd-dd2 .d-dd2 { line-height: 25px; margin-top: 10px; max-height:77px; overflow: hidden; font-size: 14px; color:#7f7f7f; }
.arnewslist li .dd-dd2 .d-dd3 { margin-top: 5px; font-size: 14px; color:#8b8b8b; }
.arnewslist li .dd-dd2 .d-dd3 em { margin-right: 15px; }
.arnewslist li .dd-dd2 .d-dd3 i { font-size: 14px; margin-right: 5px }
.arnewslist li .armore { border-radius: 10px; position: absolute; left:0px; bottom:0px; font-size: 14px; text-align: center; background: #E8E8E8; width:100px; padding:9px 10px;  }
.arnewslist li .armore a { color:#606060; }
.arnewslist li:hover .d-dd1 { color: #459FD5; }
.arnewslist li:hover .armore { background: #FF6F6F; }
.arnewslist li:hover .armore a { color:#fff; }


.innewslist { padding-bottom: 60px; background: url(../images/1.png) no-repeat center; margin-top: 100px; }
.innewslist .list { margin-top: 10px; }
.innewslist .list li { transition: all 0.3s ease 0s; border-radius: 10px; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); background: #fff; width:27%; height:269px; padding:0px 2%; margin:0px 1%; margin-top: 35px; float:left; }
.innewslist .list li .img { margin-top: 25px; width:100%; height:190px; }
.innewslist .list li .name { height:21px; overflow: hidden; font-size: 16px; color:#6C6C6C; margin-top: 10px; }
.innewslist .list li:hover { transition: all 0.3s ease 0s; box-shadow: 0px 10px 20px rgba(0,0,0,0.15); }
.innewslist .list li:hover .name { color:#428DC8; }

.kepulist { margin-top: 30px; }
.kepulist .item { float:left; width:32%; margin-right: 2%; }
.kepulist .item:nth-child(3n) { margin-right: 0px; }
.kepulist .item .img { width:100%; height:135px; }
.kepulist .item .name { font-size: 24px; color:#fff; padding:0px 20px; padding-top: 90px; }
.kepulist .item li a { height:20px; overflow: hidden; font-size: 14px; color:#7C7C7C; display: block; padding-left: 20px; position: relative; margin-top: 15px; }
.kepulist .item li a:after { content:""; position: absolute; left:0px; top:6px; width:7px; height:7px; background: #515F6D; border-radius: 50%; }
.kepulist .item li a:hover { color:#428DC8; text-decoration: underline; }

.inprodcut { padding:72px 0px; margin-top: 120px; background: #F2F6F7; }
.inprodcut .list { margin-top: 10px; }
.inprodcut .list li { margin-top: 20px; border:1px solid #efefef; box-sizing: border-box; background: #fff; float:left; width:30%; height:195px; margin-right: 5%; }
.inprodcut .list li:nth-child(3n) { margin-right: 0px; }
.inprodcut .list li .img { margin-right: 20px; float:left; width:45%; height:100%; }
.inprodcut .list li .name { max-height: 42px; overflow: hidden; padding-right: 10px; margin-top: 20px; font-size: 16px; color:#000; }
.inprodcut .list li .desc { max-height: 100px; overflow: hidden; padding-right: 10px; font-size: 14px; line-height: 25px; margin-top: 10px; color:#666; }
.inprodcut .list li:hover { border:1px solid #dedede; }

.arindex li { line-height: 50px; height:50px; margin-top: 10px; border-bottom: 1px dashed #F0F0F0; font-size: 16px; color:#5C5C5C; }
.arindex li .name { font-size: 16px; color:#5C5C5C; float:left; }
.arindex li .time { font-size: 12px; color:#A7A7A7; float:right; }
.arindex li:hover .name { color:#428DC8; text-decoration: underline;  }

.ardesc { padding:15px; margin-top: 20px; background: #f8f8f8; border:1px solid #efefef; font-size: 14px; line-height: 30px; }

.frm{}
.frm td{padding-bottom:15px}
.frm td.tdleft{ text-align: right; font-size:14px}
.frm td.tdright{font-size:14px}
.frm td.tdright em.red{color:#ff0000;font-weight:bold;padding-left:10px}
.frm td.tdright em.bak{color:#666;padding-left:5px}
.ipt{font-size:14px;color:#666;padding:8px;border:1px #ccc solid}
.textbox{font-size:14px;color:#666;padding:8px;line-height:2;border:1px #ccc solid}
.codeimg{cursor:pointer}
.btn{font-size:16px;color:#fff;border:0;padding:8px 50px;background:#478def}



@media(max-width:1200px){
	.nav ul.colum { margin-right: 30px; }
	.nav .text > a { padding:0px 8px; }

	.weixin .img { left:-20px; }
}

@media(max-width:1000px) {
	.footer ul { margin-right: 5%; }
}

@media(max-width:768px) {
	.sear { display: none; }
	.nav .text,
	.nav ul.colum { float:none; }

	.sykui-menu { display: block; }

	.nav { visibility: hidden; opacity: 0; transition: all 0.3s ease 0s; z-index: 99999; position: absolute; right:0px; top:40px; width:50%; height:auto; background: rgba(255,255,255,0.95); box-shadow: 2px 0px 10px rgba(0,0,0,0.23); }
	.nav ul.colum { margin-right: 0px; }
	.nav .text > a { color:#666; padding:0px 20px; border-bottom: 1px solid #efefef; }
	.nav .text > .la { display:none !important; width:80%; left:10%; margin-left: 0px; }
	.nav.open { visibility: visible; top:50px; opacity: 1; transition: all 0.3s ease 0s; }

	.headerlogo { padding:20px 0px;  }
	.headerlogo .logo { height:40px; }

	.arproduct .item { width:48%; margin-left:1%; margin-right: 1% !important; }

	.inprodcut .list li { width:48%; margin-left:1%; margin-right: 1% !important; }

	.arnewslist li .dd-dd1 { width:40%; }
	.arnewslist li .dd-dd2 { width:55%; }
}

@media(max-width:640px) {
	.innewslist,
	.inprodcut { margin-top: 30px; }

	.postion span,
	.cataname,
	.mypage #pdis,
	.frm td.tdright em { display: none; }

	.mleft,
	.mright { float:none; width:100%; }

	.intit { margin-top:40px; }
	.intit .dd1 { font-size: 20px; }
	.intit .dd2 { font-size: 14px; }
	.intit .dd3 { width:90%; }

	.agent .item { padding:10px 2px; }

	.inmore { margin-top: 40px; width:160px; height:35px; line-height: 35px; font-size: 16px; }

	.innewslist .list li { width:44%; height:195px; }
	.innewslist .list li .img { margin-top: 15px; height:125px; }
	.kepulist .item { margin-right: 0px; width:100%; margin-bottom: 30px; }

	.inprodcut { padding: 20px 0px; }

	.footer { margin-top: 50px; padding:20px 0px; }
	.footer ul { width:23%; height:222px; margin:0px 1%; }
	.footer .ever { margin-top: 20px; }

	.arbanner div { height:180px; }

	.postion { padding-bottom: 10px; }
	.postion em { font-size: 16px; }

	.catalist { margin-bottom: 20px; }
	.catalist div.text { float:left; width:23%; margin:5px 1%; height:45px; line-height: 45px; }

	.arproduct .item .pritem .img { background-size: cover !important; height:140px; }

	.inprodcut .list li { width:98%; height:145px; }

	.textbox { width:260px; }
}