/*初始化样式*/
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:link{color:#333;}
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,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%!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;}

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




.top2{border-top:10px solid #244c8a;height:110px;}

.logo{float:left;margin-top:35px;}
.k2{margin-top: 5px;font-size:16px;color:#333333;line-height:35px;text-align:right;}






.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.topLink .k1 a{color: #595959;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}


/*热门搜索*/
.sou{margin-top:30px;color:#333;font-size:14px;}
.sou a{color:#333;}
#formsearch{float:right;}
.hotSearch{float:left;font-weight:normal;}
.hotSearch a{margin-right:6px;}
#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;}
#formsearch input::-webkit-input-placeholder {color:#ffffff;}
#formsearch textarea::-webkit-input-placeholder {color: #ffffff;}










/*导航栏样式*/
#menu{width:740px;float:right;}

.navs li{text-align:center;float:left;position:relative;z-index:999;width:105px;}

.navs li a{display:block;line-height:100px;color:#666666;height:100px;padding:0;font-size:16px;padding:0;}
.navs li a:hover{color:#244c8a;text-decoration:none;background: url(/template/default/static/image/x.png) no-repeat center bottom;}


.navs .sec{height:0;background:#009b4c;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:100px;left:0px;width: 100%;}
.navs .sec a{background:#009b4c;color:#fff;height:38px;line-height:38px;overflow:hidden;font-size: 14px;}
.navs .sec a:hover{background:#e15616;text-decoration:none;}


.yqh img {
     margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-around;
}



.box1{margin-top:30px;}
.bt{text-align:center;color:#333333;font-size:45px;}
.bt span{font-weight:normal;}
.bt p{font-weight:normal;color:#808080;font-size:22px;letter-spacing:5px;margin-top:12px;}


.sort22{margin-top:28px;}
.sort22 li{position:relative;z-index: 9999;float:left;width:199px;}
.sort22 li+li{margin-left:1px;}
.sort22 li a.aa{line-height:60px;display:block;background:url(/template/default/static/image/jt.png) no-repeat 80% center #f6f6f6;padding-left:48px;color:#333333;font-size:16px;}
.sort22 li:hover a.aa{background:url(/template/default/static/image/jt2.png) no-repeat 80% center #214e8b;color:#fff;}
.sort22 li a.aa1{line-height:60px;display:block;background:#f6f6f6;padding-left:0px;color:#333333;font-size:16px;text-align:center;}
.sort22 li:hover a.aa1{background:#214e8b;color:#fff;}


.sort22 li .layer2{border:1px solid #f6f6f6;width:200px;padding:20px 0;position:absolute;left:0;top:60px;z-index:99999;background:#fff;}
.sort22 li .layer2 li{padding:0;}
.sort22 li .layer2 li a{;line-height:48px;height:48px;text-align:center;color:#666;font-size:16px;display:block;}
.sort22 li .layer2 li a:hover{text-decoration:none;color:#244c8a;}





.product_list1{margin-top:32px;}
.product_list1 li{float:left;margin-right:26px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li .img{border:1px solid #e8e8e8;display:block;}
.product_list1 li img{width:278px;height:278px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#333333;font-size:16px;line-height:73px;}
.product_list1 li:hover .img{border-color:#244c8a;}
.product_list1 li:hover h3{color:#244c8a;}



.box2{background:#f2f2f2;margin-top:67px;padding-top:67px;padding-bottom:90px;}
.box2 .cont{margin-top:38px;height:464px;background:#fff;overflow:hidden;}
.abpic{width:793px;height:464px;}
.about{width:330px;margin-right:40px;}
.abtt{color:#333333;font-size:20px;margin:39px 0 30px;}
.ab{color:#999999;font-size:14px;line-height:30px;}
.about a{color:#fff;font-size:14px;display:block;text-align:center;background:#09548d;width:140px;line-height:40px;margin-top:24px;}

.ablist{margin-top:20px;}
.ablist li{width:386px;height:166px;float:left;overflow:hidden;background:#fff;padding-top:40px;}
.ablist li+li{margin-left:21px;}
.ablist li .img{width:45px;margin-left:30px;margin-top:20px;}
.ablist li .det{width:225px;margin-left:35px;}
.ablist li h3{font-weight:normal;color:#333333;font-size:18px;}
.ablist li span{font-weight:normal;color:#999999;font-size:14px;line-height:24px;display:block;margin-top:16px;}
.ablist li:hover{background:#09548d;}
.ablist li:hover h3{color:#fff;}
.ablist li:hover span{color:#fff;}
.ablist li:hover img{filter: invert(100%) sepia(2%) saturate(996%) hue-rotate(180deg) brightness(118%) contrast(100%);}




.box3{margin-top:92px;}
.box3 .cont{margin-top:40px;}
 .slideGroup{}
        .slideGroup .parHd{}
        .slideGroup .parHd ul{text-align:center;}
        .slideGroup .parHd ul li{display:inline-block;cursor:pointer;margin:0 18px;color:#4d4d52;font-size:30px;text-align:center;cursor:pointer;}
        .slideGroup .parHd ul li.on{color:#09548d;}
  

        .slideGroup .parBd{margin-top:48px;}  
        .slideGroup .parBd ul{ overflow:hidden; zoom:1;}
        .slideGroup .parBd ul li{ margin:0 50px; float:left; _display:inline; overflow:hidden;position:relative;width:459px!important;height:420px;}
        .slideGroup .parBd ul li .img{border:1px solid #fff;}
        .slideGroup .parBd ul li img{width:457px;height:343px;}
        .slideGroup .parBd ul li .det{background:url(/template/default/static/image/c1.png) no-repeat;width:415px;height:120px;position:absolute;left:20px;bottom:0;}
        .slideGroup .parBd ul li:hover .det{background:url(/template/default/static/image/c2.png) no-repeat;}
        .slideGroup .parBd ul li:hover .img{border-color:#09548d;}
        .slideGroup .parBd ul li h3{color:#333333;font-size:18px;font-weight:normal;padding-left:30px;padding-top:38px;}
        .slideGroup .parBd ul li span{color:#808080;font-size:14px;display:block;margin-left:30px;background:url(/template/default/static/image/dd.png) no-repeat left center;padding-left:20px;margin-top:6px;}
 


.box4{background:url(/template/default/static/image/bj4.png) no-repeat;height:696px;margin-top:100px;padding-top:48px;}
.bt4{text-align:center;color:#fff;font-size:36px;line-height:111px;}
.hz{background:#fff;height:480px;}
.hz li{width:240px;text-align:center;float:left;padding-top:53px;height:240px;margin-right:0;border:1px solid #e6e6e6;}
.hz li:nth-child(5n){margin-right:0;}
.hz li .img{width:80px;height:80px;margin:0 auto;}
.hz li img{transition: .8s;}
.hz li h3{color:#333333;font-size:16px;font-weight:normal;margin-top:35px;}
.hz li:hover{background:#09548d;}
.hz li:hover h3{color:#fff;}
.hz li:hover img{transform:rotateY(180deg);}





.box5{background:url(/template/default/static/image/bj5.png) no-repeat;height:1035px;padding-top:85px;}
.bt5{text-align:center;color:#fff;font-size:36px;}
.bt5 p{font-size:14px;margin-top:25px;}
.ads{margin-top:185px;}
.ads li{float:left;margin-right:8px;margin-bottom:9px;}
.ads li img{width:294px;height:260px;}
.ads li:nth-child(3) img{width:596px;height:260px;}
.ads li:nth-child(3){margin-right:0;}
.ads li:nth-child(7){margin-right:0;}
a.mm{display:block;margin:0 auto;text-align:center;color:#fff;font-size:14px;background:#09548d;width:140px;line-height:40px;margin-top:43px;}




.box6{background:url(/template/default/static/image/bj6.png) no-repeat;height:838px;padding-top:85px;overflow:hidden;}
.bt6{text-align:center;color:#333333;font-size:36px;background:url(/template/default/static/image/jm.png) no-repeat center bottom;padding-bottom:18px;}
.lc{margin-top:60px;}
.lc li{float:left;width:245px;text-align:center;margin-bottom:125px;}
.lc li+li{margin-left:72px;}
.lc li:nth-child(5){margin-left:0;}
.lc li img{width:110px;height:110px;margin:0 auto;transition: .8s;}
.lc li h3{color:#333333;font-size:20px;margin-top:19px;}
.lc li span{color:#999999;font-size:14px;margin-top:19px;display:block;}
.lc li:hover img{transform:rotateY(180deg);}




.box7{background:url(/template/default/static/image/bj7.jpg) no-repeat;height:565px;padding-top:75px;overflow:hidden;}
.bt7{text-align:center;color:#ffffff;font-size:36px;background:url(/template/default/static/image/xx.png) no-repeat center bottom;padding-bottom:18px;}
.bt72{text-align:center;color:#ffffff;font-size:18px;margin-top:18px;}
.x-message{margin-top:50px;margin-left:80px;margin-right:80px;}
.x-message .zuo{width:790px;}
.mm1{width:380px;height:62px;margin-bottom:30px;}
.mm2{width:380px;height:62px;margin-left:30px;margin-bottom:30px;}
.x-message-wrap {}
.x-message-wrap div[class^='col-'] {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
}

.x-message-wrap input[type='text'],
.x-message-wrap textarea {
  width: 100%;
  height:62px;
  border:none;
  padding: 0 18px;
  font-size: 16px;
  color:#ababab;font-family:"黑体";
  outline: none;
}
.x-message-wrap .aa1{background:url(/template/default/static/image/a1.png) no-repeat;}
.x-message-wrap .aa2{background:url(/template/default/static/image/a2.png) no-repeat;}
.x-message-wrap .aa3{background:url(/template/default/static/image/a3.png) no-repeat;}
.x-message-wrap .aa4{background:url(/template/default/static/image/a4.png) no-repeat;}




.x-message-wrap input[type='text']::-webkit-input-placeholder,
.x-message-wrap textarea::-webkit-input-placeholder {
   color:#ababab;
}

.x-message-wrap input[type='text']:-ms-input-placeholder,
.x-message-wrap textarea:-ms-input-placeholder {
   color:#ababab;
}

.x-message-wrap input[type='text']::-ms-input-placeholder,
.x-message-wrap textarea::-ms-input-placeholder {
   color:#ababab;
}

.x-message-wrap input[type='text']::placeholder,
.x-message-wrap textarea::placeholder {
   color:#ababab;
}

.x-message-wrap textarea {
  padding-top: 5px;
  height: 95px;
  resize: none;
}

.x-message-wrap .code-group{width:223px;}
.x-message-wrap #checkcode {
    width:50%;
    float: left;
}

.x-message-wrap .checkCodeImg {
  float: left;
  display: block;
  text-align: center;
  /*width:100%;*/
  /*height: 42px;*/
  width:50%;
  height: 62px;
  font-size: 0;
  background: #e7e4e4;
  padding: 5px 10px;
  margin-bottom: 30px
}

.x-message-wrap .checkCodeImg img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.x-message-wrap .checkCodeImg:after {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.x-message-wrap .checkCodeImg img {
  cursor: pointer;
}

.x-message-wrap .x-submit {
  width:100%;
  height: 62px;
  background: #09548d;
  color: #fff;
  font-size: 24px;
  border: none;
  outline: none;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;font-family:"黑体";
}

.x-message-wrap .x-submit:hover {
  background: #09548d;
}

.rx{text-align:center;color:#fff;font-size:18px;font-family:"黑体";line-height:38px;margin-top:8px;}
.rx p:nth-child(2){font-size:36px;}





.nei3{
    background: #f8f8f8;
    padding-bottom: 55px;
    height: 758px;
}
.xwen{
    padding-top: 76px;
    float: left;
    width: 450px;
    font:600 34px/45px "Microsoft Yahei";
    color: #000000;
}
.xwen span{
    font:400 24px/45px "Microsoft Yahei";
    color: #a1a1a1;
    padding-left: 12px;
}
.xwfeb{
    float: right;
    width: 366px;
    padding-top:70px;
}
.sortt li{
    float: left;
    width: 122px;
    height: 41px;
    text-align: center;
    font:400 16px/41px "Microsoft Yahei";
    color: #999999;
    background: #fff;
}
.sortt li a{
    color: #999999;
}
.sortt li:hover{
    background: #e0ba3a;
}
.sortt li:hover a{
    color: #fff;
}
.xggf{
    float: left;
    /*width: 600px;*/
    width: 460px;
    margin-top: 45px;
}
.xggf_nei{
    background: #fff;
    padding: 25px 21px;
}
.xggf_nei_tt{
    font:400 16px/30px "Microsoft Yahei";
    color: #333333;
}
.xggf_nei_tt a{
    color: #333333;
}
.xggf_nei_rong{
    font:400 14px/24px "Microsoft Yahei";
    color: #999999;
}
.xggf_img img{
    /*width: 600px;*/
    width: 460px;
    height: 410px;
    overflow: hidden;
}
.xhhfg{
    float: right;
    width: 580px;
    margin-top: 45px;
}
.xhhfg_shi{
    float: left;
    width: 105px;
    height: 126px;
    border-right: #eeeeee 1px solid;
    text-align: center;
    box-sizing: border-box;
}
.xhhfg li{
    background: #fff;
    /*margin-bottom: 11px;*/
     margin-bottom: 19px;
}
.xhhfg_shi_n{
    font:normal 35px/45px "Microsoft Yahei";
    color: #999999;
    padding-top: 35px;
}
.xhhfg_shi_g{
    font:400 14px/25px "Microsoft Yahei";
    color: #999999;
}
.xhhfg_rong{
    float: right;
    width: 450px;
    padding-right: 30px;
}
.xhhfg_rong_tt{
    font:400 16px/30px "Microsoft Yahei";
    color: #333;
    padding-top: 25px;
}
.xhhfg_rong_tt a{
    color: #333;
}
.xhhfg_rong_yy{
    font: 400 14px/24px "Microsoft Yahei";
    color: #999999;
}

.sortt li:hover, .sortt li.on {
    background: #09548d;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.sortt li:hover a, .sortt li.on a {
    color: #fff;
}
.yousin{
    float: left;
    width: 75px;
    height: 39px;
    background: url(/template/default/static/image/link.png) no-repeat;
    margin-top:38px;
}
.youqng{
    float: left;
    width: 1058px;
    font:400 14px/28px "Microsoft Yahei";
    color: #999999;
    margin-top: 50px;
}
.youqng a{
    color: #999999;
}
.dhangnag{
    font:400 16px/70px "Microsoft Yahei";
    color: #e6e6e6;
    background: url(/template/default/static/image/dd2.png) bottom repeat-x;
}
.dhangnag a{
    color: #e6e6e6;
}
.difenglei{
    float: left;
    width: 360px;
    margin-top: 35px;
}
.lian{
  float: left;
  width: 300px;
  margin-top: 35px;
  height: 176px;
}
.lian{
    text-align: left;
    background: url(/template/default/static/image/xian1.png) left top no-repeat;
    padding-left: 18px;
}
.lian dt{
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 400;
}
.lainxii{
    font:400 14px/28px "Microsoft Yahei";
    color: #e5e5e5;
}
.lainxii strong{
    color: #fff;
}
.ereinh{
    margin-top: 35px;
    float: right;
    width: 235px;
}


.x-copyright , .x-region{
    font:400 12px/24px "Microsoft Yahei";
    color: #fff;
}
.x-copyright a , .x-region a{
    color: #fff
}

.x-layout {
  background: #212d3a;
  background-size: cover;
  padding: 1.5% 0 2.8%;
}



.x-layout-menu dl {
  float: left;
  width: 50%;
  text-align: left;
  background: url(/template/default/static/image/xian1.png) left top no-repeat;
  padding-left: 18px;
  height: 176px;
}

.x-layout-menu dl dt {
  font-size: 16px;
  color: #fff;
  margin-bottom: 15px;
  font-weight: 400;
}

.x-layout-menu dl dd a {
  display: block;
  font-size: 14px;
  color: #e5e5e5;
  line-height: 2;
}


.x-footer {
  background: #1d2936;
  padding: 15px 0;
  text-align: center;
  font-size: 12px;
  color:#e5e5e5;
  line-height: 1.7;
}

.x-footer a {
  color:#e5e5e5;
}















/*内页左侧样式*/


.container{width: 1200px!important;margin: 0 auto;padding: 0;}

/*.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: 205px;}
.relate-product-slick .owl-item .img img{    width: 213px;height: 159px;}
.xypg-case-list li .img img{width: 300px;height: 300px;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}*/
.page-product-inquiry a{color: #fff;}



.xypg-left-con {
  border: none;margin-top:15px;border-bottom: 1px solid #e6e6e6;margin-bottom: 10px;position: relative;
}
.xypg-left-title {
  background:url(/template/default/static/image/wn.png) no-repeat left top;;
  position: relative;line-height:58px;position: relative;
}



.wzx{position: absolute;line-height: 53px;color:#999999;font-size:12px;right:10px;top:0px}
.wzx a{color:#999999;font-size:12px;}

.xypg-left-title h3 {
  font-size: 24px;
  color: #ffffff;
line-height:58px;
  font-weight: 400;
  position: relative;
  z-index: 9;padding-left:30px;margin-top:-38px;
}
.sort {
border-bottom: 1px solid #e6e6e6;
}

.sort > li {
  position: relative;
  float:left;
}

.sort > li:last-child {
  border-bottom: none;
}

.sort > li > a {
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: #2e2e2e;
  padding: 15px 12px;
}

.sort > li .first-nav-btn {
  position: absolute;
  z-index: 99;
  text-align: center;
  top: 10px;
  right: 20px;
  cursor: pointer;display: none

}

.sort > li .first-nav-btn.clicked {
  background-position: 0 -270px;
}

.sort > li:hover > a, .sort > li.clicked > a {
  color: #244c8a;background: url(/template/default/static/image/x4.png) no-repeat center bottom;
}

.sort > li:hover .first-nav-btn, .sort > li.clicked .first-nav-btn {
  color: #244c8a;background: url(/template/default/static/image/x4.png) no-repeat center bottom;
}



.sort > li div.layer2{
    display: block;
    position: absolute;
    left: 0px;
    top: 52px;
    border: 1px solid #eeeeee;
    z-index: 999;
    background: #fff;width: 100%;
}
.sort > li div.layer2 a{
    width: 100%;
    text-align: center;
    display: block;color: #313131;
  font:500 14px/46px"å¾®è½¯é›…é»‘";white-space: nowrap; 
   text-overflow:ellipsis; 
   overflow:hidden; 
}
.sort > li div.layer2 li+li{
    border-top: 1px solid #eeeeee;
}
.sort > li div.layer2 a:hover{
    color: #244c8a;
}




.sort .xypg-left-subnav {
  display: none;
  padding: 0 10px;
}

.sort .xypg-left-subnav > li {
  border-top: 1px dashed #eeeeee;
}

.sort .xypg-left-subnav > li > a {
  padding: 8px;
  display: block;
  line-height: 20px;
  color: #818181;
  font-size: 16px;
}

.sort .xypg-left-subnav > li > a:hover {
  color: #0170be;
}

.sort .xypg-left-subnav > li.clicked > a {
  color: #0170be;
}

.sort .xypg-left-threenav > li > a {
  padding: 5px 10px;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
}

.sort .xypg-left-threenav > li > a:before {
  content: '\2014   ';
}

.sort .xypg-left-threenav > li > a:hover {
  color: #0170be;
}

.sort .xypg-left-threenav > li.clicked > a {
  color: #0170be;
}




