/*初始化样式*/
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;}
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.wh{width: 1200px;margin:0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}
/*头部样式*/
#header{width:1200px;position: absolute;z-index: 999;left: 50%;margin-left:-600px;}
.logo{
float: left;
line-height: 99px;
}
/*热门搜索*/
.search{width:1200px;margin: 15px auto;}
#formsearch{float:right;background: url(../images/ss.jpg) left center no-repeat;width: 246px;margin-top:8px;}
.hotSearch{width:400px;float:left;height:47px;line-height:47px;font:400 14px/47px "Microsoft Yahei";color: #666666;
background: url(../images/huo.jpg) left center no-repeat;
padding-left: 30px;
}
.hotSearch span{
color: #000;
font-weight: 600;
}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
.nei{
background: #fafafa;
height: 47px;
}
.chanpp{
width: 1200px;
margin:0 auto;
}
/*导航栏样式*/
#menu{width:730px;margin-top: 26px;float: right;}
.nav{height:38px;}
.nav li{line-height:38px;height:38px;text-align:center;width:90px;float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:38px;color:#333;height:38px;font-size: 14px;padding: 0;}
.nav li a:hover{color:#fff;text-decoration:none;background: #0d3ca6;border-radius: 10px;}
.nav .sec{height:0;background:#fff;color:#333;overflow:hidden;z-index:9999;position:absolute;top:38px;left:0px;}
.nav .sec a{background:#fff;color:#333;height:38px;line-height:38px;width:90px;}
.nav .sec a:hover{background:#0d3ca6;text-decoration:none;color: #fff;border-radius: 0px;}
.container{width:1200px;margin: 0 auto;}
/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:30px;background:none;border:none;line-height:30px;float: left;width: 170px;outline: none;}
#formsearch input#keyword{height:30px;line-height:30px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:30px;line-height:30px;text-align:center;background-color:none;color:#fff;border:none;cursor:pointer;
float: right;
}
.abt{
width: 576px;
background: url(../images/zb.jpg) top left no-repeat;
height: 428px;
box-sizing: border-box;
padding: 66px 0 0 139px;
}
.ant_nei{
width: 580px;
margin-top: 50px;
}
.ant_nei_t{
font:600 20px/30px "Microsoft Yahei";
color: #0d3ca6;
}
.ant_nei_n{
margin-top:15px;
font:400 14px/30px "Microsoft Yahei";
color: #333;
}
.ant_nei_m{
float: right;
width: 164px;
height: 38px;
background: #0d3ca6;
text-align: center;
color: #fff;
border-radius: 10px;
font:400 14px/38px "Microsoft Yahei";
margin-top:25px;
}
.ant_nei_m a{
color: #fff;
}
.nei1{
background: url(../images/nei.jpg) top center no-repeat;
height: 829px;
margin-top: 60px;
}
.p-title{
font:600 30px/40px "Microsoft Yahei";
color: #fff;
padding-top: 40px
}
.p-more{
color: #fff;
width: 230px;
border:#fff 1px solid;
border-radius: 8px;
margin: 0 auto;
}
.p-more a{
display: block;
text-align: center;
font-size: 18px;
text-transform: uppercase;
line-height: 42px;
color: #fff;
}
.news-title{
background: url(../images/xw.jpg) center center no-repeat;
font:600 30px/40px "Microsoft Yahei";
color: #0d3ca6;
margin-top: 0px
}
.case-title{
background: url(../images/xw.jpg) center center no-repeat;
font:600 30px/40px "Microsoft Yahei";
color: #0d3ca6;
margin-top: -50px;
position: relative;
z-index: 99999;
}
.nhy{
font:400 28px/30px "Microsoft Yahei";
color: #ffffff;
text-align: center;
margin-bottom: 40px;
}
.news_list1 li{position:relative;border-bottom: 1px dashed #d8d8d8;}
.news_list1 li a{line-height:53px;color:#444444;font-size: 14px;background: url(../images/news.png) no-repeat left center;padding-left: 16px;}
.news_list1 li a:hover{text-decoration:none;color:#00b538;background: url(../images/newsh.png) no-repeat left center;}
.news_list1 li span{color:#666666;z-index:0;line-height:53px;position:absolute;right:0px;top:0px;}
.news_list1 li h3 {font-size:14px;}
.product_list1{margin: 0 -9px;margin-top: 35px;}
.product_list1 li{float:left;margin-left:9px;margin-right:9px;_display:inline;border:1px solid #ececec;margin-bottom: 30px;box-shadow: 0px 2px 5px #d3d1d2;}
.product_list1 li a.img{}
.product_list1 li a.img img{width:284px;height:228px;}
.product_list1 li h3{text-align:center;background: #fff;}
.product_list1 li h3 a{font-weight:normal;line-height: 44px;font-size: 14px;color: #333333;}
.product_list1 li a.img{display:block;}
.product_list2{margin-top: 35px;}
.product_list2 li{float:left;margin-left:9px;margin-right:9px;_display:inline;border:1px solid #ececec;margin-bottom: 48px;box-shadow: 0px 2px 5px #d3d1d2;}
.product_list2 li a.img{}
.product_list2 li a.img img{width:284px;height:228px;}
.product_list2 li h3{text-align:center;background: #fff;}
.product_list2 li h3 a{font-weight:normal;line-height: 44px;font-size: 14px;color: #333333;}
.product_list2 li a.img{display:block;}
/*滚动*/
#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;}
.about-index{
margin-top: 50px;
}
.about-left{
width:590px;
}
.about-content{
font-size: 14px;
color: #555555;
line-height: 30px;
text-align: justify;
margin-top: 45px;
width:532px;
}
.about-content p{
text-indent: 2em;
}
.about-list{
margin: 0 -30px;
margin-top: 25px;
}
.about-list li{
float: left;
margin: 0 35px;
text-align: center;
}
.about-list li p{
font-size: 14px;
color: #555555;
padding-top: 5px;
}
.about-right{
width:590px;
}
.product-bg{
background: url(../images/bj.jpg) no-repeat top center;
height: 742px;
overflow: hidden;
margin-top: 50px;
}
.p-title{
text-align: center;
}
.about-bg{
background: url(../images/about.jpg) no-repeat top center;
height: 450px;
overflow: hidden;
margin-top: 50px;
}
.shili-index{
margin-top: 20px;
font-size: 14px;
}
.tel{
color: #fff;
margin-left: 775px;
margin-bottom: 65px;
}
.shili-left{
width:466px;
margin-left: 185px;
margin-top: 20px;
}
.shili-title{
font-weight: normal;
font-size: 30px;
color: #333333;
margin-bottom: 10px;
}
.shili-content{
font-size: 14px;
color: #555555;
line-height: 24px;
}
.shili-right{position:relative;}
.l_btn,.r_btn{position:absolute;cursor:pointer;z-index:99999}
.l_btn{left:-32px;top: 120px;}
.r_btn{left:-32px;top: 162px;}
#focus {width:478px; height:296px; overflow:hidden; position:relative;margin:0 auto;}
#focus ul {height:296px; position:absolute;}
#focus ul li {width:478px; height:296px; overflow:hidden; position:relative;float:left;}
#focus ul li a img{height:296px;width:478px;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:478px; height:20px; left:0; bottom:0;}
#focus .btn {position:absolute; width:478px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus ul li h3{display:block;color:#000000;font-size:14px;margin-top:10px;}
#focus ul li h3 a{color:#000000;font-size:14px;}
.news-index{
margin-top: 50px;
}
.news-title{
text-align: center;
margin-bottom: 35px;
}
.news1{
width: 384px;
}
.news-title1{
font-size: 18px;
color: #222222;
font-weight: normal;
margin-bottom: 14px;
}
.news-title1 a{
display: inline-block;
width:64px;
height: 20px;
border:1px solid #3795f1;
border-radius: 15px;
font-size: 12px;
text-align: center;
text-transform: uppercase;
float: right;
}
.news2{
margin: 0 20px;
}
.heng{
width:19220px;
position: relative;
left: 50%;
margin-left: -960px;
margin-top: 50px;
}
.case-title{
text-align: center;
}
.case-content{
position: relative;
}
.l_btn1,.r_btn1{position:absolute;top:37%;cursor:pointer;}
.l_btn1{left:-80px;}
.r_btn1{right:-80px;}
.contact-bg{
background: url(../images/ct.jpg) no-repeat top center;
height: 405px;
overflow: hidden;
}
.contact-index{
padding-top: 55px;
}
.contact-left{
width:358px;
}
.ct1{
font-size: 22px;
color: #fff;
border-bottom: 1px solid#fff;
padding-bottom: 5px;
line-height: 32px;
}
.ct1 p:nth-of-type(2){
font-size: 16px;
}
.ct2{
margin-top: 10px;
}
.ct2 p{
font-size: 16px;
line-height: 38px;
color: #fff;
padding-left: 26px;
}
.ct2 p:nth-of-type(1){
background: url(../images/p1.png) no-repeat left center;
}
.ct2 p:nth-of-type(2){
background: url(../images/p2.png) no-repeat left center;
}
.ct2 p:nth-of-type(3){
background: url(../images/p3.png) no-repeat left center;
}
.ct2 p:nth-of-type(4){
background: url(../images/p4.png) no-repeat left center;
}
.ct2 p:nth-of-type(5){
background: url(../images/p5.png) no-repeat left center;
}
.mess{
width:620px;
}
.mess-title{
font-weight: normal;
font-size: 22px;
color: #fff;
margin-bottom: 38px;
}
.mess-title p{
font-size: 16px;
}
.message1{z-index:100;position:relative;}
.message1 input{vertical-align:middle;}
.message1 #name{display:block;height:36px;line-height:36px;padding:0;padding-left:6px;border:1px solid #fff;width:286px;background: none;border-radius: 5px;margin-bottom: 26px;font-size: 14px;color: #fff;}
.message1 #contact{display:block;height:36px;line-height:36px;padding:0;padding-left:6px;border:1px solid #fff;width:286px;background: none;border-radius: 5px;margin-bottom: 26px;font-size: 14px;color: #fff;}
.message1 #content{display:block;height:36px;line-height:36px;padding:0;padding-left:6px;border:1px solid #fff;width:286px;background: none;border-radius: 5px;font-size: 14px;color: #fff;}
.message1 .msgbtn{background:#0d3ca6;cursor:pointer;width:608px;height:37px;line-height:37px;text-align:center;border:none;color:#fff;font-size:14px;
border-radius:3px;font-family:"Microsoft YaHei";-moz-border-radius:3px;-webkit-border-radius:3px;}
#message1_main tr{position:relative;}
#message1_main tr th{font-weight:normal;text-align:right;height:42px;line-height:42px;color:#666;}
.m_label1{position:absolute;width:160px;text-align:left;line-height:37px;padding-left:8px;color:#fff;z-index:1;cursor:text;font-size: 14px;background: url(../images/t11.png) no-repeat 62px center;}
.c_label1{line-height:18px;padding-top:12px;}
#checkcode {
height: 32px;
line-height: 32px;
width: 120px;
border: 1px solid #dedede;
}
/*友情链接*/
.f_link{width:1200px;margin:0 auto;margin-top:15px;line-height:30px;}
.dhdg{
font:400 14px/30px "Microsoft Yahei";
color: #fff;
text-align: center;
border-bottom: #fff 1px solid;
height: 45px;
}
.dhdg a{
color: #fff;
}
/*页面底部*/
.foot-bg{
background: url(../images/foot.jpg) no-repeat top center;
overflow: hidden;
padding-bottom: 10px;
}
#footer{position:relative;width:1200px;margin:0 auto;padding-top: 35px;color: #fff;}
#footer a{color:#fff;}
#footer a:hover{color:#e87518;text-decoration:none;}
.foot1{
width:230px;
}
#footer .foot-title{
font-weight: normal;
font-size: 16px;
color: #fff;
border-bottom: 1px solid #676767;
line-height: 40px;
margin-bottom: 20px;
}
.foot2{
width:370px;
margin-left: 40px;
}
.nav_foot{
font-size: 14px;
}
.nav_foot a{
margin-right: 40px;
line-height: 30px;
}
.ctf p{
font-size: 14px;
color: #8e8e8e;
padding-left: 22px;
line-height: 30px;
}
.ctf p:nth-of-type(1){
background: url(../images/p11.png) no-repeat left center;
}
.ctf p:nth-of-type(2){
background: url(../images/p22.png) no-repeat left center;
}
.ctf p:nth-of-type(3){
background: url(../images/p33.png) no-repeat left center;
}
.ctf p:nth-of-type(4){
background: url(../images/p44.png) no-repeat left center;
}
.ctf p:nth-of-type(5){
background: url(../images/p55.png) no-repeat left center;
}
.foot3{
width:280px;
margin-left: 42px;
color: #8e8e8e;
line-height: 30px;
}
.foot4{
width:200px;
}
.foot4 p img{
margin-bottom: 15px;
}
.copyright{text-align:center;line-height:24px;margin-top: 20px;padding-top: 10px;font-size: 14px;}
/*内页左侧样式*/
.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: 271px;height: 218px;}
.relate-product-slick .owl-item .img img{ width: 213px;height:171px;}
.xypg-case-list li .img img{width: 300px;height: 241;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}