@charset "utf-8";
/* 通用 */

body {
	margin: 0;
	padding: 0;
	font-family: "microsoft yahei", "lvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover, a:focus {
	color: #0374C1;
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "microsoft yahei", "lvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.5;
	color: inherit;
}
.h1, .h2, .h3, .h4, .h5, .h6, hr, p, ul, ol, li, button, input, textarea, th, td, div {
	margin:0;
}
ul,li{list-style:none;margin:0;padding:0}
img {
	padding: 0;
	margin: 0;
	border: 0px;
}
ul,li{list-style:none;margin:0;padding:0}
img {
	border: 0px;
}
*:link, *:visited, *:hover, *:active, *:focus, .item-on-hover, .btn-success, #button {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.head{
    width: 100%;
    height: auto;
    background: #ffffff;
}
.head_top{
    background: #efdb00 url('../images/top_bg.png') no-repeat center;
    text-align: center;
    height: 0px;
}

.head_top span{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    margin: 0px;
    background:  #c6b4b4;
}

.head_main{
    width: 1320px;
    margin: auto;
    min-height: 50px;

    padding: 5px 0px 20px;
}
.head_nav{
    float: left;
    border-bottom: 1px solid #0050A3;
    margin-left: 40px;
	height:53px;
	border-left:1px solid #d7d6d2 ;

}
.head_nav ul {
padding:0; 
margin:0;
}

.head_nav ul li{
	float: left;
    border-right:1px solid #d7d6d2 ;
    border-bottom: 3px solid #eae9e5;
    height:50px;
	line-height:50px;
	position:relative;
}
.head_nav ul li a{
	width:110px;
	text-align:center;
    font-size: 15px;
    font-weight: 600;
	color:#444;
   display: block;
}
.head_nav ul li:hover,.head_nav_select{
    border-bottom-color: #0050A3!important;

}
.head_nav ul li:hover a,.head_nav_select a{
    color: #0050A3!important;text-decoration: none;
}
.head_nav  ul li ul {
	position: absolute;
display: none;
}
.head_nav ul li:hover a {
	color:#02903A;
}
.head_nav ul li:hover ul {
display:block; 
position:absolute; 
top:49px; 
left:0; 
width:100%;
z-index:100;
}
.head_nav ul li:hover ul li {
	width:100%;
	height:35px;
	line-height:35px;
	background:#fff;
}
.head_nav ul li:hover ul li a {
color:#216293;
font-size:12px;
text-align:center;
}
.head_nav ul li:hover ul li a:hover {
background:#BBD9FC; 
color:#fff;
}


.top_right{
    float: right;
    width: 183px;
    margin-top: 0px;
}


.top_right_top li{
    list-style: none;
    display: inline-block;
    padding: 0px 5px;
    font-size: 12px;
    color: #d1c0a5;
    /*border-right:1px solid #d7d6d2 ;*/
    margin-bottom: 10px;
}
.top_right_top li a{
	color:#000;
}
.search{
    padding: 2px;
    border-radius: 15px;
    width: 163px;
    font-size: 12px;
    padding: 0px 10px;
    border: 1px solid #c7c6c3;
}
.search input{
    border: none;
    width: 140px;
}

/* Banner */
.DB_tab25 {width:100%;height:480px;position:relative;overflow:hidden;cursor:pointer; z-index:10;}
.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:480px;display:none;}
.DB_tab25 .DB_imgSet{position:absolute;width:1000px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:200px;top:100px;}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:200px;top:135px;}
.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:580px;top:320px}
.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:450px;top:30px;}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:-20px;top:90px;}
.DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:350px;top:200px;}
.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:140px;top:110px;}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:580px;top:360px}
.DB_tab25 .DB_imgSet .DB_3_3{position:absolute;left:160px;top:350px}
.DB_tab25 .DB_imgSet .DB_4_1{position:absolute;left:10px;top:150px;}
.DB_tab25 .DB_imgSet .DB_4_2{position:absolute;left:50px;top:380px}
.DB_tab25 .DB_imgSet .DB_4_3{position:absolute;left:500px;top:30px}
.DB_tab25 .DB_imgSet .DB_5_1{position:absolute;left:460px;top:60px;}
.DB_tab25 .DB_imgSet .DB_5_2{position:absolute;left:200px;top:130px}
.DB_tab25 .DB_imgSet .DB_5_3{position:absolute;left:500px;top:30px}
.DB_tab25 .DB_menuWrap{position:absolute;width:1000px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:440px;text-align:center;font-size:0; border-radius:20px;}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}
.DB_tab25 .DB_prev{position:absolute;left:0px;top:220px;cursor:pointer;display:none}
.DB_tab25 .DB_next{position:absolute;right:0px;top:220px;cursor:pointer;display:none}


.fuwu{width:1200px; height:260px;  margin:0 auto;}
.fuwu .con{width:260px; float:left; margin:40px 20px 0 20px;}
.fuwu .con a span{display:none;}
.fuwu .con .img1, .fuwu .con .img2, .fuwu .con .img3, .fuwu .con .img4{width:90px; height:80px; margin:10px auto;display:block;cursor:pointer;}
.fuwu .con .img1{background:url("../images/shop.png")0 0 no-repeat;}
.fuwu .con .img2{background:url("../images/photo.png") 0 0 no-repeat;}
.fuwu .con .img3{background:url("../images/media.png") 0 0 no-repeat;}
.fuwu .con .img4{background:url("../images/contact.png") 0 0 no-repeat;}
.fuwu .con .img1:hover{background:url("../images/shop.png") 0 0 no-repeat;}
.fuwu .con .img2:hover{background:url("../images/photo.png") 0 0 no-repeat;}
.fuwu .con .img3:hover{background:url("../images/media.png") 0 0 no-repeat;}
.fuwu .con .img4:hover{background:url("../images/contact.png") 0 0 no-repeat;}
.fuwu .con a{
    color: #BC8750 !important;
}
.fuwu .con .title{text-align:center; margin:5px 0 5px 0; font-size:18px;text-transform: uppercase;font-weight: 500}
/*.fuwu .con .content{text-align:center; font-size:14px;line-height:24px;}*/
.fuwu .con .content{font-size:14px;line-height:24px;display:block;width:267px;height:72px;border:1px solid #ccc;}
.fuwu .con .more{text-align:center; font-size:14px; color:#333333; margin:10px 0 10px 0;}
.guanggao{width:1200px; height:50px; background:#fff; margin:0 auto; font-size:18px; text-align:center; line-height:50px;}
.liebiao{width:1200px; height:380px; background:#fff; margin:0 auto;}
.liebiao .con{width:267px; background:#fff; float:left; margin:40px 20px 0 20px;}
.liebiao .con .title{text-align:center; margin:20px 0 20px 0; font-size:18px;}
.liebiao .con .content{text-align:center; font-size:14px;line-height:24px;}
.liebiao .con .more{text-align:center; font-size:14px; color:#333333; margin:10px 0 10px 0;}
.guanggao2{width:1200px; height:50px; background:#fff; margin:0 auto; font-size:18px; text-align:center; line-height:50px;}
.anli{width:1200px; background:#fff; margin:0 auto;}
.hezuo{width:1200px;  background:#fff; margin:0 auto;}
.hezuo .hezuos{margin:0 20px 0 20px; width:1188px; overflow:hidden;}
.hezuo .hezuos li{border-top:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee; float:left;}
.hezuo .hezuos img{padding:10px 10px 20px 10px; width:176px; height:60px;}

.footer{width:1200px; height:300px; background:#252728; margin:0 auto; color:#ccc;}
.footer .con{width:267px;  float:left; margin:40px 20px 0 20px;}
.footer .con .title{text-align:left; margin:20px 0 20px 0; font-size:18px;}
.footer .con .content{text-align:left; font-size:14px;line-height:24px;}
.footer .con li{font-size:14px; line-height:24px; color:#ccc;}
.footer .con li a{font-size:14px; line-height:24px; color:#ccc;}
.footer .con li a:hover{color:#3c98b7;}


.bottom{width:952px; height:150px;  margin:0 auto;}

.bottoml{width:200px; height:150px;float:left;margin-left:100px}
.bottomr{width:700px; height:150px;margin: auto;text-align: center;float: right}
.bllx{width:200px;  float:left; margin:35px 0 0 20px;}
.bllx li{width:30px; height:30px; margin-right:10px; float:left;}
.blrt{text-align:center; font-size:12px; color:#FFF1C4; padding:50px 20px 0 0; line-height:25px;}

.zhuan_left{transform: rotate(-2deg); -webkit-transform: rotate(-2deg);}
.zhuan_right{-webkit-transform: rotate(2deg); transform: rotate(2deg);}

.foot_li ul li img{
    transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
     -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    transition: all 1s ease-in-out 0s;
}

.weizhi{width:1200px; height:100px; background:#fff; margin:0 auto; font-size:18px;  line-height:100px; border-bottom:solid 1px #eee;}
.weizhi .wz{padding:0 0 0 20px;}

.listarticle{width:1200px; background:#fff; margin:0 auto; color:#ccc;}
.listarticle li{border-bottom:dashed 1px #ccc; height:340px;}
.listarticle .img{width:500px; height:300px; padding:20px; float:left;}
.listarticle .tit{padding:20px;float:left; font-size:20px; width:648px;}
.listarticle .con{padding:20px;float:left; font-size:15px; width:648px; color:#999;}

.jobbt{width:159px; border-right:#FFF solid 1px; border-bottom:#FFF solid 1px; background:#CCC; font-size:14px; font-weight:bold; text-align:center; line-height:34px;}
.jobnr{width:159px; border-right:#FFF solid 1px; border-bottom:#FFF solid 1px; text-align:center; line-height:30px; background:#E8F2FB;}
.jobnr1{width:159px; border-right:#FFF solid 1px; border-bottom:#FFF solid 1px; text-align:center; line-height:20px; padding:5px 0px; background:#E8F2FB;}
.danye{width:1188px; background:#fff; margin:0 auto; color:#333;font-size:15px;padding:20px 20px 20px 20px;}
.danye .ppp{float:left;}
.danye h2{ font-weight:normal; padding:50px 0 30px 0; color:#222;}

/*新样??0140715*/
.bb1{border-bottom:1px solid #ccc;}
.bt4{border-top:#252728 4px solid; }
.w100{width:100%;margin:0 auto;clear:both;height:auto;overflow:hidden;}


.w1180{width:1080px; margin:0 auto;overflow:hidden;clear:both;}

.bgwhite{background:#fff repeat;height:auto;overflow:hidden;}
.bggray{
    /*background:#FFFAEB repeat;*/
}
.bggray2{
    background:#fff  repeat;
    /*background:#f9f9f9 repeat;*/
    height:auto;overflow:hidden;}
.bgblack{background:#585858  repeat;}

.listbox{width:100%;}

.p20{height:20px;}


.d6{padding:20px 0;height:28px;width:1180px;background:#fff;display:block;margin:auto;}

.d6 li{float:left;}
.d6 li a{padding:0 6px;display:block;text-align:center;font-size:18px;margin:0 25px;border-radius:2px;line-height:28px;}
.d6 li a.thisclass{background:#138b48;color:#fff;}
.biaoti{width:200px; height:38px; background:url(../images/bt.png) left top no-repeat;}
.biaoti span {font-size:24px;}
.cats{padding-top:5px; height:auto; width:100%; overflow:hidden;}
.cats li{float:left;height:40px; width:230px; background:url(../images/cats1.png) no-repeat;}
.cats li a{line-height:40px; padding-left:30px; display:block;font-size:16px;color:#000;}
.cats li a.thisclass{}
.cats li a:hover{color:#fff;  background:url(../images/cats2.png) no-repeat;}
.cats li div a{
    display: inline-block;
    height: 0px;
    overflow: hidden;
}
.cats li div a:hover{
    color:#BC8750;
}
.cats li div a{font-size: 14px}
.cats li:hover div a{
    height: 30px;
}

.prmenu {
width:190px;
height:300px;
padding-top:5px;
margin:0;
}

.prmenu ul {
padding:0;
margin:0;
list-style-type: none;
}

.prmenu ul li {
float:left;
width:190px;
background:url(../images/cats1.png) no-repeat;
position:relative;
}

.prmenu ul li a, .prmenu ul li a:visited {
display:block;
padding-left:30px;
text-decoration:none;
height:40px;
color:#000;
line-height:40px;
font-size:16px;
}

.prmenu ul li ul {
display: none;
}


.prmenu ul li:hover a {
color:#fff;
background:url(../images/cats2.png) no-repeat;
}

.prmenu ul li:hover ul {
display:block;
position:absolute;
top:0px;
margin-left:190px;
width:190px;
}

.prmenu ul li:hover ul li a {
display:block;
background:url(../images/cats1.jpg) no-repeat;
height:40px;
line-height:40px;
color:#0050A3; 
font-size:14px;

}

.prmenu ul li:hover ul li a:hover {
background:#0050A3;
color:#fff;
}


.yprolist {width:810px; margin:0 auto;}
.yprolist ul {padding:0; margin:0px;}
.yprolist ul li {width:271px; height:240px; padding:5px 67px; float:left;}
.yprolist ul li img {width:271px; height:217px; border:0;}
.yprolist ul li p{text-align:center; line-height:25px;}
.yprolist ul li a {color:#000;text-decoration:none;}
.yprolist ul li a:hover{background:#FF9000;}

.pro4list {width:810px; margin:0 auto;}
.pro4list ul {padding:0; margin:0px;}
.pro4list ul li {width:180px; height:167px; padding:10px; float:left;}
.pro4list ul li img {width:180px; height:144px; border:0;}
.pro4list ul li p{text-align:center; line-height:25px;}
.pro4list ul li a {color:#000;text-decoration:none;}
.pro4list ul li a:hover{background:#FF9000;}

.prolist {width:810px; margin:0 auto;}
.prolist ul {padding:0; margin:0px;}
.prolist ul li {width:240px; height:215px; padding:15px; float:left;}
.prolist ul li img {width:240px; height:192px; border:0;}
.prolist ul li p{text-align:center; line-height:25px;}
.prolist ul li a {color:#000;text-decoration:none;}
.prolist ul li a:hover{background:#FF9000;}
.pnum{width:810px; margin:0 auto; height:40px; line-height:40px; float:left; text-align:right;}
.newslist {width:810px; margin:0 auto;}
.newslist ul {padding:0; margin:0px;}
.newslist ul li {width:810px; height:25px; border-bottom:#CCC dotted 1px; float:left;}
.newslist ul li a {color:#000; line-height:25px;}
.newslist ul li span {width:100px; float:right; text-align:right; line-height:25px;}

.listbox {width:100%;margin:10px 0;height:auto;overflow:hidden;}

.listbox li{width:295px;height:353px;overflow:hidden;float:left;}


.listbox li .preview img{width:288px;height:249px;margin:3px;border-radius:3px;background:#fff;border-bottom:5px solid #ccc;}
.listbox li .preview img:hover{border-bottom:5px solid #3c98b7;}
.listbox li p{text-align:left;font-size:16px;padding:0px;color:#666;display:block;}


.dede_pages{width:100%;height:50px;float:left;border-top:1px solid #ccc;text-align:center;}

.place{height:78px;line-height:78px;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);background:#f9f9f9;text-indent:2em;border-radius:5px;}
.place2{height:78px;line-height:78px;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);position:fixed;top:105px;background:#f9f9f9;z-index:88;
}


.placelist{float:right;}
.placelist li{padding:10px 0;}
.placelist a{padding:0 5px;font-size:14px;float:left;}


.listinfo{width:100%;height:auto;overflow:hidden;}

.listinfo img{width:1000px; height:644px;  margin:0 auto;}
.infolist ul{height:auto;overflow:hidden;margin:60px 0;}


/*CSS yellow style pagination*/

DIV.yellow {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
DIV.yellow A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
DIV.yellow A:hover {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; BORDER-BOTTOM: #f0f0f0 1px solid
}
DIV.yellow A:active {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; BORDER-BOTTOM: #f0f0f0 1px solid
}
DIV.yellow SPAN.thisclass {
	BORDER-RIGHT: #d9d300 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #d9d300 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #d9d300 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #d9d300 1px solid; BACKGROUND-COLOR: #d9d300
}
DIV.yellow SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}

.nybt{font-size:14px; height:40px; line-height:40px; text-align:right;}
.nybt a {color:#000;}
.listarticle_l{width:230px;float:left;padding:10px 0;}
.listarticle_r{
    background: #ffffff;
    width:810px;float:right;padding:30px 0px;height:auto;min-height: 500px;}
.listarticle_r li{padding:20px 0;list-style-position:inside;}
.listarticle_r li a{font-size:14px;}
.listarticle_r img{}
.listarticle_cp{
    background: #ffffff;
    width:810px;float:right;padding:30px 0px;height:auto;min-height: 500px;}
.wzneir {width:790px; padding:0px 10px; float:left; line-height:30px;}
.whnydh {width:790px; padding:10px; float:left; height:34px;}
.whnydh ul {margin:0px; padding:0px;}
.whnydh ul li {width:180px; float:left; margin-right:10px; height:32px; text-align:center; background:#F2F2F2; border:#CCC solid 1px;}
.whnydh ul li a {line-height:32px; font-size:14px; font-weight:bold; display: block;}
.whnydh ul li a:hover {background:#0050A3; color:#FFF;display: block;}
.whnydhd a {background:#0050A3; color:#FFF;display: block;}

.chengb {width:790px; padding:40px 10px; float:left; height:34px;}
.chengb ul {margin:0px; padding:0px;}
.chengb ul li {width:100px; float:left; margin-right:10px; height:32px; text-align:center; background:#F2F2F2; border:#CCC solid 1px;}
.chengb ul li a {line-height:32px; font-size:14px; font-weight:bold; display: block;}
.chengb ul li a:hover {background:#0050A3; color:#FFF;display: block;}
.chengbd a {background:#0050A3; color:#FFF;display: block;}


.fzlc {width:780px; min-height:1076px; margin:0 auto; padding-top:115px; background:url(../images/fzlc.jpg) center top no-repeat; float:left;}
.fzlc ul {margin:0px; padding:0px;}
.fzlc ul li {width:780px; float:left; height:117px;}
.hidden{display:none;}

.cpxl {width:790px; padding:0px 10px; float:left;} 
.cpxlbt {width:760px; float:left; height:37px; padding:8px 0 0 30px; background:url(../images/cpxlbt.png) no-repeat; line-height:37px; font-weight:bold; font-size:16px; color:#0050A3; letter-spacing:1px;}
.cpxlcp {width:790px; float:left;}
.cpxlcp ul {margin:0px; padding:0px;}
.cpxlcp ul li {width:187px; height:170px; float:left; margin-right:10px; text-align:center;}
.cpxlcp ul li img {width:187px; height:150px; border:0;}
.cpxlcp ul li span a {text-align:center; line-height:170px; font-size:14px;text-decoration:none;}


@media (min-width:320px){.pro_video{float:left;width:320px;height:254px;text-align:center;}}
@media (min-width:760px){.pro_video{float:left;width:656px;height:520px;text-align:center;}}
@media (min-width:1000px){.pro_video{float:left;width:656px;height:520px;text-align:center;}}
@media (min-width:1200px){.pro_video{float:left;width:656px;height:520px;text-align:center;}}

@media (min-width:320px){.pro_video embed{margin:50px 0;background:#fff;border:1px solid #ccc;box-shadow:2px 2px 6px #ccc;padding:10px;width:320px;height:304px;}}
@media (min-width:760px){.pro_video embed{margin:50px 0;background:#fff;border:1px solid #ccc;box-shadow:2px 2px 6px #ccc;padding:10px;width:482px;height:400px;}}
@media (min-width:1000px){.pro_video embed{margin:50px 0;background:#fff;border:1px solid #ccc;box-shadow:2px 2px 6px #ccc;padding:10px;width:482px;height:400px;}}
@media (min-width:1200px){.pro_video embed{margin:50px 0;background:#fff;border:1px solid #ccc;box-shadow:2px 2px 6px #ccc;padding:10px;width:482px;height:400px;}}

@media (min-width:320px){.pro_video_c{width:320px;height:320px;float:left;}}
@media (min-width:760px){.pro_video_c{width:524px;height:520px;float:left;}}
@media (min-width:1000px){.pro_video_c{width:524px;height:520px;float:left;}}
@media (min-width:1200px){.pro_video_c{width:524px;height:520px;float:left;}}

@media (min-width:320px){.pro_video_c img{width:320px;height:66px;}}
@media (min-width:760px){.pro_video_c img{width:524px;height:109px;}}
@media (min-width:1000px){.pro_video_c img{width:524px;height:109px;}}
@media (min-width:1200px){.pro_video_c img{width:524px;height:109px;}}



@media (min-width:320px){.xiangguan{width:320px;margin:auto;height:auto;overflow:hidden;clear:both;}}
@media (min-width:760px){.xiangguan{width:760px;margin:auto;height:auto;overflow:hidden;clear:both;}}
@media (min-width:1000px){.xiangguan{width:900px;margin:auto;height:auto;overflow:hidden;clear:both;}}
@media (min-width:1200px){.xiangguan{width:900px;margin:auto;height:auto;overflow:hidden;clear:both;}}


@media (min-width:320px){.xiangguan li{float:left;border:2px solid #B5B5B5;display:block;width:216px;height:120px;margin:0 auto;}}
@media (min-width:760px){.xiangguan li{float:left;border:2px solid #B5B5B5;display:block;width:216px;height:120px;margin:10px;}}
@media (min-width:1000px){.xiangguan li{float:left;border:2px solid #B5B5B5;display:block;width:216px;height:120px;margin:10px;}}
@media (min-width:1200px){.xiangguan li{float:left;border:2px solid #B5B5B5;display:block;width:216px;height:120px;margin:10px;}}

.cuxiao_c img{width:100%;}

@media (min-width:320px){.cuxiao_c embed{margin:50px 0;background:#fff;border:1px solid #ccc;box-shadow:2px 2px 6px #ccc;padding:10px;width:320px;height:304px;}}
@media (min-width:760px){.cuxiao_c embed{margin:50px 0;background:#fff;border:1px solid #ccc;box-shadow:2px 2px 6px #ccc;padding:10px;width:482px;height:400px;}}
@media (min-width:1000px){.cuxiao_c embed{margin:50px 0;background:#fff;border:1px solid #ccc;box-shadow:2px 2px 6px #ccc;padding:10px;width:482px;height:400px;}}
@media (min-width:1200px){.cuxiao_c embed{margin:50px 0;background:#fff;border:1px solid #ccc;box-shadow:2px 2px 6px #ccc;padding:10px;width:482px;height:400px;}}
.banner_div{
    width: 100%;
    position: relative;
    height: 570px;
}
.banner_img{
    position: absolute;
    width: 100%;
    height: 570px;
    overflow: hidden;
    left:-2500px;
    top: 0px;
    background-repeat: no-repeat!important;
    background-position: center!important;
    z-index: 10;
}
.banner_span{
    z-index: 100;
}

.banner_span span{
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 10px;

    cursor: pointer;
    background: url("../images/banner_button.png");
    background-position:bottom center ;

}
.banner_span .span_select{
    background: url("../images/banner_button.png");
    background-position:top center ;

}
.news_right_title a,.news_right_title{
    line-height: 3em;
    font-size: 16px;

    font-weight: bold;
    display: block;
    color: #0475C0;
}
.fuwu{
    padding:15px 70px;
}
.news_one:hover{
    background: #faefd3;
}

.thisclass_cats:hover,.produst_list a:hover,.thisclass_cats{
    display: inline-block;
    background: #faefd3;
    color: #E70014!important;
    border-radius: 5px;
}
.produst_list{
    display: inline-block;
    min-width: 50px;
    text-align: center;
    margin: 0px 20px;

}
.produst_list a{
    padding: 5px 15px;
    color: #171717;
    font-size: 16px;
    letter-spacing: 2px;
}
.page{
    text-align: center;margin: 20px;color: #171717;
}
.page a,.page span{
    display: inline-block;
    margin: 0px 5px;
}
.pageleft{
   float: left;
    margin-left: 20px;
    margin-top: 15px;
    color: #171717;
}
.pageright{
    float: right;
    margin-right: 20px;
    margin-top: 15px;
    color: #171717;
}
.Extraction{
   width: 180px;margin: 5px 5px;cursor: pointer;
    display: inline-block;
    vertical-align: top;
}
.Extraction_select p{
    padding: 2px;
}
.Extraction p{background: #E70014;color: #ffffff;text-align: center;height: 0px;overflow: hidden}
/*.Extraction:hover p{ padding: 5px;height: 20px;}*/
.form_sub{
    position: fixed;
  width: 100%;
    top: 200px;
    z-index: 100;
    display: none;
}
.form_pro{
    position: relative;
    border-radius: 5px;
    box-shadow: inset 0px 0px 30px #999999;
    width: 300px;margin: auto;background: #ffffff;
    padding: 20px 100px;
}
.mask{
    display: none;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10;
    height: 1000px;
    background: #000000;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.form_pro td{
    padding: 5px;
}




.botton{
    background: #fafafa;
    border-left: 2px solid #c7c6c3;
    float: left;
    width: 20px;height: 20px;
}
.botton img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.new_banner{
    position: relative;

    width: 100%;
    height: 560px;
    border-top:1px solid #afafaf ;
}

.new_banner1{
    width: 100%;
    background: #ddd9bb;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    left: 0px;
    top: 0px;
    z-index: 10!important;
    transition: all .5s;
    -moz-transition: all .5s; /* Firefox 4 */
    -webkit-transition: all .5s; /* Safari ??Chrome */
    -o-transition: all .5s; /* Opera */
}
.new_banner1_select{
    opacity: 1!important;
    filter: alpha(opacity=100)!important;
    z-index: 15!important;
}
.new_main{
    width: 1200px;
    margin:auto ;
    padding-top: 30px;
    text-align: center;
    margin-bottom: 30px;
}
.new_main li:first-child{
    border-left: none;
}
.new_main li{
    position: relative;
    display: inline-block;
    list-style: none;
    min-height: 100px;
    border-left: 1px solid #d7d6d2;
}
.new_main_bg{
    width: 120px;
    margin:  0px 80px;
}
.turn_right{
    left: 2000px!important;
}
.turn_left{
    left: -2500px!important;
}
.new_main_li_body{
    position: absolute;
    left: 0px;
    width: 100%;
    top: 20px;
    text-align: center;
}
.new_main_li_body p{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #80511c;
}
.new_main_li_body img{
    display: inline-block;
    width: 61px;
    /*height: 63px;*/
    margin-bottom: 0px;
}
.new_foot{
    width: 100%;
    padding:0px;
	height:175px;
	background:#F3F5F6;
    color: #333;
}
.new_foot_main{
    width: 1100px;
	border-top:#CCC solid 1px;
    margin:0 auto;
}
.new_foot_main_left{
    float: left;
}
.new_foot_main_left span{
    display: inline-block;
	line-height:28px;
	font-size:12px;
}
.new_foot_main_right{
    float: right;
}


.izl-rmenu{position:fixed; right:5px; bottom:10px; padding-bottom:73px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#0050A3;}
.izl-rmenu .btn-qq:hover{background-color:#6da9de;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#0050A3; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#0050A3;}
.izl-rmenu .btn-wx:hover{background-color:#6da9de;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-147px; top:0px; display:none;width:147px;height:147px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#0050A3;}
.izl-rmenu .btn-phone:hover{background-color:#6da9de;}
.izl-rmenu .btn-phone .phone{background-color:#6da9de; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#CBCBCB; display:none;}
.izl-rmenu .btn-top:hover{background-color:#B1B1B1;}



.new_banner_bg{
    width: 1024px;
    height: 100%;
    margin: auto;
    position: relative;
}

.turn{
    position: absolute;top: 200px;z-index: 20;
    cursor: pointer;
}
.New_banner_span{
    position: absolute;
    z-index: 20;
    left: 0px;
    bottom: 10px;
    width: 100%;    text-align: center;
}
.New_banner_span span{
    background: #ffffff;
    box-shadow: -2px -2px 5px #555555;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    cursor: pointer;
    margin: 5px;
    transition: all .5s;
    -moz-transition: all .5s; /* Firefox 4 */
    -webkit-transition: all .5s; /* Safari ??Chrome */
    -o-transition: all .5s; /* Opera */
}
.New_banner_span span:hover,.New_banner_span_select{
    box-shadow:inset 1px 1px 1px #555555!important;
    background: #c6c6c6!important;
}
.clearfix {
    clear: both;
}
.news_banner_one{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 5;
    opacity: 0;
    filter: alpha(opacity=0)!important;
    transition: all .5s;
    -moz-transition: all .5s; /* Firefox 4 */
    -webkit-transition: all .5s; /* Safari ??Chrome */
    -o-transition: all .5s; /* Opera */
}
.news_banner_one_select{
    opacity: 1;
    filter: alpha(opacity=100)!important;
    z-index: 10;
}
.news_banner_one_bg{
    width: 100%;
    height: 560px;
    background-position: center!important;
    background-repeat: no-repeat!important;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    transition: all 1s;
    -moz-transition: all 1s; /* Firefox 4 */
    -webkit-transition: all 1s; /* Safari ??Chrome */
    -o-transition: all 1s; /* Opera */
}
.news_banner_middle{
    width: 1180px;
    height: 560px;
    margin: auto;
    z-index: 15;
    position: relative;
}
.banner_n_2{
    transition: all 1.3s;
    -moz-transition: all 1.3s; /* Firefox 4 */
    -webkit-transition: all 1.3s; /* Safari ??Chrome */
    -o-transition: all 1.3s; /* Opera */
}
.banner_n_3{
    transition: all 1.6s;
    -moz-transition: all 1.6s; /* Firefox 4 */
    -webkit-transition: all 1.6s; /* Safari ??Chrome */
    -o-transition: all 1.6s; /* Opera */
}
.banner_n_4{
    transition: all 1.9s;
    -moz-transition: all 1.9s; /* Firefox 4 */
    -webkit-transition: all 1.9s; /* Safari ??Chrome */
    -o-transition: all 1.9s; /* Opera */
}
.banner1_2{
    position: absolute;
    left: 715px;
    top: 86px;
}
.banner1_3{
    position: absolute;
    left: 45px;
    top: 0px;
}
.banner1_4{
    position: absolute;
    left: 515px;
    top: 250px;
}
.banner2_2{
    position: absolute;
    left: 10px;
    top: 60px;

}
.banner2_3{
    position: absolute;
    left: 10px;
    top: 240px;
}
.banner3_2{
    position: absolute;
    left: 10px;
    top: 60px;
    width: 100%;
    text-align: center;
}
.banner3_2 img{
    width: 500px;
}
.banner3_3 img{
    width: 400px;
}
.banner3_2 img,.banner3_3 img,.banner3_4 img{
    margin: auto;
}

.banner3_3{
    position: absolute;
    left: 10px;
    top: 130px;
    width: 100%;
    text-align: center;
}
.banner2_4{
    position: absolute;
    left: 10px;
    top: 350px;
}
.banner3_4{
    position: absolute;
    left: 20px;
    top: 200px;
    width: 100%;
    text-align: center;
}
.banner3_4 img{width: 700px}
.banner4_2{

    position: absolute;
    left: 30px;
    top: 60px;
}
.banner4_3{
    position: absolute;
    left: 445px;
    top: 322px;
}
.banner5_2{

    position: absolute;
    left: 400px;
    top: 60px;
}
.banner5_3{

    position: absolute;
    left: 590px;
    top: 76px;
}
.banner5_4{

    position: absolute;
    left: 710px;
    top: 260px;
}
.shadow_pic{
    -moz-box-shadow:0px 0px 5px #333333; -webkit-box-shadow:0px 0px 5px #333333; box-shadow:0px 0px 5px #333333;
}