/*初始化样式*/
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:visited{color:#333;}
a:hover,a:active,a:focus{color:#333;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: 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.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.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);}
/*头部样式*/
.head{height: 36px;line-height: 36px;background: #ededed;color: #808080;font-size: 12px;font-weight: 200;}
.head a{color: #808080;font-size: 12px;}
.top{width: 1200px;margin:0 auto;}
#header{height: 148px;}
.logo{float:left;padding-top:21px;}
.yu{margin-left: 10px;margin-top: 43px;padding-left: 18px;border-left: 3px solid #b4834d;color: #292929;font-size: 24px;font-weight: bold;}
.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.topLink .k2{margin-top: 49px;}
/*热门搜索*/
.search{height: 50px;background:#f7f7f7;}
#formsearch{float:right;margin-top: 11px;background:url(../images/ss.png)no-repeat;width: 262px;height: 28px;}
.hotSearch{width:400px;float:left;height:50px;line-height:50px;font-weight:normal;color: #5c5c5c;font-size: 14px;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
/*搜索和热门搜索*/
.hotSearch a{color: #5c5c5c;font-size: 14px;}
.hotSearch a+a:before{
content: ",";
}
#formsearch input{height:28px;background:none;border:none;line-height:28px;outline: none;}
#formsearch input#keyword{height:28px;line-height:28px;padding-left:6px;color:#8f8f8f;float: left;width:214px;font-size: 12px;}
#formsearch input#s_btn{width:48px;height:28px;line-height:28px;text-align:center;color:#fff;border:none;cursor:pointer;float: left;font-size:12px;}
/* 导航样式 */
.dao{background: url(../images/menu.png)no-repeat;height: 57px;}
.xmenu {width: 1200px;margin:0 auto;}
.xmenu li{line-height:57px;height:57px;text-align:center;width:150px;float:left;position:relative;z-index:999;}
.xmenu li a{display:block;line-height:57px;color:#fff;height:57px;font-size: 18px;}
.xmenu li a:hover{color:#fff;text-decoration:none;background:url(../images/navbg.png)no-repeat center;background-size: 100% 57px;}
.xmenu li a.on{color:#fff;text-decoration:none;background:url(../images/navbg.png)no-repeat center;background-size: 100% 57px;}
.xmenu li:hover .x-sub-menu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
.xmenu li .x-sub-menu {
position: absolute;
z-index: 99;
width:150px;
left: -1px;
top:57px;
background:#023c83;
opacity: 0;
}
.xmenu li .x-sub-menu li{background:none;height:46px;width:150px;}
.xmenu li .x-sub-menu li a {display: block; text-align: center;width:150px;height:46px;line-height:46px;font-size: 14px; color: #ffffff;padding: 0; background: none;}
.xmenu li .x-sub-menu li a:hover{background:#023c83; color:#fff;}
/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:20px;}
.container{width:1200px;margin:0 auto;padding: 0;}
/* */
.a1{width: 1920px;margin-left: -960px;left:50%;position: relative;}
.a2{width: 1200px;margin:0 auto;}
/* 产品 */
.chan{margin-top: 50px;}
.chan-le{width:248px;}
.chan-le h3{background: url(../images/h3.jpg)no-repeat center;height: 68px;padding-left: 88px;color: #fff;font-size: 24px;line-height: 21px;}
.chan-le h3 span{display: block;font-size: 12px;font-weight: normal;text-transform: uppercase;padding-top: 10px;}
.fenlei{background: #f7f7f7}
.fenlei li{height: 51px;line-height: 51px;border-bottom: 1px dashed #dcdcd2;}
.fenlei li a{color: #292929;font-size: 16px;display: block;padding-left: 68px;}
.fenlei li:last-child{border:none;}
.chan-tel{background:url(../images/dh.jpg)no-repeat;height: 118px;}
.chan-tel .dh{color: #fff;font-size: 22px;font-weight: bold;padding-left: 67px;padding-top: 14px;}
.chan-tel .cont{color: #fff;font-size: 16px;padding-left: 28px;margin-top: 5px;}
.chan-ri{width:929px; }
.product_list1{}
.product_list1 li{float: left;margin-right: 15px;margin-bottom: 22px;}
.product_list1 li:nth-child(3n){margin-right: 0}
.product_list1 li img{width: 390px;height: 304px;border: 1px solid #959595;}
.product_list1 li span{display: block;color: #292929;font-size: 20px;/* height: 54px; */line-height: 60px;text-align: center;}
/* 应用领域 */
.ying{background:url(../images/1.png)no-repeat;height:440px;margin-top: 40px;padding-top: 42px;}
.ying-tit{text-align: center;}
.ying-tit span{display: block;color: #292929;font-size: 36px;text-transform: uppercase;}
.ying-tit .img{background: url(../images/tit.png)no-repeat center;height: 48px;}
.ying-tit p{color: #292929;font-size: 18px; margin-top: 13px;}
.ying ul{width:1200px;margin:0 auto;margin-top: 27px;overflow: hidden;}
.ying ul li{float: left;margin-right: 72px;}
.ying ul li:nth-child(6n){margin-right: 0}
.ying ul li img{width: 140px;height: 140px;}
.ying ul li span{display: block;text-align: center;color: #292929;font-size: 18px;margin-top: 18px;}
/* 优势 */
.ys{background: url(../images/ys.png)no-repeat center top,url(../images/ff.png) no-repeat bottom center;padding-top: 252px; padding-bottom: 7px;}
.you h3{height:138px;padding-left: 105px;color: #b4834d;font-size: 24px;padding-top:50px;}
.you h3 span{display: block;color: #bfbfbf;font-size: 12px;text-transform: uppercase;font-weight: normal;margin-top: 8px;line-height: 20px;}
.you .cont{color: #292929;font-size: 16px;line-height: 36px;margin-top: 20px;}
.ysa{height: 417px;overflow: hidden;}
.ysa-le{width:555px;}
.ysa-le h3{background: url(../images/ys1.png)no-repeat left;}
.ysa-ri{width: 537px;height: 390px;overflow: hidden;margin-top: 17px;}
.ysb{height:341px;overflow: hidden;}
.ysb-le{width: 533px;height: 341px;margin-left: 17px;overflow: hidden;margin-top: 9px;}
.ysb-ri{width: 551px;}
.ysb-ri h3{background: url(../images/ys2.png)no-repeat left;}
.ysc{height: 390px;overflow: hidden;}
.ysc-le{width:555px;}
.ysc-le h3{background: url(../images/ys3.png)no-repeat left;}
.ysc-ri{width: 541px;height: 340px;overflow: hidden;margin-top: 50px;margin-right: 28px;}
.ysd{height:363px;overflow: hidden;}
.ysd-le{width:496px;height: 354px;margin-left: 35px;overflow: hidden;}
.ysd-ri{width: 551px;margin-top: 35px;}
.ysd-ri h3{background: url(../images/ys4.png)no-repeat left;}
/* 案例 */
.anli{height:938px;background: url(../images/anli.jpg)no-repeat;padding-top: 50px;}
.anli-cont{position: relative;width: 1200px;margin:0 auto;margin-top: 68px;}
.l_btn{position:absolute;top:132px;cursor:pointer;z-index: 99;left:-69px;}
.r_btn{position:absolute;top:132px;cursor:pointer;z-index: 99;right:-69px;}
.case_list1{}
.case_list1 li{float: left;margin-right: 42px;}
.case_list1 li img{width: 247px;height: 352px;border:1px solid #a0a0a0;}
.case_list1 li h3{font-weight: normal;text-align: center;color: #292929;font-size: 14px;padding-top: 15px;}
.case_hhaa{
width: 1200px;
margin: 36px auto 0;
}
.case_aa li{
float: left;
margin-right: 19px;
margin-bottom: 19px;
}
.case_aa li:nth-child(3n){
margin-right: 0;
}
.case_aa li a.img{
display: block;
position: relative;
}
.case_aa li a.img img{
width: 387px;
height: 316px;
}
.case_aa li a.img h2{
position: absolute;
z-index: 999;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(34,24,23,.7);
transition: all .5s ease;
opacity: 0;
transform: scale(0);
color: #fff;
font:500 20px/316px "微软雅黑";
text-align: center;
}
.case_aa li a.img:hover h2 {
opacity:1;
transform: scale(1);
}
.cp_ttaa{
margin-top: 60px;
}
.cp_ttaa .a2{
margin-top: 25px;
}
/* 简介 */
.ab{margin-top: 75px;background: url(../images/ab.png) repeat-x;height: 299px;}
.ab-le{width: 410px;height: 271px;padding:9px;margin-left: 30px;border:1px solid #e5e5e5;overflow: hidden;}
.ab-ri{width: 690px;margin-right: 40px;}
.ab-ri h3{color: #b4834d;font-size: 36px;}
.ab-ri h3 span{font-weight: normal;color: #292929;font-size: 30px;text-transform:uppercase;}
.ab-ri div{color: #fff;font-size: 16px;line-height: 36px;text-align: justify;margin-top: 33px;}
/* 新闻 */
.xin{margin-top: 58px;}
.xin-le{width: 384px;margin-right: 24px;}
.xin-tit{height: 55px;background: url(../images/xx.png)no-repeat 23px #b4834d;color: #fff;font-size: 24px;line-height: 55px;padding-left: 42px;}
.xin-tit span{display: inline-block;font-size: 18px;text-transform: uppercase;margin-left: 5px;letter-spacing: -1px;}
.news_list1{background: #efefef;}
.news_list1 li{position: relative;height: 48px;line-height: 48px;border-bottom: 1px dashed #bfbfbf;width: 368px;margin:0 auto;}
.news_list1 li a{color: #292929;font-size: 14px;display: inline-block;padding-left: 14px;}
.news_list1 li span{position: absolute;right: 11px;top:0;color: #292929;font-size: 14px;}
a.xin-more{text-align: right;display: block;padding-right: 21px;color: #b4834d;font-size: 14px;height: 44px;line-height: 44px;}
.xin-ri{width: 384px;}
.xin-ri .cont{background: #efefef;padding-top: 23px;}
#kehu{overflow:hidden;height:368px;margin:0 auto;position:relative;}
#jian {height:100%;}
.news_list2{width: 368px;margin:0 auto;}
.news_list2 li{padding:0 15px;border-bottom: 1px dashed #bfbfbf;height: 98px;margin-bottom: 38px;}
.news_list2 li a{display: block;background: url(../images/wen.png)no-repeat left;padding-left: 27px;line-height: 18px;color: #292929;font-size: 14px;}
.news_list2 li p{background: url(../images/da.png)no-repeat left 5px;padding-left: 27px;color: #292929;font-size: 14px;margin-top: 10px;}
/*友情链接*/
.f_link{width: 1200px;margin:30px auto;background: #ededed;height: 50px;line-height: 50px;overflow: hidden;}
.f_link span{display: inline-block;background: url(../images/link.png)no-repeat;width: 238px;text-align: center;color: #fff;font-size: 24px;}
.f_link i{font-style: normal;font-size: 24px;text-transform: uppercase;}
/*页面底部*/
#footer{margin-top: 2px;background: url(../images/ff.png)no-repeat top center;}
.nav_foot{height: auto;line-height: 69px;border-bottom: 1px solid #022174;width: 1035px;margin:0 auto;text-align: center; padding: 8px 0 0;}
.nav_foot li{width: 138px;background: url(../images/sh.png)no-repeat right;text-align: center;display: inline-block;}
.nav_foot li a{color:#292929;font-size: 18px;}
.nav_foot li:last-child{background: none}
.foot{margin-top: 39px;height: 160px;}
.ff_a{width: 363px;background: url(../images/shu.png)no-repeat right;margin-left: 53px;height: 132px;padding-top: 35px;}
.ff_b{width: 429px;background: url(../images/shu.png)no-repeat right;margin-left:42px;height: 132px;color: #292929;font-size: 18px;padding-top: 10px;line-height: 32px;}
.ff_c{width: 273px;margin-top: -7px;}
.copyright{text-align:center;line-height:24px;background:#022174;color: #fff;font-size: 14px;height:89px;padding-top: 10px;}
.copyright a{color: #fff;font-size: 14px;}
/*内页左侧样式*/
.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-position a{color: #333;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}