@charset 'utf-8';



* {

	margin: 0;

	padding: 0;

}

body {

	max-width: 1920px;

	margin: 0 auto;

	color: #333;

	font-size: 14px;

	background-color: #fff;

	font-family: "Microsoft YaHei","Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", SimHei, "\5B8B\4F53", simsun, sans-serif;

}

ul,ol {

	list-style: outside none none;

}

li {

	list-style-type: none;

}

a {

	color: #333;

	text-decoration: none;

}

a:hover {

	color: #f34a0f;

}

hr {

	border: none;

}

@font-face {

	font-family: 'heavy';

	src: url('../font/heavy.eot');

	src: url('../font/heavy.eot?#iefix') format('embedded-opentype');

	src:url('../font/heavy.woff') format('woff'), url('../font/heavy.ttf') format('truetype'), url('../font/heavy.svg#heavy') format('svg'),local('heavy');

	font-weight: normal;

	font-style: normal;

}

@font-face{
	font-family:"Source-light";
	src:url("SourceHanSansCN-ExtraLight.otf") format("opentype");
}
@font-face{
	font-family:"Source-regular";
	src:url("SourceHanSansCN-Regular.otf") format("opentype");
}

.none {

	display: none;

}

.clear {

	clear:both;

}

.clearfix:after {

	content: ""; 

	display: block; 

	height:0; 

	clear:both; 

	visibility: hidden;

}

.clearfix { *zoom:1; }



.main_width {

	width: 100%;

	max-width: 1200px;

	margin: 0 auto;

}

/*头部公共部分*/

.header {



}

.header .top {

	width: 100%;

	height: 40px;

	line-height: 40px;

	background: #f5f5f5;

}

.header .top .welcome {

	font-size: 16px;

	color: #666;

	display: inline-block;

	float: left;

}

.header .top .ch_en {

	display: inline-block;

	float: right;

}

.header .top .ch_en a {

	font-size: 14px;

	display: inline-block;

	margin-left: 5px;

	margin-right: 5px;

}

.header .nav {

	height: 9vw;

	max-height: 110px;

	position: relative;

}

.header .nav .logo {

	float: left;

	height: 100%;

}

.header .nav .logo img {

	height: 100%;

}

.header .nav  ul {

	display: inline-block;

    position: absolute;

    right: 0px;

    top: 50%;

    height: auto;

    margin-top: -25px;

}



.header .nav  ul li {

	display: inline-block;

	margin-left: 3vw;

	float: left;

	z-index: 9999;

}

.header .nav  ul li:last-child {

	/*display: none;*/

}

.header .nav  ul li a {

	display: inline-block;

	height: 55px;

    line-height: 55px;

    box-sizing: border-box;

    padding: 0px 10px;

    font-size: 16px;

    color: #333;

    position: relative;

}

.header .nav  ul li>a:hover,

.header .nav  ul li>a.cur {

	color: #000;

	border-bottom: 2px solid #f34a0f;

}

.header .nav .sub_list {

	width: 133px;

	z-index: 9999;

}

.header .nav .sub_list a {

	width: 100%;

	height: 40px;

	line-height: 40px;

	text-align: center;

	margin-bottom: 0px;

	background: #a40000;

	background: #fafafa;

	font-size: 14px;

}

.header .nav ul li div {

	display: block;

	z-index: 9999;

	position: absolute;

	display: none;

}

.header .nav ul li div a:hover {

	color: #f34a0f;

}

.header_m {

	display: none;

}

.header_m {

	height: 55px;

	text-align: center;

	color: #fff;

	font-weight: normal;

	vertical-align: middle;

	text-align: center;

	overflow: hidden;

}

.header_m .logo {

	height: 100%;

	display: inline;

	float: left;



}

.header_m .logo img {

	height: 100%;

	display: inline-block;

}

.flbox {

	position: relative;

	margin-right: 0px;

	width: 60px;

	height: 55px;

	float: right;

	cursor: pointer;

	opacity: 0.9;

}



.flbox span {

	display: block;

	position: absolute;

	height: 5px;

	top: 25px;

	left: 8px;

	right: 8px;

	background-color: #f34a0f;

	box-sizing: border-box;

}



.flbox span:before,.flbox span:after {

	content: "";

	display: block;

	position: absolute;

	width: 100%;

	height: 5px;

	background: #f34a0f;

}



.flbox span:before {

	top: -10px;

}



.flbox span:after {

	bottom: -10px;

}



#sideMenuContainer {

  background: #222222;

  position: fixed;

  top: 55px;

  right: -150px;

  width: 150px;

  z-index: 4;

  opacity: 0.9;

}

#sideMenuContainer a:last-child {

	display: none;

}

#sideMenuContainer > a {

  display: block;

  padding: 10px;

  color: #fff;

  font-size: 17px;

  border-bottom: 1px solid white;

}

#sideMenuContainer > a:hover {

	background-color:#ffffff;

	color:black;	

}

/*搜索栏与最新资讯*/

.search_box{

	padding: 10px 0;

	margin-top: 20px;

}

.search_box .last_news{

	float: left;

}

.search_box .search_text{

	float: right;

}

.search_box .news {

	display: inline-block;

	float: left;

}

.search_box .news img {

	vertical-align: middle;

	position: relative;

	top: -3px;

}

.search_box .news a {

    color: #333;

    font-size: 14px;

    font-family: "Microsoft YaHei";

    line-height: 30px;

    display: inline-block;

}

.last_news ul{

	height: 30px;

	line-height: 30px;

	margin-left: 10px;

	overflow: hidden;



}

.last_news ul a{

	display: inline-block;

	color: #666;

}

.last_news ul a:hover{

	color: #DE0000;

}

.search_text .search_key{

	float: left;

	line-height: 34px;

}

.search_text .search_input{

	float: left;

	border: 1px solid #f34a0f;

	padding: 0 50px 0 10px;

	height: 34px;

	line-height: 34px;

	border-radius: 5px;

	margin-left: 20px;

	position: relative;

}



.search_key b{

	font-size: 14px;

	color: #666;

}

.search_key a{

	padding: 0 5px;

	color: #666;

}

.search_input input{

	border: none;

	outline: none;

	padding: 0 10px;

	background: none;

}

.search_input button {

	position: absolute;

	top: 0;

	right: 0;

	display: inline-block;

	background-size: cover;

	width: 28px;

	height: 34px;

	border-top-right-radius: 4px;

	border-bottom-right-radius: 4px;

	line-height: 0;

	padding-left: 10px;

	width: 50px;

	border:none;

	cursor: pointer;

	color: #f34a0f;

	font-size: 15px;

	text-align: left;

	border-left: 1px solid #f34a0f;

	background: #fff;

}

.search_input button:hover {

	color: #fff;

	background: #f34a0f;

}

.search_input a img{

	height: 100%;

}

/****/

.en_ch_title {

	text-align: center;

	margin-top: 20px;

}

.en_ch_title .en {

	font-size: 36px;

	font-family: "Nyala";

	line-height: 1.5;

}

.en_ch_title .ch {

	font-size: 24px;

	font-family: "Microsoft YaHei";

}

/*欧冶服务*/

.service {



}

.service .nav {

	font-size: 16px;

	color: #666;

	width: 100%;

	display: block;

}

.service .nav ul {

	line-height: 50px;

	text-align: center;

	margin-top: 20px;

	margin-bottom: 20px;

}

.service .nav ul span:last-child {

	display: none;

}

.service .nav ul li {

	display: inline-block;

	position: relative;

	margin-left: 15px;

	margin-right: 15px;

}

.service .nav ul li a {

	padding: 15px 0px;

	color: #666;

}

.service .nav ul li a:hover {

	border-bottom: 1px solid #f34a0f;

}

.service .nav ul li .underline {

	position: absolute;

	width: 100%;

	height: 1px;

	bottom: 0;

	text-align: center;

	border-bottom: 1px solid red;

}

.service .nav ul li hr {

	width: 50%;

	height: 1px;

	background: #ccc;

	margin: auto;

	display: inline-block;

}

.service .list {



}

.service .list .box {

	width: 24.3%;
	margin-right:0.9%;
   margin-bottom:15px;
	float: left;

}
.service .list .box:nth-child(4n){
    margin-right:auto;
}
.service .list .box a {

	width: 100%;

	height: 100%;

	padding-top: 80%;

	position: relative;

	overflow: hidden;

	display: block;

}

.service .list .box .pic {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

}

.service .list .box .pic img {

	width: 100%;

	height: 100%;

	transition: all 0.6s;

}

.service .list .box .bg {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	background: #000;

	opacity: 0;


}

.service .list .box .txt {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	font-size: 2vw;

	color: #fff;

	text-align: center;
	/*font-family: "Source";*/

}

.service .list .box .txt p {

	position: relative;

    top: 50%;

    transform: translateY(-50%);

}

.service .list .box .txt_hover {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	color: #fff;

	text-align: center;

	display: none;
	

}

.service .list .box .txt_hover .title {

	font-size: 1.6vw;

	line-height: 2;

	margin-top: 15%;
	letter-spacing: 4px;

		font-family: "Source-regular";

}

.service .list .box .txt_hover .des {

	width: 80%;

	margin: 12px auto auto auto;

	font-size: 18px;

	line-height: 26px;

	display: -webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:3;

	overflow: hidden;
	font-family: "Source-light";

}

.service .list .box .txt_hover span {

	padding: 1px 4px;

	border: 1px solid #fff;

	display: inline-block;

	margin-top: 7%;

	font-size: 16px;
		font-family: "Source-light";

}

.service .list .box a:hover .bg {

	/*background: #f34a0f;;*/

	opacity: 0.5;
	

}

.service .list .box a:hover .txt {

	display: none;

}

.service .list .box a:hover .txt_hover {

	display: block;

}

.service .list .box a:hover img {

	transform: scale(1.1);

}

/*欧冶案例*/

.projects .list {

	margin-top: 30px;

}

.projects .list .box {

	width: 24.3%;
	margin-right:0.9%;

	float: left;
	margin-bottom: 15px;

}
.projects .list .box:nth-child(4n){
    margin-right:auto;
}

.projects .list .box a {

	width: 100%;

	height: 100%;

	padding-top: 80%;

	position: relative;

	overflow: hidden;

	display: block;

}

.projects .list .box .pic {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

}

.projects .list .box .pic img {

	width: 100%;

	height: 100%;

	transition: all 0.6s;

}

.projects .list .box .bg {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	background: #000;

	opacity: 0.3;

	display: none;

}

.projects .list .box .txt {

	width: 100%;

	height: 100%;

	color: #fff;

	position: absolute;

	top: 0;

	font-size: 2vw;

	text-align: center;

}

.projects .list .box .txt .up {

	position: relative;

    top: 50%;

    transform: translateY(-50%);

}

/*.projects .list .box .txt .down {

	position: relative;

    top: 70%;

    transform: translateY(-70%);

}*/

.projects .list .box a:hover .bg {

	display: block;

}

.projects .list .box a:hover .txt {

	display: block;

}

.case_line {

	content: "";

    display: block;

    width: 90%;

    height: 0;

    position: absolute;

    top: 50%;

    left: 5%;

    border-bottom: 2px solid #fff;

    transform: scale(0,1);

    -moz-transform: scale(0,1);

    -webkit-transform: scale(0,1);

    transition: all .6s ease-out;

    -moz-transition: all .6s ease-out;

    -webkit-transition: all .6s ease-out;

}

.projects a:hover .case_line{

	transform: scale(1);

    -moz-transform: scale(1);

    -webkit-transform: scale(1);

}

.projects a:hover img {

	transform: scale(1.1);

}

.projects .list .box .txt .up {

	font-size: 24px;

    color: #fff;

    display: block;

    width: 90%;

    margin: 0 auto;

    position: relative;

    top: 50%;

    margin-top: -50px;

    opacity: 0;

    text-align: center;

    line-height: 25px;

    padding: 10px 0;

    transform: translateY(20px);

    -moz-transform: translateY(20px);

    -webkit-transform: translateY(20px);

}

.projects .list .box .txt .down {

	font-size: 24px;

    color: #fff;

    display: block;

    width: 90%;

    margin: 0 auto;

    position: relative;

    top: 50%;

    margin-top: 10px;

    opacity: 0;

    text-align: center;

    line-height: 25px;

    padding: 10px 0;

    transform: translateY(-20px);

    -moz-transform: translateY(-20px);

    -webkit-transform: translateY(-20px);

}

.projects .list .box .txt .up {

	transition: all .4s cubic-bezier(.3,.8,.6,1) .2s;

    -moz-transition: all .4s cubic-bezier(.3,.8,.6,1) .2s;

    -webkit-transition: all .4s cubic-bezier(.3,.8,.6,1) .2s;

}

.projects .list .box a:hover .up{

	opacity: 1;

    transform: translateY(0);

    -moz-transform: translateY(0);

    -webkit-transform: translateY(0);

}

.projects .list .box .txt .down {

	transition: all .4s cubic-bezier(.3,.8,.6,1) .2s;

    -moz-transition: all .4s cubic-bezier(.3,.8,.6,1) .2s;

    -webkit-transition: all .4s cubic-bezier(.3,.8,.6,1) .2s;

}

.projects .list .box a:hover .down {

	opacity: 1;

    transform: translateY(0);

    -moz-transform: translateY(0);

    -webkit-transform: translateY(0);

}

.h_bg {

	width: 100%;

	height: 70px;

	background: #f5f5f5;

}

/*关于欧冶*/

.index_about {



}

.index_about .con {

	width: 85%;

	height: 35vw;

	display: block;

	margin: auto;

	position: relative;

	margin-top: 20px;

}

.index_about .con .pic {

	width: 47%;

	position: absolute;

	left: 0;
	top:8vh;

}

.index_about .con .pic img {

	width: 100%;

}

.index_about .con .txt {

	width: 48%;

	height: 25vw;

	background: #fff;

	border: 1px solid #ccc;

	box-shadow: 2px 2px 5px #ccc;

	position: absolute;

	right: 0;

	top: 2vw;

	box-sizing: border-box;

	padding:3%;

}

.index_about .con .txt .title {

	font-size: 1.5vw;

	color: #eb3d00;

}

.index_about .con .txt hr {

	width: 50px;

	height: 1px;

	background: #eb3d00;

	margin-top: 20px;

	margin-bottom: 10px;

}

.index_about .con .txt .des {

	font-size: 1vw;

	color: #666;

	line-height: 1.5;



}

.index_about .con .txt a {

	font-size: 1.1vw;

	padding: 10px;

	display: inline-block;

	float: right;

	transition-duration: .5s;

	-ms-transition-duration: .5s;

	-moz-transition-duration: .5s;

	-webkit-transition-duration: .5s;

}

/*联系我们*/

.index_cont {

	width: 100%;

	position: relative;

}

.index_cont .pic {

	width: 100%;

}

.index_cont .pic img {

	width: 100%;

}

.index_cont .txt {

	width: 50%;

	height: 4.5vw;

	line-height: 4.5vw;

	text-align: center;

	font-size: 1.7vw;

	color: #fff;

	border: 1px solid #fff;

	position: absolute;

	top: 35%;

	left: 50%;

	margin-left: -25vw;

}

.index_cont a {

	width: 15vw;

	height: 3.5vw;

	line-height: 3.5vw;

	font-size: 1.5vw;

	text-align: center;

	position: absolute;

	left: 50%;

	top: 65%;

	margin-left: -7.5vw;

	background: #fff;

	border-radius: 4px;

	color: #333;

	transition-duration: .5s;

	-ms-transition-duration: .5s;

	-moz-transition-duration: .5s;

	-webkit-transition-duration: .5s;

}

.index_cont a:hover {

	color: #fff;

	background: #eb3d00;

}

/*欧冶客户*/

.in_clients{

	text-align: center;

	margin-top: 20px;

}

.in_clients p span{

	display: inline-block;

	width: 10.4vw;

	height: 7vw;

	border: 0.1vw solid #e1e0e6;

	margin: 0.2vw;

	position: relative;

}

.clients_img img {

	width: 100%;

	height: 99%;

}

.in_clients p span img{

	transition: opacity 0.4s, transform 0.8s;

}

.in_clients p span img:nth-child(1){

	transform: rotateY(180deg);

    -webkit-transform: rotateY(180deg);

    opacity: 0;

}

.in_clients p span img:nth-child(2){

	position: absolute;

	top: 0;

	left: 0;

	-webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray;

}

.in_clients p span:hover img:nth-child(1){

	transform: rotateY(0deg);

    -webkit-transform: rotateY(0deg);

    opacity: 1;

}

.in_clients p span:hover img:nth-child(2){

	transform: rotateY(180deg);

    -webkit-transform: rotateY(180deg);

    opacity: 0;

}

/*新闻资讯*/

.information {

	width: 100%;

	min-height: 33vw;

	background: url(../images/index_news.jpg);

	margin-top: 20px;

	padding-top: 5px;

	padding-bottom: 20px;

}

.information .list {

	width: 90%;

	margin: auto;

	margin-top: 30px;

}

.information .list .box {

	width: 32%;

	margin-left: 0.5%;

	margin-right: 0.5%;

	background: #fff;

	box-sizing: border-box;

	padding: 1.5%;

	float: left;

}

.information .list .box .typename {

	font-size: 1.6vw;

	text-align: center;

	line-height: 2;

}

.information .list .box .first {

	margin-top: 5px;

}

.information .list .box .first .pic {

	width: 40%;

	height: 7vw;

	margin-right: 2%;

	float: left;

}

.information .list .box .first .pic img {

	width: 100%;

	height: 100%;

}

.information .list .box .first .txt {



}

.information .list .box .first .txt .title {

	font-size: 1.2vw;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

.information .list .box .first .time {

	font-size: 0.9vw;

	color: #666;

	line-height: 1.5;

}

.information .list .box .first .des {

	font-size: 1vw;

	color: #666;

	line-height: 1.5;

	display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.information .list .box .other {

	margin-top: 5px;

}

.information .list .box .other .p {

	width: 100%;

	display: block;

	line-height: 1.8;

	font-size: 1.1vw;

}

.information .list .box .other .p a {

	color: #666;

}

.information .list .box .other .p a:hover {

	color: #f34a0f;

}

.information .list .box .other .title {

	width: 70%;

	float: left;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

.information .list .box .other .time {

	display: inline-block;

	float: right;

}

.information .more {



}

.information .more a {

	width: 120px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	color: #fff;

	font-size: 14px;

	background: #ec3c00;

	display: block;

	margin: auto;

	border-radius: 4px;

	margin-top: 20px;

}

.information .more a:hover {

	box-shadow: 2px 2px 5px #ddd;

}

/*友情链接*/

.flink {

	max-width: 1200px;

	width: 100%;

	margin: auto;

	margin-top: 20px;

	margin-bottom: 20px;

	line-height: 1.5;

}

.flink li:nth-child(1) {

	margin-right: 0px;

}

.flink li {

	display: inline-block;

	float: left;

	margin-right: 15px;

}

/*底部*/

.footer {

	width: 100%;

	min-height: 450px;

	background: #f5f5f5;

	padding-bottom: 20px;

}

.footer .map {

	width: 58%;

	height: 225px;

	float: left;

	background: red;

	margin-top: 20px;

}

.footer .wetchart {

	width: 40%;

	float: right;

	text-align: center;

	margin-top: 20px;

}

.footer .wetchart img {

	width: 180px;

	height: 180px;

}

.footer .wetchart p {

	font-size: 16px;

	color: #666;

}

.footer .line {

	width: 100%;

	height: 1px;

	border-bottom: 1px solid #eee;

	margin-top: 10px;

	margin-bottom: 10px;

}

.footer .msg {

	width: 58%;

	font-size: 14px;

	color: #666;

	line-height: 1.8;

	float: left;

}

.footer .tag {

	margin-top: 20px;

	width: 40%;

	float: right;

}

.footer .tag ul {



}

.footer .tag ul li {

	float: left;

	margin: 3px;

}

.footer .tag ul li a {

	display: inline-block;

	padding: 5px 25px;

	font-size: 14px;

	color: #666;

	border: 1px solid #ccc;

}

.footer .tag ul li a:hover {

	color: #eb3d00;

	border: 1px solid #eb3d00;

}

.footer .share {

	margin-top: 20px;

}

.bdsharebuttonbox {

	display: inline-block;

}

.sr-bdimgshare {

	display: none !important;

}

/*手机版底部*/

.myfooter { 

	height:4em;  

	position:fixed; 

	left:0;  

	width:100%; 

	z-index:999; 

	bottom:0; 

	background:#2D2D2D;

	display: none;

}

.myfooter li{ 

	width:25%; 

	float:left; 

	position:relative; 

	font-size:0.9em;  

	text-align:center; 

	color:#fff; 

	line-height:1em; 

	height:5.33em; 

	box-sizing:border-box; 

	-moz-box-sizing:border-box; 

	-webkit-box-sizing:border-box; 

	-o-box-sizing:border-box;

	border-right: 1px solid rgba(255,255,255,0.2);

}

.myfooter li:last-child:before{ 

	height:0;

}

.myfooter li em{ 

	width:28.125%; 

	display:block; 

	margin:0 auto; 

	padding:0.3em 0 0.10em 0;

}

.myfooter li em img{ 

	width:28px; 

	height:auto;

}

.myfooter li a{ 

	color:#fff;

}

/*业务范围*/

.crumb {

	height: 75px;

	line-height: 75px;

}

.crumb .left {

	display: inline-block;

	float: left;

}

.crumb .left .icon {

	position: relative;

	top: 6px;

}

.crumb .left .ch {

	font-size: 24px;

	color: #eb3d00;

}

.crumb .left .en {

	font-size: 14px;

	color: 333;

	font-family: Calibri;

}

.crumb .right {

	display: inline-block;

	float: right;

}

/*二级导航*/

.son_nav {

	padding: 20px;

	box-sizing: border-box;

	border: 1px solid #eee;

	box-shadow: 2px 2px 5px #ccc;

	margin-bottom: 30px;

}

.son_nav ul {

	text-align: center;

}

.son_nav ul li {

	width: 135px;

	line-height: 2;

	display: inline-block;

}

.son_nav ul li a {

	width: 100%;

	display: block;

	font-size: 16px;

}

.son_nav ul li .a-active {

	color: #f34a0f;

}

.son_nav ul span:last-child {

	display: none;

}

/*分页*/

.page {

	height: 50px;

	line-height: 50px;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 30px;

}

.page a {

	padding: 5px 10px;

	border: 1px solid #eee;

	border-radius: 4px;

}

.page span {

	padding: 5px 10px;

	border: 1px solid #eee;

	background: #f34a0f;

	color: #fff;

	border-radius: 4px;

}

/*公共标题*/

.common_title {

	text-align: center;

}

.common_title .en {

	font-size: 36px;

	font-family: Nyala;

	line-height: 1.5;

}

.common_title .en .red {

	color: #eb3d00;

}

.common_title .ch {

	font-size: 24px;

	color: #333;

}

/*联系我们*/

.cont_main {

	width: 100%;

	margin-top: 20px;

}

.cont_main .left {

	width: 40%;

	min-height: 30vw;

	background: #eb3d00;

	float: left;

}

.cont_main .left .pic {

	width: 30%;

	float: left;

	margin-left: 10%;

	margin-top: 20%;

}

.cont_main .left .pic img {

	width: 100%;

}

.cont_main .left .txt {

	width: 60%;

	float: right;

	text-align: center;

	font-size: 16px;

	color: #fff;

	line-height: 2;

	margin-top: 20%;

}

.cont_main .right {

	width: 60%;

	height: 30vw;

	float: right;

}

#dituContent {

	width: 100%;

	height: 30vw;

}

.our_branch {

	height: 70px;

	line-height: 70px;

}

.our_branch .ch {

	font-size: 18px;

}

.our_branch .en {

	font-size: 18px;

	font-family: Nyala;

}

.our_branch .en b {

	font-weight: normal;

	color: #eb3d00;

}

.branch  {



}

.branch .box {

	width: 48%;

	margin-left: 1%;

	margin-right: 1%;

	height: 270px;

	background: url(../images/item_bg.jpg);

	background-size: 100% 270px;

	box-sizing: border-box;

	padding: 20px;

	float: left;

	margin-bottom: 30px;

}

.branch .box h3 {

	font-size: 18px;

	font-weight: normal;

	margin-top: 10px;

	text-indent: 5px;

	line-height: 2;

}

.branch .box p {

	font-size: 14px;

	color: #666;

	line-height: 2;

}

.branch .box p img {

	position: relative;

	top: 5px;

	margin-right: 5px;

}

.branch .box3 {

	background: url(../images/three.jpg) no-repeat;

	background-size: 100% 270px;

}

/*欧冶概况*/

.about_intro {

	width: 100%;

	height: 25vw;

	margin-top: 30px;

}

.about_intro .pic {

	width: 60%;

	height: 100%;

	float: left;

}

.about_intro .pic img {

	width: 100%;

	height: 100%;

}

.about_intro .txt {

	width: 40%;

	height: 100%;

	float: right;

	color: #fff;

	background: #eb3d00;

	box-sizing: border-box;

}

.about_intro .txt .main {

	width: 60%;

	margin: auto;

	margin-top: 6vw;

}

.about_intro .txt h2 {

	font-size: 22px;

	line-height: 2;

}

.about_intro .txt .line {

	width: 50px;

	height: 1px;

	border-bottom: 3px solid #fff;

	margin-top: 10px;

	margin-bottom: 10px;

}

.about_intro .txt p {

	font-size: 14px;

	line-height: 2;

}

.about_detail {

	width: 100%;

	padding-top: 20px;

}

.about_detail .left {

	width: 60%;

	float: left;

	line-height: 1.8;

	font-size: 14px;

	color: #666;

	padding-top: 30px;

}

.about_detail .right {

	width: 35%;

	float: right;

}

.about_detail .right img {

	width: 100%;

	max-width: 400px;

}





/*欧冶理念*/

.about_idea {

	max-width: 100%;

	width: 100%;

	background: #f9f9f9;

	padding-top: 30px;

}

.n-idea {

	min-width: 1200px;

	padding-bottom: 10px

}



.n-idea .lista .f9-bg {

	padding-top: 142px;

	padding-bottom: 135px

}



.n-idea .lista .wimgbox {

	position: relative;

	width: 1120px;

	margin: 0 auto

}



.n-idea .lista .wimgbox .li {

	position: absolute;

	width: 200px

}



.n-idea .lista .wimgbox .li .h-li {

	font-size: 20px;

	line-height: 25px;

	margin-bottom: 5px;

	color: #eb3d00;

	font-weight: bold

}



.n-idea .lista .wimgbox .li .p {

	font-size: 14px;

	line-height: 20px;

	color: #666

}



.n-idea .lista .wimgbox .lia {

	left: 308px;

	top: -82px

}



.n-idea .lista .wimgbox .lib {

	left: 40px;

	top: 160px;

	text-align: right

}



.n-idea .lista .wimgbox .lic {

	text-align: right;

	left: 99px;

	bottom: -30px

}



.n-idea .lista .wimgbox .lid {

	right: 110px;

	top: 30px

}



.n-idea .lista .wimgbox .lie {

	right: 35px;

	top: 140px

}



.n-idea .lista .wimgbox .lif {

	right: 35px;

	bottom: 150px

}



.n-idea .lista .wimgbox .lig {

	right: 85px;

	bottom: -10px

}



.n-idea .lista .imgb {

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -48px;

	margin-top: -38px

}



.n-idea .lista .imgbox {

	text-align: center;

	display: block;

	margin: 0 auto

}



.n-idea .lista .imgbox img {

	max-width: 100%

}

/*我们的客户*/

.customers {

	padding-top: 30px;

}

.customers ul {

	text-align: center;

	margin-top: 20px;

	margin-bottom: 30px;

}

.customers ul li {

	display: inline-block;

	margin-left: 5px;

	margin-right: 5px;

}

.customers ul li a {

	width: 40px;

	height: 5px;

	background: #b8b8b8;

	display: inline-block;

}

.customers ul li a:hover {

	background: #eb3d00;

}

.customers ul li .cur {

	background: #eb3d00;

}

/*详情页*/

.detail {

	margin-top: 20px;

}

.detail img {

	max-width: 100%;

}

/*成功案例详情*/



.article_case {

	

}

.article_case .left {

	float: left;

	margin-right: 30px;

}

.article_case .right {



}

.article_case .right h1 {

	font-size: 24px;

	color: #333;

	line-height: 1.8;

	font-weight: normal;

}

.article_case .right .content {

	line-height: 1.8;

	margin-top: 20px;

}

.article_case .right .btn {

	width: 200px;

	height: 80px;

	display: inline-block;

	margin-top: 30px;

}

.article_case .right .btn:hover {



}

.article_case .right .btn img {

	width: 100%;

	height: 100%;

	transition: all 0.6s;

}

.article_case .right .btn:hover img {

	transform: scale(1.05);

}

.article_case .right .phone {

	font-size: 18px;

	color: #333;

}

.article_case .right .phone img {

	position: relative;

	top: 20px;

}

.article_case .right .phone .red {

	font-size: 22px;

	color: #f34a0f;

}

.article_case .right .phone .two {

	margin-left: 141px;

}

.pre_next {

	line-height: 2;

	margin-top: 30px;

	margin-bottom: 20px;

}

/*服务列表页*/

.service_list {



}

.service_list .item2 {

	width: 100%;

}

.service_list .item2 img {

	width: 100%;

}

.service_list .item3 {

	width: 100%;

	background: #fafafa;

}

.service_list .item3 img {

	width: 100%; 

}

.service_intro {

	width: 100%;

	height: 25vw;

	margin-top: 30px;

}

.service_intro .txt {

	width: 50%;

	height: 100%;

	float: right;

	color: #fff;

	background: #eb3d00;

	box-sizing: border-box;

}

.service_intro .txt .main {

	width: 60%;

	margin: auto;

	margin-top: 6vw;

}

.service_intro .txt h2 {

	font-size: 22px;

	line-height: 2;

}

.service_intro .txt .line {

	width: 50px;

	height: 1px;

	border-bottom: 3px solid #fff;

	margin-top: 10px;

	margin-bottom: 10px;

}

.service_intro .txt p {

	font-size: 14px;

	line-height: 2;

}

.service_intro .pic {

	width: 50%;

	height: 100%;

	float: right;

}

.service_intro .pic img {

	width: 100%;

	height: 100%;

}

/*悬浮框*/

.iframe {

	width: 135px;

	height: 420px;

	background: #f5f5f5;

	position: fixed;

	top: 50%;

	right: 30px;

	z-index: 9999;

	margin-top: -170px;

}

.iframe .top {

	font-size: 16px;

	text-align: center;

	color: #fff;

	width: 100%;

	height: 30px;

	line-height: 30px;

	background: #202020;

	position: relative;

}

.iframe .top a {

	color: #fff;

	position: absolute;

	right: 20px;

}

.iframe .top a:hover {

	color: #eb3d00;

}

.iframe .box {

	width: 100px;

	height: 25px;

	display: block;

	line-height: 25px;

	margin: auto;

	margin-top: 10px;

	background: #fff;

	border: 1px solid #eee;

	font-size: 14px;

	box-shadow: 2px 2px 5px #ccc;

}

.iframe .box img {

	display: inline-block;

	vertical-align: middle;

	margin-left: 5px;

	color: #333;

}

.iframe hr {

	width: 100%;

	height: 1px;

	background: #ccc;

	margin-top: 10px;

	margin-bottom: 10px;

}

.iframe .a {

	font-size: 14px;

	color: #666;

	line-height: 2;

	text-align: center;

}

.iframe .phone {

	font-size: 16px;

	color: #f34a0f;

	line-height: 1.5;



}

.iframe .wetchart {

	width: 90px;

	height: 90px;

	margin: auto;

}

.iframe .wetchart img {

	width: 100%;

	height: 100%;

}

/*新闻列表页*/

.list_news {

	padding-bottom: 50px;

}

.list_news .box {

	padding-top: 35px;

	padding-bottom: 35px;

	border-bottom: 1px solid #ddd;

}

.list_news .pic {

	width: 27%;

	float: left;

	margin-right: 9%;

}

.list_news .pic img {

	width: 100%;

}

.list_news .txt {

	

}

.list_news .txt h2 {

	font-size: 16px;

	color: #333;

	font-weight: normal;

	line-height: 2;

}

.list_news .txt .time {

	color: #999999;

	line-height: 3;

}

.list_news .txt .intro {

	color: #808080;

	line-height: 1.8;

}

/*新闻详情*/

.article_news {

	padding-bottom: 50px;

}

.article_news img {

	max-width: 100%;

	height: auto !important;

}

.article_news h1 {

	font-size: 20px;

	color: #333;

	line-height: 2;

	text-align: center;

	font-weight: normal;

}

.article_news .time {

	font-size: 13px;

	color: #777;

	line-height: 2;

	text-align: center;

}

.article_news .content {

	margin-top: 20px;

	margin-bottom: 20px;

	padding-top: 20px;

	padding-bottom: 20px;

	border-top: 1px dashed #ccc;

	border-bottom: 1px dashed #ccc;

}

.article_news .pre,

.article_news .next {

	line-height: 2;

}

/*返回顶部*/

.fanhui {

    width: 60px;

    position: fixed;

    bottom: 10px;

    right: 50px;

    z-index: 99999;

    display: none;

}

.fanhui a {

    -ms-transition: all .2s linear;

    -o-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -webkit-transition: all .2s linear;

    transition: all .2s linear;

}

.fanhui .a2 {

    display: block;

    color: #9b9b9b;

    border: 1px solid #DFDFDF;

    font-size: 14px;

    line-height: 20px;

    text-align: center;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    height: 58px;

    line-height: 80px;

    margin-top: 10px;

    background: url(../images/fhdb.png) center 10px no-repeat White;

}

.fanhui .a2:hover{

	background-color:#eb3d00;

	border:1px solid #eb3d00;

	color:White;

}

/*荣誉资质*/

.honor {

	width: 100%;

	height: 490px;

	background: #f9f9f9;

	box-sizing: border-box;

	padding-top: 30px;

}

.honor .list {

	margin-top: 20px;

}

.honor a {

	background: #fff;

	padding: 20px;

	display: block;

	box-sizing: border-box;

}

.honor a .txt {

	text-align: center;

	font-size: 16px;

	color: #333;

	line-height: 2;

}

.honor .con {

	position: relative;

}

.honor .pre {

	display: inline-block;

	position: absolute;

	top: -50px;

	right: 27px;

	cursor: pointer;

}

.honor .next {

	display: inline-block;

	position: absolute;

	top: -50px;

	right: 0;

	cursor: pointer;

}
.message_box{width:95%;max-width:300px;position: fixed;bottom:0px;left:0%;border-radius: 3px;padding:10px;box-sizing: border-box;background-color: rgba(53,130,229,0.9);display: none;z-index: 999;}
.message_box .clo_btn{width:55px;height: 25px;display:block;border-radius: 50%;float:right;line-height: 25px;text-align: center;color:#ffffff}
.message_box .clo_btn i{font-size: 20px;color:#ffffff;}
.message_box .main_title{color:#ffffff;text-align: center;margin-top: 25px;font-size:18px;}
.message_box .con{margin-top: 20px;}
.message_box .con li{margin-bottom: 20px;font-size: 15px;}
.message_box .con li .item{display: inline-block;color:#ffffff;width:20%;vertical-align: top;}
.message_box .con li .input{width:70%;height: 30px;line-height: 30px;background-color: #ffffff;border-radius: 3px;padding-left: 5%;border:0px;}
.message_box .con li .text{width:65%;line-height: 30px;background-color: #ffffff;border-radius: 3px;padding:6px 5%;border:0px;height: 60px;line-height: 20px;}
.message_box .con li .submit{width:50%;height: 35px;line-height: 35px;background-color: #ffffff;font-size: 18px;color:#076CE0;text-align: center;margin:auto;display: block;font-weight: bold;border-radius: 3px;}