/*初始化样式*/
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:100%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.twt li{
  float: left;
  width: 446px;
  height: 266px;
  overflow: hidden;
  margin: 0 5px;
}


.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:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;}
.top1 a{color:#595959;}





.top2{height:64px;/*overflow:hidden;*/}
.page-banner {
    width: 1920px;
    margin: 0 auto;
    left: 50%;
    margin-left: -960px;
    position: relative;
}
.logo{float:left;line-height:64px;}
.k2{margin-top: 5px;font-size:14px;color:#333333;line-height:35px;padding-left:54px;}
.k2 p:nth-child(2){color:#2459a9;font-size:27px;}






/*热门搜索*/
.sou{margin: 15px 0;}


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


/*搜索和热门搜索*/
#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:#009b4c;color:#fff;border:none;cursor:pointer;font-size: 12px;}



/*搜索和热门搜索*/
.hotSearch{float:left;font-weight:normal;}
.hotSearch a{padding:0 6px 0 8px;}
.hotSearch a:nth-child(1){padding-left:0;}
.hotSearch a+a{background: url(../images/aa.png) no-repeat left bottom;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;color:#0d0d0d;font-size:14px;}
.hotSearch a{margin-right:6px;color:#0d0d0d;}

#formsearch{float:right;background: url(../images/ss.png) no-repeat;width:471px;height:46px;}
#formsearch input{}
#formsearch input#keyword{height:46px;line-height:46px;padding-left:15px;float:left;color:#5c5c5c;font-size:14px;background:none;border:none;outline:none;}
#formsearch input#s_btn{width:30px;height:46px;line-height:46px;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:#ffffff;}
#formsearch textarea::-webkit-input-placeholder{color:#ffffff;}






/* 导航样式 */
.x-menu {width:760px;float:right;margin-top:0px;}

.x-menu > li {
  float: left;
  position: relative;
  width:102px;
}
.x-menu > li+li{margin-left:29px;}
.x-menu > li > a {
  display: block;
  font-size: 16px;
  color: #104889;
  line-height:51px;font-family:"黑体";padding-left:19px;    margin-top: 10%;

}

.x-menu > li > a:hover {
 background: url(//cdn.myxypt.com/d8efcefc/21/05/e1d2cb89a0051092673df93c499172a8fad45368.png) no-repeat;
}

.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: 65px;
  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{margin-top:120px;}
.biaoti{text-align:center;}
.biaoti h2{color:#0041a2;font-size:35px;text-transform:uppercase;}
.biaoti h3{color:#104889;font-size:30px;letter-spacing:4px;background:url(//cdn.myxypt.com/d8efcefc/21/05/90391f4d27d2a0c257c729871de5c8015cb0d3c6.png) no-repeat center center;margin-top:8px;}











/*友情链接*/
.f_link{width:1200px;line-height:28px;margin:0 auto;color: #666;margin-top: 15px;}
.f_link a{
  color: #666;
}



/*页面底部*/
.foot{background:#3e3938;margin-top:76px;padding-top:50px;padding-bottom:23px;}
.f_nav{width:660px;float:left;}
.f_nav dl{float:left;width:132px;}
.f_nav dt{margin-bottom:22px;font-size:18px;color:#fff;font-weight:normal;}
.f_nav dd a{font-size:14px;color:#fff;line-height:30px;}


.copyright{text-align:center;line-height:0px;}









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


/*产品列表*/
.changdy{
  width: 1200px;
  margin: 0 auto;
  font-family: "Microsoft Yahei";
}
.cpp{
  text-align: center;
  padding-top: 111px;
}
.cpp_tt{
  color: #0041a2;
  font-size: 35px;
  line-height: 45px;
}

.bt1{text-align: center;padding-bottom: 35px;background: url(../images/line3.png) no-repeat bottom  center;}
.bt1 dd{letter-spacing: 1px;color: #000000;font-size: 36px;line-height: 36px;font-weight: bold;}
.bt1 dt{letter-spacing: 1px;color: #01509c;font-size: 16px;margin-top: 23px;line-height: 16px;}

.fbox{margin-top: 29px;position: relative;height: 600px;}
.tab2{display: none;width: 858px;height: 776px;padding:117px 0 0 68px;position: relative;}
.tab2 h3{letter-spacing: 2px;color: #ffffff;font-weight: normal;line-height: 32px;font-size: 32px;width: 625px;}
.tab2  p{line-height: 30px;letter-spacing: 1px;color: #ffffff;font-size: 18px;margin-top: 18px;}
.fleft{position: absolute;left: 0;top:0;}
.shu{text-align: center;color: #fff;border-right:  1px solid rgba(255,255,255,.2);letter-spacing: 2px;font-family: Impact;font-size: 42px;
  width: 123px;line-height: 97px;}
.ful li{background: #1672ef;width:400px;height: 97px;padding-left: 50px;}
.fcon{width: 226px;text-align: center;}
.fcon .img2{display: none;}
.ful li .img{height: 45px;line-height: 45px;margin-top: 16px;}
.ful li.cur .fcon .img1{display: inline-block;}
.fcon h3{font-size: 16px;color: #ffffff;font-weight: normal;}
.ful li:nth-child(2){background: #0063e8;}
.ful li:nth-child(3){background: #005ad2;}
.ful li:nth-child(4){background: #0050bb;}
.ful li:nth-child(5){background: #024db2;}
.ful li:nth-child(6){background: #013e91;}
.ful li:nth-child(7){background: #03306c;}
.ful li:nth-child(8){background: #052857;}
.ful li.cur{background:url(//cdn.myxypt.com/d8efcefc/21/05/ffb5ef274babd5f32b0164bc2abb5f7499efc3b9.png) no-repeat;position: relative;
  background-size: 100% 100%;
}
.ful li.cur .shu{color: #fff;}
.ful li.cur .fcon h3{color: #fff;}
.gbhfm{
  position: absolute;
  bottom: 0px!important;
  left:0px;
  width: 100%;
  background: url(//cdn.myxypt.com/d8efcefc/21/05/75b2da95ae8a3dc18af6bc4750209bacbf1e0eb3.png) no-repeat;
  height: 214px;
  color: #fff;
  box-sizing: border-box;
  padding: 68px 0 0 40px;
}
.angda{
  background: url(//cdn.myxypt.com/d8efcefc/21/05/3ef36d3f14df9d7323e45a5488ce9c242f715c76.png) no-repeat;
  width: 21px;
  height: 12px;
  position: absolute;
  right: 101px;
  bottom: 74px;
}

.nei1{
  background: url(//cdn.myxypt.com/d8efcefc/21/05/d0e1d836b7b2a6a901284caa40398fae87e104c6.jpg) top center  no-repeat;
  margin-top: 150px;
  height: 1478px;
}
.changs{
  color: #fff;
    font-size: 30px;
    letter-spacing: 4px;
    background: url(//cdn.myxypt.com/d8efcefc/21/05/912a26bd1b9ddf9e2b51a1c8fb4971de24ff7872.png) no-repeat center center;
    margin-top: 8px;
}
.nei1 .biaoti{
  padding-top: 40px;
}
.abg{
  float: left;
  width: 528px;
  margin-top: 78px;
}
.abt_kk{
  float: right;
  width: 633px;
  margin-top: 78px;
  color: #fff;
}
.abt_kk_tt{
  font-size: 16px;
  line-height: 32px;
}
.abt_kk_kk{
  background: #043b7b;
  width: 136px;
  height: 37px;
  border-radius: 30px;
  text-align: center;
  font-size: 16px;
  line-height: 37px;
  margin-top: 35px;
  margin-left: 0px;
  transition: all 0.6s ease;
}
.abt_kk_kk:hover{
  margin-left: 10px;
  transition: all 0.6s ease;
}
.abt_kk_kk a{
  color: #fff;
}

.shung{
  width: 900px;
  margin:65px auto 0;
  color: #fff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.shung li{
  width: 33%;
  text-align: center;
}
.shung_tt span{
  font-size: 48px;
  font-weight: 600px;
  padding-right: 10px;
}
.shung_tt {
  line-height: 55px;
  font-size: 17px;
}
.shung_kkl{
  font-size: 16px;
  line-height: 45px;
}





.fing{
  background: #fff;
  box-sizing: border-box;
  padding: 10px;
  margin-top: 40px;
}
.bdung{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 50px;
}
.bdung li{
  width: 25%;
  text-align: center;
  margin-top: 0px;
  transition: all 0.6s ease;;
}
.bdungOmg{
  width: 93px;
  height: 94px;
  margin: 0 auto;
}
.bdung_tt{
  font-size: 24px;
  line-height:50px;
}
.bdung_tt a{
  color: #595959;
}
.bdung li:hover .bdung_tt a{
  color: #003069;
}
.bdung_yy{
  color: #595959;
  line-height: 30px;
  padding: 5px 20px;
  font-size: 16px;
}
.bdung li:hover{
  margin-top: -10px;
  transition: all 0.6s ease;
}
.nei2{
  text-align: center;
}
.nei2 img{
  width: 100%;
  height: auto;
}
.nei3{
  margin-top: 100px;
}
.nei4{
  background: url(//cdn.myxypt.com/d8efcefc/21/05/a89e0b62b0c56bb60a6ce68140de114946856ae7.jpg) top center no-repeat;
  box-sizing: border-box;
  padding-top: 47px;
  margin-top: 20px;
}
.xww{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.xww li{
  width: 391px;
  background: #fff;
  box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, .2);
}
.xww_img img{
  width: 391px;
  height: 243px;
  overflow: hidden;
}

.xww_img a img{
     width: 391px;
  height: 243px;
}

.djds{
  box-sizing: border-box;
  padding: 15px;
}
.xww_tt{
  font-size: 16px;
  line-height: 45px;
  font-weight: 600;
}
.xww_tt a{
  color:#104889
}
.xww_kk{
  font-size: 14px;
  line-height: 24px;
  color: #666;
  height: 100px;
  overflow: hidden;
}
.xww li:hover .xww_mm{
  margin-right: -10px;
  transition: all 0.6s ease;;
}
.xww_mm{
  text-align: right;
  margin-right: 0px;
  transition: all 0.6s ease;;
}
.nei5{
  background: url(//cdn.myxypt.com/d8efcefc/21/05/1fc70fb87ab3e23ccd1d792b7f27896d444e9307.jpg) top center no-repeat;
  height: 609px;
  margin-top: 105px;
  box-sizing: border-box;
  padding-top: 60px;
}
.chan{
  position: relative;
  margin-top: 60px;
}
.l_btn{
  position: absolute;
  top:40%;
  left:-4%;
  z-index: 9999;
}
.r_btn{
  position: absolute;
  top:40%;
  right:-4%;
  z-index: 9999;
}
.twtf li{
  float: left;
  width: 381px;
  height: 289px;
  overflow: hidden;
  margin: 0 10px;
}

.twtf li img {
    width: 381px;
    height: 289px;
}

.nei6{
  margin-top: 60px;
}
.xff{
  float: left;
  width: 600px;
  margin-top: 40px;
}
.xff_img{
  width: 600px;
  height: 269px;
  overflow: hidden;
}
.xff_img img{
  width: 100%;
  height: auto;
}
.xff_tt{
  font-size: 24px;
  line-height: 60px;
  padding: 10px 0;
}
.xff_tt a{
  color: #333;
}
.xff_kk{
  font-size: 16px;
  color: #3f3f3f;
  line-height: 30px;
  
}
.xxhk{
  float: right;
  width: 570px;
  margin-top: 40px;
}
.shiji{
  float: left;
  width: 85px;
  text-align: right;
  color: #0e4d9c;
      margin-top: 6px;
}
.shian_tt{
  font-size: 24px;
}
.ashin_yy{
  font-weight: 600;
  font-size: 20px;
  line-height: 10px;
}
.xxhk li{
  margin-bottom: 30px;
}
.neifut{
  float: right;
  width: 465px;
}
.neifut_tt{
  font-size: 18px;
  line-height: 45px;
}
.neifut_tt a{
 color: #2b2b2c;
}
.neifut_kk{
  font-size: 16px;
  line-height: 28px;
  color: #3f3f3f;
  margin-top: -3px;
}
.xff li:hover .xff_tt a{
  color: #0e4d9c;
}
.xxhk li:hover .neifut_tt a{
  color: #0e4d9c;
}
.fhun{
  background: #272727;
  padding: 15px 0;
}
.dak{
  float: left;
  width: 239px;
  height: 147px;
}
.lianmdh{
  float: left;
  width: 503px;
  margin-left: 50px;
  color: #fff;
}
.lianmdh_tt{
  font-size: 25px;
  line-height: 60px;
}
.lianmdh_jj{
  font-size: 16px;
  line-height: 28px;
  margin-top: 10px;
}
.disnj{
  float: right;
  width: 351px;
  color: #fff;
}
.fsofm{
  font-size: 16px;
  line-height: 16px;
  color: #919191;
  margin-top: 10px;
}
.fsofm a{
  color: #919191;
}
.copyright{
  margin-top: 0px;
}
.x-seo , .copyright{
  font-size: 12px;
  color: #666;
  text-align: left;
}
.x-seo a , .copyright a{
  color: #666;
}