@charset "gb2312";
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none}
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: "微软雅黑"; }
h1, h2, h3, h4, h5, h6{ font-weight:normal }
a img {border:0}
a:hover { -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
ul, ol, li {list-style-type:none;vertical-align:0}
.clear{height:0; overflow:hidden; clear:both}
.clear2{ height:95px; line-height: 95px; width: 100%; }
/* 以上为公用部分 */
.mpic {
	float: none;
	text-align: center;
}
.mpic2 {
	float: left;
	text-align: center;
	padding-right: 10px;
}
.banner {
	width: 100%;
	height: 0px;
}
.col-md-6 p {
	line-height: 28px;
}
.col-md-1-5 p {
		line-height: 28px;
	}
.example-image-link { display: inline-block; line-height: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 4px solid #5e5e5e; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; margin-top: 0; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; }
.example-image-link:hover { border: 4px solid #00bfa8; }

.example-image-link2 { display: inline-block; line-height: 0; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; border: 1px solid #5e5e5e; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; margin-top: 0; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; }
.example-image-link2:hover { border: 1px solid #00bfa8; }

/*  菜单 */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.nav { width:1000px; margin:0 auto; font-family:"Microsoft YaHei", SimSun, SimHei; }
.nav .m { position:relative; float:left; display:inline; text-align:center; padding: 0 15px;}

.nav h5 { float: left;display: block; padding-top: 45px; text-align: center; font-size: 14px; line-height: 50px;}
.nav h5 a { color: #FFF; text-decoration: none; }
.nav h5 a:hover { color: #F60; text-decoration: none; }
.nav .on h5 a { color: #F60; text-decoration: none; }

.nav .sub { display:none; /*默认隐藏*/ width:200px; border-radius: 0px 0px 10px 10px; position:absolute; left:-10px; top:95px; background:#000; float:left; line-height:30px; padding-top: 10px; padding-right: 0; padding-bottom: 20px; padding-left: 0; }
.nav .sub li { text-align: left; text-indent: 20px; line-height: 35px; font-size: 14px; }
.nav .sub li a { color:#999; display:block; zoom:1; text-decoration: none; }
.nav .sub li a:hover { color:#c00; text-decoration: none; }
.nav .sub dl { display:inline-block; *display:inline;
zoom:1; vertical-align:top; line-height:26px; float: left; padding-top: 15px; padding-right: 40px; padding-bottom: 15px; padding-left: 40px; margin: 0px; text-align: left; border-right-width: 1px; border-right-style: solid; border-right-color: #1a1a1a; }
.nav .sub dl a:hover { color:#c00; }
.nav .sub dl dt a { color:#FFF; margin: 0px; padding: 0px; text-decoration: none; line-height: 35px; font-size: 16px; }
.nav .sub dl dd a { color:#999; margin: 0px; text-decoration: none; padding: 0px; line-height: 35px; font-size: 14px; }
.nav #m2 .sub { z-index:1; width:1000px; left:-305px; top: 95px; border-radius: 0px 0px 10px 10px; }
.nav #m5 .sub { z-index:1; width:1000px; left:-385px; top: 95px; border-radius: 0px 0px 10px 10px; }
.nav #m6 .sub { z-index:1; width:1000px; left:-550px; top: 95px; border-radius: 0px 0px 10px 10px; }

.logo .menu { width: 1000px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.logo { background-color: #1a1a1a; height: 95px; width: 100%; position: fixed; z-index: 999; }
.logo .logo_l { float: left; width: 145px; }
/*.logo .con .logo_c ul li { float: left; width: 80px; display: block; padding-top: 60px; text-align: center; font-size: 14px; }
.logo .con .logo_c ul li a { color: #FFF; text-decoration: none; }
.logo .con .logo_c ul li a:hover { color: #F60; text-decoration: none; }*/
.logo .logo_c { float: left; width: 610px; }
.logo .logo_r { float: right; width: 240px; }
.logo .logo_r .tel { padding-top: 55px; }
.logo .logo_r .search { margin-top: 15px; }
.logo_r .search .sear { background-image: url(../images/search_l.png); background-repeat: no-repeat; height: 29px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; text-indent: 8px; float: left; width: 210px; font-size: 14px; color: #ff7267; font-family: "微软雅黑"; }
.logo_r .search .searc { width: 29px; line-height: 29px; background-image: url(../images/search_r.png); background-repeat: no-repeat; height: 29px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin: 0px; padding: 0px; float: left; }

/*  footer */
#footer { background-color: #373737; padding-top: 40px; padding-bottom: 40px; }
#footer .foo {
    width: 1000px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    line-height: 40px !important;
}
#footer .foo .fmenu { float: left; padding-right: 50px; }
#footer .foo .fmenu li { font-size: 14px; line-height: 32px; color: #cbcbcb; }
#footer .foo .fmenu li a { color: #acacac; text-decoration: none; }
#footer .foo .fmenu li a:hover { color: #FFF; text-decoration: underline;  }
#footer .foo .wx { width: 213px; float: right; text-align: right; }
.footernav .linklist { width:1000px; }
.footernav { width:100px; }
.footernav a.popmenulink { padding-right:10px; color:#000; line-height:22px; cursor:hand; display:block; }
.footernav .popmenuclose div { display:none; }
.footernav .popmenuopen { position:relative; }
.footernav .popmenuopen div { float:left; width:1000px; position:absolute; left:-640px; top:-150px; padding:5px; height:auto; font-size: 14px; font-weight: normal; background-color: #000; }
.footernav  a { width:1000px; color: #000; }
.footernav  a:hover { color: #F60; text-decoration: none; }
.copyright { line-height: 40px; color: #a9a9a9; background-color: #000; height: 40px; font-size: 13px; }
.copyright a { color: #a9a9a9; text-decoration: none; }
.copyright a:hover { color: #FFF; text-decoration: underline; }

h2 {
	line-height: 50px;
	padding-bottom: 30px;
	font-weight: bold;
	font-size: 28px;
	color: #670E15;
	text-align: center;
}
.bg1 {
    background-color: #f9f9f9;
    height: auto;
    padding-top: 60px;
}

.bg2 { background-color: #fdf4f4; height: auto; padding-top: 60px; padding-bottom: 60px; background-image: url(../images/bg-loop1.jpg); background-repeat: repeat; }
.bg3 { background-color: #f1f1f1; height: auto; padding-top: 60px; padding-bottom: 60px; }
.bg4 { background-color: #282d36; height: auto; padding-top: 60px; padding-bottom: 60px; background-image: url(../images/bg-loop1.jpg); background-repeat: repeat; }

.bg5 {
	background-color: #fefefe;
	height: auto;
	padding-top: 80px;
	padding-bottom: 150px;
	background-image: url(../img/bg2.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
.bg6 { background-color: #078b8d; height: auto; padding-top: 60px; padding-bottom: 60px; }
.bg7 {
	background-color: #f2c8c9;
	height: auto;
	padding-top: 60px;
	padding-bottom: 60px;
}
.bg8 {
    background-color: #fdf4f4;
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
}
.bg9 {
    background-color: #1aab96;
    height: auto;
    padding-top: 60px;
}
.youshi1 {
	background-color: #06706e;
	height: 220px;
	width: 100%;

}
.youshi2 {
	background-color: #94202d;
	height: 220px;
	width: 100%;

}
.youshi3 {
	background-color: #94202d;
	height: 220px;
	width: 100%;

}

.r_right ul {}
.r_right li { list-style-type: circle; line-height: 35px; }
.r_right2 li { list-style-type: circle; line-height: 25px; margin-bottom: 35px; }
.zd {
	height: 104px;
	width: 194px;
	border: 1px solid #d51a11;
	border-radius: 8px;
	margin-bottom: 10px;
	color: #333;
}
.zd:hover {
	border: 1px solid #FFF;
	background-color: #fdf4f4;
}

.banner .wrap {
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.zx {
	background-color: #FFF;
	border-radius: 10px;
	border: 1px solid #f1f1f1;
	padding: 12px;
	height: 370px;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	
 }
 .zx p {
	line-height: 24px;
}

.zx:hover {
	-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0 18px 25px rgba(0, 0, 0, 0.10);
	-webkit-transform: translate3d(0, -2px, 0);
	-moz-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
	border: 1px solid #d51a11;
}

.zx2 {
	background-color: #FFF;
	border-radius: 10px;
	border: 1px solid #f1f1f1;
	padding: 12px;
	height: 170px;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	margin-bottom: 20px;
 }
 .zx2 p {
	line-height: 24px;
}

.zx2:hover {
	-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0 18px 25px rgba(0, 0, 0, 0.10);
	-webkit-transform: translate3d(0, -2px, 0);
	-moz-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
	border: 1px solid #d51a11;
}


.col-md-1-5 {

width: 20%;

float: left;

}

.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5 {

min-height: 1px;

padding-left: 15px;

padding-right: 15px;

position: relative;

}

@media (min-width: 768px) {

.col-sm-1-5 {

width: 20%;

float: left;

}

}

@media (min-width: 992px) {

.col-md-1-5 {

width: 20%;

float: left;

}

}

@media (min-width: 1200px) {

.col-lg-1-5 {

width: 20%;

float: left;

}

}

.col-xs-1-7,.col-sm-1-7,.col-md-1-7,.col-lg-1-7 {
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom:10px;
  position: relative;
}

.col-xs-1-7 {
  width: 14.2%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-1-7 {
    width: 14.2%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-1-7 {
    width: 14.2%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-1-7 {
    width: 14.2%;
    float: left;
  }
}




.art {
	background-color: #ff703e;
	background: linear-gradient(#04d5dc,#85d074);
	border-radius: 50%;
	height: 250px;
	width: 250px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	padding-top: 25px;
	padding-right: 30px;
	padding-left: 30px;
	border: 5px solid #98ece6;
	color: #FFF;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.art:hover {
	border: 5px solid #00d5dd;
}
.art h3 {
	padding-top: 30px;
	padding-bottom: 20px;
	line-height: 30px;
}




/*effect CSS*/
.port-1 img{max-width: 100%; vertical-align: middle;}
.text-desc p{
	font-weight: 300;
	line-height: 24px;
	font-size: 14px;
	margin-bottom: 15px;
	color: #FFF;
}
.btn:hover{background-color: transparent; color: #4d92d9; transition: 0.4s;}
.text-desc{position: absolute; left: 0; top: 0; background-color: #0f9f6e; height: 100%; opacity: 0; width: 100%; padding: 20px;}

/* effect-1 css */
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 0px solid rgba(255, 255, 255, 0.9);}
.port-1 .text-desc{opacity: 0.8; top: -100%; transition: 0.5s; color: #000; padding: 45px 20px 20px;}
.port-1 img{transition: 0.5s;}
.port-1:hover img{transform: scale(1.2);}
.port-1.effect-1:hover .text-desc{top: 0;}

.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
.port-1.effect-2:hover .text-desc{bottom: 0;}

.port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
.port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%; padding: 45px 20px 20px;}

.single-mega-item {float: left; padding: 0 0 15px 0;}
.single-mega-item li.block {color: #fff; font-size: 16px; margin: 10px 15px; position: relative;}
.single-mega-item li.block:after {background: #e0e0e0 none repeat scroll 0 0; bottom: 3px; content: ""; height: 1px; left: 20px; position: absolute; width: 33px;}
.single-mega-item li:not(.block){padding: 1px 15px; padding-right: 40px;}