/*初始化样式*/
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: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{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%!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:1200px;margin:0 auto;}


.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{background:#e6e6e6;color:#ffffff;height:46px;line-height:46px;overflow:hidden;font-size:14px;background:#02559d;}
.top1 a{color:#ffffff;}





.top2{height:108px;overflow:hidden;}

.logo{float:left;line-height:108px;}
.k2{margin-top:15px;font-size:21px;color:#333333;line-height:35px;background: url(../images/tel01.png) no-repeat right center;padding-right:70px;text-align:right;width:280px;}
.k2 p:nth-child(2){color:#000000;font-size:29px;font-family:"Impact";padding-right:20px;}










/*热门搜索*/
.sou{}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}






/*搜索和热门搜索*/
.hotSearch{float:left;height:37px;line-height:37px;font-weight:normal;color:#323232;font-size:14px;}
.hotSearch a{margin-right:6px;color:#323232;}



#formsearch{float:right;background: url(../images/icon01.png) no-repeat;width:240px;height:37px;}
#formsearch input{}
#formsearch input#keyword{height:37px;line-height:37px;padding-left:29px;float:left;color:#323232;font-size:14px;background:none;border:none;outline:none;width:150px;}
#formsearch input#s_btn{width:64px;height:37px;line-height:37px;text-align:center;background:none;border:none;outline:none;color:#fff;border:none;cursor:pointer;font-size:14px;float:right;}
#formsearch input::-webkit-input-placeholder {color:#323232;}
#formsearch textarea::-webkit-input-placeholder {color:#323232;}






/* 导航样式 */
#menu{border-top:1px solid #d2d2d2;height:63px;}
.x-menu {}

.x-menu > li {
  float: left;
  position: relative;
 text-align:center;width:200px;
}

.x-menu > li > a {
  display: block;
  font-size: 18px;
  color: #000000;
  line-height:62px;
}

.x-menu > li > a:hover {
  background:url(../images/icon2.png) no-repeat center bottom;

}

.x-menu > li.active > a {

}

.x-menu > li:after {
  content: '';
  position: absolute;
  z-index: 100;
  width: 100%;
  left: 0;
  height: 40px;
  opacity: 0;
  top: 100%;
}

.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 99999;
  width: 150%;
  left: -25%;
  top: 80px;
  background: #fff;
  border-radius: 5px;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-sub-menu > li > a {
  display: block;
  text-align: center;

  font-size: 14px;
  color: #333;
  line-height:40px;
 height:40px;overflow:hidden;
}

.x-sub-menu > li > a:hover {
  background: #e9eaeb;
}

.x-sub-menu:after {
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 10px;
  cursor: pointer;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #fff transparent;
  border-top: none;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  z-index: 99;
}




.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}




.box1{background:#f6f6f6;padding:14px 0 55px;}
.prod{margin-top:55px;}
.bt{text-align:center;}
.bt h2{text-align:center;font-size:32px;background:url(../images/icon3.png) no-repeat center center;}
.bt h3{color:#727171;font-size:16px;margin-top:10px;}


.prolist{text-align:center;margin-top:42px;}
.prolist li{text-align:center;display:inline-block;line-height:43px;width:216px;color:#fff;border-radius:25px;margin:0 15px;cursor:pointer;margin-bottom:30px;background:#85b624;font-size:16px;}
.prolist li.cur{color:#fff;background:#02559d;}


.proimg{margin-left:16px;display:none;}
.proimg.clicked{display:block;}

.proimg li{float:left;position:relative;margin:0 14px 14px 0;border:1px solid #dcdcdc;background:#fff;}
.proimg li:nth-child(3n){margin-right:0;}
.proimg li .img img{width:383px;height:287px;}
.proimg li h3{text-align:center;color:#696969;font-size:16px;line-height:60px;height:60px;overflow:hidden;border-top:1px solid #dcdcdc;}
.dh{background:url(../images/icon4.png) no-repeat;width:392px;line-height:48px;margin:0 auto;color:#fff;font-size:18px;padding-left:48px;margin-top:46px;}
.dh p{display:inline-block;font-weight:bold;color:#02559d;font-size:25px;padding-left:37px;}


.box2{margin-top:36px;}
.bt2 h2{text-align:center;font-size:32px;background:url(../images/icon5.png) no-repeat center center;}
.ads{box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.53);margin-top:35px;}
.ads li{width:300px;float:left;}
.ads li img{width:300px;height:260px;display:block;}
.ads li .det{width:300px;height:260px;padding:0 30px;}
.ads li h3{color:#0064ad;font-size:24px;padding-top:46px;}
.ads li h4{color:#0064ad;font-size:12px;text-transform:uppercase;margin-top:3px;border-bottom:1px solid #0064ad;padding-bottom:20px;}
.ads li span{color:#666666;font-size:14px;display:block;margin-top:5px;line-height:26px;}




.box3{background:url(../images/icon6.png) no-repeat;height:537px;margin-top:45px;padding-top:47px;}
.bt3 h2{text-align:center;font-size:32px;background:url(../images/icon7.png) no-repeat center center;color:#fff;}
.bt3 h3{color:#fff;}

    .picMarquee-left{ overflow:hidden;margin-top:36px;}
    .picMarquee-left .bd{ padding:10px;   }
    .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
    .picMarquee-left .bd ul li{ margin:0 18px;width:377px;float:left; _display:inline; overflow:hidden; text-align:center;  }
    .picMarquee-left .bd ul li .img img{ width:377px; height:282px;display:block;}
    .picMarquee-left .bd ul li h3{color:#ffffff;font-size:24px;margin-top:22px;}


.box4{margin-top:32px;} 
.box4 .cont{margin-top:55px;} 
.abpic{width:571px;height:399px;} 
.about{width:588px;margin-top:-9px;} 
.abtt{color:#000000;font-size:30px;text-transform:uppercase;} 
.ab{color:#000000;font-size:16px;line-height:30px;margin-top:22px;} 
a.am{color:#000000;font-size:16px;text-align:center;background:url(../images/icon8.png) no-repeat;width:165px;line-height:46px;display:block;margin-top:55px;}



.box5{margin-top:57px;background:#eeeeee;padding:47px 0;} 


.newsinfo{}
.newsleft{
    width:784px;
    height: 510px;
    border: 1px solid #cecccc;
    margin-top: 25px;
}
.newsleft .newstt{}
.newsleft .newstt li{
    width:100%;
    float: left;
    background: url(../images/icon9.png) no-repeat 16px #7d7d7d;
    color: #ffffff;
    font-size: 18px;
    height: 58px;
    line-height: 58px;
    padding-left: 42px;
    position: relative;
}
.newsleft .newstt li.cur{
    background-color:#02559d;
}
.newsleft .newstt li a{
    position: absolute;
    display: block;
    right: 18px;
    color: #ffffff;
    font-size: 15px;
    top: 0;
}
.newsleft .newscont{
    width:755px;
    margin: 0 auto;
    position: relative;
}
.newsinn{
    display: none;
}
.newsleft .newscont:after{
    content:'';
    position:absolute;
    width:1px;
    height:162px;
    left: 48%;
    bottom:4px;
    background:#bbbbbb;
}
.newsimg.fl a{
    display: block;
    margin-top: 38px;
}
.newsimg.fl a img{
    width: 299px;
    height: 173px;
}
.newsimg.fr{
    width: 432px;
    margin-top: 32px;
}
.newsimg.fr a.ntt{
    color: #222222;
    font-size: 15px;
    display: block;
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 12px;
}
.newsimg.fr a.ntt:hover{
    color: #222222;
}




.newsimg.fr .nsum{
    color: #615c5c;
    font-size: 14px;
    margin-top: 16px;line-height:23px;
}
.newsimg.fr .nsum a{color:#000000;}



.newsleft .newscont ul{
    border-top: 1px solid #ababab;
    margin-top: 24px;
    padding-top: 12px;
    position: relative;
}
.newsleft .newscont ul li{
    width: 360px;
    float: left;
}
.newsleft .newscont ul li:nth-child(2n){
    float:right
}
.newsleft .newscont ul li a{
    color: #222222;
    font-size: 15px;
    display: block;
    background: url(../images/icon10.png) no-repeat left;
    padding-left: 12px;
    line-height: 36px;
}
.newsleft .newscont ul li:hover a{
    color: #02559d;
}

.newsright{
    width: 400px;
    height: 508px;
    border: 1px solid #cecccc;
    margin-top: 25px;
}
.newsright .newstt{
    width:398px;
    background: url(../images/icon11.png) no-repeat 28px #02559d;
    color: #ffffff;
    font-size: 18px;
    height: 58px;
    line-height: 58px;
    padding-left: 64px;
    position: relative;
}
.newsright .newstt a{
    position: absolute;
    display: block;
    right: 18px;
    color: #ffffff;
    font-size: 15px;
    top: 0;
}
.newsright ul{}
.newsright ul li{
    width: 373px;
    margin: 0 auto;
    border-bottom: 1px solid #cecece;
    padding-bottom: 16px;
    margin-top: 16px;height:105px;
}
.newsright ul li a{
    color: #02559d;
    font-size: 15px;
    display: block;
    padding-left: 24px;
    background: url(../images/icon12.png) no-repeat left;
    margin-bottom: 8px;
}
.newsright ul li span{
    color: #3c3c3c;
    font-size: 13px;
    padding-left: 24px;
    display: block;
    background: url(../images/icon13.png) no-repeat left 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.newsright  .tempWrap{height:430px!important;}










/*页面底部*/
.foot{background:#313131;padding:25px 0;}
.foot1{width:100%;color:#b7b7b7;line-height:30px; text-align: center;}
.foot1 a{color:#b7b7b7;}
.fnav a{font-size:13px; margin: 0 20px;}
.copyright{font-size:12px;}



.copy_right{float:right;text-align:right;margin-top:18px;}
.copy_right select{background: url(../images/icon14.png) center no-repeat;width:183px;height:35px;outline:none;padding-left:21px;color:#b2b2b2;font-size:12px;}
.copy_right select{appearance:none;-moz-appearance:none;
    -webkit-appearance:none;}
.copy_right select option{background:#02559d;color:#fff;line-height:30px;}
.copy_right select option{}















/*内页左侧样式*/
.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-product-inquiry a{color: #fff;}

