/*初始化样式*/
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;}
a:link{color:#333;}
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,h3,h4{font-size:12px;font-weight:bold;}
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;}


/*滚动*/
#demo{overflow:hidden;width:95%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;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;position:relative;left:50%;margin-left:-650px;}
.wh2{width:1200px;margin:0 auto;position:relative;left:50%;margin-left:-600px;}


.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;}


/*头部样式*/
.top2{height:120px;}

.logo{float:left;line-height:120px;}
.k2{font-size:16px;color:#000000;text-transform:uppercase;float:right;background: url(../images/t.png) no-repeat left center;padding-left:90px;margin-top:13px;}





.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.topLink .k1 a{color: #595959;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}



/*搜索和热门搜索*/
#formsearch{float:right;background: url(../images/ss.png) no-repeat;width:158px;height:33px;margin-top:27px;}
#formsearch input{}
#formsearch input#keyword{height:33px;line-height:33px;padding-left:15px;float:left;color:#000000;font-size:14px;background:none;border:none;outline:none;width:110px;}
#formsearch input#s_btn{width:23px;height:33px;line-height:33px;text-align:center;background:none;border:none;outline:none;color:#fff;border:none;cursor:pointer;font-size: 12px;float:right;}
#formsearch input::-webkit-input-placeholder {color:#000000;}
#formsearch textarea::-webkit-input-placeholder {color: #000000;}











/*导航栏样式*/
#menu{background: url(../images/tou.png) no-repeat;height:97px;position:absolute;width:1920px;left:50%;margin-left:-960px;top:120px;z-index:99999;}
.navs{width:1300px;position:relative;left:50%;margin-left:-650px;}
.navs li{text-align:center;float:left;position:relative;z-index:999;width:162px;text-transform:uppercase;}
.navs li a{display:block;line-height:23px;color:#fff;font-size:18px;padding-top:26px;}
.navs li p{font-size:14px;}
.navs li a:hover{text-decoration:none;/*background: url(../images/jt.png) no-repeat center bottom;*/}

.navs .sec{height:0;background:#009b4c;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:90px;left:-52px;width: 165%;}
.navs .sec a{background:#19377c;color:#fff;height:38px;line-height:38px;font-size: 14px;padding-top:0px;}
.navs .sec a:hover{background:#2f6eff;text-decoration:none;}


.x-banner{margin-top:50px;}
.page-banner{margin-top:50px;}






.biaoti{background: url(../images/bj1.png) no-repeat;height:183px;padding-top:40px;}
.bt{color:#fff;text-align:center;text-transform:uppercase;}
.bt h2{font-size:36px;}
.bt p{font-size:36px;opacity:.8;background: url(../images/x.png) no-repeat center bottom;padding-bottom:10px;font-family:"Arial";}


.navtwoback {
  background: url(../images/navtwoback.png) center top no-repeat;
  position: relative;
  z-index: 100;height:1176px;padding-top:50px;
}

.navtwoback .navtwoback-idnex {
  position: relative;height:720px;
}

.navtwoback .navtwoback-idnex .adl {
  width:455px;
  position: absolute;
  top: 184px;
  left:22px;
}

.navtwoback .navtwoback-idnex .adl .ad {
  position: relative;
  height: 560px;
}

.navtwoback .navtwoback-idnex .adl .ad li {
  position: absolute;
 
}

.navtwoback .navtwoback-idnex .adl .ad li img{
        transition: .8s;
}
.navtwoback .navtwoback-idnex .adl .ad li:hover img{
    transform:rotateY(180deg);
}

.navtwoback .navtwoback-idnex .adl .ad li:nth-of-type(1) {
  top:0px;
  left:154px;
}

.navtwoback .navtwoback-idnex .adl .ad li:nth-of-type(2) {
  top: 260px;
  left:0px;
}


.adl2{width:245px;position:absolute;left:506px;top:0;}
.ad2 li{width:245px;height:192px;}
.ad2 li img{transition: .8s;}
.ad2 li:hover img{transform:rotateY(180deg);}





.navtwoback .navtwoback-idnex .adm {
  position: absolute;
  top:270px;
  width:372px;
  height:372px;
  left: 50%;
  margin-left:-186px;
}


.picScroll-left11{position:relative;border:12px solid #565656;border-radius:50%;}
.picScroll-left11 .hd{}
.picScroll-left11 .bd{}
.picScroll-left11 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left11 .bd ul li{float:left; _display:inline; overflow:hidden; }
.picScroll-left11 .bd ul li .pic{}
.picScroll-left11 .bd ul li .pic img{width:349px;height:349px;}






.navtwoback .navtwoback-idnex .adr {
  width: 455px;
  position: absolute;
  top: 184px;
  right: 0;
}

.navtwoback .navtwoback-idnex .adr .ad {
  position: relative;
  height:560px;
}

.navtwoback .navtwoback-idnex .adr .ad li {
  position: absolute;
  top: 0;
  right: 0;
}
.navtwoback .navtwoback-idnex .adr .ad li img{
     transition: .8s;
}
.navtwoback .navtwoback-idnex .adr .ad li:hover img{
     transform:rotateY(180deg);
}
.navtwoback .navtwoback-idnex .adr .ad li:nth-of-type(1) {
  top:0;
  right:130px;
}

.navtwoback .navtwoback-idnex .adr .ad li:nth-of-type(2) {
  top: 260px;
  right:10px;
}


.navtwoback .cons{position:relative;margin-top:10px;}

.product_list1{}
.product_list1 li{float:left;margin:0 14px;width:378px;background:#ebebeb;border:1px solid #d3d3d3;height:346px;text-align:center;overflow:hidden;}
.product_list1 li img{width:376px;height:243px;}
.product_list1 li .det{border-top:1px solid #d3d3d3;}
.product_list1 li h3{color:#000000;font-size:18px;padding-top:18px;}
.product_list1 li span{width:372px;margin:0 auto;color:#636363;font-size:14px;padding-top:8px;line-height:27px;display:block;}


		.picScroll-left{ overflow:hidden;width:1200px!important;margin:0 auto;}
		.picScroll-left .hd{ overflow:hidden;}
		.picScroll-left .hd .prev{width:50px; height:45px;display:block;background: url(../images/prev.png) no-repeat;position:absolute;left:-50px;top:132px;}
		.picScroll-left .hd .next{width:50px; height:45px;display:block;background: url(../images/next.png) no-repeat;position:absolute;right:-50px;top:132px;}
		.picScroll-left .bd{}
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;width:378px;}

.picScroll-left .tempWrap{width:1200px!important;margin:0 auto;overflow:hidden;}		
		
	
	
		
		
.prod{position:relative;}
.prod .prods{}
.prod .prods a{outline:none;border:none;}
.prod .prods{position:relative;margin:0 12px;width:376px!important;}
.prod .prods .nei{width:378px;background:#ebebeb;border:1px solid #d3d3d3;height:346px;text-align:center;overflow:hidden;}
.prod .prods .img img{width:376px;height:243px;}
.prod .prods .det{border-top:1px solid #d3d3d3;}
.prod .prods h3{color:#000000;font-size:18px;padding-top:18px;}
.prod .prods span{width:372px;margin:0 auto;color:#636363;font-size:14px;padding-top:8px;line-height:27px;display:block;}

.prod .slick-arrow{text-align:center;top:45%;position:absolute;width:50px;height:45px;border:none;outline:none;}
.prod .slick-prev{background: url(../images/prev.png) no-repeat;text-indent:-1000px;overflow:hidden;left:-50px;}
.prod .slick-next{background: url(../images/next.png) no-repeat;outline:none;text-indent:-1000px;overflow:hidden;right:-50px;}








		
		

.box2{background: url(../images/bj2.png) no-repeat;height:890px;padding-top:58px;}
.xlist1{margin-top:60px;}
.xlist1 li{float:left;width:650px;background:#fff;height:600px;}
.xlist1 li .img{width:650px;height:300px;position:relative;display:block;}
.xlist1 li .img img{width:650px;height:300px;}
.xlist1 li .det{padding-left:52px;width:603px;height:300px;}
.xlist1 li h3{color:#444444;font-size:18px;font-weight:normal;padding-top:48px;}
.xlist1 li h4{color:#959595;font-size:16px;font-weight:normal;margin:10px 0;}
.xlist1 li span{color:#959595;font-size:16px;line-height:30px;display:block;}
.xlist1 li .mask{position:absolute;left:0;top:0;background: url(../images/mask.png) no-repeat;width:650px;height:300px;opacity:0;}
.xlist1 li:hover .mask{opacity:1;}







.box3{margin-top:31px;}
.bt3{color:#000000;text-align:center;text-transform:uppercase;}
.bt3 h2{font-size:36px;}
.bt3 p{font-size:36px;color:#585858;background: url(../images/x2.png) no-repeat center bottom;padding-bottom:10px;font-family:"Arial";}

.box3 .wh2{width:1300px;position: relative;left:50%;margin-left:-650px;}
.xin_con4{margin-top:55px;}
.ads66{}
.ads66 li{float:left;width:216px;text-align:center;margin-top:55px;}
.ads66 li h3{color:#fff;font-size:16px;font-weight:normal;margin-top:13px;}
.ads66 li img{width:63px;height:63px!important;margin:0 auto;transition: .5s;}
.ads66 li img:hover{
-moz-transform:rotate(360deg); 
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
-webkit-transition:all 1.2s ease;-moz-transition:all 1.2s ease;transition:all 1.2s ease;}











.box4{background: url(../images/bj4.png) no-repeat;height:1236px;padding-top:30px;margin-top:66px;margin-bottom:22px;}
.btwz{color:#fff;font-size:30px;text-align:center;margin-top:18px;}
.box4 .cont{margin-top:90px;}
.guanyu{width:620px;margin-top:20px;margin-left:28px;}
.abtt{background: url(../images/ab.png) no-repeat;color:#494949;font-size:36px;height:120px;padding-top:18px;}
.about{color:#222222;font-size:16px;line-height:36px;margin-top:18px;height:318px;overflow:hidden;}
.abpic{width:620px;height:368px;margin-top:15px;}
.abpic img{width:620px;height:368px;}



.guanyu2{width:609px;height:679px;}
.c_664{width:100%;height: auto;position:relative;text-align:center;height:679px;}
.c_664 img{width:100%;height:679px;}



.c_664 .btn{position:absolute;left:50%;top:50%;width:117px;height:117px;margin:-58px 0 0 -58px;cursor:pointer;z-index:2;background:url(../images/btn2.png);background-size:contain;}
.c_664 video{ width:100%; height:100%; position:relative; object-fit: cover;}
.zmb{ width:100%; height:100%; position:fixed; left:0; top:0; background:black; background:rgba(0,0,0,0.8); display:none; z-index:99999;}
.tc_video{ width:1200px; height:500px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -585px; background:none; display:none; z-index:100000;}
.tc_video video{ width:100%; height:100%; position:absolute; left:0; top:0;}

.shuju{height:157px;background:#fff;margin-top:66px;}
.ads{padding-top:35px;}
.ads li{float:left;width:117px;margin-left:35px;}
.ads li h3{color:#000000;font-size:58px;font-family:"Impact";}
.ads li span{color:#494848;font-size:16px;display:block;}



.box5{background: url(../images/bj5.png) no-repeat;height:291px;padding-top:64px;}
.list2{margin-left:70px;}
.list2 li{width:156px;text-align:center;float:left;}
.list2 li:nth-child(2){margin-left: 17px;}
.list2 li:nth-child(3){margin-left: 69px;}
.list2 li:nth-child(4){margin-left: 69px;}
.list2 li:nth-child(5){margin-left: 65px;}
.list2 li:nth-child(6){margin-left:21px;}
.list2 li .img img{width:84px;height:84px;}
.list2 li h3{font-weight:normal;color:#3d3d3d;font-size:16px;line-height:32px;margin-top:18px;}








.c6 {width:1300px;
    margin-top:42px;
    position: relative;left:50%;margin-left:-650px;
    height:1036px;
    margin-bottom:48px;
}

.c6 h2 {
    position: absolute;
    left: 50px;
    top:140px;
    z-index: 111;
}

.c6 .list22 {
    position: relative;
}
.c6 .list22 li {
    color: #424242;
    text-align: center;
    background: #e3e3e3;
    width: 249px;
    height: 239px;
    padding-top: 46px;
    position: absolute;
}

.c6 .list22 li .su {
    color: #424242;
    font-size: 52px;
    font-family: Impact;
}

.c6 .list22 li h3 {
    font-size: 28px;
    color: #424242;font-weight:bold;margin-top:5px;
}

.c6 .list22 li dd {
    font-size: 20px;color:#424242;line-height:31px;margin-top:5px;
}



.c6 .list22 li:nth-child(1) {
    top: 220px;
    left:145px;
}
.c6 .list22 li:nth-child(2) {
    background: #b7b7b7;
    top: 220px;
    left:394px;
}

.c6 .list22 li:nth-child(3) {
    top: 525px;
    left:643px;
}


.c6 .list22 li:nth-child(4) {
    background: #b7b7b7;
    top:525px;
    left:892px;
}


.c6 .ck {
    display: block;
    font-size: 31px;
    position: absolute;
    top:890px;
    left:652px;
}

.c6 .img.img1 {
    right:0;
    top:0;
}
.c6 .img.img1 img{width:657px;height:525px;}

.c6 .img.img3 {
    left:0;
    bottom:0;
}
.c6 .img.img3 img{width:643px;height:533px;}



 .c6 .img{overflow: hidden;position: absolute;transition-duration: .3s;}
 .c6 .img img{transition-duration: .3s;}
 .c6 .img img:hover{transform: scale(1.2);}






.box7{background: url(../images/bj7.png) no-repeat;height:761px;padding-top:36px;overflow:hidden;}
.box7 .cont{margin-top:56px;}
.wei{margin-left:112px;width:170px;color:#000000;font-size:16px;text-align:center;line-height:28px;margin-top: 150px;}
.lx{margin-right:66px;width:780px;}
.lx_list li{float:left;text-align:center;width:220px;height:193px;padding-top:12px;background: url(../images/lx.png) no-repeat;}
.lx_list li+li{margin-left:60px;}
.lx_list li img{height:63px;}
.lx_list li h3{font-size:18px;color:#000;margin-top:8px;}
.lx_list li span{font-size:16px;color:#000000;line-height:30px;display:block;padding:23px 8px 0;}
.map{height:223px;width:780px;margin-top:22px;}






.box8{background: url(../images/map.png) no-repeat;height:874px;padding-top:98px;}
.box8 .wh2{width:1440px;position:relative;left:52%;margin-left:-720px;}
.box8 .dt{width:923px;position:relative;height:750px;z-index:99;}
.box8 .dt .dwz{position:absolute;left: 690px;top: 240px;z-index:99999;color:#fefefe;font-size:16px;}
.box8 .dtwz{width:638px;height:169px;position:absolute;right:16px;top:273px;}


.box8 .dt .dd{position: absolute;left:689px;top: 207px;z-index:99999;-webkit-animation: myfirst 1.5s infinite; animation: myfirst 1.5s infinite;}
@-webkit-keyframes myfirst{
    0%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
    50%{-webkit-transform: translate(0px, -10px); transform: translate(0px, -10px);}
    100%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
}
@keyframes myfirst{
    0%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
    50%{-webkit-transform: translate(0px, -10px); transform: translate(0px, -10px);}
    100%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
}






/*友情链接*/
.f_link{margin:0 auto;font-size:14px;margin-left:112px;}
.top1{margin-left:112px;font-size:14px;line-height:25px;margin-right:66px;margin-top:30px;}
.top1 a{color:#333;}
.hotSearch{float:left;font-weight:normal;}
.hotSearch a{margin-right:6px;}


/*页面底部*/
.foot{background: url(../images/foot.png) no-repeat;height:104px;color:#fff;font-size:13px;line-height:22px;text-align:center;padding-top:18px;}
.foot a{color:#fff;}













/*内页左侧样式*/


.container{width: 1200px!important;margin: 0 auto;padding: 0;}

/*.left{width: 225px;float: left;}
.right{width: 940px;float: right;}
.xypg-case-list li{width:300px;}
.xypg-product-list li{width: 293px;}
.xypg-product-list li .img img{width: 271px;height: 205px;}
.relate-product-slick .owl-item .img img{    width: 213px;height: 159px;}
.xypg-case-list li .img img{width: 300px;height: 300px;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}*/
.page-product-inquiry a{color: #fff;}