﻿@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
*{transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{font-family: "Microsoft YaHei"; !important; color:#333; background:url(../../images/bj_bj00.jpg);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0; font-size:13px;list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a {text-decoration:none; color:#333;}
a:hover {text-decoration:none; color:#f00;}
input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
.border-box { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box }
 
.flllg { float: left; display: inline; }
.frrrg { float: right; display: inline; }
 clear{ clear:both;}
.zk{width:100%; background: #fff; overflow:hidden;}
/* top */
.top{height:120px; width:1180px; margin:0 auto;}
.logo_wenzi{margin-left:10px; line-height:1.6em; padding-top:20px; color:#999;}
.dianh{color:#ff0000; font-size:24px; padding-top:40px;}

/*����*/
.nav_bj{width:100%; height:49px; border-top:#c9c9c9 1px solid; position:relative; z-index:999; background:#fff;}
.nav{width:1200px; margin:0 auto;}
.nav_menu a {display: block; cursor: pointer; width:112px; font-size:16px; color:#333; text-align:center; height:49px; line-height:49px;}
.nav_menu a:hover{color:#c10031;}
.nav_menu {width:1190px; margin:0 auto; height:49px; line-height:49px; display:block; text-transform: uppercase;}
.nav_menu-item {display: inline-block; position: relative; background:url(../images/xian.jpg) no-repeat right center;}
.nav_menu-item:hover {color:#c10031;}
.nav_menu-item:hover .nav_submenu {display: block;}
.nav_submenu {text-transform: none;display: none;position: absolute; z-index:999; width:149px;}
.nav_submenu-item a {background:#b71d1d; width:119px; font-size:13px; color:#fff; text-align:center; height:30px; line-height:30px; border-bottom:#fff 1px solid;}
.nav_submenu-item a:hover {background:#ff857d; width:119px; display:block; color:#fffc00;}

 
.more { float:none; clear:both; margin:30px 0;text-align:center; }
.more a { display:inline-block; *display:inline; *zoom:1; line-height:34px; padding:0 35px; border:2px solid #1e95fb; color:#1e95fb; transition:all 0.5s ease 0s; }
.more a:hover { background-color:#1e95fb; border-color:#1e95fb; color:#fff; text-decoration:none; }
.more1 { float:none; clear:both; margin:30px 0;text-align:center; }
.more1 a { display:inline-block; *display:inline; *zoom:1; line-height:34px; padding:0 35px; border:2px solid #fff; color:#fff; transition:all 0.5s ease 0s; }
.more1 a:hover { background-color:#fff; border-color:#fff; color:#666; text-decoration:none; }
/* �γ����� */
.zimu{margin-bottom: 13px; font-size: 28px; line-height: normal; font-weight: normal;font-family: Arial;color: #999; text-align:center; margin-top:40px;}
.biaoti{text-align:center;}
.biaoti h2{display: inline-block; *display: inline; *zoom: 1; margin: 0 40px; font-size: 18px; line-height: normal; font-weight: normal; color: #4d4d4d;}
.biaoti i {display: inline-block; *display: inline; *zoom: 1; position: relative; top: -5px; width: 110px; height: 1px; background-color: #999;}
.kcsz{width:1100px; margin:0 auto; overflow:hidden;}
.ww{width:800px; line-height:1.8em; text-align:center; margin:15px auto; font-size:15px;}
#cen_right_top{width:1100px; padding-top:20px; overflow:hidden; height:330px;}
#cen_right_top .active{background:#1e95fb;color:#F3F3F3;}
 #cen_right_top h3 { background: #dde1e0; color: #4b4b4b; width: 17%;  font-weight: normal; cursor: pointer; float: left; cursor: pointer; height: 50px; line-height: 50px; font-weight: bold; text-align: center; padding: 0 35px; margin-right: 15px; font-size: 12px; }

@media (max-width: 400px) {
    #cen_right_top h3 {width: 25%;  }
   #cen_right_top .ysyybsp { width:40%;}
   /*#cen_right_top .active{width:40%;}*/
}
@media (min-width:400px) {
       #cen_right_top h3 {width: 25%;  }
       #cen_right_top .ysyybsp { width:44%;}
       /*#cen_right_top .active{width:44%;}*/
}

#cen_right_top div{font-size:14px;display:none;clear:both; height:auto; padding-top:30px; overflow:hidden;font-size:14px;display:none;clear:both; height:auto; padding-top:30px; overflow:hidden;}
.kcsz li{width:100%;   margin:0px;}
@media (max-width: 400px) {
    .kcsz li{margin:10px 4px;}
}
.kcsz li img{width:100%; height:100%; border-radius: 10px;width:100%; height:100%; border-radius: 10px;}
.kcsz li p{height:35px; line-height:35px; text-align:center;}

/* �������� */
.jj_lbj1{width:100%; height:auto; padding:20px 0 10px; overflow:hidden; background:url(../images/jj_lbj1.png) no-repeat;}
.gywm p{ font-size:16px; line-height:1.8; text-align:center; margin-top:20px;}
.gywm h3{width:900px; height:auto; margin:20px auto; overflow:hidden;}
.gywm h3 li{width:30%; height:auto; float:left; margin:3px;}
    .gywm h3 li img { width:100%; height:100%;}
/* �������� */
.jj_lbj3{width:100%; height:auto; padding:20px 0 10px; overflow:hidden; background:url(../images/left_bj.jpg) no-repeat top left 5%;}
.wsby li{width:300px; height:auto; float:left; margin:10px 30px;}
.wsby{margin-top:20px;}
.wsby li img{width:300px; height:160px;}
.wsby li h1{font-size:16px; line-height:40px; font-weight:bold;}
.wsby li h2{line-height:1.8em;}
.jj_lbj2{width:100%; height:auto; padding:20px 0 10px; overflow:hidden; background:url(../images/jj_lbj2.png) no-repeat ;}

/* ѧУ���� */
.jj_lbj4{width:100%; height:auto; padding:20px 0 10px; overflow:hidden; background:url(../images/right_bj.jpg) no-repeat bottom right 5%;}
.portfolio-list {
    min-height: 20px;
	overflow:hidden;
	height:auto;
	margin-top:20px;
}
.column {
    width: 100%;
}
.column .col-3-1 {
    width: 23%;
	margin:1%;
	display:block;
	display: inline-block;
}
.column .col-3-1{
    float: left;
    min-height: 1px;
    height: auto !important;
    _height: 1px;
}
.portfolio-list li {
    margin-bottom: 25px;
    text-align: center;
	float:left;
}
.portfolio-img {
    margin-bottom: 10px;
    overflow: hidden;
}
.portfolio-img a, .portfolio-img img {
    width: 100%;
    display: block;
    overflow: hidden;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.portfolio-img a {
    position: relative;
}
.portfolio-img a, .portfolio-img img {
    width: 100%;
    display: block;
    overflow: hidden;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.portfolio-img a:hover img { 
		transform: scale(1.2, 1.2) rotate(10deg);
		-webkit-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
}

.portfolio-title {
    margin-bottom: 10px;
    font-weight: normal;
    line-height: normal;
}
.portfolio-title h2 {
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal;
}
.portfolio-title a {
    color: #333;
}
.column .last {
    margin-right: 0;
    *float: right;
    *clear: right;
}
/* ���ϱ��� */
.bj3{width:100%; height:auto; padding:60px 0 30px; overflow:hidden; background:url(../images/bj3.png) no-repeat top center;}
.wsbm{text-align:center;}
.wsbm h1{font-size:32px; line-height:80px;}
.wsbm h2{font-size:24px;}
.wsbm h3{font-size:15px; padding-top:15px;}
.wsbm h3 span{font-size:18px; font-weight:600;}
/* �������� */
.bj4{width:100%; height:auto; padding:20px 0 30px; overflow:hidden; background:url(../images/bj4.png) no-repeat top center;}
.xwzx{ margin-top:30px;}
.xwzx li {width: 46%;margin-right: 5%; float:left; margin-bottom:30px;}
.wxzx1_y{width:100%;}
.wxzx1_y h1{height:30px; overflow:hidden; font-size:16px;}
.wxzx1_y p{line-height:1.8em; color:#808080; font-size:13px;}



.scrollable {
}
.scrollable .caroufredsel_wrapper {
}
.scrollable ul {
	padding: 0;
	_margin-left: -5px !important;
	list-style: none;
	overflow: hidden;
}
.scrollable ul li {
	padding: 0px;
	margin: 0 10px;
	display: block;
	float: left;
	width: 230px;
	text-align: center;
}
.scrollable ul li p a {
	display: block;
}
.scrollable ul li img {
	display: block;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.scrollable ul li p {
	margin-bottom: 10px;
	overflow: hidden;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.scrollable ul li p a:hover img {
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.scrollable ul li h2 {
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 22px;
}
.scrollable ul li h2 a {
	font-size: 14px;
	font-weight: normal;
	color: #333;
}
.scrollable ul li h2 a:hover {
	color: #75c01f;
	text-decoration: none;
}
.scrollable .text-intro {
	text-align: left;
	font-size: 13px;
	color: #808080;
	line-height: 1.5;
}
.scrollable .carousel-direction a {
	width: 45px;
	height: 45px;
	line-height: 45px;
	margin-top: 0;
	top: 65px;
	color: #fff;
	font-size: 22px;
	background-color: #1e95fb;
}
.scrollable .carousel-direction a:hover {
	background-color: #6db31d;
}
.scrollable .carousel-direction a.disabled, .scrollable .carousel-direction a.disabled:hover {
	color: #fff;
	background-color: #ff857d;
}
.scrollable a.carousel-prev {
	left: -70px;
}
.scrollable a.carousel-next {
	right: -70px;
}
.scrollable-3col ul li {
	width: 313px;
	text-align: left;
}
.scrollable-3col ul li p {
	margin-bottom: 15px;
}
.scrollable-3col ul li h2, .scrollable-3col ul li h2 a {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
}
.scrollable-3col .carousel-direction a {
	top: 190px;
}
.scrollable-3col .carousel-direction a:hover {
	background-color: #1a1a1a;
}
.scrollable-inside-page ul li {
	width: 160px;
}
 