/*初始化样式*/
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:#666;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:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#3480ce;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:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

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



.wh{width: 1300px;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;}

.plist{margin-top: 56px;}
.plist li{margin-right: 15px;margin-bottom: 15px;}
.plist li:nth-child(3n){margin-right: 0;}
.plist li a.img{border:1px solid #e5e5e5;display: block;}
.plist li a.img img{width: 388px;height: 388px;}
.plist li h3 a{display: block;color: #fff;font-size: 16px;font-weight: normal;}

/*头部样式*/
.top1{height: 41px;background: #f3f7fa;color: #000000;line-height: 41px;overflow: hidden;}
.top2{height: 138px;overflow: hidden;}
#header{width:1000px;margin:0 auto;}
.logo{float:left;line-height: 138px;}
.fulogo{float:left;line-height: 138px;margin-left: 9px;}
.top2 .k2{
    margin-top:10px;
}
.top2 .k2 .lang{
    text-align: right;
    height: 20px;
    float: right;
}
.top2 .k2 .lang a{
    float: right;
    margin-left: 19px;
    display: block;
}
.top2 .k2 dd{
    background: url(../images/tel.png) left center no-repeat;
    padding-left: 83px;
    font:normal 16px/16px MicrosoftYaHei;
    color: #121212;
    float: right;
    margin-top: 11px;
}
.top2 .k2 dd strong{
    font:bold 24px/35px MicrosoftYaHei;
    color: #ff4502;
}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1 a{color: #000000;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}



/*热门搜索*/
.sou{margin: 15px 0;}
#formsearch{float:right;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#3480ce;color:#fff;border:none;cursor:pointer;font-size: 12px;}





/*导航栏样式*/
#menu{
    height: 72px;
    background: url(../images/nav.png) center no-repeat;
}
.nav{}
.nav li{line-height:72px;height:72px;text-align:center;width:162px;float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:72px;color:#fff;height:72px;padding: 0;font-size: 18px;}
.nav li a:hover{color:#fff;text-decoration:none;background-color:#ff4500;}
.nav li:hover a{
    background-color:#ff4500;   
}
.nav .sec{height:0;background:#216de7;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:72px;left:0px;}
.nav .sec a{background:#216de7 !important;color:#fff;height:42px;line-height:42px;width:162px;font-size: 16px;border-bottom: 1px solid rgba(255, 255, 255, .5);}
.nav .sec a:hover{background:#ff4500 !important;text-decoration:none;}

.f_link{width: 1200px;margin: 0 auto;line-height: 30px;}






/*内页左侧样式*/


.container{width: 1200px!important;margin: 0 auto;padding: 0;}
/* .page-position a{color: #fff;} */
/* .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: 302px;height: 237px;}
.relate-product-slick .owl-item .img img{    width: 213px;height: 200px;}
.xypg-case-list li .img img{width: 302px;height: 199px;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}





 /* w1 */
.w1{
    background: url(../images/w1.png) center no-repeat;
    height: 643px;
}
.w1 .wh{
    width: 1300px;
    margin:0 auto;
    height: 643px;
    padding: 60px 41px 0 44px;
}
.abtit{
    width: 573px;
}
.abtit dd{
    font:normal 40px/40px MicrosoftYaHei;
    color: #020202;
}
.abtit dt{
    font:normal 16px/30px MicrosoftYaHei;
    color: #020202;
    margin-top: 44px;
}
.abtit a{
    display: block;
    width: 155px;
	height: 41px;
	background-color: #ff4100;
    border-radius: 10px;
    text-align: center;
    font:normal 18px/41px MicrosoftYaHei;
    color: #ffffff;
    margin-top: 70px;
}


.abtut{
    width: 605px;
	height: 351px;
}

.ablist{
    margin-top: 12px;
}

.abxiali{
    margin-left: 0;
    width: 613px;
    float: left;
    margin-top: 37px;
    
}
.abxiali ul li{
    float: left;
    width: 164px;
	height: 88px;
	background-color: #ffffff;
    border: solid 1px #c0c0c0;
    margin-right: 36px;
}
.abxiali ul li:last-child{
    margin-right: 0;
}
.abxiali ul li a{
    display: block;
}
.abxiali ul li .alstu{
    width: 47px;
    height: 47px;
    text-align: center;
    position: relative;
    margin-left: 11px;
    margin-top: 18px;
}
.abxiali ul li .alstu dd{
    position: absolute;
    z-index: 1;
    bottom: 0;
    opacity: 1;
    transition: all 0.4s;
    left: 0;
    right: 0;
    width: 47px;
    height: 47px;
}
.abxiali ul li .alstu dt{
    opacity: 0;
    transition: all 0.4s;
    width: 47px;
    height: 47px;
}
.abxiali ul li:hover dd{
    opacity: 0;
    transition: all 0.4s;
}
.abxiali ul li:hover dt{
    opacity: 1;
    transition: all 0.4s;
}
.abxiali ul li .alcont{
    margin-left: 7px;
}
.abxiali ul li .alcont h3{
    font:normal 12px/12px MicrosoftYaHei;
    color: #020202;
    margin-top: 7px;
}
.abxiali ul li .alcont h4{
    font:normal 14px/14px MicrosoftYaHei;
    color: #020202;
    margin-top: 22px;
}
.abxiali ul li:hover{
    background-color: #216de7;
}
.abxiali ul li:hover h4,.abxiali ul li:hover h3{
    color: #fff;
}
.abtel{
	width: 290px;
    margin-top: 37px;
    float: left;
}
.abtel h4{
    font:normal 14px/14px MicrosoftYaHei;
    color: #020202;
}
.abtel h3{
    font:bold 30px/30px MicrosoftYaHei;
    color: #ff4100;
    margin-top: 14px;
}
.abtel h5{
    font:normal 14px/14px MicrosoftYaHei;
    color: #020202;
    margin-top: 15px;
}




.w2{
    background: url(../images/w2.png) center no-repeat;
    height: 466px;
    border-top: 4px solid #e4e4e4;
}
.case2{
    width:1300px;margin:0 auto;
}

	.slideGroup{
        width: 1300px;
        margin:0 auto;
    }
		.slideGroup .parHd{
             position:relative;
        }
		.slideGroup .parHd ul li{ 
            background-color: #ffffff;
            cursor:pointer;
            border-right: 4px solid #e4e4e4;
            float: left;
            width: 216px;
            height: 66px;
        }
        .slideGroup .parHd ul li a{
            display: block;
            width: 216px;
            height: 66px;
        }

        .slideGroup .parHd ul li .prtu{
            position: relative;
            width: 35px;
            height: 35px;
            margin-left: 37px;
            margin-top: 15px;
        }
        .slideGroup .parHd ul li .prtu dd{
            position: absolute;
            opacity: 1;
            bottom: 0;
            transition: all 0.4s;
        }
        .slideGroup .parHd ul li .prtu dt{
            position: absolute;
            opacity: 0;
            transition: all 0.4s;
        }
        .slideGroup .parHd ul li .prwen{
            text-align: center;
            font:normal 18px/66px MicrosoftYaHei;
            color: #080808;
            margin-left: 7px;
        }
        .slideGroup .parHd ul li.on{background-color: #216de7;
        }

        .slideGroup .parHd ul li.on .prwen{
            color: #f5f5f4;
        }
        .slideGroup .parHd ul li.on .prtu dd{
            opacity: 0;
            transition: all 0.4s;
        }
        .slideGroup .parHd ul li.on .prtu dt{
            opacity: 1;
            transition: all 0.4s;
        }



        .slideGroup .slideBox{ 
            zoom:1; 
            position:relative;
            width: 956px;
            /* overflow: hidden; */
            float: right;
            margin-top: 65px;
        }
        
        .slideGroup .projscont1{
            position: absolute;
            width: 313px;
            height: 399px;
            left: 0;
            display: none;
            margin-top: 65px;
        }
        .slideGroup .projscont1 h3{
            font:bold 24px/24px MicrosoftYaHei;
            color:#fff; 
        }
        .slideGroup .projscont1 dd{
            font:normal 14px/35px MicrosoftYaHei;
            color:#fff; 
            margin-top: 30px;
        }
        .slideGroup .parHd ul li.on .projscont1{
            display: block;
        }

.prolun{
    position: relative;
    width: 956px;
    overflow: hidden;
}
		.slideGroup .sPrev,.slideGroup .sNext{ position:absolute;top:44%; display:block; 	width: 24px;
            height: 46px;z-index: 9999999; }
        .slideGroup .sNext{ right:10px;background:url(../images/pri.png) center center no-repeat; }
        .slideGroup .sPrev{
            left: 10px;
            background:url(../images/ple.png) center center no-repeat;
        }
    .slideGroup .tempWrap{width:850px !important;margin:0 50px;
    overflow: hidden;}

		.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
		.slideGroup .parBd ul li{ margin:0 14px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.slideGroup .parBd ul li .pic{ text-align:center;border:1px solid #fff; }
		.slideGroup .parBd ul li .pic img{ 		width: 302px;
            height: 237px; display:block;}
        .slideGroup .parBd ul li h3{
            font:normal 14px/14px MicrosoftYaHei;
            color: #fff;
            margin-top: 25px;
        }





/* w3 */
.w3{
    background: url(../images/w3.png) center no-repeat;
    height: 1335px;
    padding-top: 55px;
}
.w3tit{
    text-align: center;
}
.w3tit dd{
    background: url(../images/w3t1.png) center no-repeat;
    height: 70px;
    font:bold 55px/70px MicrosoftYaHei;
    color: #131313;
}
.w3tit dd b{
    color: #ff4701;
}
.w3tit dt{
    font:bold 18px/18px MicrosoftYaHei;
    color: #000;
    background: url(../images/w3t2.png) center no-repeat;
    margin-top: 14px;
}

.ysbg{
    margin-top: 8px;
}
.ys1{
    height: 605px;
}
.ys2wen{
    width: 814px;
}
.ys1wen{
    width: 828px;
    padding-left: 10px;
}
.ystit{
    padding-left: 178px;
}
.ystit1{
    background: url(../images/ys1.png)left top no-repeat;
    margin-top: 23px;
}
.ystit2{
    background: url(../images/ys2.png)left top no-repeat;
    margin-top: 33px;
}
.ystit3{
    background: url(../images/ys3.png)left top no-repeat;
}
.ystit4{
    background: url(../images/ys4.png)left top no-repeat;
    margin-top: 40px;
}

.ystit dd{
    font:bold 28px/28px MicrosoftYaHei;
    color: #111111;
    padding-top: 38px;
}
.ystit dd strong{
    color: #ff4701;
}
.ystit dt{
    font:normal 14px/14px MicrosoftYaHei;
    border-bottom: 1px dashed #cecece;
    margin-top: 21px;
    padding-bottom: 18px;
}
.ystit dl{
    font:normal 16px/40px MicrosoftYaHei;
    color: #131313;
    margin-top: 25px;
}



.hen{
    background: url(../images/hen.png) center no-repeat;
    height: 283px;
    text-align: center;
    padding-top: 185px;
}

/* w4 */
.w4{
    background: url(../images/anbg.png)center no-repeat;
    height: 458px;
    padding-top: 52px;
}
.w4tt{
    text-align: center;
}
.w4tt dd{
    font:bold 35px/35px MicrosoftYaHei;
    color: #121212;
    background: url(../images/w4t.png) center bottom no-repeat;
    padding-bottom: 17px;
}
.w4tt dt{
    font:normal 16px/16px MicrosoftYaHei;
    color: #121212;
    margin-top: 12px;
}

#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}


.product_list2 li{float:left;margin-left:16px;margin-right:16px;padding-bottom:15px;_display:inline;}
.product_list2{margin-top: 48px;}
.product_list2 li a.img img{width: 302px;
	height: 199px;}
.product_list2 li h3{text-align:center;padding-top:24px;}
.product_list2 li h3 a{font-weight:normal;font-size: 14px;color: #121212;}
.product_list2 li a.img{display:block;}


/* w5 */
.w5{
    background: url(../images/hz.png) center no-repeat;
    height: 284px;
    padding-top: 30px;
}

#demo6{overflow:hidden;width:100%;margin:0 auto;}
#indemo6 {float: left;width:800%}
#demo16 {float: left;}
#demo26 {float: left;}


.product_list6 li{float:left;
    margin-right:21px;
    _display:inline;
    width: 243px;
	height: 99px;
	background-color: #ffffff;
    border: solid 1px #c4c4c4;
    text-align: center;
    line-height: 99px;
}
.product_list6{margin-top: 30px;}

.product_list6 li img{
    vertical-align:middle;
    display:inline-block;
}


/* w6 */
.w6{
    margin-top: 55px;
    margin-bottom: 50px;
}

.xin1{
    width: 405px;
	height: 421px;
    background-color: #f4f4f4;
    margin-right: 42px;
    padding:27px 21px;
}

.xin1 .xintt dd{
    float: left;
    font:bold 20px/20px MicrosoftYaHei;
    color: #080808; 
}
.xin1 .xintt dd b{
    font:normal 12px/20px MicrosoftYaHei;
    color: #080808;
}
.xin1 .xintt a{
    display: block;
    width: 51px;
	height: 20px;
    background-color: #216de7;
    text-align: center;
    font:normal 12px/20px MicrosoftYaHei;
    color: #ffffff;
    float: right;
}

.xin1 .xintui{
    margin-top: 20px;
}
.xin1 .xintui .xinttu{
    width: 166px;
	height: 119px;
}
.xin1 .xintui .xinttu img{width:100%}
.xin1 .xintui .xincont{
    width: 182px;
}
.xin1 .xintui .xincont dd{
    font:bold 14px/14px MicrosoftYaHei;
    color: #020202;
    margin-top: 11px; 
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.xin1 .xintui .xincont dt{
    font:normal 14px/25px MicrosoftYaHei;
    color: #020202;
    margin-top: 10px;
}
.xin1 .xinlist{
    margin-top: 15px;
}
.xin1 .xinlist ul li{
    height: 47px;
    border-bottom: 1px dashed #c3c3c3;
}
.xin1 .xinlist ul li h3{
    font:normal 14px/47px MicrosoftYaHei;
    color: #020202;
    background: url(../images/dian.png) left center no-repeat;
    padding-left: 21px;
}


.xin2{
    width: 405px;
	height: 421px;
    background-color: #f4f4f4;
    padding:27px 21px;
}

.xin2 .xintt dd{
    float: left;
    font:bold 20px/20px MicrosoftYaHei;
    color: #080808; 
}
.xin2 .xintt dd b{
    font:normal 12px/20px MicrosoftYaHei;
    color: #080808;
}
.xin2 .xintt a{
    display: block;
    width: 51px;
	height: 20px;
    background-color: #216de7;
    text-align: center;
    font:normal 12px/20px MicrosoftYaHei;
    color: #ffffff;
    float: right;
}


.xin2 .xingun{
    margin-top: 21px;
}
#ydemo{overflow:hidden;margin:0 auto;position:relative;height:323px;}
#yindemo{height:100%;}
#ydemo1{}
#ydemo2{}
.xingun .news_list3 li{
    border-bottom: 1px dashed #c3c3c3;
    height: 100px;
}
.xingun .news_list3 li a{
    display: block;
    padding-left: 33px;
    background: url(../images/wen.png)left center no-repeat;
    font:bold 14px/32px MicrosoftYaHei;
    color: #020202; 
}
.xingun .news_list3 li dd{
    background: url(../images/da.png) left top 5px no-repeat;
    padding-left: 33px;
    font:normal 14px/24px MicrosoftYaHei;
    color: #020202;
}




/* 底部 */
.footnav{
    height: 73px;
	background-color: #216de7;
}
.footnav .wh{
    width: 1300px;
    margin:0 auto;
    height: 73px;
    text-align: center;
}
.footnav .wh a{
    display: inline-block;
    font:normal 18px/73px MicrosoftYaHei;
    color: #ffffff;
    padding:0 42px;
}


.footbg{
    background: url(../images/footbg.png) center no-repeat;
    height: 268px;

}
.footbg .wh{
    position: relative;
    width: 1300px;
    margin:0 auto;
    padding-top: 46px;
    height: 268px;
}

.flogo{
    width: 365px;
    text-align: center;
    line-height:173px;
}
.fadd{
    font:normal 14px/30px MicrosoftYaHei;
    color: #000000;
    margin-left: 76px;
}
.fadd strong{
    font-size: 18px;
}

.fewm{
    width: 368px;
    text-align: center;
    font:normal 14px/34px MicrosoftYaHei;
    color: #000000;
}

.zhuy{
    font:normal 14px/30px MicrosoftYaHei;
    color: #000000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.copyright{
    height: 50px;
    background-color: #216de7;
    font:normal 14px/50px MicrosoftYaHei;
    color: #fff;
    text-align: center;
}
.copyright a{
    color: #fff;
    margin-right: 4px;
}








.left {
    width: 224px;
    float: left;
}

.left .box {
    margin-bottom: 10px;
}

.left .box h3 {
    line-height: 60px;
    padding-left: 34px;
    background: url(../images/sortn.jpg) no-repeat 0% 100%;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}

.left .box .content {
    padding: 5px 0px;
}

.right {
    width: 939px;
    float: right;
    padding-bottom: 10px;
}

.sitemp {
    border-bottom:1px solid #eee;

}

.sitemp h2 {
    width: 340px;
    float: left;
    line-height: 40px;
    text-align: left;
    font-size: 16px;
}

.sitemp .site {
    width: 380px;
    float: right;
    text-align: right;
    line-height: 40px;
}

.right .content {
    padding-top: 15px;
    overflow: hidden;
    line-height: 24px;
}

.sort_album {
    margin-top: 15px;
}





/* 内页 */
.new1 li{border-bottom:1px solid #dddddd;background:url(../images/list_dot1.gif) no-repeat 0% 50%;padding-left:13px;}
.news_list li{line-height:27px;position:relative;padding-left:10px;}
.news_list li a{line-height:27px;color:#666;}
.news_list li a:hover{text-decoration:none;color:#216de7;}
.news_list li span{color:#999;z-index:0;line-height:27px;position:absolute;right:0px;top:0px;}
.news_list li h3 {font-size:14px;}
.news_list li div{line-height:24px;}
.words{overflow:hidden;margin-right:-1.3%;padding-top:5px;}
.words li{width:46%; float:left;border:1px dashed #d0d0d0;background:#fcfcfc;padding-left:0px;margin-bottom:10px;text-align:center;}
.right_word{margin-left: 5%;}

/*内页左侧分类通用样式*/
.sort{
    background: #f7f7f7;
}
.sort li {
    position: relative;
    z-index: 999;
    line-height: 52px; 
    border-bottom: 1px dashed #ccc;
}
.sort li:last-child{
    border:none;
}
.sort li a {
    display: block;
    padding-left:20px;
    color:#1f1f1f;
    font-size: 16px;
}
.sort li a:hover {
    color: #fff;
    text-decoration: none;
    background: #216de7;
}