/*code by drsky -2017/11/12*/

/*reset*/
*{box-sizing: content-box}
body{font-size: 14px;color: #444;line-height: 1.4;font-family: "";min-width: 1280px}
body,h1,h2,h3,h4,h5,h6,ul,ol{margin: 0;padding: 0;}
ul,ol{list-style: none}
a,a:hover{text-decoration: none;outline: none}
a{color: #333}
img{vertical-align: top;width: 100%}

/*common set*/

.container{width: 1200px;margin: 0 auto}
.in-container{width: 1200px;min-height: 600px;padding: 40px 0;background: #fff}

/*float*/
.left{float: left}
.right{float: right}

/*clear float*/
.clearfix:after{content: "\0020";display: block;height: 0;clear: both;}

.tit{border-bottom: 1px solid #e9deab;margin: 35px 0;padding-bottom: 15px}
.tit span{font-size: 30px}
.tit a{font-size: 16px;display: inline-block;padding-right: 30px;background: url("../images/right.png") no-repeat right center;line-height: 40px}

.in-tit{color: #444;padding: 15px 20px;text-transform: uppercase;/* margin-bottom: 20px; */}
.in-tit small{font-size: 14px}

.btn{width: 170px;height: 50px;text-align: center;display: inline-block;line-height: 50px;border: 2px solid #fff}
.caption{position: absolute;width: 100%;padding: 8px;bottom: 0}
.btn-more{width: 118px;height: 38px;border-radius: 4px;background: #0091dc;border:1px solid #0091dc;color: #fff;display: inline-block;font-size: 16px;text-align: center;line-height: 38px;margin: 30px 0;transition: all .5s}
.btn-more:hover{background: #fff;color: #0091dc}
/*banner*/
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background: #0091dc;}

/*nav*/
nav{padding: 20px 0; position:relative}
nav form{float:right;margin:0 15px 0 0;line-height: 84px;}
.nav-list{/* margin-top:20px; */width:745px;text-align:center;}
.nav-list>li{display: inline-block;margin-right:15px;line-height: 76px;font-size: 18px;}
.nav-list>li>a{color:#444}
.nav-list>li>a:not(:last-of-type){margin-right: 50px}
.social{margin-top: 10px;cursor:pointer}
.logo>img{width:80%;max-width:204px}
.logo-wrap{width:204px;position:relative}
.dropdown{display: none;position: absolute;right: -70px;top:10px}
.dropdown a{font-family:"";color:#0091dc}
.dropdown-wrap{display:inline-block;margin-top:22px}
.logo-wrap:hover .dropdown{display:block}

.nav-list>li>dl{background:#fff;width:100%;position:absolute;left:0px;top: 95px;box-shadow:2px 2px 5px rgba(0,0,0,0.2);padding:10px 0;display:none;margin: 0;    z-index: 99;}
.djen0{width: 36%;margin:0 auto;display:block;}
.djen0 dd{ float:left; display:block; width:33%; margin-left:0; border-left:1px solid #ccc }
.sge{    text-align: left;
    padding-left: 4%;}
.sge ul{ margin-bottom:2%}
.sge ul li h2{ font-size:12px; display:block; margin-bottom:2%;}
.sge ul li{line-height: 25px;font-size: 12px;}
.sge ul li a{ color:#000}
.sge ul li a:hover{ color:#b2b2b2}


/*case*/
.case{background: #ffffff;padding: 5px 0 40px 0;margin-top: 40px}
.case ul{text-align: center;font-size: 0}
.case li{display: inline-block;width: 25%;height: 333px;position: relative;overflow: hidden}
.case li img{transition: all .5s}
.case li .caption{bottom:-80px;margin-bottom: -80px;font-size: 20px;color: #fff;transition: all .5s}
.case li .btn{margin-top: 15px;color: #fff}
.case li:hover img{
    -webkit-filter: blur(4px); /* Chrome, Opera */
    -moz-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false); /* IE6~IE9 */
}
.case li:hover .caption{bottom: 50%}
/*product*/
.product ul{text-align: center}
.product li{width: 286px;height: 270px;background:#fff;float:left;position: relative;border:1px solid #ddd;overflow:hidden}
.product li,.product li img,.product li p{transition:all .5s}
.product li:not(:last-of-type){margin-right: 15px}
.product li .btn,.product li .caption{font-size:18px;color:#0091dc}
.product li .btn{border-color:#0091dc}
/*news*/

.row{margin-bottom: 100px}
.news{width: 100%}
.news h2{font-size: 24px;font-weight: 400}
.news h2 a:hover,.news ul a:hover{color: #0091dc}
.news h2 time{font-size: 20px;line-height: 33px}
.news ul{padding: 25px 0;border-top:2px solid #ccc;border-bottom: 2px solid #ccc}
.news li{font-size: 16px}
.news li:not(:last-of-type){margin-bottom: 24px}
.pic{width: 320px}


footer{padding: 25px 0 0 0;background: #f8f9fb;}
footer .top{padding: 20px 0 30px 0}
footer ul{display:inline-block;/* margin-right: 100px; */font-size: 16px;vertical-align:top;text-align:center;}
footer ul li:first-of-type{/* padding-bottom: 25px; *//* border-bottom: 2px solid #eee; */}
footer ul li{margin-bottom: 10px}
footer ul li:not(:first-of-type) a{color: #999}
.row2{text-align: center;font-size: 0;width: 160px}
.row2 li{font-size: 16px;text-align: left;}
.row2 li:first-of-type{width: 100%}
footer a:hover{color:#0091dc !important;}

.contact{width: 300px;padding-left: 50px;background: url("../images/2px.jpg") no-repeat left center}
.contact h3{font-size: 26px;color: #0091dc;font-weight: 400}
.contact p{font-size: 16px;margin-bottom: 15px}


.djie{ text-align:center}
.djie h2{ font-weight:normal; color:#444; font-size:24px; padding-bottom:25px}
.djie a{  color:#bd2a2a}
.djie ul li{ line-height:24px; color:#000; font-size:18px; display:block;}


.copyright{text-align:center;padding: 15px 0;background: #f8f9fb;margin: 0}

/*页码*/
.page{margin-top:30px;text-align:center}
.page li{display:inline-block;padding:3px 5px;border:1px solid #ddd}
.thisclass{background:#f9f9f9}

.hou01{
    text-align: center;
}
.dswg{background: #ffffff;
    padding: 5px 0 40px 0;
    margin-top: 40px;}
.hou01 h2{font-size:24px;display:block;text-align:center;margin-bottom: 2%; padding-top:2%}
.hou01 ul li{ float:left; display:block; width:27.8%; margin-right:2%; border:1px solid #ccc; padding:2%; background:#fff}
.hou01 ul li a{ display:block}
.hou01 ul li a img{ width:100%;}
.hou01 ul li a span{ color:#444; display:block; font-size:14px; width:100%; line-height:24px;    margin-top: 2%;}
.hou01 ul li:nth-child(3n) {
    margin-right: 0% ;
}
.hou01 .container>a{font-size:12px;color:#fff;text-align:center;line-height:50px;border-radius:5px;padding:0 4%;background:#ddd;display: inline-block;margin-top: 2%;}





/*内页开始*/
.in-wrap{background: #ffffff;padding: 40px 0}
.position{padding: 0 20px}
.in-top{height: 275px;text-align: center;text-transform:uppercase}
.in-top>div{display: inline-block;margin-top: 100px;color: #fff}
.in-top h2{font-size: 30px;}
/* nav */
.nav{width: 300px;transition: all .3s;font-size: 16px;margin-left: 20px}
.nav a{display: block;overflow: hidden;padding-left: 20px;line-height: 50px;max-height: 50px;color: #333;transition: all .3s;}
.nav li{cursor:pointer;list-style:none}
.nav a span{margin-left: 30px;}
.nav-item{position: relative;}
.nav-item:not(:last-of-type){border-bottom: 1px solid #eee;}
.nav-item.nav-show{border-bottom: none;}

.nav-item.nav-show ul{display: block;}
.nav-item>span:before{content: "";position: absolute;left: 0;width: 2px;height: 46px;background: #34A0CE;opacity:0;transition: all .3s;}
.nav .nav-icon{font-size: 20px;margin-right:15px}
.in-nav-tit{font-weight:400;cursor:pointer;padding:8px 0}
.icon-jiantouxia{float:right;margin-right: 20px;font-size: 12px;transition: transform .3s;}
.nav-show .icon-jiantouxia{transform:rotate(180deg);}
.nav-show,.nav-item>a:hover{background:#fff;}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
.nav-item li:hover a{background: rgba(0, 0, 0,.1);}
.in-drop-down,.li2{display:none; margin-left:14%;}


/*content*/
.in-content{width: 810px;padding-right: 30px}

.in-contact{margin-left: 20px;margin-top: 40px;font-size: 16px;width: 300px}
h1,.article-info{text-align: center}
.article-info{color: #999;background: #f7f7f7}
.editor,.time{padding: 8px 0 8px 25px;display: inline-block;margin-right: 25px}
.editor{background: url("../images/editor.png") no-repeat left center}
.time{background: url("../images/time.png") no-repeat left center}
article{line-height: 2;margin: 20px 0}

.list li{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}
.list h2{padding-left:15px;border-left:4px solid #0091dc}
.list p{font-size:16px;line-height:1.8}
.list .more-btn{padding:3px 8px;border:1px solid #0091dc;color:#0091dc}
/*news*/
.date{width:64px;padding: 8px;border: 1px solid #eee;text-align: center}
.date strong{font-size: 32px;color: #0091dc;padding: 4px 0;font-weight: 400;display: inline-block}
.date p{color: #666;border-top: 1px solid #eee;margin: 0;padding-top: 4px;line-height: 1.8;}
.item{width: 700px}
.news-ul h4{font-size: 18px;margin: 0 0 16px 0;font-weight: 400}
.news-ul h4 a:hover{color:#0086b3}
.news-ul li{margin-bottom: 25px;padding-bottom: 25px;border-bottom: 1px dotted #e0e0e0}

.case-ul li{/*width: 21.5%;*/     width: calc((100% - 114px)/4);padding: 4px;border: 1px solid #ddd;float: left;margin-bottom: 15px;overflow: hidden}
.case-ul li img{width: 100%}
.case-ul li:not(:nth-of-type(4n)){margin-right: 3%}
.case-ul li h2{margin-bottom: 20px}
.case-ul .btn{width: 50px;height: 30px;line-height: 26px;color: #fff;text-transform: uppercase;}

.product-ul li{position: relative;transition: all .3s}
.product-ul li img{transition: all .5s}
.product-ul .caption{padding: 8px 0;text-align: center;transition: all .5s;font-size: 18px}
.product-ul li:hover{box-shadow: 1px 1px 4px rgba(102,102,102,.8)}
.product-ul li:hover img{transform: scale(1.02)}

.product-info{width: 470px}
.product-info h3{padding-bottom: 15px;border-bottom: 1px solid #eee;}


.contact-contact{font-size: 16px;padding:0 20px}
.contact-contact>img{width:460px}
.contact-contact .right{width:680px}
.map{display: none}

.sub-nav .nav-item a:hover h3,  .sub-nav .nav-item.on a h3 {
	color: #0091dc;
}
.in-new-content .case-ul li:hover{
			border-color: #0091dc;
		}
		
		.in-new-content .case-ul li:hover p{
			background-color: #0091dc;
			color: #fff;
		}
	.inside_con{ padding:10px 0; min-height:300px;}	
	.HBoxbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:88; background:rgba(0,0,0,0.5); display:none;}
	.HBox {
		width: 300px;
		height: 200px;
		margin: 0 auto;
		box-shadow: 1px 1px 5px #333;
		-webkit-box-shadow: 1px 1px 5px #333;
		background-color: #ffffff; position:absolute;
		top: 50%;
		left: 50%; margin-left:-150px; margin-top:-100px;
		z-index: 100000;
	}
	.qsjie h2{  font-size: 32px; font-weight: normal; text-align: center; color: #000;}
	.input_text02{display: block;width: 93%;height: 30px;line-height: 30px;outline:none;border: 1px solid #ccc;margin: 0 auto;padding-left: 2%;}
	
	.qsjie a{width: 100px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #009900;border-radius: 5px;display: block;margin: 10px auto;}
	.erji02 a{ line-height:30px !important; padding-left:}
	.erji02 a span{ margin-left:0 !important}