/*初始化样式*/
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,nav,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{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:100%;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;}


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

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


/*头部样式*/
.top1{height:36px;background: #0053d5;color: #fff;line-height: 36px;overflow: hidden;font-size: 12px;}
.top1 a{color:#fff;}

.top2{height:100px;background:#191919;}

.logo{float:left;line-height:100px;}




/*热门搜索*/
.sky{background:#f7f7f7;height:84px;}

.hotSearch{float:left;height:84px;line-height:84px;font-weight:bold;color:#333333;font-size:13px;background:url(../images/hot.png) no-repeat left center;padding-left:26px;}
.hotSearch a{padding-left:20px;font-weight:300;color:#333333;}

#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*搜索和热门搜索*/
#formsearch{float:right;background: url(../images/ss.png) no-repeat;width:499px;height:84px;}
#formsearch input{}
#formsearch input#keyword{height:84px;line-height:84px;padding-left:52px;float:left;color:#333333;font-size:13px;background:none;border:none;outline:none;}
#formsearch input#s_btn{width:98px;height:84px;line-height:84px;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:#333333;}
#formsearch textarea::-webkit-input-placeholder {color:#333333;}







/*导航栏样式*/
#menu{float:right;width:770px;}
.navs{}
.navs li{text-align:center;float:left;position:relative;z-index:999;width:128px;}
.navs li a{display:block;line-height:100px;color:#ffffff;height:100px;padding: 0;font-size:14px;padding: 0;}
.navs li a:hover{color:#ff0000;text-decoration:none;}
.navs li.active a{color:#ff0000;text-decoration:none;}

.navs .sec{height:0;background:#ededed;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:100px;left:0px;width: 100%;}
.navs .sec a{background:#191919;color:#fff;height:38px;line-height:38px;font-size: 14px;}
.navs .sec a:hover{background:#ff0000;text-decoration:none;color:#fff;}







.box1{background:url(../images/bj1.png) no-repeat;height:678px;overflow:hidden;padding-top:76px;}
.bt{color:#ffffff;font-size:36px;text-align:center;background:url(../images/tt1.png) no-repeat center bottom;padding-bottom:32px;}
.box1 .cont{margin-top:48px;position:relative;}
        .picScroll-left{overflow:hidden;}
        .picScroll-left .hd{overflow:hidden;width:100%;position:absolute;left:0;top:365px;z-index:99999;text-align:center;}
        .picScroll-left .hd .prev{background:url(../images/y.png) no-repeat;width:34px;height:34px;display:inline-block;margin:0 2px;}
        .picScroll-left .hd .next{background:url(../images/z.png) no-repeat;width:34px;height:34px;display:inline-block;margin:0 2px;}
        .picScroll-left .hd .prev:hover{background:url(../images/y2.png) no-repeat;}
        .picScroll-left .hd .next:hover{background:url(../images/z2.png) no-repeat;}

        .picScroll-left .bd{}
        .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
        .picScroll-left .bd ul li{ margin:0 11px; float:left; _display:inline; overflow:hidden; text-align:center;}
        .picScroll-left .bd ul li img{width:275px;height:275px;overflow:hidden;}
        .picScroll-left .bd ul li h3{color:#fff;font-size:16px;margin-top:21px;font-weight:normal;}
        .picScroll-left .bd ul li:hover h3{color:#ff0000;}




.box2{margin-top:62px;}
.bt2{color:#ff0000;font-size:36px;text-align:center;}
.bt2 p{color:#4c4c4c;font-size:16px;font-weight:normal;margin-top:16px;}
.box2 .cont{margin-top:65px;position:relative;}
.yy li{float:left;width:227px;height:202px;text-align:center;background:url(../images/bg1.png) no-repeat;overflow:hidden;}
.yy li+li{margin-left:16px;}
.yy li .tu{width:100px;height:55px;margin:0 auto;margin-top:40px;}
.yy li .img{display:block;}
.yy li .img2{display:none;}
.yy li h3{font-weight:normal;color:#080808;font-size:16px;margin-top:35px;}
.yy li span{color:#777777;font-size:12px;display:block;margin-top:6px;}
.yy li:hover{background:url(../images/bg2.png) no-repeat;}
.yy li:hover .img{display:none;}
.yy li:hover .img2{display:block;}
.yy li:hover h3{color:#fff;}
.yy li:hover span{color:#fff;}





.box3{background:url(../images/bj3.png) no-repeat;height:650px;overflow:hidden;margin-top:106px;}
.tu1{width:568px;height:354px;margin-top:118px;}
.ys1{width:600px;float:right;}
.ys1 ul li{float:left;width:300px;height:325px;overflow: hidden;position:relative;}
.ys1 ul li span{color:#ffffff;font-size:20px;display:block;padding-top:112px;padding-left:160px;}
.ys1 ul li h2{color:#ffffff;font-size:18px;margin-top:50px;text-align:center;}
.ys1 ul li .nr{color:#ffffff;font-size:14px;line-height:30px;text-align:center;opacity:.6;padding:20px 20px 0;}

.ys1 ul li:nth-child(1){background:url(../images/a1.png) no-repeat;}
.ys1 ul li:nth-child(2){background:url(../images/a2.png) no-repeat;}
.ys1 ul li:nth-child(3){background:url(../images/a3.png) no-repeat;}
.ys1 ul li:nth-child(4){background:url(../images/a4.png) no-repeat;}


.ys1 ul li a.img figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ys1 ul li a.img figcaption::before {
    position: absolute;
    top: -80px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.ys1 ul li:hover a.img figcaption::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);
}





.box4{margin-top:71px;}
.box4 .cont{height:562px;overflow:hidden;}
.abpic{width:575px;height:562px;}
.about{width:584px;}
.abtt{color:#080808;font-size:36px;margin-top:60px;}
.gsbt{color:#080808;font-size:20px;margin-top:55px;background:url(../images/at.png) no-repeat left bottom;height:65px;padding-left:61px;padding-top:5px;}
.ab{color:#333333;font-size:14px;line-height:24px;margin-top:28px;height:145px;overflow:hidden;margin-right:20px;text-align:justify;letter-spacing:1px;}

.ablist{margin-top:0px;}
.ablist li{border-bottom:1px solid #e1e1e1;height:88px;overflow:hidden;padding-left:5px;}
.ablist li:last-child(2){border:none;}
.ablist li h3{width:522px;line-height:88px;font-weight:normal;float:right;color:#080808;font-size:20px;}
.ablist li .tu{width:42px;height:42px;line-height:42px;margin:0 auto;margin-top:24px;text-align:center;box-shadow:0 0 8px #ddd;border-radius:50%;background:#fff;}
.ablist li .tu img{}
.ablist li .img{display:block;line-height:42px;}
.ablist li .img2{display:none;line-height:42px;}
.ablist li:hover .tu{background:#ff0000;}
.ablist li:hover .img{display:none;}
.ablist li:hover .img2{display:block;}
.ablist li:hover h3{color:#ff0000;}





.ablist2{margin-top:65px;}
.ablist2 li{border:1px solid #e1e1e1;width:380px;height:122px;overflow:hidden;float:left;}
.ablist2 li+li{margin-left:30px;}
.ablist2 li .tu{width:60px;height:60px;margin-top:31px;margin-left:90px;}
.ablist2 li .tu img{}
.ablist2 li .img{display:block;}
.ablist2 li .img2{display:none;}
.ablist2 li .det{width:208px;margin-top:36px;}
.ablist2 li h3{font-weight:normal;color:#151515;font-size:18px;}
.ablist2 li span{display:block;color:#777777;font-size:14px;margin-top:3px;}

.ablist2 li:hover{background:#aa0000;border-color:#aa0000;}
.ablist2 li:hover .img{display:none;}
.ablist2 li:hover .img2{display:block;}
.ablist2 li:hover h3{color:#fff;}
.ablist2 li:hover span{color:#fff;}






.box5{background:url(../images/bj5.png) no-repeat;height:263px;overflow:hidden;margin-top:62px;padding-top:62px;}
.htt{color:#fff;font-size:36px;}
.htt2{color:#fff;font-size:30px;margin-top:10px;}
.htt2 p{font-size:18px;margin-top:12px;}









.box6{margin-top:45px;}
.xin1{width:592px;}
.xtt{color:#080808;font-size:24px;margin-bottom:20px;}
.xlist1{width:377px;}
.xlist1 li{}
.xlist1 li img{width:377px;display:block;height:220px;}
.xlist1 li .det{height:128px;padding:0 17px;box-shadow:0 0 8px #ddd;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.xlist1 li h3{color:#000000;font-size:18px;font-weight:normal;padding-top:18px;}
.xlist1 li span{color:#848484;font-size:14px;display:block;margin:15px 0;}
.xlist1 li h4{color:#848484;font-size:14px;font-weight:normal;}
.xlist1 li:hover h3{color:#ff0000;}



.xlist2{width:194px;}
.xlist2 li{margin-bottom:20px;}
.xlist2 li .det{height:102px;padding:0 16px;box-shadow:0 0 8px #ddd;border-radius:8px;}
.xlist2 li h3{color:#000000;font-size:16px;font-weight:normal;padding-top:18px;}
.xlist2 li span{color:#848484;font-size:14px;display:block;margin:6px 0;}
.xlist2 li h4{color:#848484;font-size:12px;font-weight:normal;}
.xlist2 li:hover h3{color:#ff0000;}


.xin2{width:590px;}
.xin2 .cont{height:347px;box-shadow:0 0 8px #ddd;border-radius:8px;padding:0 21px;}
.xlist3{padding-top:18px;}
.xlist3 li{height:82px;overflow:hidden;}
.xlist3 li .img{width:110px;height:82px;}
.xlist3 li img{width:110px;height:82px;display:block;}

.xlist3 li .det{width:407px;margin-right:10px;}
.xlist3 li h3{color:#000000;font-size:18px;font-weight:normal;}
.xlist3 li span{color:#848484;font-size:14px;display:block;line-height:20px;margin-top:12px;}
.xlist3 li:hover h3{color:#ff0000;}


.xlist4{background:#fafafa;height:205px;overflow:hidden;margin-top:22px;padding:12px 26px 0;border-radius:8px;}
.xlist4 li{position:relative;line-height:36px;}
.xlist4 li a{color:#000000;font-size:15px;}
.xlist4 li h4{color:#848484;font-size:13px;font-weight:normal;display:block;top:0;right:0;position:absolute;}
.xlist4 li:hover a{color:#ff0000;}









/*友情链接*/
.f-link{background:url(../images/link.png) no-repeat;height:90px;overflow:hidden;border-bottom:1px solid #484848;line-height:90px;color:#b5b5b5;font-size:16px;margin-top:60px;}
.f-link a{color:#b5b5b5;padding:0 10px;}



.foot{background:url(../images/foot.png) no-repeat;height:316px;overflow:hidden;}
.foot1{margin-left:23px;width:375px;}
.lg{width:362px;height:44px;margin-top:35px;}
.lx{margin-top:28px;color:#b5b5b5;font-size:14px;line-height:35px;margin-left:12px ;}
.lx p{padding-left:23px;}
.lx p:nth-child(1){background:url(../images/f1.png) left top 11px no-repeat;}
.lx p:nth-child(2){background:url(../images/f2.png) no-repeat left center;}
.lx p:nth-child(3){background:url(../images/f3.png) no-repeat left center;}

.foot2{width:748px;}
.dao{margin-top:9px;height:68px;line-height:68px;overflow:hidden;}
.dao li{float:left;}
.dao li+li{margin-left:82px;}
.dao li a{color:#969696;font-size:14px;}
.dao li a:hover{color:#fff;}



.copyright{width:318px;color:#b5b5b5;font-size:14px;line-height:25px;padding-top:30px;}
.copyright a{color:#b5b5b5;}
.qy{line-height:32px;}
.wei{margin-top:38px;margin-right:71px;}


.foots{text-align:center;color:#9e9e9e;font-size:14px;background:#000000;padding:24px 0;line-height:24px;}
.foots a{color:#9e9e9e;}






/*内页左侧样式*/
.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;}




.product_list22{}
.product_list22 li{float:left;margin-right:43px;position: relative;margin-bottom: 26px;}
.product_list22 li:nth-child(3n){margin-right: 0;}
.product_list22 li a.img{}
.product_list22 li a.img img{width:280px;height:205px;}
.product_list22 li h3{text-align:center;}
.product_list22 li h3 a{color: #fff;font-size: 15px;display: block;line-height: 38px;position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,83,213,.8);font-weight:normal;}
.product_list22 li a.img{display:block;}
.product_list22 li:hover  a{color:#fff;background:rgba(0,0,0,.8);}