@charset "utf-8";
/* CSS Document */

*{margin:0px;padding:0px;}

ul{list-style-type:none;}

li{ list-style:none;line-height: 35px;}

img{border:0px;}

a{text-decoration:none; font-size: 12px;}

.left{float:left;}
.right{float:right;}
body{background:#000000; font-family: "微软雅黑"; font-size: 12px; width: 100%;  overflow-x: hidden; }

/* CSS Header */
#header{width:100%;height: 501px;position: relative;}
#he_01{width:1000px;height: 150px;margin:0 auto;position: relative;z-index: 3;}
#he_flash{width:1419px;height:501px;position: absolute;left:50%;top:0;z-index: 1; transform: translateX(-50%);}
#he_menu{width:770px;height:100px;position: absolute;right: 0;top:50px;}

/*
2016114修改
*/
.logo1{ width:116px; height:74px; position:absolute; top:34px; }
.logo1 .shine{z-index:3;position:absolute;top:0;left:0;width:116px;height:74px;background:url(../images/shine_brands.png) no-repeat -116px 0;}
.logo1 .shine{_background:none;}


/* CSS Footer */
#footer{width:100%;height:65px;margin:0 auto;border-top:1px solid #141414;text-align: center;line-height: 27px;color: #5e5e5e;margin-top: 20px;padding-top: 15px;}
#footer a{color: #5e5e5e;padding: 0 10px 0 10px;}
#footer a:hover{color: #fff;}
/* CSS Main */
#wrap{ width:1040px; height:auto; margin: 0 auto;position: relative;z-index: 100;}
#in_01{width:1225px;height:613px;margin:0 auto;background: url(../images/index.jpg) no-repeat;position: relative;}
#in_cpxl{width:170px;height:auto;position: absolute;left:115px;top:50px;}
#in_cpxl li{width:170px;height:32px;line-height: 32px;border-bottom:1px dashed #aeaeae;background: url(../images/cpxl.png) no-repeat left center; }
#in_cpxl li a{padding-left: 30px;color: #000;width:140px; float:left;}
#in_cpxl li a:hover{color: #e80000;}
#in_cpxl li div{ width:150px; height:340px; padding:10px; line-height:34px; background-color:#fff; position:absolute; top:0px; left:170px; z-index:999; display:none;}
#in_cpxl li div a{ padding-left:10px;}

/*beifen 161114
#in_cpxl{width:170px;height:auto;position: absolute;left:115px;top:50px;}
#in_cpxl li{width:170px;height:32px;line-height: 32px;border-bottom:1px dashed #aeaeae;background: url(../images/cpxl.png) no-repeat left center;}
#in_cpxl li a{padding-left: 30px;color: #000;}
#in_cpxl li a:hover{color: #e80000;}
*/
#in_gsjj{width:390px;height:130px;position: absolute;left:350px;top:60px;color:#919191;line-height: 27px;overflow: hidden;}
#in_gsjj img{width:139px;height:98px;float: left;margin-right: 10px;}
#in_xwdt{width:312px;height:auto;position: absolute;left:780px;top:60px;}
#in_xwdt li{line-height: 26px;}
#in_xwdt li a{color:#919191;}
#in_xwdt li a:hover{color:#e80000;}
#in_lxwm{position: absolute;left:105px;top:480px;}
#in_lxwm li{color:#919191;line-height: 30px;}
#in_cpzs{width:710px;height: 300px;position: absolute;left:355px;top:270px;}
.in_gsjj_a{width: 50px;height:20px;color:#2e2e2e;font-family: "微软雅黑";display: block;border:1px solid #383838;text-align: center;line-height: 20px;position: absolute;left:658px;top:20px;padding:5px;font-size: 8px;-webkit-transform:scale(0.8);}
.in_gsjj_a:hover{color:#e80000;border: 1px solid #ff0000;}
.in_xwdt_a{width: 50px;height:20px;color:#2e2e2e;font-family: "微软雅黑";display: block;border:1px solid #383838;text-align: center;line-height: 20px;position: absolute;left:983px;top:20px;padding:5px;font-size: 8px;-webkit-transform:scale(0.8);}
.in_xwdt_a:hover{color:#ff0000;border: 1px solid #ff0000;}
.in_cpzs_a{width: 50px;height:20px;color:#2e2e2e;font-family: "微软雅黑";display: block;border:1px solid #383838;text-align: center;line-height: 20px;position: absolute;left:985px;top:220px;padding:5px;font-size: 8px;-webkit-transform:scale(0.8);}
.in_cpzs_a:hover{color:#e80000;border: 1px solid #e80000;}




/*left*/
#left{width:276px; height:706px; float: left;position: relative;display: inline;background: url(../images/left.png) no-repeat;}
#left_zzbz{position: absolute;left:20px;top:60px;}
#left_zzbz li{line-height: 26px;background: url(../images/zzbz.jpg) no-repeat left center;}
#left_zzbz li a{padding-left: 15px;color: #fff;font-size: 14px;}
#left_zzbz li a:hover{color: #fffc00;}
#left_cpxl{width:170px;height:auto;position: absolute;left:55px;top:50px;}
#left_cpxl li{width:170px;height:32px;line-height: 32px;border-bottom:1px dashed #aeaeae;background: url(../images/cpxl.png) no-repeat left center;}
#left_cpxl li a{padding-left: 30px; width:140px;color: #000; float:left;}
#left_cpxl li a:hover{color: #e80000;}
#left_cpxl li div{ width:150px; height:340px; padding:10px; line-height:34px; background-color:#fff;position:absolute; top:0px; left:170px; z-index:999; display:none;}
#left_cpxl li div a{ padding-left:10px;}

#left_lxwm{position: absolute;left:45px;top:480px;}
#left_lxwm li{color:#919191;line-height: 30px;}
/* CSS Ziye */
#right{width:762px; height:auto;min-height:700px;_height:700px;_height:100%;float: right; color: #424242;margin-top: 30px;}
#right_title{width: 762px;height:56px;position: relative;margin:0 auto;background: url(../images/right_title.png) no-repeat center;}
#title_left{float:left;width:300px;height:33px;font-size: 16px;color:#252525;padding-left: 60px;padding-top: 20px;}
#title_right{float: right;color:#a0a0a0;margin-top: -23px;padding-right: 20px;background: url(../images/right.png) no-repeat left center;padding-left:20px;}
#title_right a{color:#a0a0a0;}
#title_right a:hover{color:#ff0000;}
#right_content{ width: 732px; height:auto;margin:0 auto;padding-top: 10px; min-height:600px;_height:600px;_height:100%;line-height:27px;color:#2e2e2e;padding-left: 15px;padding-right: 15px;background: url(../images/right_content.png) repeat-y;}
#right_content a{color:#000;}
#right_content a:hover{color:#e80000;}
#right_bottom{width:762px;height:21px;background: url(../images/right_bottom.png) no-repeat;}
#indexNews li{width:680px;height:30px;margin:0 auto;border-bottom:#D9D9D9 1px dotted;padding:0 20px 0 0;color:#000;font-size:12px;position: relative;}
#indexNews li a{height:30px;line-height:30px;display:block; padding-left:0;color:#575656;font-size:12px;}
#indexNews li span{position: absolute;top:0;right:0;_top:-2px;color:#575656;}
#indexNews li img{margin:13px 10px 0 0;}
#indexNews li a:hover{color:#e80000;}
#page{width:580px;height:30px; padding-left:100px;line-height:30px;text-align:right;padding:20px auto;color:#575656;font-size:12px;clear:both;}
#page a{color:#575656;font-size:12px;}
#page a:hover{color:#e80000;}
#newTitle{width:702px;line-height:30px;color:#000000;font-size:18px;font-weight:600;text-align:center;margin:0 auto;}
#productTitle{width:702px;height:30px;color:#000000;font-size:18px;font-weight:600;text-align:center;margin:0 auto;}
#newsInfo{width:702px;height:20px;color:#000000;font-size:12px;text-align:center;margin:0 auto;}
.newsinfoleft {padding-left: 30px;}
.xxsmys{ width:600px; height:30px; line-height:30px; background-color:#ececec;}
.xxsmwz{ width:88px; height:30px; color:#FFF; text-align:center; display:block; background-color:#9a9a9a;}
.pageys{ width:59px; height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center;}
.pageys:hover{color:#ff6c00}
.pageys1{ width:20px;height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center; margin-left:5px;}
.pageys2{ float:left; padding-left:5px;height:21px; line-height:21px; }

#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:600px; padding:3px; border:#dcdcdc solid 1px;}

#newsContent{width:702px;margin:0 auto;font-size:12px !important;}
#picUL{ width:702px; height:100%;margin:0 auto; overflow:hidden;}
#picUL li{height:200px;width:223px;float:left;margin:0 5px 5px 5px;_margin:0 8px;text-align:center;}

#picUL li .pic_01{width:216px;height:166px; text-align: center;background: #ffffff;border:1px solid #dcdcdc;}
#picUL li .pic_01 img{max-height:160px;max-width:210px;padding:2px;vertical-align:middle;}
#picUL li .pic_01 span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;}
#picUL li .pic_02{width:206px;text-align: center;line-height:30px;}
#picUL li a{color:#575656;font-size:12px;}
#picUL li a:hover{color:#e80000;}
.G_tips{
	color:#666;
	width:486px;
	border:1px solid #dedede;
	padding:7px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
}


.recruitys{ width:670px; height:auto; padding:10px; background-color:#fafafa; border:#dedede solid 1px;}
.recruitcon{ width:650px; height:173px;  border-bottom:#cdcdcd dashed 1px; margin:10px;}
.recruitcon1{ width:650px; height:173px;  margin:10px;}
.recruitconl{ width:145px; height:153px; float:left; text-align:left;}
.recruitconc{ width:372px; height:153px; float:left; padding-left: 75px;}
.recruitconc li{ width:372px; height:35px; line-height:35px; color:#444444;}
.zwmcys{ color:#ff6c00; font-weight:bold;}
.recruitconr{ width:133px; height:auto; float:left; text-align:center;}
	.chakan{padding-top: 13px;}



.formys{ width:600px; height:auto; padding:10px;}
.cpmcys{ width:280px; height:34px;border:1px solid #dedede;}
.formbz{ float:left;}
	.G_InputText{

	width:278px;

	height:30px;

	border:1px solid #d2d4d6;

}

.G_textarea{

	width:300px;

	height:100px;

	border:1px solid #dedede;

}

.G_ul{

	width:500px;

	margin:0 auto;
}

.G_botton{

	width:55px;

	height:30px;

	line-height:30px;

	border:0;

	background:url(button.gif) no-repeat;

	cursor:pointer;

}

.borderLi{ width:500px; height:auto; padding-top:10px;}
.G_tips{

	

	width:486px;

	margin:10px auto 0 auto;

	border:1px solid #dedede;

	padding:7px;

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	box-shadow: 0px 0px 3px rgba(0,0,0,.1);

	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

}


.cpfwnr{width:230px; height:100%;overflow:hidden;}
.cpfwnr dt{width:213px;height:33px;display:block;padding:0 0 0 17px;background:url(allbg.gif) no-repeat;background-position: 0 -137px;line-height:33px;font-size:12px;color:#0976b2;}
.cpfwnr dd{width:190px;margin:0 auto;line-height:2}
.cpfwnr dt a{width:213px;height:33px;display:block;padding:0 0 0 17px;background:url(a1.jpg) no-repeat;line-height:33px;font-size:12px;color:#0976b2;}
.cpfwnr dt:hover{background:url(allbg.gif) no-repeat;background-position: 0 -102px;color:#fff;}
.cpfwnr dd a{width:190px;height:25px;line-height:25px;margin:3px 0 0 0;color:#333;font-size:12px;}
.cpfwnr dd a:hover{color:#ff6c00;}


.page{margin:0 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}

/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#da020d;text-decoration:underline;}

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;height: 73px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a{color:black;}
.m2t ul li a:hover{ color:red; text-decoration:underline;}

.f{ float:right; margin-right:10px; _margin-top:7px;}

.map{ float:right;margin-top: 20px;}
.map a{color:black;}

/*PAGE

----------------------------------------*/
.de-page-mian {
    overflow: hidden;
    text-align: center;
    font-size: 0;
    margin-top: 20px;
}

.de-page-mian .page-inner {
    display: inline-block;
    overflow: hidden;
}

.de-page-mian .page-inner a {
    display: block;
    float: left;
    width: 24px;
    margin: 2px;
    padding: 0 2px;
    height: 24px;
    border: 1px solid #dddddd;
    background: #fff;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    color: #333;
    overflow: hidden;
}

.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
    color: #fff;
    border-color: var(--base_color);
    background: var(--base_color);
}

.de-page-mian .page-inner a.prev {
    margin-left: 0;
    background: #fff url(../images/prev.jpg) no-repeat center;
}

.de-page-mian .page-inner a.prev.on {
    background: #fff url(../images/prev-hover.jpg) no-repeat center;
}

.de-page-mian .page-inner a.prev:hover {
    background-color: #fff;
    border-color: #dddddd;
}

.de-page-mian .page-inner a.next {
    background: #fff url(../images/next.jpg) no-repeat center;
}

.de-page-mian .page-inner a.next.on {
    background: #fff url(../images/next-hover.jpg) no-repeat center;
}

.de-page-mian .page-inner a.next:hover {
    background-color: #fff;
    border-color: #dddddd;
}

.de-page-mian .page-inner a.page-btn {
    font-size: 12px;
    margin-right: 10px;
    width: 50px;
    height: 24px;
    line-height: 24px;
}

.de-page-mian .page-inner span {
    display: block;
    font-size: 12px;
    color: #343434;
    float: left;
    line-height: 32px;
    margin: 0 2px;
}

.de-page-mian .page-inner input {
    display: block;
    float: left;
    border: 0;
    height: 32px;
    width: 32px;
    border-radius: 0;
    text-align: center;
    line-height: 32px;
    font-size: 12px;
    background-color: #ededed;
    color: #333;
    margin: 0 2px;
}


.page-a {
    padding: 10px 0;
    display: flex;
    align-items: center;
}

.page-a a {
    width: calc(100% - 80px);
    display: inline-block;
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-a a:hover {
    color: #f00;
}


.clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.clamp-1 {
    -webkit-line-clamp: 1;
}
.clamp-3 {
    -webkit-line-clamp: 3;
}

.contact-list { padding: 30px; }
.contact-list li { margin-bottom: 0; font-size: 14px; }