*{box-sizing: border-box;}
body,p,div,span,a,ul,li,input,table,tr,td,dl,dt,dd{ margin:0; padding:0; font-family:"微软雅黑";}
ul,li{ list-style:none;}
img{ border:0;}
a{text-decoration:none; color:#666;}
a:hover{ color:#E0A900; text-decoration:none;}

.container{  width: 100%;  max-width: 1140px;margin: 0 auto;height: auto;min-height: 40px;position: relative;}
.header{background-color:#fff;width: 100%;height: 112px;padding:20px 0;position: absolute;    position: relative;
    z-index: 9999;}

.logo{width:auto;float: left;}
.logo img{width: 100%;}


.banner { box-shadow: 0 3px 6px #454545;clear: both;}
	    
.language{background:url('/images/language.png') center center no-repeat;width:92px;height:20px;
position: absolute;right:0;top:35px;cursor: pointer;}
.language .language1{width:34px;height:20px;display: inline-block;float: left;}
.language .language2{width:32px;height:20px;display: inline-block;float: right;}





.nav{width:100%;height:36px;float:left;background-color: #74ccff;}

.nav-list>ul>li{width:170px;float: left;line-height:36px;text-align: center;height:36px;position: relative;}
.nav-list>ul>li a{font-size:16px;color: #fff;display: block;position: relative;z-index: 999999;    }
.nav-list>ul>li>a{background-color: #74ccff;}
	
.nav-list>ul>li:hover{background-color:#89d4ff;}
.nav-list>ul>li:hover .dropdown{top:35px !important;}


.dropdown{position: absolute;top:-110px;left:0px;width:100%;height:auto;padding-bottom: 2px;z-index: 999; background-color: #74ccff;transition: all 1s;}
.dropdown ul li{width: 100%;height:35px;text-align: center;border-bottom:1px dashed #3aa4e2;}
.dropdown ul li a{font-size:16px;color:#fff;line-height:35px;display: block;}


@media screen and (max-width: 1000px) {
	.mobile{display:block;}
	.computer{display:none;}
	
}

@media screen and (min-width: 1000px) {
	.mobile{display:none;}
	.computer{display:block;}
	
}

 
.nav-list123{width:520px !important;height:40px;}

.right123{height: auto;float: right;overflow: hidden;min-height: 750px;background-color: #fff;}


@media screen and (max-width: 1200px) {
	.nav-list123{width:220px !important;height:40px;}
	.right123{width:680px}
}


@media screen and (min-width: 1200px) {
	
	.right123{width:880px;padding-left:20px;}
}


 

.profile{width: 1200px;height:420px;padding:40px 0;margin:0 auto;}

.profile-top{width:380px;height:50px;text-align: center;}
.profile-top a{font-size:22px;display: block;position: relative;width:380px;height:50px;line-height: 50px;color: #74ccff;letter-spacing: 3px;}
.profile-top a:before{position: absolute;content: "";width: 100px;height: 2px;background-color: #74ccff;top: 23px;left: 0px;}
.profile-top a:after{position: absolute;content: "";width: 100px;height: 2px;background-color: #74ccff;top: 23px;right: 0px;}

.profile-list{width:380px;float: left;margin-right:30px;position: relative;height:340px;}
.profile-list a{display: block;overflow: hidden;}
.profile-list img{width:380px;height:270px;cursor:pointer;transition:all 1s; }
.profile-list img:hover{transform: scale(1.1)}
.profile-list:last-child{margin-right: 0px;}

.profile-in{position: absolute;width: 380px;height:50px;left: 0;bottom: 20px;
z-index: 999;}
.profile-in span{font-size:22px;letter-spacing:2px;color:#fff;line-height: 40px;}
.profile-in a{width:90px;height:32px;border:1px solid #fff;display:inline-block;right: 20px;top:0px;position: absolute;
line-height: 32px;padding-left: 20px;font-size:12px;color: #fff;background-color:#74ccff;}
.profile-in a:before{content:""; width: 15px;height: 11px;position: absolute;top:10px;right: 10px;background:url('/images/arrow.png');}


.footer{background-color:#74ccff;padding:20px 0;height:350px;}
.foot{max-width:1200px;width:100%;height:auto;padding:30px 0 30px 0;margin:0 auto;position: relative;height:310px;}
.xinxi{width:480px;float: right;position: absolute;right: 0px;top: 10px;}
.xinxi input{height:40px;font-size:14px;color: #fff;border:1px solid #fff;padding-left: 10px;background-color:transparent;color: #fff;letter-spacing: 2px;}
.xinxi span{font-size: 24px;color:#fff;letter-spacing: 3px;position: absolute;top: 0px;right: 20px;}

.foot-info{position: absolute;top:25px;left: 10px;width:550px;}
.foot-info dl{width:100%;height:65px;}
.foot-info dl dt{float: left;text-align: left;width:50px;text-align: center;    padding-top: 15px;}
.foot-info dl dd{float: right;width:490px;}
.foot-info dl dd p{color: #fff;line-height: 30px;letter-spacing: 2px;}


.title{font-size:24px;margin-bottom:15px;letter-spacing:2px; border-bottom:1px solid #333333;padding-bottom: 5px;}

.contact-title{width:200px;58px;margin:0 auto;}
.contact-icon{width:800px;margin:0 auto;height:160px;}
.contact-icon dl{width:192px;height:120px;float: left;padding:30px 20px 20px 20px;
margin:0 15px;text-align: center;}
.contact-icon dl dt{height:70px;position: relative;}
.contact-icon dl dt img{position: absolute;top:0;left:0;bottom: 0;right:0;margin:auto;}
.contact-icon dl dd{font-size:14px;color:#fff;    line-height: 50px;}

.contact-input{width:800px;margin:0 auto;height:360px;}
.contact-input .input1{width:210px;float: left;margin: 0 20px;border:1px solid #fff;
background-color:#151619;height: 28px;padding-left:10px;line-height:28px;color:#fff;}

.contact-input textarea{width:704px;height:120px;padding:20px;background-color:#151619;
margin:20px 20px;color:#fff;border:1px solid #fff;}

.contact-input .input2{clear: both;border:1px solid #fff;width:120px;height:40px;
color:#fff;margin:0 auto;background-color:#151619;    display: block;line-height:36px;
font-size:20px;cursor: pointer;font-weight: bold;}
.contact-input .input2:hover{background-color:#fff;color:#151619;}
.foot-123{text-align: center;}
.foot-123 p,.foot-123 a{color:#979ca6;font-size:12px;}


.dibu{width: 1000px;text-align: center;position: absolute;bottom: 0px;}
.dibu p{    color: #ffffff;
    text-shadow: 1px 1px 1px #000;}
.dibu p a{    color: #ffffff;
    text-shadow: 1px 1px 1px #000;}


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

.product{width:100%;height: auto;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: #1069a5;}

.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:550px;background:url('/images/about-bg.jpg') no-repeat top center;padding-top:140px;margin-bottom:30px;}
.aboutTwo1{width:1200px;margin:0 auto;height:400px;background-color:#f6f6f6;position: relative;}
.aboutTwo2{width:460px;height:420px;position: absolute;left:50px;top:-50px;overflow: hidden;cursor: pointer;}
.aboutTwo2 img{width: 460px;height: 420px;transition: all 1s;}
.aboutTwo2 img:hover{transform: scale(1.1,1.1);}
.aboutTwo3{width:600px;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{letter-spacing: 2px;text-indent: 2em;margin-top:10px;line-height:31px;}

.simplefilter{width: 680px;margin:10px auto 20px auto;}
.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;  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:#1d94e5;left: 0;z-index:-1;}
.simplefilterIn:hover:before{
	animation: heightUp 3s 2;
}
.simplefilterIn:hover{
	color:#fff;
}

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

.filtr-item{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(16,105,165,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: #1069a5;
	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: 550px;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:450px;float: right;
}
.news-content2 dl dd a{
	font-size: 18px;line-height: 60px;
	}

.contact-title{
	width:100%;height: 60px;text-align:center;margin-bottom: 20px;
}
.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;}


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

.containerIn{width:100%;max-width:1200px;height:auto;overflow: hidden;margin: 0 auto;clear: both;margin-top:15px;}
.left123{width:260px;height: auto;float:left;overflow: hidden;}
.left-about{width:260px;background-color: #fff;}
.left-about1{width:80%;height:50px;background:linear-gradient(to top right, #000, #696969)  #696969; 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: #a7a7a7;line-height: 35px;    display: block;letter-spacing: 2px;} 
.left-about2 ul li a.active{color:#fff;font-weight: bold;}


.left-news{width:260px;height:auto;background-color: #fff;}
.left-news1{width:80%;height:50px;background:linear-gradient(to top right, #000, #696969) #696969; padding-left:20px;padding-right:20px;}
.left-news1 span{font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 50px;
    letter-spacing: 2px;}
.left-news1 img{float: right;margin-right: 5px;margin-top:8px;}
.left-news2 {width:80%;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:260px;height:auto;background-color: #fff;}
.left-contact1{width:80%;height:50px;background:linear-gradient(to top right, #000, #696969) #696969; padding-left:20px;padding-right:20px;}
.left-contact1 span{font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 50px;
    letter-spacing: 2px;}
.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:260px;background-color: #fff;}
.left-pro1{width:80%;height:50px;background:linear-gradient(to top right, #000, #696969)  #696969; padding-left:20px;padding-right:20px;}
.left-pro1 span{font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 50px;
    letter-spacing: 2px;}
.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:70%;height:35px;margin:10px 0;background:url('../images/pro-arrow.png') no-repeat center left;padding-left:40px;}
.left-pro2 ul li a{color: #a7a7a7;line-height: 35px;    display: block;letter-spacing: 2px;} 
.left-pro2 ul li a.active{color:#fff;font-weight: bold;}

.right-title{
	width:840px;height:40px;position: relative;border-bottom: 1px solid #34383f;padding-left: 30px;
	}
.right-title:before{
	content:"";width:8px;height:28px;top:5px;left:8px;background-color: #34383f;position: absolute;
}
.right-title span{font-size:18px;line-height: 35px;letter-spacing: 2px;}
.right-title1{
	width: auto;float: right;    line-height: 40px;
	}
.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:0px;
}
.right-content2{padding:20px 0;}
.right-content1{    margin-top: 30px;}
.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:98%;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;}

.bool_add{margin-top: 10px;}
.book_add li{margin-bottom: 10px;}
.book_add li span{    width: 70px;
    display: inline-block;}



@keyframes heightUp{
		0%{height: 0px;background-color: #48aaec;}50%{height: 50px;background-color: #1d94e5;}100%(height:0px;background-color: #2b97e0;}
}