/* 默认样式定义 */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,pre,form,blockquote,fieldset,input,label{margin:0;padding:0}
html,body{font:normal normal 12px/24px "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif;color:#333;height:auto;margin:0 auto;background:#fff;}
input,select,textarea{color:#222;font:normal normal 12px "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif}
fieldset,iframe{border:none}
ul,ol,li{list-style:none}
th{text-align:left}
img{border:none !important;}
em,i{font-style:normal}
a{color:#333;text-decoration:none;cursor:pointer;}
a:hover{color:#057fe2;text-decoration:none;}
a:focus{outline:none}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
span,samp{ font-family:"微软雅黑";}
/*字体大小*/
.f11{font-size:11px;-webkit-text-size-adjust:none;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f30{font-size: 30px;}
/*行高*/
.l16{line-height:16px;}
.l18{line-height:18px;}
.l20{line-height:20px;}
.l22{line-height:22px;}
.l25{line-height:25px;}
.l30{line-height:30px;}
.clear{clear: both;}
*{margin: 0px;padding: 0px;}

/*检测代码*/





/*头部-公用*/
.header_common{width: 100%;min-height: 100px;}
/*header_top*/
.header_common .header_top{width: 100%;height: 35px;background-color: #822528;}
.header_common .header_top .mid{width: 1200px;height: 35px;margin: 0 auto;background-color: #822528;}
.header_common .header_top .mid .left{height: 100%;float: left;font-size: 15px;line-height: 35px;color: #e8b46f;}
.header_common .header_top .mid .right{height: 100%;float:right;}
.header_common .header_top .mid .right>.pic1_a{width: 67px;height: 23px;float: left;margin:0 5px;margin-top: 8px;display: block;background-image: url(../images/header_common_01.jpg);background-repeat:no-repeat;background-size: 100% 100%;}
.header_common .header_top .mid .right>.pic2_a{width: 67px;height: 23px;float: left;margin-top: 8px;display: block;background-image: url(../images/header_common_02.jpg);background-repeat:no-repeat;background-size: 100% 100%;}
/*header_mid*/
.header_common .header_mid{width: 100%;height: 135px;background-color: #c21819;}
.header_common .header_mid .mid{width: 1200px;height: 100%;margin: 0 auto;background-image: url(../images/header_common_03.jpg);background-repeat:no-repeat;background-size: 100% 100%;}
.header_common .header_mid .mid .left{height: 100%;float: left;}
.header_common .header_mid .mid .left>img{width: 139px;height: 100%;float: left;}
.header_common .header_mid .mid .left>h1{float: left;margin-left: 30px;line-height: 135px;font-size: 33px;color: #e8b46f;}
.header_common .header_mid .mid .right{width: 250px;height: 100%;float: right;text-align: center;}
.header_common .header_mid .mid .right>img{width: 230px;height: 40px;margin-top: 25px;}
.header_common .header_mid .mid .right>h1{font-size: 33px;color: #e8b46f;height: 30px;line-height: 30px;overflow: hidden;}
/*header_nav*/
.header_common .header_nav{width: 100%;height: 45px;background-color: #e40e13;}
.header_common .header_nav .mid{width: 1200px;height:100%;margin: 0 auto;background-color: #e40e13;position: relative;}
.header_common .header_nav .mid>.nav_ul{width:1200px;height:100%;}
.header_common .header_nav .mid>.nav_ul>li{width:95px;height:100%;float:left;}
.header_common .header_nav .mid>.nav_ul>li a{line-height:45px;display:block;text-align: center;font-size:16px; color: white;}
.header_common .header_nav .mid>.nav_ul>li a:hover{ background-color: #fc0906; }
.header_common .header_nav .mid>.nav_ul>li a.current{ background-color: #fc0906;}
.header_common .header_nav .mid>.nav_ul>li>ul{ position:absolute;top:45px; background: rgba(222,222,222,0.5); z-index:99999999; display:none; width: 104px;border: 1px solid #e3e3e3;}
.header_common .header_nav .mid>.nav_ul>li>ul>li{ text-align:center;height: 45px;line-height: 45px;border-bottom: 1px solid #e3e3e3;}
.header_common .header_nav .mid>.nav_ul>li>ul>li>a{ display:block; font-size:18px;}
.header_common .header_nav .mid>.nav_ul>li>ul>li>a:hover{background:#fc0906; color:#FFF;}
/*banner_box1轮播*/
.header_common .banner_box1{width:1200px;height: 400px;margin: 35px auto;clear:both;position: relative;}
.header_common .banner_box1>.banner_box1_lb{height: 400px; overflow: hidden; width: 1200px;}
.header_common .banner_box1>.row{width:1200px; margin:0 auto; clear:both;}
.header_common .banner_box1 .banner_box1_btn{position: absolute; bottom: 20px; width: 1200px; height: 40px; text-align: center; z-index:9 }
.header_common .banner_box1 .banner_box1_btn ul{width: 300px; height: 30px; margin: 0px auto; display: block; text-align: center;}
.header_common .banner_box1 .banner_box1_btn ul li{display: inline-block; margin-right: 25px; text-align: center;}
.header_common .banner_box1 .banner_box1_btn ul li a{width: 20px; height: 20px;  border-radius: 50%; display: block;  background-color: #999999;}
.header_common .banner_box1 .banner_box1_btn ul li:hover a{background: red;}
.header_common .banner_box1 .banner_box1_btn ul .on a{background: red;}
/*banner_box2*/
.header_common .banner_box2{width:1200px;height: 400px;margin: 35px auto;clear:both;}
.header_common .banner_box2>img{width: 100%;height: 100%;}





/*底部-公用*/
.footer_common{width: 100%;min-width:1200px;height: 150px;clear: both;background-color: #d8090e;}
.footer_common>.full{width: 100%;min-width:1200px;height: 50px;border-bottom: 1px solid #e6171d;}
.footer_common>.full .subnav{ width:1200px;height: 50px;margin: 0 auto;background-color: #d8090e;}
.footer_common>.full .subnav span{ width: 1px;height: 20px;margin-top: 15px;display: block;float: left;background-color: red;}
.footer_common>.full .subnav a{ color:white; font-size:18px; line-height:50px;padding: 0 18px; display: block;float: left;background-color: #d8090e;}
.footer_common>.full .subnav a:hover{background-color: #d0101f;}
.footer_common>.mid{ width:1200px;height: 60px; margin:0 auto;margin-top: 30px;background-color: #d8090e;overflow: hidden;text-align: center;font-size:14px;line-height:25px;color: white;}
.footer_common>.mid p>img{margin-left:5px;}





/*布局-公用*/
.layer_common{ width: 100%;min-width:1200px;min-height: 50px;}
/*中间左右两块*/
.layer_common > .layer_mid{width:1200px;min-height: 100px;margin:0 auto;}
/*左侧导航栏（2个）—开始*/
.layer_common > .layer_mid > .nav_left{width:260px;min-height: 100px;float: left;background-color: white;margin-bottom: 225px;}
/*导航栏—新闻动态*/
.layer_common > .layer_mid > .nav_left > .ul_box{width: 100%;background-color: #f8f8f8;border-bottom:2px solid lightgrey;}
/*导航栏—新闻动态—标题栏*/
.layer_common > .layer_mid > .nav_left > .ul_box > li.t_lb_li1{width: 100%;height: 45px;background-color: #d00a12;}
.layer_common > .layer_mid > .nav_left > .ul_box > li.t_lb_li1 > img{width: 35px;height: 45px;float: left;margin-left: 24px;}
.layer_common > .layer_mid > .nav_left > .ul_box > li.t_lb_li1 > h2{float: left;margin-left: 10px;color: white;line-height: 45px;font-size: 19px;}
/*导航栏—新闻动态—选项*/
.layer_common > .layer_mid > .nav_left > .ul_box > li > a{width: 200px;height: 35px;display: block;line-height: 35px;font-size:16px;color: black;text-align: center; border: 1px dashed #e8b46f;margin: 25px auto;}
.layer_common > .layer_mid > .nav_left > .ul_box > li >a:hover{color: #d00a12;}
.layer_common > .layer_mid > .nav_left > .ul_box > li >a.t_lb_active{color: #d00a12;}
/*导航栏—联系我们*/
.layer_common > .layer_mid > .nav_left > .tel_box{width: 100%;min-height: 350px;background-color: #f8f8f8;border-bottom:2px solid lightgrey;}
.layer_common > .layer_mid > .nav_left > .tel_box > .title{width: 100%;height: 45px;background-color: #d00a12;}
.layer_common > .layer_mid > .nav_left > .tel_box > .title > img{width: 35px;height: 45px;float: left;margin-left: 24px;}
.layer_common > .layer_mid > .nav_left > .tel_box> .title > h2{float: left;margin-left: 10px;color: white;line-height: 45px;font-size: 19px;}
.layer_common > .layer_mid > .nav_left > .tel_box > .context{width: 240px;min-height: 300px;margin:0 auto;overflow: hidden;}
.layer_common > .layer_mid > .nav_left > .tel_box > .context > h2{line-height: 50px;font-size: 18px;font-weight: bold;padding-top: 10px;}
.layer_common > .layer_mid > .nav_left > .tel_box > .context > h3{line-height: 30px;font-size: 17px;}
.layer_common > .layer_mid > .nav_left > .tel_box > .context > h1{line-height: 40px;font-size: 24px;color: #d00a12;}
.layer_common > .layer_mid > .nav_left > .tel_box > .context > p{line-height: 30px;font-size: 15px;}
/*左侧导航栏（2个）—结束*/
/*右侧自定义内容*/
.layer_common > .layer_mid > .context_right{width:900px;min-height: 100px;float: right;}
/*当前位置*/
.layer_common > .layer_mid > .context_right > .DQWZ{ width: 100%;height: 45px;background-color: #d00a12;}
.layer_common > .layer_mid > .context_right > .DQWZ > .w_title{width: 300px;height: 100%;float: left;}
.layer_common > .layer_mid > .context_right > .DQWZ > .w_title>h3{font-size:17px;float:left;margin-left: 20px;color: white;margin-top: 10px;font-weight: bold;}
.layer_common > .layer_mid > .context_right > .DQWZ > .w_weizhi{font-size:15px;float: right;margin-right: 20px;line-height: 45px;color: white;}
.layer_common > .layer_mid > .context_right > .DQWZ > .w_weizhi>a{color: white;font-size:15px;}





/*分页-公用*/
.page_common{width: 100%;height:90px; clear:both;margin:30px 0;background-color: #f8f8f8;}
.page_common .page{width: 830px;height:45px;background-color: #fbfbfb;border:1px solid #c6c6c6;float: left;
    margin-top: 22px; margin-left: 35px;overflow: hidden;}
.page_common .page p{width: 250px;height:45px;line-height:45px;float: left;text-indent: 1rem;overflow: hidden;font-size: 15px;}
.page_common .page .a_div{float: right;margin-right: 10px;}
.page_common .page .a_div a{ text-align:center; margin:5px 2px; padding:4px 10px;  text-decoration:none; border:1px solid #DDD;background-color: white;float: left;}
.page_common .page .a_div a:hover{ background:#d00a12; color:#FFF;}
.page_common .page .a_div .current{ background:#d00a12; color:#FFF;}



.page_common .page .a_div span{ text-align:center; margin:5px 2px; padding:4px 10px;  text-decoration:none; border:1px solid #DDD;background-color: white;float: left;}





/*悬浮菜单*/
.XF_menu{ position:fixed; left:0px;bottom:300px; box-shadow:0px 0px 5px rgba(0,0,0,0.5);width: 50px;}
.XF_menu a{ display:block;width: 50px;height: 50px;margin-bottom: 2px;position: relative;}
.XF_menu a img{width: 50px;height: 50px;}
.XF_menu a .hide_div{display: none;width: 100px;height: 100px;position: absolute;right: -110px;top: -25px;  border:1px solid lightgrey;}
.XF_menu a .hide_div img{width: 90px;height: 90px;float: left;margin-left: 5px;margin-top: 5px;}
.XF_menu a:hover .hide_div{display: block;}




/* 本例子css */
.picMarquee-left{ width:900px;  overflow:hidden; position:relative;    }

.picMarquee-left .bd{ padding:24px 0;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; width:260px; }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:260px; height:190px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title1 a{font-size: 16px;}
.picMarquee-left .tempWrap{width: 900px !important;}
.picMarquee-left .bd ul li:hover{color: #D52329;}



.er{width:1200px !important;}
.er .tempWrap{width: 1200px !important;}




.kt_ul{padding: 45px 40px 0;}
.dx_img{position: relative;width: 254px;height: 190px;}
.dx_img img{position: absolute;width: 254px;height: 190px;}
.cover_f{transform: scale(0);transition: all 0.5s linear;opacity: 1;}
.kt_ul li{width: 254px;float: left;margin-bottom: 20px;}
.kt_ul li:hover .cover_f{transform: scale(1);}
.kt_ul li p{font-size: 15px;line-height: 37px;}
.kt_ul li p span{float:right;font-size:12px;}
.kt_ul li:nth-of-type(3n-1){margin: 0 29px;}



/* contactus页面banner图在谷歌不显示 */
.banner_box1 .banner_box1_lb .tempWrap {
	width: 1200px !important;
}

.banner_box1 .banner_box1_lb .tempWrap ul{
	display: flex;
	flex-wrap: nowrap;
}
	







/*顶部大图片*/
/*.banner{width:100%; clear:both; min-width:1200px;margin: 0 auto;height: 400px;}
.banner>img{width: 100%;height: 100%;}*/