*{margin:0;padding:0;}
body{  background:#fff; font-family:Arial,'Microsoft YaHei',SimHei,SimSun; font-size:12px;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd{ margin:0; padding:0;}
li,img,input,em{ list-style:none; border:none; font-style:normal; outline:none;}
a:link, a:visited{color:#333;text-decoration:none;}
a:hover,a:active{ color:#f00; text-decoration:none;}
a{ text-decoration:none;}

.wrap{width:1200px; margin:0 auto;}
.img-none{display:none !important;}
.img-position-absolute{position: absolute;top: 0;bottom: 0; left: 0;right: 0; max-width: 100%; max-height: 100%;display: block;margin:auto;padding: auto;}
#bigbox{width:100%; min-width:1220px; float:left;}

.header{width:100%; float:left; background:#232323;}
.logo{width:350px; float:left; position:relative; padding:20px 0;}
.logo::before{content:""; width:2000px; float:left; height:100px; background:#fec100; position:absolute; right:0; top:0; z-index:1;}
.logo img{width:224px; display:block; height:60px; position:relative; z-index:2;}
.header_R{width:820px; float:right;}
.nav{float:left; line-height:100px; font-size:16px; color:#fff;}
.nav a{color:#fff; transition:all 0.4s; margin:0 10px; }
.nav a:hover{ color:#fff; text-decoration:underline;}
.header_dianhua{float:right; height:40px; line-height:40px; background:url(../images/header_dianhua.png) no-repeat left center; font-size:20px; color:#fec100; padding-left:34px; margin-top:30px;}

/*banner*/
.banner{width: 100%; overflow:hidden; height:auto; position:relative;}
.banner .slideBox{ width:100%; height:100%; overflow:hidden; position:relative;}
.banner .slideBox .hd{width:100%; overflow:hidden; position:absolute; left:0; bottom:10px; z-index:1; }
.banner .slideBox .hd ul{width:100%; overflow:hidden; zoom:1; float:left; text-align:center;}
.banner .slideBox .hd ul li{display:inline-block; width:14px; height:14px; border-radius:50%; background:#fec100; margin:0 3px; cursor: pointer; opacity:0.5; cursor:pointer; }
.banner .slideBox .hd ul li.on{opacity:1;}
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;}
.banner .slideBox .bd li{width:100%; overflow:hidden;}
.banner .slideBox .bd li .banner_img_top{padding-top:26.04167%;}
.banner .slideBox .prev{width:32px; height:52px; float:left; background:url(../images/prev.jpg) no-repeat center center; position:absolute; left:10px; top:50%;margin-top: -26px; z-index:9999; opacity:0;}
.banner .slideBox .next{width:32px; height:52px; float:left; background:url(../images/next.jpg) no-repeat center center; position:absolute; right:10px; top:50%;margin-top: -26px; z-index:9999; opacity:0;}
.banner:hover .slideBox .prev{opacity:1;}
.banner:hover .slideBox .next{opacity:1;}
/*END*/

.cpzx{width:100%; overflow:hidden; padding:20px 0 50px 0; background:url(../images/cpzx_bj.jpg) no-repeat center center; background-size:cover;}
.cpzx_title{display:block; overflow:hidden;}
.cpzx_L{float:left; padding:21px 0 21px 42px; margin-right:10px; background:url(../images/cpzx_title.png) no-repeat left center;}
.cpzx_p{display:block; overflow:hidden; height:30px; line-height:30px; font-size:23px; color:#333; font-weight:bold;}
.cpzx_sp{display:block; overflow:hidden; height:38px; line-height:38px; font-size:40px; color:#333; opacity:0.3; font-family:Arial; text-transform:uppercase; font-weight:bold;}
.cpzx_R{display:block; padding-top:52px; overflow:hidden;}
.cpzx_more{display:block; overflow:hidden; line-height:20px;}
.cpzx_more a{float:right; font-size:14px; text-transform:uppercase; color:#fec100;}
.cpzx_more a:hover{text-decoration:underline;}
.cpzx_heng{display:block; height:7px; position:relative;}
.cpzx_heng span{width:100%; float:left; height:1px; background:#cfcfcf; position:absolute; left:0; top:3px; z-index:1}
.cpzx_heng::before{content:""; width:7px; float:left; height:7px; background:#fec100; position:absolute; left:0; top:0; z-index:2;}
.cpzx_heng::after{content:""; width:112px; float:left; height:3px; background:#fec100; position:absolute; right:0; top:2px; z-index:2;}
.cpzx_ul{display:block; padding-top:30px; width:1216px;}
.cpzx_ul li{width:288px; float:left; margin:0 16px 30px 0; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.cpzx_ul li .cpzx_img{width:100%; overflow:hidden; position:relative;}
.cpzx_ul li .cpzx_img .cpzx_img_top{padding-top:79.86112%;}
.cpzx_ul li .cpzx_img .cpzs_hover{width:100%; height:100%; float:left; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; background-color:#000; position:absolute; left:0; bottom:-100%; z-index:9999; transition:all 0.4s;}
.cpzx_ul li .cpzx_img .cpzs_hover .cpzs_pp{width:100%; float:left; height:30px; line-height:30px; overflow:hidden; position:absolute; left:0; bottom:53%; text-align:center; font-size:20px; color:#fff;}
.cpzx_ul li .cpzx_img .cpzs_hover .cpzs_spp{width:100%; float:left; height:26px; overflow:hidden; position:absolute; left:0; top:53%; text-align:center; background:url(../images/cpzx_jia.png) no-repeat center center;}
.cpzx_ul li .cpzs_txt{display:block; overflow:hidden; height:50px; line-height:50px; text-align:center; font-size:16px; background:#fff; color:#333; transition:all 0.4s;}
.cpzx_ul li:hover .cpzx_img .cpzs_hover{bottom:0;}
.cpzx_ul li:hover .cpzs_txt{background:#fec100; color:#fff;}
.cpzx_M{width:100%; overflow:hidden; padding-top:25px;}
.cpzx_M a{width:168px; height:36px; line-height:36px; text-align:center; display:block; margin:0 auto; border:3px solid #fec100; font-size:16px; color:#333333; background:#fff; transition:all 0.4s;}
.cpzx_M a:hover{border-color:#fff; background:#fec100; color:#fff;}

.gsjj{width:100%; overflow:hidden;}
.gsjj_L{width:50%; float:left; height:522px;}
.gsjj_R{width:50%; float:right; height:522px; background:url(../images/gsjj_bj.jpg) no-repeat center center; background-size:cover;}
.gsjj_box{display:block; overflow:hidden; width:560px; padding:40px 0 0 40px;}
.gsjj_txt{display:block; overflow:hidden; line-height:30px; font-size:14px; color:#fff; height:210px; margin-top:45px;}
.gsjj_M{display:block; overflow:hidden; padding-top:40px;}
.gsjj_M a{width:168px; height:36px; line-height:36px; text-align:center; display:block; border:3px solid #fec100; font-size:16px; color:#333333; background:#fff; transition:all 0.4s;}
.gsjj_M a:hover{border-color:#fff; background:#fec100; color:#fff;}

.fw{width:100%; overflow:hidden; padding:50px 0; background:url(../images/fw_bj.jpg) no-repeat center center; background-size:cover;}
.fw_contect{display:block; overflow:hidden; position:relative; margin-top:50px;}
.fw_B{width:600px; float:left;}
.fw_B .fw_img{width:100%; overflow:hidden; float:left; transition:all 1s;}
.fw_B .fw_img::before{content:""; display:block; padding-top:53.3334%;}
.fw_R{width:656px; float:left; position:absolute; right:0; top:50%; transform: translateY(-50%); background:#fff; padding:25px 20px; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.fw_R .fw_p{display:block; overflow:hidden; height:40px; line-height:40px; font-size:20px; color:#333333; font-weight:bold;}
.fw_R .fw_txt{display:block; overflow:hidden; height:120px; line-height:30px; font-size:16px; color:#333333;}
.fw_R .fw_M{float:right; padding-top:10px;}
.fw_R .fw_M a{width:168px; height:36px; line-height:36px; text-align:center; display:block; border:3px solid #fec100; font-size:16px; color:#333333; background:#fff; transition:all 0.4s;}
.fw_R .fw_M a:hover{border-color:#fff; background:#fec100; color:#fff;}

.footer{width:100%; overflow:hidden; text-align:center; background:#333; line-height:30px; padding:15px 0; font-size:14px; color:#fff;}
.footer a{color:#fff; margin:0 10px;}
.footer a:hover{ text-decoration:underline;}

/*关于我们*/
.main{width:100%; overflow:hidden; padding:20px 0;}
.dqwz_title{width:100%; float:left;}
.dqwz_L{float:left; padding:21px 0 21px 42px; margin-right:10px; background:url(../images/cpzx_title.png) no-repeat left center;}
.dqwz_p{display:block; overflow:hidden; height:30px; line-height:30px; font-size:23px; color:#333; font-weight:bold;}
.dqwz_sp{display:block; overflow:hidden; height:38px; line-height:38px; font-size:40px; color:#333; opacity:0.3; font-family:Arial; text-transform:uppercase; font-weight:bold;}
.dqwz_R{display:block; padding-top:40px; overflow:hidden;}
.dqwz_nav{display:block; overflow:hidden; line-height:34px; text-align:right; color:#333; font-size:14px;}
.dqwz_nav a{margin-left:10px; text-transform:uppercase; color:#333;}
.dqwz_nav a:hover{text-decoration:underline; color:#fec100;}
.dqwz_heng{display:block; height:7px; position:relative;}
.dqwz_heng span{width:100%; float:left; height:1px; background:#cfcfcf; position:absolute; left:0; top:3px; z-index:1}
.dqwz_heng::before{content:""; width:7px; float:left; height:7px; background:#fec100; position:absolute; left:0; top:0; z-index:2;}

.dqwz_contect{width:100%; float:left; padding-top:30px;}
.main_left{width:265px; float:left;}
.about{width:100%; float:left; margin-bottom:6px;}
.about_ul{display:block; overflow:hidden;}
.about_ul li{display:block; overflow:hidden; margin-bottom:4px;}
.about_ul li a{display:block; overflow:hidden; height:44px; line-height:44px; border:3px solid #f1f1f1; border-left:5px solid #fec100; padding:0 25px; font-size:18px; color:#333333; transition:all 0.4s; background:#f1f1f1;}
.about_ul li a:hover{border-color:#d7d4d4; border-left:5px solid #fec100; background:#fff;}
.about_ul li.about_on a{border-color:#d7d4d4; border-left:5px solid #fec100; background:#fff;}


.about_ul dl{ display:none}
.about_ul dl dd{ width:100%;  display:block;background:url(../images/left_li.png) no-repeat;background-position: 94% 50%; padding-left:50px;}
.about_ul dl dd a{  text-align:left; line-height:32px; font-size:14px; }
.about_ul dl dd a:hover{ color:#f00;}



.about_title{display:block; overflow:hidden;}
.about_B{display:block; overflow:hidden; padding-top:10px;}
.about_B img{width:100%; overflow:hidden; display:block; margin-bottom:5px;}
.about_B span{display:block; overflow:hidden; background:#f1f1f1; font-size:14px; color:#333333; line-height:30px; padding:15px;}
.main_right{width:894px; float:right;}
.company{display:block; overflow:hidden; font-size:14px; color:#333333; line-height:30px;}
/*END*/

/*产品中心*/
.cpzx_ul1{display:block; width:909px;}
.cpzx_ul1 li{width:288px; float:left; margin:0 15px 30px 0; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.cpzx_ul1 li .cpzx_img{width:100%; overflow:hidden; position:relative;}
.cpzx_ul1 li .cpzx_img .cpzx_img_top{padding-top:79.86112%;}
.cpzx_ul1 li .cpzx_img .cpzs_hover{width:100%; height:100%; float:left; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; background-color:#000; position:absolute; left:0; bottom:-100%; z-index:9999; transition:all 0.4s;}
.cpzx_ul1 li .cpzx_img .cpzs_hover .cpzs_pp{width:100%; float:left; height:30px; line-height:30px; overflow:hidden; position:absolute; left:0; bottom:53%; text-align:center; font-size:20px; color:#fff;}
.cpzx_ul1 li .cpzx_img .cpzs_hover .cpzs_spp{width:100%; float:left; height:26px; overflow:hidden; position:absolute; left:0; top:53%; text-align:center; background:url(../images/cpzx_jia.png) no-repeat center center;}
.cpzx_ul1 li .cpzs_txt{display:block; overflow:hidden; height:50px; line-height:50px; text-align:center; font-size:16px; background:#fff; color:#333; transition:all 0.4s;}
.cpzx_ul1 li:hover .cpzx_img .cpzs_hover{bottom:0;}
.cpzx_ul1 li:hover .cpzs_txt{background:#fec100; color:#fff;}

.cpxq{display:block; overflow:hidden;}
.cpxq_T{display:block; overflow:hidden; text-align:center; font-size:18px; color:#333; padding-bottom:10px; border-bottom:1px dashed #ddd;}
.cpxq_img{display:block; overflow:hidden;}
.cpxq_img img{display:block; max-width:100%; height:auto; margin:0 auto; border:1px solid #dedede;} 
.cpxq_txt{display:block; overflow:hidden; text-align:center; font-size:20px; color:#333333; line-height:30px; padding-top:20px;}
/*END*/

/*新闻中心*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; line-height:40px; border-bottom:2px dashed #eeeeee; font-size:14px; color:#999999;}
.xw_ul li span{float:right;}
.xw_ul li a{float:left; font-size:16px; color:#333333;}
.xw_ul li a em{font-size:30px; font-weight:bold; float:left; margin-right:10px;}
.xw_ul li a:hover{color:#fec100;}

.xwxq{display:block; overflow:hidden;}
.xwxq_p{display:block; text-align:center; overflow:hidden; font-size:18px; color:#333;}
.xwxq_sp{display:block; text-align:center; overflow:hidden; font-size:12px; color:#666; padding:15px 0; border-bottom:1px dashed #ccc;}
.xwxq_txt{display:block; overflow:hidden; font-size:14px; color:#333333; line-height:30px; padding-top:15px;}
/*END*/

/*联系我们*/
.contact{display:block;  overflow:hidden;}
.contact_txt{display:block; overflow:hidden; font-size:14px; color:#333; line-height:30px;}
.contact_map{display:block; overflow:hidden; padding-top:20px;}
#dituContentmap{width:100%; overflow:hidden; height:380px; border:1px solid #ccc;}
.iw_poi_title {color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap;}
.iw_poi_content {font: 12px arial,sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word;}


/*浮动QQ*/
.open{width:31px; height:110px; background:url(../images/openTrigger.jpg) no-repeat center center; position:fixed; right:0; top:150px;z-index:9999; cursor:pointer;}
.off{width:24px; height:24px; background:url(../images/closeBtnImg.gif) no-repeat center center; position:fixed; right:-5px; top:140px;z-index:9999; cursor:pointer;}
.fix_qq { display:none;
position: fixed;
right: 0px;
top: 150px;
width: 93px;
height: 122px;
z-index:9999;
background: url(../images/qq_01.png) no-repeat;}
.fix_qq_top {
height: 122px;
background: url(../images/qq_01.png) no-repeat;
}
.fix_qq_center {
background: url(../images/qq_02.png) repeat-y;
text-align: center;
}
.fix_qq_foot {
height: 4px;
background: url(../images/qq_04.png) no-repeat;
}