@charset "utf-8";
/************************************home****************************************/
*{margin: 0px;padding: 0px;font-family: "PingFang SC","Microsoft YaHei",HelveticaNeue-Thin,"Helvetica Neue",Helvetica,Arial;}
body{font-size: 14px;overflow-x:hidden;margin: 0 auto;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0px;padding:0px;}
h1{color:#333333;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,p,span{font-size:16px;}
p{color:#333333;}
ul,li{list-style:none;}
button{border:none;}
input{background:none;outline:none;border:0px;}
textarea {
    resize: none;
    overflow: auto;
}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
img {border: none;}
a{text-decoration:none;color:#333333;}
a:hover{text-decoration:none;}

.content{width: 50%;margin: 0 auto;}
@media only screen and (max-width:1920px){
	.content{padding: 0 40px;width:65%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;}
}
@media only screen and (max-width:1440px){
	.content{width: 90%;}
}
@media only screen and (max-width:1024px){
	.content{width: 90%;padding: 0;}
}
@media only screen and (max-width:768px){
	.content{width: 96%;}
}

/*head&nav*/
.header{width:100%;position:fixed;box-shadow: 0 0 15px #eee; top:0; left:50%; z-index:9999;background-color: #fff;
	transform: translateX(-50%);
	-ms-transform:translateX(-50%); 
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.header .logo{width:auto;float: left;height: 46px;margin: 20px 0;}
.header .logo img{width:auto; height:100%;}

.animenu{ display: block;width: 620px;float: right;}
.animenu ul { padding: 0;list-style: none; font: 0px 'Open Sans', Arial, Helvetica;}
.animenu li, .animenu a { display: inline-block;font-size: 16px;}
.animenu a {color: #666666;text-decoration: none;}
.animenu__nav {}
.animenu__nav > li {position: relative;}
.animenu__nav > li > a {padding: 34px 20px;text-transform: uppercase;font-size: 18px;font-weight: bold;color: #333333;font-weight: bold;}
.animenu__nav li a.on{background-color: #992113;}
.animenu__nav > li:hover > ul {opacity: 1;visibility: visible;margin: 0;}
/*---------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;box-shadow: 0 0 10px #ccc;display: none;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:18px}
.sp_nav span{display:block;background:#333;width:24px;height:1px;position:absolute;left:10px;
	transition:all ease 0.35s;
	-moz-transition: all ease 0.35s;
	-webkit-transition: all ease 0.35s;
	-o-transition: all ease 0.35s;
}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:10px;
	transform:rotate(45deg);
	-moz-transition:rotate(45deg);
	-webkit-transition:rotate(45deg);
	-o-transition:rotate(45deg);
	
}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;
	transform:rotate(-45deg);
	-moz-transition:rotate(-45deg);
	-webkit-transition:rotate(-45deg);
	-o-transition:rotate(-45deg);
}
.sjj_nav{position:fixed;z-index:9;background:#f8f8f8;width:100%;height:calc(100% - 104px);font-size:14px;font-weight: bold;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;
	transition:top ease 0.35s;
	-moz-transition:top ease 0.35s;
	-webkit-transition:top ease 0.35s;
	-o-transition:top ease 0.35s;
}
.nav_show{top:50px}
.sjj_nav ul li{border-top:1px #eee solid;padding-left: 10px;;position:relative;line-height:40px;font-size:16px;font-weight: bold;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#006385}
.sjj_nav ul li ul li>ul{margin-left:10px}

.H{height:50px;}

@media only screen and (max-width:768px){
    .header{display: none;}
	div.sp_header{display: block;}
	.H{height:0px;}
}
/*------手机站导航结束-------*/

/********************************first*************************************/
.homeFirstBox{height: 100vh;
	display: -webkit-box;    
	display: -moz-box;       
	display: -ms-flexbox;    
	display: -webkit-flex;    
	display: flex;  
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.homeFirstBox .content{
	display: -webkit-box;    
	display: -moz-box;       
	display: -ms-flexbox;    
	display: -webkit-flex;    
	display: flex;
	justify-content: space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
}
.homeFirstBox .content .L-txt{width: 60%;padding-right: 80px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;    
	display: -moz-box;       
	display: -ms-flexbox;    
	display: -webkit-flex;    
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
}
.homeFirstBox .content .L-txt .imgBox{width: auto;height: 56px;}
.homeFirstBox .content .L-txt .imgBox img.yc{display: none;}
.homeFirstBox .content .L-txt .imgBox img{width: auto;height: 100%;margin-bottom: 30px;}
.homeFirstBox .content .L-txt p{font-size: 18px;margin-top: 30px;line-height: 32px;}
.homeFirstBox .content .R-img{width:32%;box-shadow: 0 0 20px #eee;position: relative;}
.homeFirstBox .content .R-img::after{content: "";width: 100%;height: 100%;background-color: #f8f8f8;position: absolute;top: 20px;left: -60px;z-index: -1;}
.homeFirstBox .content .R-img::before{content: "";display: block;width: 80%;height: 80%;position: absolute;border: solid 1px #fff;top: 10%;left: 10%;color: #fff;padding: 10%;box-sizing: border-box;font-size: 20px;opacity: 0;
	transform: scale(1.02);
	-ms-transform:scale(1.02);
	-moz-transform:scale(1.02);
	-webkit-transform:scale(1.02);
	-o-transform:scale(1.02);
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.homeFirstBox .content .R-img img{display: block;width: 100%;}
.homeFirstBox .content .R-img:hover::before{opacity: 1;
	transform: scale(1);	
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.homeFirstBox .content a.more{display: none;}
@media only screen and (max-width:1440px){
	.homeFirstBox .content .R-img{width: 30%;}
}
@media only screen and (max-width:768px){
	.homeFirstBox{height: auto;padding-top: 60px;padding-bottom: 40px;}
	.homeFirstBox .content{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.homeFirstBox .content .L-txt{width: 100%;padding: 0;}
	.homeFirstBox .content .L-txt .imgBox{margin-bottom: 20px;margin-top: 30px;}
	.homeFirstBox .content .L-txt p{margin-bottom: 30px;}
	.homeFirstBox .content .R-img{width: 100%;height: 350px;overflow: hidden;border-radius: 10px;}
	.homeFirstBox .content .R-img::after{opacity: 0;}
	.homeFirstBox .content .R-img::before{opacity: 0;}
	.homeFirstBox .content .R-img:hover::before{opacity: 0;}
	.homeFirstBox .content .R-img img{}
	.homeFirstBox .content a.more{display: block;width: 160px;height: 40px;border: solid 1px #666;line-height: 40px;text-align: center;margin: 40px 0;}
}
@media only screen and (max-width:425px){
	.homeFirstBox .content .L-txt .imgBox{width:auto;height: 46px;margin-bottom: 0px;height: auto;}
	.homeFirstBox .content .L-txt .imgBox img{display: none}
	.homeFirstBox .content .L-txt .imgBox img.yc{display: block;width: auto;height: 80px;}
	.homeFirstBox .content .L-txt p{font-size: 16px;line-height: 28px;}
	.homeFirstBox .content .R-img{height: 200px;}
}

/******************************bottom***********************************/
.syBottomBox{background: url( "../images/dbbj.jpg") repeat;background-size: 100% 100%; padding: 60px 0 0;}
.syBottomBox .content{padding-bottom: 60px;position: relative;
	display: -webkit-box;    
	display: -moz-box;       
	display: -ms-flexbox;    
	display: -webkit-flex;    
	display: flex; 
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}
.syBottomBox .content ul.ul1{width: 25%;}
.syBottomBox .content ul.ul2{width: 25%;}
.syBottomBox .content ul.ul3{width: 40%;}
.syBottomBox .content ul li{font-size: 18px;font-weight: bold;color: #fff;line-height: 28px;width: 100%;}
.syBottomBox .content ul li:first-child{margin-bottom: 10px;}
.syBottomBox .content ul li a{font-size: 16px;color: #fff;line-height: 30px; font-weight: normal;}
.syBottomBox .content ul li p{color: #fff;font-weight: normal;}
.syBottomBox .content ul li a:hover{color: #00beff;}

.syBottomBox .content ul.ul3 li p{line-height: 30px;font-size: 16px;}
.syBottomBox .content ul.ul2 li a{opacity: .8}
.syBottomBox .content ul.ul2 li a:hover{opacity: 1}
.syBottomBox .content ul.ul2 li:nth-of-type(2){margin-top: 30px;}
.syBottomBox .content ul.ul2 li:nth-of-type(2) a{display: inline-block;float: left;width: 30px;height: 30px;margin-right: 20px;}
.syBottomBox .content ul.ul2 li:nth-of-type(2) a img{width: 100%;height: 100%;}


.bq-p{position: absolute;bottom: 10px;left: 0; width: 60%;display:block;clear: both;color: #fff; opacity: .8;padding-left: 3%;}
.bq-P a{color: #fff;font-weight: normal;}
@media only screen and (max-width:1024px){
	.bq-p{padding: 0;}
}
@media only screen and (max-width:768px){
	.syBottomBox{padding: 30px 0 0;background: #006385;}
	.syBottomBox .content{padding-bottom:60px;}
	.syBottomBox .content ul.ul1{display: none;}
	.syBottomBox .content{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.syBottomBox .content ul.ul2{width: 100%;padding: 0;margin: 0;margin-top: 30px;}
	.syBottomBox .content ul.ul3{width: 100%;margin-top: 20px;}
	.bq-p{width: 100%;}
}
@media only screen and (max-width:425px){
	.syBottomBox .content ul li{font-size: 18px;}
	.syBottomBox .content ul li a{font-size: 14px;}
	.syBottomBox .content ul.ul3 li p{font-size: 14px;}
	.syBottomBox .content ul.ul2 li:nth-of-type(2){margin-top: 10px;}
	.syBottomBox .content ul.ul2 li:nth-of-type(2) a{width: 30px;height: 30px;}
	.bq-p{font-size: 14px;}
}
/******************************Inside page: About***********************************/
.inAboutBox{padding: 100px 0;}
.inAboutBox .content{
	display: -webkit-box;    
	display: -moz-box;       
	display: -ms-flexbox;    
	display: -webkit-flex;    
	display: flex;   
}
.inAboutBox .content .L-txt{width: 65%;padding-right: 100px;
	display: -webkit-box;    
	display: -moz-box;       
	display: -ms-flexbox;    
	display: -webkit-flex;    
	display: flex; 
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
}
.inAboutBox .content .L-txt .img{display: block;width: auto;height: 46px;margin-bottom: 30px;}
.inAboutBox .content .L-txt .img img{display: block;width: auto;height: 100%;}
.inAboutBox .content .L-txt p{font-size: 18px;line-height: 28px;}
.inAboutBox .content .R-img{width: 35%}
.inAboutBox .content .R-img img{width: 100%;height: auto;}

@media only screen and (max-width:768px){
	.inAboutBox{padding: 80px 0 40px;}
	.inAboutBox .content{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.inAboutBox .content .L-txt{width: 100%;padding: 0;margin-bottom: 30px;}
	.inAboutBox .content .R-img{width: 100%;height: 350px;overflow: hidden;border-radius: 10px;}
	.inAboutBox .content .R-img img{
		transform: translateY(-40%);
		-ms-transform:translateY(-40%); 
		-moz-transform:translateY(-40%);
		-webkit-transform:translateY(-40%);
		-o-transform:translateY(-40%);
	}
}
@media only screen and (max-width:425px){
	.inAboutBox .content .L-txt{margin-bottom: 20px;}
	.inAboutBox .content .L-txt p{font-size: 14px;line-height: 24px;}
	.inAboutBox .content .L-txt .img{height: 24px;}
	.inAboutBox .content .R-img{height: 200px;}
}
/******************************Inside page: PORTFOLIO***********************************/
.inPortfolioBox{padding: 140px 0 0;}
.inPortfolioBox .imgBt{height: 46px; margin-bottom: 100px;}
.inPortfolioBox .imgBt img{display: block;height: 100%;margin: 0 auto;}
.inPortfolioBox .content{}
.inPortfolioBox .content li{margin-bottom: 140px;
	display: -webkit-box;    
	display: -moz-box;       
	display: -ms-flexbox;    
	display: -webkit-flex;    
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}
.inPortfolioBox .content li .imgBox{width: 15%;}
.inPortfolioBox .content li .imgBox img{display:block;width: 100%;}
.inPortfolioBox .content li .pBox{width: 51%;}
.inPortfolioBox .content li .pBox p{font-size: 18px;line-height: 32px;color: #333; text-align: left;}
.inPortfolioBox .content li .tabBox{width: 15%;}
.inPortfolioBox .content li .tabBox a{display: inline-block;float: right;width: 36px;height: 36px;margin-left: 40px;}
.inPortfolioBox .content li .tabBox a:nth-child(2){margin-left: 0;}
.inPortfolioBox .content li .tabBox a img{display: block;width: 100%;height: 100%;
	transform: scale(1);
	-ms-transform:scale(1); 
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
	transition: transform 0.3s;
	-moz-transition:transform 0.3s;
	-webkit-transition:transform 0.3s;
	-o-transition: transform 0.3s;
}
.inPortfolioBox .content li .tabBox a:hover img{
	transform: scale(1.1);
	-ms-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	transition: transform 0.3s;
	-moz-transition:transform 0.3s;
	-webkit-transition:transform 0.3s;
	-o-transition: transform 0.3s;
}

@media only screen and (max-width:768px){
	.inPortfolioBox{padding: 120px 0 0;}
	.inPortfolioBox .imgBt{margin-bottom: 60px;}
	.inPortfolioBox .content li{margin-bottom: 80px;}
	.inPortfolioBox .content li .imgBox{width: 15%;}
	.inPortfolioBox .content li .pBox{width: 66%;margin-left: 10px;}
	.inPortfolioBox .content li .pBox p{font-size: 14px;line-height: 24px;}
	.inPortfolioBox .content li .tabBox{width: 15%}
	.inPortfolioBox .content li .tabBox a{width: 24px;height: 24px;margin-left: 10px;}
}
@media only screen and (max-width:425px){
	.inPortfolioBox .imgBt{height: 24px;}
	.inPortfolioBox .content li{border-bottom: solid 1px #eee;padding-bottom: 40px;margin-bottom: 40px;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.inPortfolioBox .content li .imgBox{width: 30%;}
	.inPortfolioBox .content li .pBox{width: 100%;margin: 10px 10px 0 10px;}
	.inPortfolioBox .content li .tabBox{width: 100%;margin-top: 10px;
		display: -webkit-box;    
		display: -moz-box;       
		display: -ms-flexbox;    
		display: -webkit-flex;    
		display: flex;  
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		justify-content: center;
	}
	.inPortfolioBox .content li .tabBox a{margin: 0 20px;width: 30px;height: 30px;}
}

/******************************Inside page: research***********************************/
.inResearchBox{padding: 100px 0;}
.inResearchBox .imgBt{height: 46px;margin-bottom: 60px;}
.inResearchBox .imgBt img{display: block;height: 100%;}
.inResearchBox .content{
	display: -webkit-box;    
	display: -moz-box;       
	display: -ms-flexbox;    
	display: -webkit-flex;    
	display: flex;
}
.inResearchBox .content .L-list{width: 65%;padding-right: 40px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;    
	display: -moz-box;       
	display: -ms-flexbox;    
	display: -webkit-flex;    
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
}
.inResearchBox .content .L-list li{padding: 10px 30px 40px;box-sizing: border-box;border-radius:0px;position: relative;border-bottom: solid 1px #eee;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.inResearchBox .content .L-list li:hover{background-color: #006385;border-radius:10px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.inResearchBox .content .L-list li a{position: relative;}
.inResearchBox .content .L-list li a .txt{display: inline-block;width: calc(100% - 40px);float: left;font-size: 20px;line-height: 32px;color: #333; position: relative;
	transform: translateY(10px) translateX(-25px);
	-ms-transform:translateY(10px) translateX(-25px);
	-moz-transform:translateY(10px) translateX(-25px);
	-webkit-transform:translateY(10px) translateX(-25px);
	-o-transform:translateY(10px) translateX(-25px);
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.inResearchBox .content .L-list li:hover a .txt{color: #fff;
	transform:  translateY(0px) translateX(0px);
	-ms-transform: translateY(0px) translateX(0px);
	-moz-transform: translateY(0px) translateX(0px);
	-webkit-transform: translateY(0px) translateX(0px);
	-o-transform: translateY(0px) translateX(0px);
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.inResearchBox .content .L-list li a .txt::after{content: "Read More >";display: block;position: absolute;top:100%;left: 0;font-size: 14px;display: none;}
.inResearchBox .content .L-list li:hover a .txt::after{display: block;}
.inResearchBox .content .L-list li a img{display: inline-block;width:20px;height: 20px;float: left;margin-top: 6px;margin-right: 10px;}
.inResearchBox .content .R-img{width:35%;}
.inResearchBox .content .R-img img{display: block;width: 100%;}

.fanye{display: flex;margin-top: 30px;}
.fanye a{display: inline-block;float: left;width: auto;height: 40px;border: solid 1px #aaa;color: #333;line-height: 40px;min-width: 40px;text-align: center;padding: 0 10px;box-sizing: border-box;margin-right: 10px;}
.fanye a:hover{background-color: #56bdcc;border-color: #56bdcc;color: #fff;}

@media only screen and (max-width:768px){
	.inResearchBox{padding: 100px 0 40px;}
	.inResearchBox .content .L-list{width: 100%;padding: 0;}
	.inResearchBox .content .R-img{display: none}
	.inResearchBox .content .L-list li{padding: 10px;padding-bottom: 30px; box-sizing: border-box;}
	.inResearchBox .content .L-list li:hover{background-color: transparent;}
	.inResearchBox .content .L-list li a .txt{width: 100%;font-size: 18px;line-height: 28px; 
		transform:  translateY(0px) translateX(0px);
		-ms-transform: translateY(0px) translateX(0px);
		-moz-transform: translateY(0px) translateX(0px);
		-webkit-transform: translateY(0px) translateX(0px);
		-o-transform: translateY(0px) translateX(0px);
	}
	.inResearchBox .content .L-list li:hover a .txt{color: #333;}
	.inResearchBox .content .L-list li a .txt::after{display: block;color: #aaa;}
}
@media only screen and (max-width:425px){
	.inResearchBox .imgBt{height: 24px;margin-bottom: 30px;}
	.inResearchBox .imgBt img{margin: 0 auto;}
}
/******************************Inside page: contact***********************************/
.inContactBox{padding: 100px 0;}
.inContactBox .content{
	display: -webkit-box;    
	display: -moz-box;       
	display: -ms-flexbox;    
	display: -webkit-flex;    
	display: flex;  
}
.inContactBox .content .L-txt{width:64%;padding-left: 30px;padding-right: 30px;box-sizing: border-box;display: -webkit-box;    
	display: -moz-box;       
	display: -ms-flexbox;    
	display: -webkit-flex;    
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
}
.inContactBox .content .L-txt .img{width: 90%;height:46px;margin-bottom: 30px;}
.inContactBox .content .L-txt .img img{display: block;width: auto;height: 100%;}
.inContactBox .content .L-txt p{font-size: 18px;color: #333; line-height: 32px;position: relative;}
.inContactBox .content .L-txt p a{font-weight: bold;font-size: 16px;color: #006385;}
.inContactBox .content .L-txt p a:hover{color: #0036c2;}
.inContactBox .content .L-txt p::before{content:"";display: block;position: absolute;left: -20px;top: 16px;width: 4px;height: 4px;border-radius: 50%;background-color: #333;}
.inContactBox .content .L-txt .icon{margin: 30px 0;
	display: -webkit-box;    
	display: -moz-box;       
	display: -ms-flexbox;    
	display: -webkit-flex;    
	display: flex;}
.inContactBox .content .L-txt .icon a{width: 30px;height: 30px;margin-right: 20px;}
.inContactBox .content .L-txt .icon a img{width: 100%;}
.inContactBox .content .R-from{width: 36%;padding-left: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;}
.inContactBox .content .R-from img{display: block;width: 100%;height: auto;}

@media only screen and (max-width:768px){
	.inContactBox{padding: 80px 0 40px;}
	.inContactBox .content{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.inContactBox .content .L-txt{width: 100%;padding: 0;}
	.inContactBox .content .R-from{width: 100%;margin-top: 20px;padding-left: 0px;height: 350px;overflow: hidden;border-radius: 10px;}
	.inContactBox .content .R-from img{margin-top: 50%;
		transform: translateY(-50%);
		-ms-transform:translateY(-50%); 
		-moz-transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-o-transform:translateY(-50%);
	}
}
@media only screen and (max-width:425px){
	.inContactBox .content .L-txt .img{height: 24px;margin-bottom:20px;}
	.inContactBox .content .L-txt p{font-size: 14px;}
}

/***************详情***************/
.xqBox{padding: 140px 0;}
.xqBox .content{}
.xqBox .content h1{font-size: 40px;text-align: center;line-height: 60px;margin-bottom: 40px;}
.xqBox .xqtime{height: auto;padding: 20px 0; 
	display: -webkit-box;    
	display: -moz-box;       
	display: -ms-flexbox;    
	display: -webkit-flex;    
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content:  space-between;
	-moz-justify-content:  space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}
.xqBox .xqtime .xqby{font-size: 18px;margin-right: 10px;margin-bottom: 10px;}
.xqBox .xqtime .xqgxsj{color: #aaa;margin-right: 10px;margin-bottom: 10px;}
.xqBox .xqtime .xqfx{margin-bottom: 10px;
	display: -webkit-box;    
	display: -moz-box;       
	display: -ms-flexbox;    
	display: -webkit-flex;    
	display: flex;}
.xqBox .xqtime .xqfx a{width: 30px;height: 30px;margin-right: 10px;}
.xqBox .xqtime .xqfx a img{width: 100%;}
.xqBox .content .txtAimg{overflow: hidden;}
.xqBox .content .txtAimg img{width: 300px;display: inline;float: left;margin: 0px 46px 30px 0;}
.xqBox .content .txtAimg p{display: inline;font-size: 18px;line-height: 32px;font-weight: normal;}

@media only screen and (max-width:768px){
	.xqBox{padding: 140px 0 100px;}
	.xqBox .content h1{font-size:34px;}
	.xqBox .xqtime .xqby{font-size: 14px;}
	.xqBox .xqtime .xqgxsj{font-size: 14px;}
	.xqBox .content .txtAimg img{width: 40%;margin: 0 20px 10px 0;}
	.xqBox .content .txtAimg p{font-size: 16px;line-height: 30px;color: #666;}
}
@media only screen and (max-width:540px){
	.xqBox .xqtime{background-color: #f8f8f8;padding:10px;padding-bottom: 0; margin-bottom: 10px;}
}
@media only screen and (max-width:425px){
	.xqBox{padding: 80px 0 40px;}
	.xqBox .content h1{font-size: 20px;line-height: 48px;margin-bottom:10px;}
	.xqBox .content .txtAimg img{width: 40%;margin: 0 10px 5px 0;}
	.xqBox .content .txtAimg p{font-size: 14px;line-height: 24px;}
}