@charset "utf-8";
/* by Magiee 20160719 */
html { }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body { font-size: 12px; background: #fff; color: #333; font-family: microsoft yahei;}
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 全局 */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }
.wrapper{ max-width:1200px; margin:0 auto;}

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }


.bannerslide { height:640px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.paginationw { position: absolute; left: 0; z-index: 999; text-align: center; bottom:10px; width: 100%; }
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #fff;}
.bannerslide .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }
.bannerslide .arrow-right { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }

/* Scroll Top
-------------------------------------------------------------- */
#scroll-top { color:#fff;font-size:16px;position: fixed !important; right: 25px; bottom: 50px; display: block; line-height: 20px; text-align: center; width: 85px; height: 50px; visibility: hidden; opacity: 0; z-index: 9999; cursor: pointer; overflow: hidden; }
/*#scroll-top:after { content: "\f106"; font-family: "FontAwesome"; color: #fff; font-size: 20px; position: absolute; left: 0; top: 0; width: 100%; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; }*/
#scroll-top:before { border-radius: 3px; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #c20313; z-index: -1; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; }
#scroll-top:hover:before { background-color: #585252; }
#scroll-top:hover:after { color: #fff; }
#scroll-top.show { bottom: 18px; filter: alpha(opacity=100); opacity: 1; visibility: visible; }


/*top*/
.top{ border-top:6px solid #336491;}
.topbar{ line-height:40px; background:#f1f1f1;}
.topbar .tip{ float:left; color:#888;}
.topbar .tip span{ color:#2172bd; font-weight:bold;}
.topbar .link{ float:right;}
.topbar .link .split{ color:#ddd; margin:0 10px;}
.topbar .link a{ color:#888;}
.header{ line-height:86px; background:#fff;}
.header .logo{ float:left; padding:22px 0;}
.header .nav{ float:right;}
.header .nav li{ float:left; font-size:15px; font-weight:bold; padding-left:40px;}
.header .nav li a{ color:#666;}
.header .nav li a:hover{ color:#F00; text-decoration:none;}

.homebox1{ background:#1c4680; line-height:86px;}
.homebox1 .txt{ float:left; color:#fff; font-size:13px;}
.homebox1 .btn{ float:right;}
.homebox1 .btn .zx{ border:1px solid #fff; padding:15px 38px; border-radius:10px;}
.homebox1 .btn .more{ background:#2172bd; padding:16px 38px; border-radius:10px;}
.homebox1 .btn a{ color:#fff; margin-left:15px;}

/*首页公司简介*/
.homeabo{ background:#fff; margin-top:40px;}
.title{ border-bottom:1px solid #e8e8e8; margin-bottom:30px; line-height:46px;}
.biaoti{ float:left; color:#1c4680; font-size:14px;}
.biaoti span{ font-size:18px; border-bottom:2px solid #1c4680; padding-bottom:12px;}
.title .jj{ float:right; border-left:1px solid #e8e8e8; padding-left:33px; color:#888;}
.homeabo .about{ margin-bottom:40px;}
.about .txt{ float:left; background:url(../images/about.png) no-repeat left center; width:37%; padding:43px 0 43px 211px; background-size:100%;}
.about .txt h3{ font-size:20px; color:#1c4680; padding-bottom:25px;}
.about .txt p{ font-size:14px; color:#777; width:400px;}
.about .txt a{ display:block; color:#be0000; font-size:14px; padding-top:25px;}
.about .diy{ float:right;}
.about .diy img{ width:100%;}

/*首页产品展示*/
.homepro{ background:#f6f6f6; padding-top:50px;}
.homepro .tit{ padding-bottom:40px;}
.homepro .tit .prolist{ float:right;}
.homepro .tit .prolist li{ float:left; margin-left:9px; border:1px solid #1c4680; padding:10px 20px;}
.homepro .tit .prolist a{ color:#1c4680; font-size:13px;}
.homepro .item{ padding-bottom:40px;}
.homepro .item li{ float:left; width:23.6%; margin-right:20px; margin-bottom:22px;}
.homepro .item li:nth-child(4n){ margin-right:0;}
.homepro .item li a:hover{ text-decoration:none;}
.homepro .item li .img img{ display:block; width:100%;}
.homepro .item li .box{ background:#fff; border-bottom:1px solid #dbdbdb; padding:26px 20px;}
.homepro .item li .name{ color:#555; font-size:13px; font-weight:bold; padding-bottom:20px;}
.homepro .item li .more{ color:#f38347; font-size:13px; float:right;}
.homepro .item li a:hover .name span:hover{ color:#F00;}


/*首页新闻动态*/
.homenews{ margin-top:45px;}
.top3{ margin-bottom:40px;}
.top3 ul li{ float:left; background:url(../images/fgx.png) no-repeat right; width:30%; padding-right:30px; padding-left:30px;}
.top3 ul li:first-child{ padding-left:0;}
.top3 ul li:last-child{ padding-right:0; background:none;}
.top3 .sort{ font-size:13px; color:#666; margin-bottom:16px;}
.top3 .headlines{ margin-bottom:22px;}
.top3 .headlines a{ font-size:16px; color:#1c4680;}
.top3 .headlines a:hover{ color:#F00; text-decoration:none;}
.top3 .abstract{ font-size:13px; color:#666; margin-bottom:36px;}
.top3 .data{ font-size:12px; color:#888; float:right;}
.newlist{ margin-bottom:56px;}
.newlist li{ float:left; width:30%; padding-right:60px;}
.newlist li:last-child{ padding-right:0;}
.newlist .list{ line-height:1.5;}
.newlist .list a{ font-size:13px; color:#666;}
.newlist .list span{ font-size:12px; color:#666; float:right;}

/*首页三大优势*/
.homeyous{ background:url(../images/ysbg.jpg) no-repeat center center;}
.homeyous .ys1{ padding-top:43px; padding-bottom:46px;}
.homeyous .ys1 .xx{ float:left; width:46.7%;}
.homeyous .ys1 .xx img{ width:100%;}
.homeyous .ys1 .box1{ float:right; width:43%; padding-top:43px;}

.homeyous .ys2{ padding-top:43px; padding-bottom:46px;}
.homeyous .ys2 .xx{ float:right; width:46.7%;}
.homeyous .ys2 .xx img{ width:100%;}
.homeyous .ys2 .box1{ float:left; width:42%; padding-top:43px; padding-left:84px;}

.box1 h2{ font-size:24px; color:#1c4680; margin-bottom:40px;}
.box1 p{ font-size:15px; color:#666; margin-bottom:50px;}
.box1 a{ color:#fff; background:#f38347; padding:15px 30px;}

/*首页底部*/
.footer{ background:#143366;}
.footer .footbar{ padding-top:60px; padding-bottom:90px;}
.footer .liulan{ float:left;}
.footer .liulan p{ color:#fff; font-size:13px;}

.footer .search{ 
	float:right;
	border:1px solid #6a7993;
	margin:26px 0;
	padding:4px;
	background:url(../images/searccc.png) no-repeat 10px;
}
.footer .search input{ 
	height:35px; 
	width:180px; 
	float:left;
	border:none;
	padding-left:26px;
	font-size:12px;
	color:#e6e6e6;
	background:none;
}
.footer .search button{ 
	padding:10px 16px; 
	background:#306af3;
	border:none; 
	float:left; 
	cursor:pointer;
	color:#fff;
}

.footnav{ float:right; color:#e6e6e6; font-size:14px;}
.footnav a{ color:#e6e6e6;}
.footnav dl{ float:left; padding-right:80px;}
.footnav dt{ padding-bottom:30px;}
.footnav dd{ line-height:1.5;}
.footnav dl:last-child{ float:right;}
.footga{ padding-bottom:24px;}
.footga .ga{ float:left; background:#39588c; padding:14px 34px;}
.footga .ga a{ color:#e6e6e6;}
.footga .gb{ float:right; line-height:48px;}
.footga .gb a{ float:left; color:#e6e6e6; padding-left:20px;}

.foot{ background:#143366; border-top:1px solid #24457a; color:#e6e6e6; font-size:13px; line-height:1.5; padding:40px 0;}
.foot .fenxiang{ float:right; line-height:41px;}
.foot .fenxiang a{ float:right; padding:0 5px; width:41px; height:41px;}
.bds_tsina { background: url(../images/xinl.png) no-repeat 0 0; }
.bds_weixin { background: url(../images/wechat.png) no-repeat 0 0; }
.bds_sqq{ background: url(../images/qq.png) no-repeat 0 0;}

/*内页*/
.side{margin:30px auto;}
.sdul{position:relative}
.sdul li{ width:128px; text-align:center;}
.sdul li:nth-child(4) ul li{display:none}
.sdul li:nth-child(4) span.sub{display:none}
.sdul > li{ float: left; margin-right:8px;}
.sdul li h3{height: 36px; line-height: 36px;color:#fff;font-size:14px;border-radius:3px;}
.sdul li h3 a{color:#fff;display:block}
.sdul > li > h3{ background: #1f2229;font-size:14px;}
.sdul > li > ul > li{ background: #e1e1e1;line-height:36px;border-bottom:1px dashed #fff;line-height:36px;height:36px}
.sdul > li > ul > li a{color:#333}
.sdul > li > ul > li:hover{background:#0e74c4}
.sdul > li > ul > li:hover a{color:#fff}
.sdul > li h3:hover,.choice{ background: #d72424!important;}
.sdul > li > ul{ display: none;position:absolute;top:36px;z-index:999}
.sdul > li.on > ul{ display: block;}
.sdul li{ position: relative;}
.sdul > li > ul > li ul{ position:  absolute; top: 0; right: -200px;}
.sdul span.sub{ position: absolute; display: block; right:10px; top: 0; width: 10px; height:36px; background: url(../images/arrows1.png) no-repeat center center;}
.position{float:right; background:url(../images/shouye_05.jpg) no-repeat 10px center #fff;font:normal 12px/36px "微软雅黑"; padding:0px 15px 0px 30px;border-radius:20px;box-shadow:0px 0px 10px #d2d2d2;}
.position a{color:#999;}

.main { margin-bottom:50px;}
.mainbox { background: #fff; border: 0 solid #dedede; padding: 40px 64px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }
.mainbox .bd { font-size: 16px; line-height: 30px; color: #333; word-wrap: break-word; }
.mainbox .bd img { max-width: 100%; }
.mainbox .bd p { margin-bottom: 20px; }
.mainbox .bd h1{ display:block; text-align:center; margin-bottom:20px; font-weight:normal; font-size:26px;}

.newslist { }
.newslist .item { width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; background: #fff; padding: 30px; }
.newslist .item:nth-child(2n) { margin-right: 0; }
.newslist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.newslist .item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; }
.newslist .item .time .split { margin: 0 10px; color: #ccc; }
.newslist .item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; }
.newslist .item .name a { color: #111; }
.newslist .item .name a:hover { color: #ea0000; }
.newslist .item .text { color: #777; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 16px; }
.newslist .item .link { overflow: hidden; margin-bottom: -12px; }
.newslist .item .link a { width: 24px; height: 24px; display: block; background: url(../images/hb01img01.png) no-repeat center; float: left; }
.newslist .item .link a.l02 { float: right; background-image: url(../images/hb01img02.png); }

.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px; font-family: microsoft yahei; }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.main .con .yanzhengma { display: inline; }
.messagebtn.btnon { background: #2172bd; }

.prolist .item{ padding-bottom:40px;}
.prolist .item li{ float:left; width:23.6%; margin-right:20px; margin-bottom:22px; -webkit-transition: all .4s; transition: all .4s;}
.prolist .item li:nth-child(4n){ margin-right:0;}
.prolist .item li a:hover{ text-decoration:none;}
.prolist .item li .img img{ display:block; width:100%;}
.prolist .item li .box{ background:#fff; border-bottom:1px solid #dbdbdb; padding:26px 20px;}
.prolist .item li .name{ color:#555; font-size:13px; font-weight:bold; padding-bottom:20px;}
.prolist .item li .more{ color:#f38347; font-size:13px; float:right;}
.prolist .item li a:hover .name span:hover{ color:#F00;}
.prolist .item li:hover{ -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}



@media (max-width: 1140px){
	.about .diy{ float:right; width:44%;}
	.top3 ul li{ width:29%;}
	.newlist li{ padding-right:43px;}
}

@media (max-width: 760px){
	.wrapper{ width:100%; box-sizing:border-box;}
	.topbar .link{ display:none;}
	.header .nav{ float:left; overflow:hidden; height:auto; text-align:center; background:#1c4680;}
	.header .nav li{ padding-left:0; display:block; width:25%; padding:10px 0; line-height:normal;}
	.header .nav li a{ color:#fff;}
	.homebox1 .txt{ line-height:2; padding-top:10px;}
	.homebox1 .btn{ float:none; text-align:center;}
	.title .jj{ display:none;}
	.about .txt{ width:100%; padding:10px 10px 10px 10px; background:none;}
	.about .diy{ width:100%; float:left;}
	.homepro .tit .prolist{ float:left; padding-top:30px;}
	.homepro .item li{ width:48%; margin:1%;}
	.homepro .tit{ padding-bottom:20px;}
	.top3 ul li{ width:100%; padding:0; background:none;}
	.newlist{ display:none;}
	.homeyous .ys1 .xx,.homeyous .ys2 .xx{ width:100%;}
	.homeyous .ys1 .box1{ width:100%;}
	.homeyous .ys2 .box1{ width:100%; padding-left:0;}
	.homeyous{ background:none;}
	.footer,.foot .fenxiang{ display:none;}
	.foot{ text-align:center;}
	.bannerslide{ height:200px;}
	.homebox1 .btn .zx{ padding:10px 30px;}
	.homebox1 .btn .more{ padding:11px 31px;}
	.position{ display:none;}
	.mainbox{ padding:20px;}
	.sdul li{ margin:1%;}
	.newslist .item{ width:100%;}
	.prolist .item li{ width:48%; margin:1%;}
	.main{ padding:0 10px;}
	.sdul{ text-align:center;}
	.homepro .tit .prolist li{ margin:1%;}
}