body,input,b,c,e,i,g,p,dl,dt,dd,select,textarea,font,right,left{font-size: 14px; margin:0; padding:0;color:#666; font-family:Microsoft YaHei,Arial, Helvetica, sans-serif;font-weight: normal;}
body,html{height:100%;position:relative;width: 100%;background-color: #fff;}


a{color:#dcd2bd; text-decoration:none;cursor:pointer;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; }
/*a:visited{text-decoration: none; outline:none;}*/
a:hover{text-decoration:none; color:#fff; }
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px; font-weight: normal;}
h1{font-size:16px;}
h5{font-size:12px;}
.font-Opens{font-family: "Opensans-Regular";}
.part_title {font-family: "OpenSans-Bold";font-size: 40px;line-height: 48px;}
.read_more {display: block;font-family: "OpenSans-Bold";font-size: 16px;width: 180px;height: 48px;text-align: center;line-height:48px;text-transform: uppercase;color: #fff;border-radius: 30px;box-sizing: border-box;background-color: #0194da;}
.read_more:hover {background-color: #0194da;color: #FFF;text-decoration: none;}
.trans { -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }
.fl{float:left;}
.fr{float:right;}
.dummy {padding-top: 100%;}
.dummy2 {padding-top: 71%;}
.dummy3 {padding-top: 35%;}
.dummy4 {padding-top: 75%;}
.hov_up {
  transition: .5s;
}
.hov_up:hover{
	transform:translateY(-10px);
	box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.mr-5-r{ margin-right: 5%;}
.mr-5-l{ margin-left: 5%;}
.flex {
  display: flex;
  flex-flow: row wrap;
}
.ovh{overflow: hidden;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



@keyframes mouse-dot {
  from { opacity: 0; }
  33% { opacity: 1; }
  to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

@-webkit-keyframes mouse-dot {
  from { opacity: 0; }
  33% { opacity: 1; }
  to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

/*ͼƬ·Å´ó*/
.fangda{ overflow: hidden;transition: all .5s;}
.fangda:hover{ transform:scale(1.05);-webkit-transform:scale(1.05);}
.icb{overflow: hidden;}
.icb img{transition: all .5s;}
.icb:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}

.icb1{overflow: hidden;}
.icb1 img{transition: all .5s;}
.icb1:hover img{-webkit-transform: scale(1.08);transform: scale(1.08);}

.wrap{ max-width: 1400px; margin:0 auto; padding: 0 20px;}
.header{ width: 100%; display: flex;justify-content: center;display: -webkit-flex;-webkit-align-items: center;align-items: center; position: relative; height: 100px; margin-top: 60px;}
.header .logo{display: block; float: left; margin-right: 15px;}
.header .logo img{display: block;width: auto;height: 75px; margin: 0 auto;}
.header h2{ font-size: 36px; font-family: 'Times New Roman', Times, serif; line-height: 100px; color: #232323; float: left; font-weight: bold;}

.txt{ padding: 40px 0 40px 0;}

.txt .left{ width: 70%; float: left; }
.txt .left p{ font-size: 16px; line-height: 2; margin-bottom: 20px; text-indent: 2em;}
.txt .right{ width: 25%; float: right; }
.txt .right .img{ width: 100%; margin-bottom: 30px;}
.txt .right .img img{ width: 100%; height: auto;}


.tu{width: 100%; text-align: center; padding-bottom: 30px;}
.tu img{max-width: 100%;  height: auto;}

@media screen and (max-width:768px) { 
  .header{ margin-top: 20px;}
  .header h2{font-size:20px; line-height: 24px;}
  .txt{ padding: 10px 0;}
  .txt .left{width: 100%;}
  .txt .right{width: 100%;}
}