/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;color: #000000;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;zoom:1;display:inline;font-size:0px;}
 
.xypg-right-content p{font-size:16px;line-height:2em;}
/* 滚动 */
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{width:1300px;margin:0 auto;clear: both;}

/* 放大 效果 */
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.roll_product {float: left;}

.x-banner,.nav{clear: both;}


/* 1 【头部】 */
/* 1 */
.top1{/* display: none; */background:#f7f7f7;color:#333;height:36px;line-height:36px;overflow:hidden;font-size:12px;}
.top1 a{color:#333;/* margin: 0 3px; */}
.top1 .language{}
.top1 .language li{display: table;float: left;width: 68px;line-height: 36px;border-left: 1px solid #ffffff66;text-align: center;}
.top1 .language li:last-child{border-right: 1px solid #ffffff66;}
/* 2 */
.top2{height:100px;padding: 10px 0;}
.top2 .logo{float:left;line-height:100px;}
.top2 .adv{display: none; height: 65px;margin-top: 21px;padding-left: 25px;margin-left: 25px;border-left: 1px solid #e6e6e6;}
.top2 .adv p:nth-child(1){font-size: 22px;color: #333333;font-weight: bold;letter-spacing: 1px;}
.top2 .adv p:nth-child(2){font-size: 14px;color: #808080;}
/* .top2 .phone1{margin-top: 5px;font-size:14px;color:#333333;line-height:35px;background: url(../images/phone1.png) no-repeat left center;font-family:"黑体";}
.top2 .phone1 p:nth-child(2){color:#2459a9;font-size:27px;} */
.top2 .phone1{font-size:26.06px;color:#ff0000;background: url(../images/phone1.png) no-repeat 5px 0px;padding-left: 37px;margin-top: 12px;width:256px;height: 50px;font-weight: bold;} 
.top2 .phone1 p{padding-top: 6px;padding-left: 10px;} /* 文字 */
.top2 .phone2{padding-top: 0!important;margin: 0;line-height: 10px;}

.logo img{height: 80px;margin-right: 15px;float: left;}
.logo h3{float: left;font-size: 36px;line-height: 80px;}

/* 2_1【导航栏】 */
.nav{height:60px;background-color: #000;} /* 背景图片、高度 */
/* 菜单 */
/* 平均 分布 */
.nav .logo{/* 导航栏 Logo */line-height: 85px;}

.x-menu .on{background-color: #ff0000;}
/* 平均 分布 end */
.x-menu > li {  float: left;  position: relative; text-align:center;width:150px; /*    height: 59px; */}
.x-menu > li+li{background: url(../images/line2.png) no-repeat center left;}
.x-menu > li > a {display: block;font-size: 16px;color: #fff;line-height:60px;background: url(../images/nav_line1.png) no-repeat center right;}
.x-menu > li:last-child a{background: none;}
/* 鼠标 进入 状态 */
.x-menu > li > a:hover {/* filter: invert(100%);  */background: url(../images/line1.png) no-repeat center 65px;background-color: #FF0000;}   
/* 激活 状态 */
.x-menu > li.active > a {/* filter: invert(100%); */}    
.x-menu > li:after {  content: '';  position: absolute;  z-index: 100;  width: 100%;  left: 0;  height: 40px;  opacity: 0;  top: 100%;}
/* 下拉菜单 */
.x-menu > li:hover .x-sub-menu {  opacity: 1;  visibility: visible;  -webkit-transform: translateY(0);          transform: translateY(0);}
.x-sub-menu { position: absolute;  z-index: 99999;  width: 150%;  left: -25%;  top: 94px;  background: #fff;  border-radius: 5px;  padding: 10px 0;  opacity: 0;  -webkit-transform: translateY(20px);  visibility: hidden;  transform: translateY(20px);  -webkit-transition: all .5s ease;  transition: all .5s ease;  }
.x-sub-menu > li > a {  display: block;  text-align: center;  font-size: 14px;  color: #333;  line-height:40px; height:40px;overflow:hidden;}
.x-sub-menu > li > a:hover {  background: #e9eaeb;}
.x-sub-menu:after {  content: '';  width: 0;  height: 0;  line-height: 0;  font-size: 0;  overflow: hidden;  border-width: 10px;  cursor: pointer;  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #fff transparent;  border-top: none;  position: absolute;  top: -9px;  left: 50%;  margin-left: -10px;  z-index: 99;}




/* 【banner】 */
.banner{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;height:500px;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;}
.banner ul.bb li{position:absolute;display:none;}
.banner .num{position:absolute;right:46%;bottom:10px;z-index:100;}
.banner .num li{width:18px;height:18px;display:inline-block;margin:0 4px;background:#fff;line-height:18px;
	text-indent:-100px;overflow:hidden;border-radius:10px;}
.banner .num li.num_hover{background-color:#ff7c00;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:block;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:18px;height:18px;line-height:18px;}




/* 【 3 业务介绍 】 */
.box3{clear: both;overflow: hidden;padding: 30px 0 10px;}
/* 大标题 */
.box3 .bigTitle{text-align: center;}
.box3 .bigTitle .title1{font-size: 40px;color: #5a5a5a;/* font-weight: bold; */letter-spacing: 1px;text-transform: uppercase;font-family: "Impact";}
.box3 .bigTitle .title2{font-size: 24px;color: #5a5a5a;padding:5px 0;}
/*  */
.box3 .list1{margin-top: 25px;}
.box3 .list1 > li{display: table;float: left;margin: 0 22px 22px 0;position: relative;width: 300px; }
.box3 .list1 .txt{height: 40px;background-color: #f7f7f7;width: 300px;}
.box3 .list1 .txt h3{font-size: 15px;color: #333;font-weight: bold;line-height: 40px;overflow: hidden;height: 40px;}
.box3 .list1 .txt a{display: table;color: #333;font-size: 14px;margin: 0 auto;line-height: 1.8;}
.box3 .list1 .img{}
.box3 .list1 img{transition: .6s;width: 100%;}
.box3 .list1 > li:nth-child(4n){margin-right: 0;}
.box3 .list1 > li:hover a{transition: .6s;opacity: 1;position: relative;transform: rotateX(0deg);}
.box3 .list1 > li:hover img{filter: brightness(50%);transition: .6s;}
.box3 .list1 > li:hover .txt{}
.box3 .list1 > li:hover h1{background: url(../images/icon4.png) no-repeat center bottom;}






/* 【 4 关于我们 】 */
.box4{clear: both;overflow: hidden;padding: 48px 0;background: url(../images/bg1.jpg) no-repeat center top;    background-attachment: fixed;  background-size: cover;}
/*  */
.box4 .a1{background: url(../images/about_bg1.png) no-repeat center top;width: 700px;height: 550px;margin-left: -50px;padding: 48px 0 0 50px;}
.box4 .bigTitle{}
.box4 .bigTitle .title1{font-size: 40px;color: #fff;/* font-weight: bold; */letter-spacing: 1px;text-transform: uppercase;font-family: "Impact";}
.box4 .bigTitle .title2{font-size: 24px;color: #fff;padding:5px 0;background: url(../images/line1.png) no-repeat left bottom;padding-bottom: 28px;}
.box4 .a1 .content{font-size: 16px;color: #fff;line-height: 1.9;width: 605px;height: 168px;margin-top: 21px;}
.box4 .a1 .list{margin-top: 44px;background-color: #ff1717;display: table;padding: 18px 38px;}
.box4 .a1 .list a{display: table;float: left;color: #fff;width: 173px;padding-left: 12px;}
.box4 .a1 .list a:nth-child(2){padding-left: 48px;}
.box4 .a1 .list a:nth-child(3){padding-left: 83px;}
.box4 .a1 .list a h1{float: left;font-size: 48px;font-family: "Impact";}
.box4 .a1 .list a h2{float: left;font-size: 14px;margin-top: 30px;margin-left: 6px;}
.box4 .a1 .list a h3{clear: both;font-size: 14px;padding-top: 5px;}
/*  */
.box4 .a2{width: 478px;height: 550px;margin-left: -50px;padding: 43px 0 0 27px;}
.box4 .a2 h4{font-size: 24px;color: #fff;margin-bottom: 30px;}
.box4 .a2 a{display: table;color: #fff;}
.box4 .a2 a h1{font-size: 18px;margin-bottom: 16px;}
.box4 .a2 a h2{font-size: 16px;margin-bottom: 16px;}
.box4 .a2 a h3{font-size: 16px;margin-bottom: 26px;}




/* 【 5 新闻动态 】 */
.box5{clear: both;overflow: hidden;padding: 30px 0;background:#f2f2f2;}
.box5 .bigTitle{text-align: center;}
.box5 .bigTitle .title1{font-size: 40px;color: #5a5a5a;/* font-weight: bold; */letter-spacing: 1px;text-transform: uppercase;font-family: "Impact";}
.box5 .bigTitle .title2{font-size: 24px;color: #5a5a5a;padding:5px 0;margin-bottom: 25px;}


/*  */
.box5 .a1{}
.box5 .a1 > h1{font-size: 28px;color: #f21616;font-weight: bold;padding-bottom: 20px;}
.box5 .a1 .list1{display: table;}
.box5 .a1 .list1 li{display: table;padding: 0px 0px 8px 0px;
    transition: .4s ease-in;}
.box5 .a1 .list1 li a{display: table;}
.box5 .a1 .list1 li h1{font-size: 14px;color: #999999;}
.box5 .a1 .list1 li h2{font-size: 20px;color: #000000;font-weight: bold;margin-top: 15px;}
.box5 .a1 .list1 li h3{font-size: 14px;color: #666666;margin-top: 20px;}
.box5 .a1 .list1 li h4{font-size: 16px;color: #f21616;margin-top: 20px;}
.box5 .a1 .list1 li .img{margin-top: 69px;/*margin-left: -35px;*/}
.box5 .a1 .list1 li:hover{}
/*  */
.box5 .a2{}
.box5 .a2 .list2{display: table;margin-top: -16px;}
.box5 .a2 .list2 li{display: table;padding: 24px 26px 8px 29px;transition: .4s ease-in;width: 640px;background-color: #f21616;margin: 15px 0;border-radius: 20px;}
.box5 .a2 .list2 li a{display: table;}
.box5 .a2 .list2 li h1{font-size: 14px;color: #fff;}
.box5 .a2 .list2 li h2{font-size: 20px;color: #fff;font-weight: bold;margin-top: 15px;}
.box5 .a2 .list2 li h3{font-size: 14px;color: #fff;margin-top: 20px;transition: .4s ease-in;}
.box5 .a2 .list2 li h4{font-size: 16px;color: #fff;margin-top: 10px;margin-bottom: 10px;}






/* 【 6 工程案例 】 */
.box6{clear: both;overflow: hidden;padding: 43px 0;background: url(../images/bg2.jpg) no-repeat center top;background-attachment: fixed;background-size: cover;height: 570px;}
/* 大标题 */
.box6 .bigTitle{text-align: center;}
.box6 .bigTitle .title1{font-size: 40px;color: #fff;/* font-weight: bold; */letter-spacing: 1px;text-transform: uppercase;font-family: "Impact";}
.box6 .bigTitle .title2{font-size: 24px;color: #fff;padding:5px 0;}
/* 图片 单排 滚动 (非无缝) 1 */
.rollNo1 {margin: 0 auto;position: relative;clear: both;margin-top: 24px;}
/* 左右 按钮 */
.rollNo1 .hd{display: table;}
.rollNo1 .next {left: 0px;background: url(../images/rollNo_L1.png) no-repeat;display: block;width: 35px;height: 45px;position: absolute;top: 185px;cursor: pointer;z-index: 99;}
.rollNo1 .prev {right: 3px;background: url(../images/rollNo_R1.png) no-repeat;display: block;width: 35px;height: 45px;position: absolute;top: 185px;cursor: pointer;z-index: 99;}
/* .rollNo1 .next:hover{background: url(../images/rollNo_L2.png) no-repeat;}
.rollNo1 .prev:hover{background: url(../images/rollNo_R2.png) no-repeat;} */
/* 数字/圆点 状态 列表 */
.rollNo1 .hd ul{position: absolute;bottom: -42px;z-index: 99;left: 527px;}
.rollNo1 .hd ul li{text-indent: -999px;width: 12px;height: 12px;background-color: #b0b0b0;float: left;border-radius: 50%;}
.rollNo1 .hd ul li+li{margin-left: 10px;}
.rollNo1 .hd ul li.on,
.rollNo1 .hd ul li:hover{background-color: #f5ae00;font-weight: bold;}
/* 内容 */
.rollNo1 .bd{margin-top: 23px;overflow: hidden;}
.rollNo1 .bd ul li{width: 310px;float: left;margin-right: 19px;position: relative;}
.rollNo1 .bd ul li img {height: 300px;display: block;transition: all 0.5s;width: 100%;}
.rollNo1 .bd ul h3{height: 47px;font-size: 16px;text-align: center;line-height: 2;color: #595959;width: 100%;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;transition: 1s;pointer-events: none;}
.rollNo1 .bd ul h3 a{color: #fff;font-weight: bold;transition: 1s;}
.rollNo1 .bd ul li:hover h3{/* background-color: #000000b2; */opacity: 1;/* height: 100%; */transition: 1s;}
.rollNo1 .bd ul li:hover img{filter: brightness(37%);}









/* 关键字+搜索+电话 */
.key1{display: table;padding: 10px 0;}
/* 电话 */
.phone1{font-size:16px;color:#1c1b1b;background: url(../images/phone2.png) no-repeat 12px 4px;font-family:"黑体";padding-left: 55px;width: 165px;height: 36px;margin-top: 32px;} /* 电话 图片 */
.phone1 p{padding-top: 6px;} /* 文字 */
/* 关键词 */
.key1 .a3{line-height: 41px;margin-right: 6px;}
.key1 .a3 a{color: #1c1b1b;font-size: 12px;}
.key1 .a3 a:hover{color: #e80435;}
.key1 .a3 a::after {content: "、";}
.key1 .a3 a:last-child:after {content: none;}
/* 搜索 */
/* 容器 */
.search1 #formsearch{height: 40px;line-height: 41px;margin-right: 13px;margin-top: 0px;} 
.search1 #formsearch input::-webkit-input-placeholder {color:#9a9a9a;}
.search1 #formsearch textarea::-webkit-input-placeholder {color: #9a9a9a;}
/* 输入框 */
.search1 #keyword{width: 225px;height: 37px;color: #9a9a9a;font-size: 12px;margin-left: 10px;border: none;outline: none;background: none;line-height: 40px; border: 1px #2b7ce2 solid;padding-left: 10px;} 
/* 按钮 */
.search1 #s_btn{width: 52px;height: 37px;margin-left: -4px; border: none;background: none;outline: none;line-height: 40px;background: url(../images/search.png) no-repeat center;background-color: #2b7ce2;} 
/* 提示文字的 颜色 */




/* 友情链接 */
.f_link{color: #aba8a8;font-size: 14px;padding-bottom: 20px;}
.f_link a{color: #aba8a8;}





/* 输入框 提示文字 颜色 */
.XXXX input[type='text']::-webkit-input-placeholder,
.XXXX textarea::-webkit-input-placeholder {color: #5a5a5a;}
.XXXX input[type='text']::-ms-input-placeholder,
.XXXX textarea::-ms-input-placeholder {color: #5a5a5a;}
.XXXX input[type='text']::placeholder,
.XXXX textarea::placeholder {color: #5a5a5a;}
.XXXX input[type='text']:-ms-input-placeholder,
.XXXX textarea:-ms-input-placeholder {color: #5a5a5a;}





/* 【页脚】 */
/* 导航 */
.footerNav{background-color: #2b7ce2;}
.footerNav .wh{display: flex;}
.footerNav a{color: #fff;font-size: 14px;flex: 1;display: table;height: 45px;line-height: 45px;text-align: center;transition: .5s;}
.footerNav a:hover{background-color: #0855b6;transition: .5s;}
/* Box */
.footer{text-align:left;background-color: #222222;color: #fff;}
.footer .wh{display: table;}
/* Logo */
.footer .logo{}
/* 联系我们 */
.footer .contactUs{text-align: right;}
.footer .contactUs h1{font-size: 24px;font-weight: bold;color: #ffffff;}
.footer .contactUs h2{font-size: 14px;color: #fff;margin-top: 23px;}
.footer .contactUs h3{font-size: 28px;color: #fff;font-family: "Impact";margin-top: 8px;}
.footer .contactUs h4{font-size: 14px;color: #fff;margin-top: 15px;}
.footer .contactUs h5{font-size: 16px;color: #fff;margin-top: 5px;}
.footer .contactUs h6{margin-top: 30px;float: right;}
.footer .contactUs h6 a{display: table;float: left;}
.footer .contactUs h6 li{display: table;width: 28px;height: 28px;}
.footer .contactUs h6 a+a{margin-left: 8px;}
.footer .contactUs h6 a:nth-child(1) li{background: url(../images/icon1.png) no-repeat center top;}
.footer .contactUs h6 a:nth-child(2) li{background: url(../images/icon2.png) no-repeat center top;}
.footer .contactUs h6 a:nth-child(3) li{background: url(../images/icon3.png) no-repeat center top;}
/* 电话 */
.footer .endPhone{font-size: 20px;padding: 23px 0 0 54px;font-weight: bold;background: url(../images/endPhone1.png) no-repeat top left;}
/* 栏目 分类 (列表) */
.f_nav{/* width: 696px; */}
.f_nav dl{float:left;width: 145px;/* height:186px; */overflow:hidden;text-align:left;}
.f_nav dl a{color: #fff;}
.f_nav dt{margin-bottom:13px;font-size:16px;font-weight: normal;} /* 标题 */
/* .f_nav dt a{color:#999999;} */
.f_nav dd{line-height: 33px;/* text-align: left; */}
.f_nav dd a{font-size:14px;color: #ffffff99;}  /* 列表 */
/* 二维码 */
/* 左侧 文字 */
.qrcode{}
.qrcode .txt_Left{float: left;margin-right: 5px;margin-top: 10px;background: url(../images/qrcode_pic1.png) no-repeat center top;padding-top: 20px;}    
.qrcode .txt_Left{  width: 14px; line-height: 14px;    font-size: 14px;}  /* 文字 竖排 */
/* 图片 */
.qrcode .code1{width: 100px;overflow: hidden;float: left;}  /*  大小 */
.qrcode .code1 img{height: 100px;border:1px #e6e6e6 solid;width: 100%;height: 100%;overflow: hidden;}  /*  边框 */
/* 底部 文字 */
.qrcode .txt_bottom{clear: both;text-align: center;margin-top: 5px;font-size: 14px;}

 /* 2 */
 .copyright{color: #ffffff99;font-size: 14px;line-height:24px;padding: 20px 0;margin-top: 60px;clear: both;background-color: #000000;}
.copyright a{color: #ffffff99;font-size: 14px;}
/* ======== 页脚 New ========= */
.footer{}




/* 【内页 左侧】 */
.container{width: 1300px!important;margin: 0 auto;padding: 0;}
.page-product-inquiry a{color: #fff;}



.slideBox{ width:400px; height:400px; overflow:hidden; position:relative; border:1px solid #ddd; margin: 0 auto; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:400px; height:400px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }