@charset "utf-8";
/* CSS Document */
html,body{width:100%;height:100%}
body{min-width:1200px}
.pagination{
	font-size: 12px;
	margin-right: -5px;
	padding-top: 15px;
	text-align: center;
}
.pagination ul li {
	float: left;
}
.pagination a{
	font-size: 12px;
	color: #888;
	display: inline-block;
	_display:inline;
	padding: 0 7px;
	border: 1px solid #ddd;
	margin-right: 5px;
	line-height: 26px;
}
.pagination a.prev,.pagination a.next{
	padding: 0 15px;
}
.pagination a:hover,
.pagination a.cur,
.pagination a.active,
.pagination li.active a,
.pagination li.active a:hover {
	background: #0066a5;
	font-weight: bold;
	color: #fff;
	border: 1px solid #0066a5;
}
/* 人才招聘 */
#spred {
	color:#F00;
}
.joinus_tb {
	border:1px solid #E2E2E2;
	border-width: 0 0 1px 1px;}
.joinus_tb tr td {
	padding: 5px;
	border:1px solid #E2E2E2;
	border-width:1px 1px 0 0;
}
.joinus_tb .feedback_input {
	width: 260px;
	height: 18px;
	padding: 5px;
	line-height: 18px;
	color: #666;
	border: 1px solid #dddddd;
	box-shadow: 2px 2px 2px #f4f4f4 inset;
	background: #fff;
}
.joinus_tb .error {
	width: 260px;
	height: 18px;
	padding: 5px;
	line-height: 18px;
	color: #666;
	border: 1px solid #D70128;
	box-shadow: 2px 2px 2px #f4f4f4 inset;
	background: #fff;
}

.hr-sub{
	width: 88px;
	height: 30px;
	background: url(../web/images/contact_33.jpg) no-repeat center;
	border: none;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.page .frist
{
    display:none
}
.proc_right{float: right;width: 831px;padding:0 46px;margin-right: 80px; overflow: hidden;}
.proc_right li{float: left;width: 230px;position: relative;  margin: 0 24px 30px 23px;  height: 230px;  text-align: center;}
.proc_right li:first-child:before{content: " ";background: #eaeaec;height: 3px;width: 70px; position: absolute;z-index: 1; left: -70px;top:50%;margin-top: -1px;}
.proc_right li.li2:before{content: " ";background: #eaeaec;height: 3px;width: 340px; position: absolute;z-index: 1; left: -60px;top:50%;margin-top: -1px;}
.proc_right li.li3:before{content: " ";background: url("../images/csyh3_07.png")/*tpa=skin/csyh/images/csyh3_07.png*/ no-repeat center;height: 168px;width: 34px;position: absolute;z-index: 1;right: -20px;top: 165px;}
.proc_right li.li4:before{content: " ";background: url("../images/csyh3_11.png")/*tpa=skin/csyh/images/csyh3_11.png*/ no-repeat center;height: 168px;width: 40px;position: absolute;z-index: 1;left: -24px;top: 162px;}
.proc_right li .bg_img{position: absolute;z-index: 2;width: 100%;height: 100%;overflow: hidden;left: 0;top:0;}
.proc_right li .bg_img img{display: block;width: 100%;}
.proc_right li i{position: relative;z-index: 3; color: #333333; display: block;padding-top: 55px;font-family: "Arial"; font-style: normal;font-size: 18px;line-height: 22px;}
.proc_right li span{position: relative;z-index: 3;display: block;font-size: 15px;line-height: 26px;color: #333333;width: 190px;margin: 0 auto 10px;}
.proc_right li .icon{width: 120px;margin: 0 auto;position: relative;z-index: 3;}
.proc_right li .icon img{display: block;max-width: 100%;margin: 0 auto;}

/*2017/9/28*/
.ind1{ width:1200px; position:relative;margin: 0 auto ;text-align: center;overflow: hidden;}
.ind1 a{display: block;float: left;width: 170px ;padding: 68px 35px 0;height: 332px; -webkit-transition: .4s;  -moz-transition: .4s;  -ms-transition: .4s;  -o-transition: .4s;  transition: .4s;}
.ind1 a .pic{display: block;width: 123px;overflow: hidden;margin: 0 auto;border-radius: 100%;height: 123px;}
.ind1 a .pic img{display: block;width: 100%;  -webkit-transition: .4s;  -moz-transition: .4s;  -ms-transition: .4s;  -o-transition: .4s;  transition: .4s;}
.ind1 a span{display: block;margin: 25px 0 12px; font-size: 18px;line-height: 28px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; -webkit-transition: .4s;  -moz-transition: .4s;  -ms-transition: .4s;  -o-transition: .4s;  transition: .4s;}
.ind1 a p{
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	font-size: 14px;
	line-height: 22px;
	height:108px;
	color: #666666;
	overflow: hidden;
-webkit-transition: .4s;-moz-transition: .4s;-ms-transition: .4s;-o-transition: .4s;transition: .4s;	text-align: left;
}
.ind1 a:hover{background-color: #1077d6;}
.ind1 a:hover .pic img{opacity: 0;filter:alpha(opacity=0);}
.ind1 a:hover span,.ind1 a:hover p{color: #fff;}



/*2017/9/28*/
.ind11{ width:1200px; position:relative;margin: 0 auto ;text-align: center;overflow: hidden;}
.ind11 a{display: block;float: left;width: 170px ;padding: 68px 35px 0;height: 332px; -webkit-transition: .4s;  -moz-transition: .4s;  -ms-transition: .4s;  -o-transition: .4s;  transition: .4s;}
.ind11 a .pic{display: block;width: 123px;overflow: hidden;margin: 0 auto;border-radius: 100%;height: 123px;}
.ind11 a .pic img{display: block;width: 100%;  -webkit-transition: .4s;  -moz-transition: .4s;  -ms-transition: .4s;  -o-transition: .4s;  transition: .4s;}
.ind11 a span{display: block;margin: 25px 0 12px; font-size: 18px;line-height: 28px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; -webkit-transition: .4s;  -moz-transition: .4s;  -ms-transition: .4s;  -o-transition: .4s;  transition: .4s;}
.ind11 a p{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;font-size: 14px;line-height: 22px;height:88px;color: #666666;overflow: hidden;-webkit-transition: .4s;-moz-transition: .4s;-ms-transition: .4s;-o-transition: .4s;transition: .4s;text-align: left;}
.ind11 a:hover{background-color: #1077d6;}
.ind11 a:hover .pic img{opacity: 0;filter:alpha(opacity=0);}
.ind11 a:hover span,.ind11 a:hover p{color: #fff;}

/*下拉导航*/
.drop_nav{display: none; position: absolute;width: 100%;left: 0;top:52px;background: #fff;z-index: 100;text-align: center;}
.drop_nav a{display: block;font-size: 14px;line-height: 25px;color: #666;padding: 7px 10px;border-top: 1px solid #eee;}
.drop_nav a:first-child{border: none;}
.drop_nav a:hover{background-color: #1077d6;color: #fff;}

.hzhb a
{
    display: block;
    width: 373px;
    height: 365px;
    overflow: hidden;
    float: left;
    margin: 18px 19px 19px 0;
    border: 1px solid #a8b8c7;
    margin-left: 10px;
    }
 .hzhb a:hover
 {
     box-shadow: 0px 0px 14px 2px #1077d6;
     }
.hzhb a .con
{
    border-top: 1px solid #a8b8c7;
    padding-left: 10px;
    padding-top: 19px;
    height: 88px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    }
.search
{
        position: relative;
    float: right;
    width: 200px;
    height: 36px;
    margin: 20px 0px 0 0px;
    border: 1px solid #eee;
    }
.search .kwords
{
    border:none;
    height:33px;
    line-height:33px;
    padding-left:5px;
    }
.search .button
{
    background-image: url("../images/search_ico.png")/*tpa=skin/csyh/images/search_ico.png*/;
    background-repeat: no-repeat;
    background-position: center;
    width: 37px;
    height: 36px;
    border: none;
    background-color: transparent;
    
    }




.box{
	width: 485px;
	margin: 18px 0 0 0;
	z-index:10000;
}
.left-pro{
	width:485px;
	text-align:left;
	float:left;
}
.left-pro .t1{width:88px;float:left}
.left-pro .t2{width:88px;text-indent:0;float:left;}
.left-pro .t2 img{text-indent:0;}
#showArea img{cursor:pointer;display:block;margin-bottom:5px;width:74px;padding:1px;border:1px solid #ccc;height:74px;float:left}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:9px}
#gobottom{cursor:pointer;display:block;margin-left:9px}
#showArea{height:385px; margin:6px 0 3px 0;overflow:hidden}