﻿/* CSS Document */
body{background:#fff; font-family: '微软雅黑', sans-serif;}
body a {transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all;}
ul,li{list-style: none;list-style-type: none;}
body {margin: 0px; padding: 0px;}
body, td, th {font-family: "Microsoft YaHei"; color: #666;}
a {font-family: "Microsoft YaHei"; color: #666; text-decoration: none; }
a:hover {color: #fff; }
div, dl, dt, dd, ul, ol, li, form,p,h1,h2,h3 {margin: 0px; padding: 0px;}
ul, ol, li {list-style: none; list-style-type: none;}

.clear{ clear:both; padding:0px; padding:0px; font-size:0px; line-height:0px;}
.clearfix:after {content: ".";display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden;visibility: hidden;width: 0;}
.clearfix:after {clear: both;}

.container{width:1200px; padding:0 0px; margin:0 auto;}


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

/*===============================================
				header
===============================================*/
.logo{float:left;}
.tel{float:right; text-align: right; font-size: 16px; color:#999999; margin-top: 20px;}
.tel span{display: block; color:#ff575d; font-weight: 600; font-size: 24px; font-family: '宋体';}

/*===============================================
				nav
===============================================*/
nav{width:100%; height: 40px; background: #3561db;}
.nav{width:932px;float:left;}
.nav a{display: block; width:113px; line-height: 40px; height: 40px; float:left; color:#fff; text-align: center;}
.nav a.active{background: #ff7800;}
.nav a:hover{background: #ff7800;}
.search{float:right;}
.search input{height:25px; border:0px; outline: none; border-radius: 3px; margin-top: 7px; display: block; float:left;}
.search input.searchinput{width:159px; padding-left: 10px; height: 23px; margin-right: 10px;}
.search input.searchbuttom{width:50px; background: #fff;}

.swiper-container img{display: block; max-width:100%}

/*===============================================
				footer   
===============================================*/
footer{background: #3561db;}
.footer-box{width:108px; min-height: 293px; float:left; background: url(../images/footer-icon.png) right no-repeat; margin-top:24px;}
.footer-box:last-child{background: url();}
.footer-box.ewm{width:258px;}
.footer-box.ewm img{display: block; margin:0 auto;}
.footer-box.footer-pro{width:184px;}
.footer-box dl{padding-left: 10px;}
.footer-box dl dt{color:#fff; font-size: 18px; margin-bottom:10px;}
.footer-box dl dt a{color:#fff;}
.footer-box dl dd{line-height: 24px; font-size: 15px; color:#c4c8c7;}
.footer-box dl dd a{color:#f1f1f1;}
.footer-box dl dd a:hover{color:#ff7800;}
.copyright{border-top: 1px solid #fff; line-height: 60px; height: 60px; margin-top: 20px; color:#fff; text-align: center;}
/*===============================================
				index pro
===============================================*/
.index-pro{background: #f1f1f1; border-top:2px solid #3561db; width:100%; padding-top: 36px; padding-bottom: 30px;}
.index-pro .index-pro-cate{float:left; width:308px; background: #ffffff;}
.index-pro .index-pro-cate .tit{background: url(../images/index-pro-catetopbg.jpg); background-repeat: no-repeat;width:268px; height: 60px; line-height: 60px; font-size: 18px; color:#fff; padding-left: 40px;}
.index-pro .index-pro-cate ul{margin-top: 5px;}
.index-pro .index-pro-cate ul li{width:257px; padding-left: 15px; background: url(../images/icon1.png) no-repeat 0px 16px; margin:0 auto; line-height: 40px; height: 39px; border-bottom: 1px #a8a8a8 dotted}
.index-pro .index-pro-cate ul li:hover{background: url(../images/icon2.png) no-repeat 0px 16px;}
.index-pro .index-pro-cate ul li:hover a{color:#e83c42;}
.index-pro .index-pro-cate ul li.bottom{width:308px; height: 26px; background: url(../images/index-pro-catebottom.jpg) no-repeat; padding:0px; margin-top:12px;}
.index-pro .index-pro-list{width:860px; float:right; }
.index-pro .index-pro-list .tit{ text-align:right;height: 43px; background: url(../images/index-pro-listit.png)  no-repeat;}
.index-pro .index-pro-list .tit a{height: 40px; margin-top: 1px;}
.index-pro .index-pro-list ul{margin-top: 17px;}
.index-pro .index-pro-list ul li{width:200px; height: 240px; float:left; margin-right:20px;}
.index-pro .index-pro-list ul li:nth-child(4n+4){margin-right: 0px;} 
.index-pro .index-pro-list ul li .imgk{ width: 196px; height: 196px; background: #fff; border: 2px solid #999; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.index-pro .index-pro-list ul li .imgk img{max-width: 196px; max-height: 196px;}
.index-pro .index-pro-list ul li p{line-height: 40px; text-align: center; width:200px; height: 40px; overflow: hidden;}
.index-pro .index-pro-list ul li:hover .imgk{border:2px solid #ff7800;}
.index-pro .index-pro-list ul li:hover p{color:#333333;}



#hzdemo{width:100%; overflow:hidden; margin:0 auto; margin-top:5px; padding-bottom: 30px;}
#hzindemo {float:left;width:8000%;}
#hzdemo1,#hzdemo2{float:left;display:inline-table;}
#hzdemo li{float:left; width:280px; margin:0 10px;}
/*===============================================
				index about
===============================================*/
.index-about{width:100%; background: #3561db;}
.index-about img{display: block; float:left; margin: 40px 40px 20px 50px;}
.index-about-info{width:610px; float: right; margin-top: 40px; color:#fff;}
.index-about-info h2{font-size: 26px; font-weight:normal; height: 40px; line-height: 40px;}
.index-about-info h3{font-size: 20px; font-weight:normal; color:#f1f1f1;  height: 40px; line-height: 40px;}
.index-about-info span{display: block; width:85px; height: 2px; background: #ff7800; margin-top: 10px;}
.index-about-info .index-about-content{line-height: 40px; margin-top: 20px;    height: 160px;
    overflow: hidden;}
.index-about-info a{width:130px; height: 36px; border:1px solid #fff; border-radius: 18px; display: block; text-align: center; line-height: 38px; margin-top:60px; color:#fff;}
.index-about-info a:hover{background: #ff7800}

/*===============================================
				index workshop
===============================================*/
.index-workshop{background: #f0f0f0; padding-top: 66px; padding-bottom: 40px;}
.index-workshop .tit{text-align: center;}
.index-workshopk{border:15px solid #7aa4dd; margin-top: 20px; padding: 32px;}
.index-workshopk .l{float:left; width:285px;}
.index-workshopk .l img{display: block;}
.index-workshopk .l img:first-child{margin-bottom: 21px;}
.index-workshopk .c{float:left; margin:0px 20px;}
.index-workshopk .r{float:left;}



.index-news{margin-top:32px; margin-bottom: 32px;}
.index-news-l{float:left; width:790px;}
.index-news-l .tit{width:790px; height: 80px; line-height: 80px; font-size:24px; font-weight: 700;}
.index-news-l .tit a{color:#fff; background: #3561db;display: block; width:380px; margin-right:15px; height: 80px; line-height: 80px; float:left; text-align: center; border-radius: 10px 10px 0px 0px;}
.index-news-l .tit a.active{background: #ff7800;}
.index-news-l .index-new-info{margin-top: 30px;}
.index-news-l .index-new-info .index-news-img{height:185px; width:100%;}
.index-news-l .index-new-info .index-news-img img{display:block; float:left; width:254px; height: 184px;}
.index-news-img-info{width:510px; float:right;}
.index-news-img-info h2{font-size: 18px; font-weight: normal; line-height: 48px;}
.index-news-img-info p{font-size: 16px; font-weight: normal; line-height: 36px; text-indent: 2em}
.index-news-l .index-new-info a:hover{color:#ff7800;}
.index-news-l .index-new-info a:hover p{color:#333;}
.index-new-info ul{margin-top: 30px;}
.index-new-info ul li{width:400px; padding-left: 15px; float:left; background: url(../images/icon1.png) no-repeat 0px 14px; line-height: 36px; height: 36px; overflow: hidden;}
.index-new-info ul li:hover{background: url(../images/icon2.png) no-repeat 0px 14px;}
.index-new-info ul li:nth-child(2n+2){width:360px;}
.index-new-info ul li a{width:240px; float:left; display: block; overflow: hidden;}
.index-new-info ul li span{width:100px; float:right; display: block; margin-right:35px;}
.index-new-info ul li:nth-child(2n+2)  span{margin-right: 0px;}
.index-new-info ul li:hover a{color:#ff7800;}
.index-new-info ul li:hover span{color:#ff7800;}

.index-news-quest{width:364px; height: 482px; background: #f0f0f0; float:right;}
.index-news-quest .tit{padding-left: 20px; line-height: 42px;}
.index-news-quest .tit span{display: block; width:36px; height: 2px; background: #3561db;}
.index-news-quest ul{margin-top:20px;}
.index-news-quest ul li{width:332px; margin-left: 20px; margin-bottom: 10px;}
.index-news-quest ul li .q{height:44px; overflow: hidden; margin-bottom:5px;}
.index-news-quest ul li .q .tit{width:20px; height:20px; text-align:center; line-height: 20px; padding-left: 0px; color:#fff; background: #3561db; margin-right:5px; float:left;}
.index-news-quest ul li .q .question{width:306px; float:right; line-height: 22px; margin-top: -3px;}
.index-news-quest ul li .a{height:70px; overflow: hidden;}
.index-news-quest ul li .q .question a:hover{color:#ff7800;}
.index-news-quest ul li .a .tit{width:20px; height:20px; text-align:center; line-height: 20px; padding-left: 0px; color:#fff; background: #ff7800; margin-right:5px; float:left;}
.index-news-quest ul li .a .ans{width:306px; float:right; line-height: 22px;}
.index-news-quest a.more{width:220px; height: 48px; background: #ff7800; border-radius: 24px; display: block; line-height: 48px; text-align: center; color:#fff; margin:0 auto; margin-top:15px; }


.inside-pages{width:100%; background: #fff; padding-top: 20px;}
/*===============================================
				Inside pages left
===============================================*/
.inside-pages-left{width: 250px; float: left; border-bottom: 4px solid #eaeaea;margin-right: 30px; margin-bottom: 30px;}
.inside-pages-left .cate-tit{width: 250px; height: 102px; background: url(../images/bg5.jpg) no-repeat;}
.inside-pages-left .cate-tit p{font-weight: 600; font-size: 24px; color: #fff; padding-left: 35px; padding-top: 40px;}
.inside-pages-left .cate-tit p span{ font-size:14px; font-weight:normal;}
.inside-pages-left .cate-tit p img{padding-top: 7px;padding-left: 5px;}

.inside-pages-left .cate-list ul li{height: 61px;line-height: 61px;border-bottom: 1px solid #eaeaea;background: #f7f7f7;width: 250px;float: left;}
.inside-pages-left .cate-list ul li a{display: block;padding-left: 39px;font-size: 14px;background: url(../images/tb9.png) no-repeat 216px 25px;color: #333;}
.inside-pages-left .cate-list ul li:hover a,.inside-pages-left .cate-list .actt a{background: url(../images/tb10.png) no-repeat 216px 25px;}
.inside-pages-left .cate-list ul li:hover,.inside-pages-left .cate-list .actt{
	background: #fff;}
.inside-pages-left .cate-list ul li.hover a{
	background: url(../images/tb10.png) no-repeat 216px 25px;
}
.inside-pages-left .cate-list ul li.hover{
	background: #fff;
}


/*===============================================
				Inside pages right
===============================================*/
.inside-pages-right{width: 920px;float: right;min-height: 300px;margin-bottom: 40px;}
.inside-pages-crumbs p{text-align: right; font-size: 12px;}
.inside-pages-crumbs{padding-bottom: 20px;border-bottom: 1px solid #ececec;margin-bottom: 20px;}
	.inside-pages-crumbs p img{padding-top: 0px;padding-right: 6px;}
.inside-pages-crumbs p span{color: #ce3f3c;}
.inside-pages-crumbs p a{font-size: 12px;}

.inside-pages-right .tit{ border-bottom:#EDEDED 1px solid;}
.inside-pages-right .tit h3{ height:26px; font-size:24px;  line-height:26px; color:#333; font-family:"微软雅黑"; font-weight:bold; padding-left:3px; }
.inside-pages-right .tit p{ font-size:16px; font-weight:bold; text-align:center; line-height:40px; height:40px; margin-top:-10px; }

/*about*/
.about .content .con p{text-indent: 2em;font-size: 14px;line-height: 30px;padding-top:40px;}

/*news*/
.new-list{padding: 35px 0px;padding-bottom: 0px}
.new-list ul{border-top:none;}
.new-list ul li{height: 43px;background: url(../images/tb11.jpg) no-repeat 10px 20px;border-bottom: 1px dashed #d9d9d9;}
.new-list ul li a{display: block;color: #545454;font-size: 14px;line-height: 43px;padding-left: 20px; }
.new-list ul li a:hover{color: #3561db;}
.new-list ul li:hover{background: url(../images/tb11.jpg) no-repeat 10px 20px #f2f2f2;}
.new-list ul li a span{color:#999;float: right;}
.new-list ul li a:hover span{color:#3561db;}


.new-info .top{height: 66px;border-top: 0px solid #f0efef;border-bottom: 1px solid #f0efef;margin-bottom: 0px;}
.new-info .top  h2{ height:26px; font-size:24px; color:#333; font-family:"微软雅黑"; font-weight:bold; padding-left:3px; text-align: center;}
.new-info .top p{text-align: center;font-size: 12px;color: #666; padding-top: 16px;}

.new-info .text{padding: 30px 0;}
.new-info .text p{text-indent: 2em;line-height: 30px;font-size: 14px;}
.new-info .text img{max-width:100%;}
.new-info .more {height:auto; overflow:hidden; border-top:#ccc dashed 1px; padding:20px 0px; margin-top:20px; font-size: 14px;}
.new-info .more span {height:30px; line-height:30px; display:block; color:#888;}
.new-info .more a {height:30px; line-height:30px; color:#a0a0a0;}
.new-info .more a:hover {color:#ff7700;}


/*products*/
.products .content .cpzxlist{ overflow:hidden; padding-top:35px;}
.products .content .cpzxlist ul li{ width:220px; height:280px; margin:0px 12px 0px 0px; float:left;}
.products .content .cpzxlist ul li:nth-child(4n+4){margin-right: 0px;}
.products .content .cpzxlist ul li p.cp{ width:200px; height:200px; border:#e3e3e3 1px solid; padding:9px; position: relative;display: flex; justify-content: center; align-items: center;}
.products .content .cpzxlist ul li img{ max-width:200px;  max-height:200px;}


.products .content .cpzxlist ul li p.cpname{ padding-top:10px; text-align:center; font-size: 14px;}


.product-detail .pic {
	float:left;
	width:830px;
	height:410px;}
.product-detail .pic .big-pic {
	float:left;
	width:410px;
	height:410px;}
.product-detail .pic .big-pic img {
	border:#EEE 1px solid;
	width:408px;
	height:408px;}
.product-detail .pic .product-name-thumb {
	float:right;
	width:400px;
	height:410px;
	position:relative;}
.product-detail .pic .product-name-thumb h1 {
	border-bottom:#EEE 1px dashed;
	color:#3561db;
	display:block;
	float:left;
	font-size:26px;
	line-height:35px;
	width:400px;
	padding-bottom:20px;}
.product-detail .pic .product-name-thumb .thumb {
	background:#EEE;
	float:left;
	width:385px;
	height:85px;
	padding:10px 0 10px 15px;
	position:absolute;
	right:0;
	bottom:0;}
.product-detail .pic .product-name-thumb .thumb a {
	display:block;
	float:left;
	width:85px;
	height:85px;
	/*margin-right:20px;*/}
.product-detail .pic .product-name-thumb .thumb a img {
	border:#999 2px solid;}
.product-detail .pic .product-name-thumb .thumb a img.active {
	border:#3561db 2px solid;}
.product-detail .pic .product-name-thumb .p2{line-height: 32px; font-size: 14px;}

.prodetailtit{font-size:18px; line-height:36px; border-left:3px solid #3561db; margin:10px 0px; padding-left:10px; color:#3561db; font-weight:bold; background-color:#e5e5e5;}

.product-detail .text{margin-top:0px; padding-top: 0px;}



.promore{width:100%;}
.promore .tit{font-size:18px; line-height:36px; border-left:3px solid #3561db; margin:10px 0px; padding-left:10px; color:#3561db; font-weight:bold; background-color:#e5e5e5;}
.promore ul li{ width:220px; height:280px; margin:0px 12px 0px 0px; float:left;}
.promore ul li:nth-child(4n+4){margin-right: 0px;}
.promore ul li p.cp{ width:200px; height:200px; border:#e3e3e3 1px solid; padding:9px; position: relative;display: flex; justify-content: center; align-items: center;}
.promore ul li:hover  p.cp{ border:#3561db 1px solid;}
.promore ul li img{ max-width:200px;  max-height:200px;}
.promore ul li p.cpname{ padding-top:10px; text-align:center; font-size: 14px;}


/*picture*/
.picture .content .cpzxlist{ overflow:hidden; padding-top:35px;}
.picture .content .cpzxlist ul li{ width:220px; height:280px; margin:0px 12px 0px 0px; float:left;}
.picture .content .cpzxlist ul li:nth-child(4n+4){margin-right: 0px;}
.picture .content .cpzxlist ul li p.cp{ width:200px; height:200px; border:#e3e3e3 1px solid; padding:9px; }
.picture .content .cpzxlist ul li img{ width:200px; height:200px;}
.picture .content .cpzxlist ul li p.cpname{ padding-top:10px; text-align:center; font-size: 14px;}


/*contact*/
.contact .content .con {font-size: 14px;line-height: 30px;padding-top:40px;}
.contact .content .con strong{font-size: 18px; color:#3561db;}
.contact .content .con table tr td{line-height: 32px; font-size: 14px;}

.pl10{padding-left: 10px;}


.pagination {
	float:left;
	text-align:center;
	width:744px;
	margin:20px 0;
	position:relative;
	overflow:hidden;}
.page {
	display:inline-block;
	font: 16px/28px '微软雅黑', sans-serif;
	*display:inline;
	:1;
	*zoom:1;}
.page span {
	float:left;}
.page a,
.page span.disabled,
.page strong {
	background:#FFF;
	border:1px solid #CCC;
	color:#333;
	float:left;
	font: 16px/24px  '微软雅黑', sans-serif;
	height:24px;
	margin-right:5px;
	min-width:15px;
	padding:4px 8px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	_width:15px;}
	.page strong{background:#3561db; color:#fff; }
.page a:hover {
	border:1px solid #3561db;
	color:#0067AC;
	text-decoration:none;}
.page span.disabled {
	background:#FFF;
	border:1px solid #CCC;
	color:#CCC;}
.page span.ellipsis {
	float:left;
	font: 16px/24px '微软雅黑', sans-serif;
	line-height:22x;
	margin-right:5px;}
.page .page_txt {
	line-height:20px;
	float:right;
	width:auto;}
.page a.page-curpage {
	background:#3561db;
	border:1px solid #3561db;
	color:#FFF;
	font-weight:bold;}
.page input {
	font: 14px Verdana;
	padding:0 0 0 1px;
	width:40px;
	height:14px;}

/*===============================================
				index case
===============================================*/
.index-case{margin:25px auto; background: #fff;}
.index-case .tit{background: url(../images/searchbg.jpg) no-repeat top; height: 40px; border-bottom: 2px solid #3561db; line-height: 40px;}
.index-case .tit h2{color:#3561db; width: 200px; float:left; padding-left:12px;  font-size: 20px;}
.index-case .tit a{float:right; margin-right:20px; color:#3561db; font-size: 14px}
.index-case .caselist{width:100%;}
.index-case .caselist ul{padding-top: 24px; padding-bottom: 10px;}
.index-case .caselist ul li{width:200px; float:left;}
.index-case .caselist ul li .imgk{width:180px; height:150px; border:2px solid #7aa4dd; margin:0 auto;position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.index-case .caselist ul li .imgk img{max-width: 180px; display: block; margin: 0px auto; max-height: 150px;}
.index-case .caselist ul li p{line-height: 33px; width:200px; margin:0 auto; text-align: center; font-size: 14px;}
.index-case .caselist ul li:hover .imgk{border-color: #3561db;}
.index-case .caselist ul li:hover p{color:#3561db;}


.ezmodal {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 90000;background: rgba(0,0,0,.6); overflow-x: hidden; overflow-y: auto; display: none;}
.ezmodal-container { background: #fff; padding: 0; font-size: 14px; position: fixed; top: 50%;left: 50%;z-index: 90001; border-radius: 7px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.8);
       -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.8);
            box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.8);
    -webkit-transform: translateY(-50%) translateX(-50%); 
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
}
.ezmodal .ezmodal-close {position: absolute; top: 9px; right: 20px; font-weight: bold; font-family: Verdana; font-size: 18px; text-shadow: 1px 1px 1px rgba(250,250,250,1); cursor: pointer; color: #838383;}
.ezmodal .ezmodal-close:hover {color: #535353;}
.ezmodal .ezmodal-header {font-size: 24px; padding: 10px; border-bottom: 1px solid #e3e3e3; text-align: center; border-radius: 7px 7px 0 0; line-height: 32px; color: #646464;}

.ezmodal .ezmodal-content { padding: 10px 20px;}
.ezmodal .ezmodal-footer {padding: 10px 20px; background: #efefef; border-top: 1px solid #e3e3e3; text-align: CENTER; border-radius: 0 0 7px 7px; COLOR: #666666;}
.ezmodal P{FONT-SIZE: 14PX;LINE-HEIGHT: 24PX; MARGIN-BOTTOM: 10PX; TEXT-INDENT: 1EM;}

.ezmodal table{color:#000;}
.ezmodal table td{height:40px; line-height:40px; color:#000}
.ezmodal table td input,.ezmodal table td textarea{	border: #ccc 1px solid;
	border-radius: 5px;
	cursor: pointer;
	height: 24px;
	padding: 0 10px;
	transition: all 0.5s ease-in-out;}
.ezmodal table td textarea{    padding-top: 10px;
    overflow-x: hidden;
    overflow-y: hidden; width:300px; height:100px;}
.ezmodal .btn{display: block;
    width: 120px;
    height: 36px;
    border-radius: 10px;
    background: #ff7800;
    color: #fff;
    text-indent: 5px;
    line-height: 36px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
margin:0 auto 30px;}