*{box-sizing:border-box}
body,div,p,a,img,ul,li,ol,span,lable,dd,dl,form,tr,td,table,h1,h2,h3,h4,h5{ margin:0; padding:0; font-size:14px; color:#666; font-family:"微软雅黑"}
ol,ul,li{ list-style:none;}
img{ border:none;}
a{ color:#666; text-decoration:none;outline:0;-webkit-tap-highlight-color:transparent;display:inline-block}
a:hover{ text-decoration:none;}
body{background-color:#ececec;}

.container{width: 1280px;height:auto;overflow: hidden;margin: 0 auto;clear: both;}

.banner{width:100%;height: auto;}

.line{width:100%;height:20px;clear: both;}

.head{
	width:1200px;height:120px;margin: 30px auto 0px;position: relative;z-index: 99999;
}
.head1{
	width:400px;height:120px;float: left;background-color:#e4ff52;
}
.head1 .logo{
	height:120px;
	}
.head2{
	width:800px;
	height:120px;
	float: right;
	background-color: #2e71e4;
	padding:0px 20px 0px 20px;
}
.head21{
	width:760px;height: 74px;border-bottom: 1px solid rgba(255,255,255,0.2);
}
.head21 dl{width:250px;height: 74px;float: left;}
.head21 dl dt{width:74px;height:74px;padding:17px;float: left;}
.head21 dl dt img{width:40px;height:40px;}
.head21 dl dd{width:166px;height:100px;float: left;padding-top:10px;}
.head21 dl dd p{font-size: 14px;color:#fff;line-height: 25px;}
.head21 dl dd p:last-child{font-weight: bold;}


.head22{	width:760px;height: 46px;}
.head22 ul li{width:120px;height: 46px;float: left;text-align: center;}
.head22 ul li a{color: #fff;font-size: 16px;line-height: 46px; }
.head22 ul li:hover a{color:#333;}

.header{width:100%;height:60px;position: fixed;top:-65px;left: 0;z-index: 99999;background: #2e71e4;box-shadow: 0 2px 3px #333;transition: all 2s;}
.header1{width:400px;    text-align: center;float: left;}
.header1 img{height:60px;}
.header2{width:800px;float: left;}
.header2 ul li{width:120px;height: 60px;float: left;text-align: center;}
.header2 ul li a{color: #fff;font-size: 16px;line-height: 60px; }
.header2 ul li:hover a{color:#333;}


.product{width:100%;height: 680px;overflow: hidden;margin-bottom: 30px;}

.product-title{
	width:100%;height: 100px;text-align:center;margin-bottom: 10px;
}
.product-title h1{font-size:26px;line-height: 50px;color: #393f4d;letter-spacing: 3px;}
.product-title h5{font-size: 12px;color: #999999;font-weight: normal;}

.product-content{
	width:1200px;margin:0 auto;height: auto;
}


.about{width:100%;height: auto;overflow: hidden;margin-bottom: 30px;}
.about-title{
	width:100%;height: 100px;text-align:center;margin-bottom: 30px;
}
.about-title h1{font-size:26px;line-height: 50px;color: #393f4d;letter-spacing: 3px;}
.about-title h5{font-size: 12px;color: #999999;font-weight: normal;}


.line-down{
	width:550px;height:0;border-top: 1px solid #dddddd;position: relative;margin:20px auto 0 auto;
}
.line-down:before{content: "";width:24px;height: 10px;position: absolute;left: 50%;margin-left:-12px;top:-5px;background-color: #2e71e4;}

.about-content{
	width:1200px;height:auto;overflow: hidden;
}
.about-content dl{
	width:400px;height:300px;float:left;cursor: pointer;
}
.about-content dl dt{width:100%;text-align:center;}
.about-content dl dt img{width:135px;height:135px;transition: all 1s;}
.about-content dl:hover dt img{transform: rotate(360deg);}
.about-content dl dd{width: 100%;height:140px;text-align:center;}
.about-content dl dd h3{font-size:14px;line-height: 50px;}
.about-content dl dd h5{font-size: 12px;line-height: 40px;}
.about-content dl dd p{font-size: 14px;color: #888;}
	
.aboutTwo{	width: 100%;height:500px;background:url('/images/about-bg.jpg') no-repeat top center;padding-top:100px;}
.aboutTwo1{width: 1280px;margin:0 auto;height:360px;background-color:#f6f6f6;position: relative;}
.aboutTwo2{width:500px;height:370px;position: absolute;left:30px;top:-50px;overflow: hidden;cursor: pointer;}
.aboutTwo2 img{width: 500px;height: 370px;transition: all 1s;}
.aboutTwo2 img:hover{transform: scale(1.1,1.1);}
.aboutTwo3{width: 680px;height:320px;position: absolute;right:30px;top:30px;}
.aboutTwo3 .aboutTwo3-title{}
.aboutTwo3 .aboutTwo3-title h1{font-size: 26px;line-height: 30px;font-weight: normal;letter-spacing: 3px;}
.aboutTwo3 .aboutTwo3-title span{font-size: 12px;line-height: 30px;color: #666;}
.aboutTwo3 .aboutTwo3-content{}
.aboutTwo3 .aboutTwo3-content p{text-indent: 2em;margin-top:10px;line-height: 18px;}

.simplefilter{margin:10px auto 20px auto;width: 900px;}
.simplefilter li, .multifilter li, .sortandshuffle li {    color: #333;    cursor: pointer;    display: inline-block;    text-transform: uppercase;    padding: 15px 20px;    margin: 0 4px;}
.simplefilter li {position: relative;z-index: 999;background-color: transparent;margin-bottom: 15px;border: 1px solid rgba(0,0,0,0.5);}
.simplefilterIn{transition: color 1s;}
.simplefilterIn:before{content:"";position:absolute;width: 100%;height:0px;bottom: 0;background-color: #2e71e4;left: 0;z-index:-1;}
.simplefilterIn:hover:before{
	animation: heightUp 3s 1;
}
.simplefilterIn:hover{
	color:#fff;
}

.simplefilter li.active {
    background-color: #2e71e4;
    color: #fff;
    border-color: #ccc;
}
.multifilter li {
    background-color: #4b9eff;
}
.multifilter li.active {
    background-color: #2265b4;
}

select {padding: 1rem 1rem;    text-transform: uppercase;}
.filtr-item{overflow:hidden; width: 300px;height:200px; padding:15px 15px;float: left;cursor:pointer;position: relative;margin-bottom: 20px;background-color:#fff;}
.filtr-item img{width:270px;height:200px;transition: all 1s;}
.filtr-item .wrap123{width:270px;height:200px;background-color:#666;overflow: hidden;}
.filtr-item:hover  img{transform: scale(0.9,0.9);}
.filtr-item .item-desc{position: absolute;width:270px;height:40px;left:15px;bottom: 0;background-color: rgba(46, 113, 228,0.8);text-align: center;line-height: 40px;color: #fff;font-size: 16px;letter-spacing: 2px;transition: all 1s;}

.filtr-item:hover .item-desc{height:0;}

.filtr-item:hover{}


.contact{width:100%;}
.contact1{
	width:600px;height:400px;float: left;
}
.contact2{
	width:600px;height:400px;float: right;
}
.contact21{
	width:600px;
	height:150px;
	background-image:url('/images/contact-bg.png');
	background-color: #2e71e4;
	padding:20px;
}
.contact21 h1{color:#fff;    line-height: 60px;font-size: 25px;}
.contact21 p{color:#fff;line-height: 30px;}

.contact22{	width:250px;height:250px;float: left;padding:15px;}
.contact22 h1{border-bottom: 1px solid #999;line-height: 80px;font-size: 24px;position: relative;margin-bottom:20px;padding-left: 30px;}
.contact22 h1:before{		content: "";    position: absolute;    left: 0;    top: 33px;    width: 1rem;    height: 1.15rem;    -webkit-transform: skew(30deg);   
		 -moz-transform: skew(30deg);    -ms-transform: skew(30deg);    -o-transform: skew(30deg);    transform: skew(30deg);		 background-color:#212121;}
.contact22 p{	color: #666;font-size: 16px;}
.contact221{	padding:0 10px;}
.contact23{	width:350px;height:250px;float: right;padding:15px;}

.contact23 h1{border-bottom: 1px solid #999;line-height: 80px;font-size: 24px;position: relative;margin-bottom:20px;padding-left: 30px;}
.contact23 h1:before{		content: "";    position: absolute;    left: 0px;    top: 33px;    width: 1rem;    height: 1.15rem;    -webkit-transform: skew(30deg);   
		 -moz-transform: skew(30deg);    -ms-transform: skew(30deg);    -o-transform: skew(30deg);    transform: skew(30deg);
		 background-color:#212121;}
.contact23 p{	color: #666;}
.contact23 img{	width:128px;height: 128px;}

.news{width:100%;height: auto;overflow: hidden;margin-bottom: 30px;}

.news-title{
	width:100%;height: 100px;text-align:center;margin-bottom: 30px;
}
.news-title h1{font-size:26px;line-height: 50px;color: #393f4d;letter-spacing: 3px;}
.news-title h5{font-size: 12px;color: #999999;font-weight: normal;}

.news-content{
	width:1000px;margin:0 auto;height: auto;
}
.news-content1{
	width:400px;height:300px;float: left;
}
.news-content1 img{
	width:400px;height:300px;
	}
.news-content2{
	width: 720px;
	float: right;
	}
.news-content2 dl{
	width:100%;height:70px;margin:6px 0px;border-bottom: 1px dashed #999;
}

.news-content2 dl dt{
	width: 70px;height:70px;float: left;text-align: center;
}
.news-content2 dl dt span{
	font-size: 28px;line-height: 40px;
	}
	
.news-content2 dl dt p{
	font-size:14px;
	}
		
.news-content2 dl dd{
	width: 600px;
	float: right;
}
.news-content2 dl dd a{
	font-size: 18px;line-height: 60px;
	}

.contact-title{
	width:100%;height: 100px;text-align:center;margin-bottom: 30px;
}
.contact-title h1{font-size:26px;line-height: 50px;color: #393f4d;letter-spacing: 3px;}
.contact-title h5{font-size: 12px;color: #999999;font-weight: normal;}

.footer{
	width:100%;height:210px;background-color: #333333;
	padding-top:30px;
}
.foot1{
	width:1200px;height: 100px;
}
.foot1 dl{width:400px;float: left;height:80px;}
.foot1 dl dt{width:59px;height: 59px;float: left;padding:20px 7px}
.foot1 dl dt img{width:45px;height:45px;}
.foot1 dl dd{font-size:14px;width:200px;float: left;margin-left:15px;}
.foot1 dl dd span{font-size:16px;line-height: 40px;color:#ccc;}
.foot1 dl dd p{font-size:14px;color:#ccc;}

.foot2{
	padding-top:20px;
	width:100%;height:80px;background-color: #2f2f2f;text-align: center;
}
.foot2 p,.foot2 p a{line-height: 25px;color: #ccc;}


/*--------------------------------------内页部分-------------------------------*/

.containerIn{width: 1280px;height:auto;overflow: hidden;margin: 0 auto;clear: both;padding:20px;margin-top:30px;}
.left{width: 320px;height: auto;float:left;overflow: hidden;}
.left-about{width: 100%;background-color: #fff;}
.left-about1{width:100%;height:50px;background: linear-gradient(to top right, #0074ee, #00baf9) #2e71e4;padding-left:20px;padding-right:20px;}
.left-about1 span{font-size: 20px;color: #fff;line-height: 50px;}
.left-about1 img{float: right;margin-right: 5px;margin-top:10px;}
.left-about2{width:100%;padding:10px 20px;background-color:#fff;}
.left-about2 ul li{width:100%;height:35px;margin:10px 0;background:url('../images/pro-arrow.png') no-repeat center left;padding-left:40px;}
.left-about2 ul li a{color: #fff;line-height: 35px;} 

.left-news{width: 100%;height:auto;background-color: #fff;}
.left-news1{width:100%;height:50px;background: linear-gradient(to top right, #0074ee, #00baf9) #2e71e4;padding-left:20px;padding-right:20px;}
.left-news1 span{font-size: 20px;color: #fff;line-height: 50px;}
.left-news1 img{float: right;margin-right: 5px;margin-top:8px;}
.left-news2 {width:100%;padding:10px 20px 10px 40px; background-color:#fff;}
.left-news2 ul li{width:100%;height:25px;margin:10px 0;padding-left:0px;list-style-type: circle;border-bottom: 1px dashed #999;}
.left-news2 ul li a{color: #333;line-height: 22px;} 

.left-contact{width: 100%;height:auto;background-color: #fff;}
.left-contact1{width:100%;height:50px;background: linear-gradient(to top right, #0074ee, #00baf9) #2e71e4;padding-left:20px;padding-right:20px;}
.left-contact1 span{font-size: 20px;color: #fff;line-height: 50px;}
.left-contact1 img{float: right;margin-right: 5px;margin-top:8px;}
.left-contact2 {width:100%;background-color:#fff;}
.left-contact3{padding:10px 20px 10px 20px; }
.left-contact3 p{font-size:14px; color: #333;line-height: 25px;}


.left-pro{width: 100%;background-color: #fff;}
.left-pro1{width:100%;height:50px;background: linear-gradient(to top right, #0074ee, #00baf9) #2e71e4;padding-left:20px;padding-right:20px;}
.left-pro1 span{font-size: 20px;color: #fff;line-height: 50px;}
.left-pro1 img{float: right;margin-right: 5px;margin-top:10px;}
.left-pro2{width:100%;padding:10px 20px;background-color:#fff;}
.left-pro2 ul li{width:100%;height:35px;margin:10px 0;background:url('../images/pro-arrow.png') no-repeat center left;padding-left: 30px;}
.left-pro2 ul li a{color: #fff;line-height: 35px;font-size: 12px;} 



.right{width:880px;height: auto;float: right;overflow: hidden;min-height: 750px;background-color: #fff;padding:20px;}
.right-title{
	width:100%;
	height:40px;
	position: relative;
	border-bottom: 1px solid #2e71e4;
	padding-left: 30px;
	}
.right-title:before{
	content:"";
	width:8px;
	height:28px;
	top:5px;
	left:8px;
	background-color: #2e71e4;
	position: absolute;
}
.right-title span{font-size:18px;line-height: 35px;}
.right-title1{
	width: auto;float: right;
	}
.right-title1 p{font-size:14px;line-height: 35px;}
.right-title1 p a{font-size: 14px;}

.right-content{
	width:100%;height:auto;min-height: 700px;padding-top:20px;
}
.right-content2{padding:20px;}
.right-content2 img{max-width:100%;}
.right-content1{}
.right-content1 dl{
	width:200px;height:180px;float: left;margin-right:13px;margin-bottom: 10px;cursor: pointer;
	}
.right-content1 dl:nth-child(4n){margin-right: 0px;}
.right-content1 dl dt{width:100%;height:140px;overflow: hidden;	}
.right-content1 dl dt img{width:100%;height:140px;transition: all 1s;	}
.right-content1 dl dt:hover img{transform: scale(1.1);}
	
.right-content1 dl dd{width:100%;text-align: center;height: 40px;}
.right-content1 dl dd span{font-size:14px;letter-spacing: 2px;color:#333;line-height: 40px;}

.news-content{width:100%;padding-left:20px;}
.news-content li{padding:0 10px; width: 100%;height:40px;border-bottom: 1px dashed #999;clear: both;list-style-type: circle;}
.news-content li a{line-height: 42px;}
.news-content li span{float: right;line-height: 42px;}

@keyframes heightUp{
		0%{height: 0px;background-color: #2e71e4;}100%{height: 50px;background-color: #2e71e4;}
}