@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
body{ font-size:"微软雅黑"; overflow-x:hidden;}
a{ text-decoration:none;}
.wrap{ max-width:1200px; margin:0 auto;}
.logo{ display:none;}
.top{ width:100%; height:33px;}
.top-left{ display:inline-block; line-height:33px; font-size:12px; color:#2f2e2e;}
.top-right{ float:right; font-size:12px; color:#2f2e2e; line-height:33px;}
.top-right a{ display:inline-block; font-size:12px; margin:0 8px; color:#2f2e2e; line-height:33px;}
/*顶部*/

.header{ width:100%; height:118px; background:#3192d0; border-bottom:1px #9bc4ff solid;}
.Logo{ float:left; margin:22px 0 0 0; padding-right:35px; border-right:1px #fff solid; box-shadow:1px 0 0 #115b8b; }
.tel{ float:left; margin:29px 0 0 40px;}
.search{ float:right; position:relative; margin:30px 0 0 0;}
.search input{ width:296px; height:36px; background:#fff; padding:0 57px 0 10px; border:none;}
.search button{ background:url(../images/search.png); width:47px; height:36px; position:absolute; right:0; top:0; border:none; outline:none;}
.se{ width:100%; margin-top:5px; margin-bottom:0;}
.se li{ color:#fff; font-size:12px; line-height:24px; display:inline-block; margin-right:8px;}
.se li:hover{ text-decoration:underline !important;}
/*header.logo部分*/

.banner{ width:100%; height:490px;}
.aa .swiper-pagination-bullet{ width:15px; height:4px; background:#fff; opacity:1; border-radius:2px;}
.aa .swiper-pagination-bullet-active{ background:#3192d0;}
/*pc端轮播大图的显示高度和大图下面的分页按钮的颜色属性*/

.nav{ width:100%; height:39px; z-index:10; border-top:1px #0059dc solid; box-sizing:border-box; background:#1d7bb7;}
.cp_1{ width:200px; display:inline-block; line-height:38px; color:#fff; text-align:center; font-size:14px; background:#10659c; cursor:pointer;}
.cp_2{ z-index:12; position:relative; width:100%; margin:0 !important; display:none;}
.cp_1:hover .cp_2{ display:block;}
.cp_2 li{ width:100%; background:#efefef; padding:6px 12px; position:relative; border-bottom:1px #fff solid;}
.cp_2 li:hover{ background:#e6e6e6;}
.xy{ position:absolute; top:16px; right:20px;}
.cp{ width:100%; text-align:left;}
.cp span{ display:inline-block; font-size:14px; line-height:50px; color:#232323; width:100%; margin-bottom:-11px; text-align:left;}
.cp li{ display:inline-block; width:auto; padding:0; font-size:12px; color:#232323; line-height:24px; margin-top:-10px; margin-right:3px; margin-bottom:1px #fff solid; background:none; border:none;}
.cp li:hover{ text-decoration:underline !important;}
.cp3{ padding:32px; background:#fff; position:absolute; top:0; left:200px; z-index:13; min-width:623px; display:none;}
.cp_2 li:hover .cp3{ display:block !important;}
.cpli{ width:100%;}
.cpli li{ width:100%; margin:15px 0; background:none; line-height:24px; padding:0;}
.cpli li:hover{ background:#fff;}
.cpli1{ display:block; overflow:auto;}
.cpli1 span{ float:left; color:#ff0000; font-size:14px; line-height:25px; font-weight:bold; display:inline-block; width:122px; text-align:left;}
.cpli1 li{ display:inline-block;  margin:4px 0; float:left; padding:0 8px; border-right:1px #2a2a2a solid; width:auto; line-height:16px; }
.cpli1 li a{color:#2a2a2a;  font-size:12px;}
.cpli1 li:last-child{ border:none;}
.cpli1 li:hover a{ text-decoration:underline !important;}

.nul{ margin-bottom:0; width: calc(100% - 200px); float:right; height:38px;}
.nli{float:left;width:12.5%; line-height:38px; text-align:center; position:relative;}
.nli:hover{ background:none;}
.nli a{color:#fff;text-decoration:none;line-height:38px;display:block;width:100%; font-size:14px; transition:all 0.3s;}
.nli a:hover{ color:#fff; background:#10659c;}
.nli ul{display:none; width:100%; position:absolute; z-index:2;}
.nli li{border-top:1px solid #d2d2d2;background:#03a5e6;width:100%;}
.nli li:hover{ background:#10659c;}
.nli li a{ line-height:35px; font-size:14px;}
/*头部导航*/

.gywm{ width:100%; padding:38px 0; overflow:auto;}
.gywm-left{ width:200px; border:1px #ccc solid; box-sizing:border-box; float:left; padding:11px;}
.gytit{ text-align:center; font-size:20px; font-weight:bold; line-height:26px; color:#3192d0; margin-bottom:8px;}
.gytit img{ margin:0 10px 0 0;}
.gytxt{ font-size:12px; line-height:24px; color:#000;}
.gytxt a{ font-size:12px; line-height:24px; color:#77bb00;}
.gywm-right{ float:right; width: calc(100% - 220px);}
.xk{ width:100%; overflow:auto; margin-bottom:20px; border-bottom:3px #3192d0 solid;}
.xk li{ width:19%; float:left; margin:0 3%; text-align:center; font-size:18px; line-height:54px; color:#666; cursor:pointer;}
.xt{ display:inline-block; margin:0 8px -5px 0;}
.xt2{ display:none;}
.xt1{ display:block;}
.xk li:hover{ background:#3192d0; color:#fff;}
.xk li:hover .xt1{ display:none;}
.xk li:hover .xt2{ display:block;}
.cur{ background:#3192d0; color:#fff !important;}
.cur .xt1{ display:none;}
.cur .xt2{ display:block;}
.zqctn{ width:100%; overflow:hidden; display:none;}
.zqshow{ display:block; width:100%; overflow:hidden;}
.zq{ width:100%; border:1px #ccc solid; box-sizing:border-box; padding:13px 0;}
.zqimg{ overflow:hidden; width:100%; position:relative;}
.zqimg1{ padding-top:100%;}
.zqimg img{ transition:all 0.5s;}
.zq:hover .zqimg img{ transform:scale(1.05);}
.zqtit{ width:96%; margin:0 auto; text-align:center; font-size:12px; line-height:24px; color:#1b1b1b; height:24px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.zqtel{ width:96%; margin:0 auto; text-align:center; font-size:14px; line-height:24px; color:#ff0000; height:24px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
/*关于我们*/

.ctn{ width:100%; overflow:auto; padding:25px 0;}
.ctntop{ width:100%; position:relative; height:45px; margin-bottom:25px; padding:0 0 0 310px;}
.ctntit{ position:absolute; left:0; top:-6px; background:url(../images/titbg.png) no-repeat; background-size:100% 100%; width:296px; line-height:45px; font-size:20px; text-align:center; color:#000;}
.es{ display:inline-block;}
.es span{ display:inline-block; line-height:45px; color:#fff;}
.es li{ display:inline-block;}
.es li a{ display:inline-block; color:#fff; margin-right:5px;}
.es li a:hover{ color:#fff; text-decoration:underline !important;}
.more{ font-size:12px; line-height:20px; float:right; padding:0 5px; border-radius:10px; background:#fff; margin:12px 15px 0 0;}
.ctn-left{ width:310px; float:left; padding:10px 0 0 10px;}
.cl{ width:100%;}
.climg{ width:100%; overflow:hidden;}
.climg1{ transition:all 0.5s;}
.climg:hover .climg1{ transform:scale(1.05);}
.climg2{ padding-top:96.026%;}
.ctn-right{ width: calc(100% - 330px); float:right; overflow:hidden;}
.cp1{ width:100%; border:1px #ccc solid; box-sizing:border-box; overflow:auto; position:relative;}
.cpnr{ margin:10px 0 0 10px; position:absolute; z-index:1;}
.cptit{ font-size:12px; line-height:24px; color:#1b1b1b;}
.cpxh{ font-size:12px; line-height:20px; color:#1b1b1b;}
.cpyj{ font-size:12px; line-height:18px; margin:5px 0; color:#6f6f6f; text-decoration:line-through !important;}
.cpxj{ font-size:18px; line-height:18px; color:#ff0000;}
.cpimg{ width:88%; float:right; overflow:hidden; position:relative; top:-100%; z-index:0;}
.cpimg img{ transition:all 0.5s;}
.cp1:hover .cpimg img{ transform:scale(1.05);}
.cpimg1{ padding-top:77.68%;}
/*产品*/

.yqlj{ width:100%; overflow:auto; padding:25px 0; background:#1d7bb7;}
.linktit{ font-size:20px; line-height:24px; color:#fff; font-weight:bold; float:left;}
.link1{ float:left; margin-left:15px;}
.link1 li{ font-size:14px; line-height:16px;  display:inline-block;}
.link1 li a{ display:inline-block; font-size:14px; line-height:16px; margin:4px 0 0 0; padding:0 10px; color:#fff; border-right:1px #fff solid;}
.link1 li a:hover{ color:#fff; text-decoration:underline !important;}
.link1 li:last-child a{ border:none;}
/*友情链接*/

.footer{ width:100%; overflow:auto; padding:20px 0; background:#3192d0;}
.ft{ width: calc(100% - 290px); float:left; overflow:auto;}
.ft1{ width:20%; float:left; text-align:center;}
.ft1 ul{ display:inline-block;}
.ft1 ul span{ color:#fff; font-size:16px; margin-bottom:10px; display:inline-block; text-align:left;}
.ft1 ul li{ text-align:left; font-size:14px; line-height:30px; color:#fff;}
.ft1 ul li:hover{ color:#fff; text-decoration:underline !important;}
.foot-right{ width:280px; float:left; overflow:auto;}
.fr1{ width:100%;}
.fr1 img{ width:100%; margin-bottom:10px;}
.fr2{ width:100%;}
.fr2 img{ width:100%; margin-top:10px;}
/*页脚*/

.copyright{ background:#f7f7f7; padding:17px 0; font-size:12px; line-height:24px; color:#171717; text-align:center;}
/*版权信息*/

.content{ width:100%; overflow:auto; padding:25px 0;}
.content-left{ width:21%; float:left;}
.cltit{ width:100%; background:url(../images/cltit1.jpg) no-repeat; background-size:100% 100%; line-height:66px; font-size:20px; color:#fff; text-align:center; cursor:pointer; margin-top:12px;}
.cltit:hover{ background:url(../images/cltit2.jpg) no-repeat; background-size:100% 100%;}
.accordion{ display:none;}
.cltitx{ display:none;}
.clb{ margin-top:25px;}
.clb .cltit{ background:url(../images/cltit2.jpg) no-repeat; background-size:100% 100%;}
.clb img{ width:100%; margin:10px 0;}
.clb1{ font-size:14px; line-height:28px; color:#000;}
.content-right{ width:77%; float:right;}
.crt{ width:100%; margin-bottom:20px; line-height:47px; border-bottom:3px #3192d0 solid; margin-top:15px;}
.crt b{ display:inline-block; margin-right:8px; color:#3192d0;}
.crt span{ color:#3192d0;}
.crb{ width:100%; overflow:hidden;}
.goodslist{ width:25%; float:left; padding:0 10px 20px 10px;}
.goods{ width:100%; border:#ccc 1px solid; box-sizing:border-box; transition:all 0.5s;}
.goods:hover{ border-color:#3192d0;}
.goodsimg{ width:100%; overflow:hidden;}
.goodsimg1{ transition:all 0.5s;}
.goods:hover .goodsimg1{ transform:scale(1.05);}
.goodsimg2{ padding-top:102.0408%;}
.goodssj{ font-size:24px; line-height:24px; color:#ff0000; width:100%; text-align:center;}
.goodssj span{ display:inline-block; text-decoration:line-through !important; font-size:12px; color:#1b1b1b; margin-left:5px;}
.goodsjs{ width:100%; line-height:24px; color:#1b1b1b; font-size:12px; text-align:center; height:24px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-bottom:10px;}

.pd{ width:100%; text-align:center;}
.pd1{ font-size:16px; line-height:26px; color:#333;}
.pd img{ margin:10px 0; max-width:100%;}
.pd2{ font-size:14px; line-height:24px; color:#666; text-align:left;}


.hr{ width:30px; height:2px; background:#3192d0; transition:all 0.5s;}
.ntimg{ width:186px; float:left; margin-right:10px; overflow:hidden; z-index:1;}
.ntimg1{ transition:all 0.8s;}
.xwr{ float:right; width: calc(100% - 196px);}
.xwlist{ width:100%; height:100%; overflow:auto; padding:10px; background:#fff; transition:all 0.5s;}
.xwlist:hover{ background:#f0f0f0;}
.xwlist:hover .ntimg1{ transform:scale(1.05);}
.xwlist:hover .xq{ color:#9a0000;}
.xwlist:hover .hr{ width:80%;}
.ntimg2{ padding-top:66%;}
.xwtit{ line-height:44px; color:#3192d0; font-weight:bold; font-size:16px;}
.xwtxt{ font-size:14px; line-height:24px; color:#333; height:72px; overflow:hidden; margin-top:5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
@media screen and (max-width: 1200px){
.wrap{ max-width:96%; margin:0 auto;}
.tel{ display:none;}
.Logo{ border:none; box-shadow:none;}
	}
	

@media screen and (max-width: 991px){
.nav{ display:none;}
.header{ position:relative;}

.icon-menu{ display:block;  cursor:pointer; width:35px; height:26px; background:url(../images/nav.png) no-repeat center center; position:absolute;right:3%;top:50%; margin-top:-13px;}
.sjdnav{ width:140px; height:auto; position:absolute; top:100%;z-index:3;background:rgba(49, 146, 208, 0.72); right:3%;}
.sjdnav ul{ padding:0; margin:0;}
.sjdnav li{ height:45px;text-align:center; margin:0; padding:0; border-bottom:1px solid #fff; display:block !important;  padding:0 !important;}
.sjdnav li a{display:block;line-height:44px; font-family:'Microsoft YaHei'; font-size:14px; color:#fff;}
.sjdnav li a:hover{background:rgba(49, 146, 208, 0.82); line-height:44px;}
.sjdnavhide{ height:0; overflow:hidden;}
.logo{display:block;}

.search{ display:none;}
.Logo{ float:none; margin:12px 0; display:inline-block;}
.Logo img{ height:60px;}
.header{ height:auto;}
.banner{ height:328px;}
.xk li{ width:25%; margin:0; font-size:16px;}
.es{ display:none;}
.yqlj{ display:none;}
.foot-right{ width:100%; float:none; margin-top:15px;}
.ft{ width:100%; float:none;}
.fr1{ width:48%; float:left; text-align:center;}
.fr2{ width:48%; float:right; text-align:center;}
.fr1 img{ width:auto; max-width:100%;}
.fr2 img{ width:auto; max-width:100%;}
.goodslist{ width:33.3%; float:left; padding:0 8px 16px 8px;}
	}
	
@media screen and (max-width: 767px){
.banner{ width:100%; height:168px;}
.Logo img{ height:40px;}
.top{ display:none;}
.gywm-left{ width:100%; margin-bottom:15px;}
.gywm-right{ width:100%; float:none; margin-top:15px;}
.xk li{ font-size:12px;}
.xt{ margin:0 4px 0 -5px 0;}
.ctntit{ width:240px;}
.ctn-left{ width:100%; float:none;}
.ctn-right{ width:100%; margin-top:15px; float:none;}
.ctn{ margin:15px 0;}
.gywm{ padding:20px 0;}
.copyright{ padding:12px 0; margin-bottom:58px;}
.cptit{ line-height:22px;}
.cpyj{ line-height:24px; margin:0;}
.cpimg1{ padding-top:79.68%;}
.ft{ display:none;}
.footer{ padding:12px 0;}
.content{ padding:25px 0;}
.content-left{ width:100%; float:none;}
.cltit{ line-height:40px; margin-top:10px;}
.cltitx{ display:block; width:100%; line-height:50px; font-size:20px; text-align:center; color:#fff; font-weight:bold; background:#2685c2;}
.cltit{ background:#ff960d;}
.cltit:hover{ background:#3192d0;}
.sc{ display:none;}
.clb{ display:none;}
.content-right{ width:100%; float:none;}
.crt{ line-height:40px;}
.goodslist{ width:50%; float:left; padding:0 5px 10px 5px;}
.ntimg{ width:138px;}
.xwr{ width:calc(100% - 150px);}
.xwtit{ line-height:30px;}
.xwtxt{ height:48px; -webkit-line-clamp:2;}
	}
@media screen and (max-width: 350px){
.banner{ width:100%; height:138px;}
.xt{ display:none;}
	}	 
	
	
<!-----------------------------------------------------------手机底部---------------------------------------------------------->
@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}

*{margin:0;padding:0;}
body{background:#fff; background-size:cover; font:12px/22px "Microsoft YaHei","SimSun"; font-size:100%;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img_none{display:none;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding: auto;}

/*手机底部*/
.hot{width:100%; height:58px; background:#222; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}

.col-xs-3:hover{ background:#3192d0;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
footer ul li a{ padding: 0 10px; height: 12px; font-size: 12px; line-height: 12px; }

/*分页样式*/
div.page {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin:10px 3px; padding-top: 3px; text-align: left; float:left;}
div.page a {border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #eb5914; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none;}
div.page a:hover {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page a:active {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page span.current {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #eb5914; margin-right: 3px; padding-top: 2px;}
div.page span.disabled {padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px;}

/*zxly*/
.zxly{ width:100%; float:left; padding-top:3%;}
.zxly_L{ width:18%; float:left;}
.zxly_L li{ width:100%; height:36px; line-height:36px; margin-bottom:20px; text-align:center;}
.zxly_R{ width:82%; float:left;}
.zxly_R li{width:100%; margin-bottom:20px;}
.zxly_R li input{ width:100%; height:36px; border:1px solid #dfdfdf;}
.zxly_R li textarea{ width:100%; height:156px; border:1px solid #dfdfdf;}
.but1{ width:296px; height:45px; background:#1D7BB7; line-height:30px; text-align:center;font-family:'微软雅黑'; font-size:12px; color:#fff; margin:0 0 0 10%;}
.yan{ float:left; width:100%}
.yan input{ width:62px; height:30px; border:1px solid #dfdfdf; margin-left:4.5%;}