﻿
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;}




.pos{width:1920px;position:relative;left:50%;margin-left:-960px;}
.wh{width:1200px;margin:0 auto;}
.top2 .wh{width:1400px;margin:0 auto;}
.top1 .wh{width:1400px;margin:0 auto;}
.com-img{overflow:hidden;}
.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);}

.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}


.roll_product {float: left;}

.btn-primary {
    color: #fff;
    background-color: #122a88;
    border-color: #122a88;
}

.top1{background:#122a88;color:#fff;height:44px;line-height:44px;overflow:hidden;font-size:14px;}
.top1 a{color:#fff;}

.top2{height:105px;}
.logo{float:left;line-height:105px;overflow:hidden;width:25%;}
.yuyan{width:40px;position: relative;cursor:pointer;margin-left:10px;}









.sous{border-bottom:1px solid #e5e5e5;height:76px;}
.hotSearch{float:left;height:76px;line-height:76px;color:#666666;font-size:14px;font-weight:bold;width:600px;}
.hotSearch a{margin-right:20px;color:#888888;font-weight:normal;}
.hotSearch a:hover{color:#122a88;}


#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}




#formsearch{float:right;background: url(../image/c8089ab6cb339d0999bfd17587bad5c44198ed21.png) no-repeat;width:361px;height:30px;margin-top:20px;}
#formsearch input{}
#formsearch input#keyword{height:30px;line-height:30px;padding-left:12px;float:left;color:#999999;font-size:12px;background:none;border:none;outline:none;width:250px;}
#formsearch input#s_btn{width:100px;height:30px;line-height:30px;background:none;border:none;outline:none;color:#fff;border:none;cursor:pointer;font-size: 12px;float:right;text-indent:5px;float:left;}
#formsearch input::-webkit-input-placeholder{color:#999999;}
#formsearch textarea::-webkit-input-placeholder{color:#999999;}











.x-menu {float:right;width:70%;}

.x-menu > li {
  float: left;
  position: relative;
 text-align:center;width:calc(100% / 9);
}

.x-menu > li > a {
  display: block;
  font-size: 20px;
  color: #8b8b8b;
  line-height:105px;/*background:url(../image/242f43d9e9dc2b5e1b2774bf41b3363e0d1e3597.png) no-repeat 100% 51%;*/
}

.x-menu > li:hover > a {
  color: #122a88;/*background:url(../image/d347c2ebff23fd8f36209d38a4d03181c524a45b.png) no-repeat 100% 51%;*/
}

.x-menu > li.active > a {

}


.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.ab p{font-size: 18px;line-height: 32px;}
.x-sub-menu {
  position: absolute;
  z-index: 99999;
  width: 200%;
  left:-48%;
  top: 105px;
  background: #fff;
  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;
}







.yt-about{background:url(../image/0baf5901fccf9ee5896ed2520806ba8452311096.jpg) no-repeat fixed;padding:50px 0;}
.yt-title{text-align:center;}
.yt-title h2{color:#333333;font-size:40px;text-align:center;}
.yt-title h2 span{color:#122a88;text-transform:uppercase;}
.yt-img{margin-top:12px;}
.yt-img span{color:#777777;text-align:center;font-size:18px;padding:0 22px;}
.yt-img img{vertical-align:4px;}
.ab{margin-top:21px;padding:0 25px;color:#333333;font-size:24px;line-height:36px;height:133px;overflow:hidden;}
.ab a{color:#122a88;}

.yt-about .yt-title{text-align:center;}
.yt-about .yt-title h2{color:#fff;font-size:40px;text-align:center;}
.yt-about .yt-title h2 span{color:#fff;text-transform:uppercase;}
.yt-about .yt-img{margin-top:12px;}
.yt-about .yt-img span{color:#fff;text-align:center;font-size:18px;padding:0 22px;}
.yt-about .yt-img img{vertical-align:4px;}
.yt-about .ab{margin-top:21px;padding:0 25px;color:#f1f1f1;font-size:24px;line-height:36px;height:133px;overflow:hidden;}
.yt-about .ab a{color:#3e99f0;font-weight:bold;}


.abo-number{margin-top:58px;}
.abo-number li{
    float: left;
    width: 22%;
    text-align: center;
}

.abo-number li:not(:last-child){
    margin-right: 17%;
}

.abo-number li h3{
	font-size: 80px;
	font-stretch: normal;
	line-height: 80px;
	letter-spacing: 0px;
	color: #fff;
    display: inline-block;
    margin-top: 14px;
    font-weight: 600;
    font-family: Arial;
}

.abo-number li h4{
	font-family: MicrosoftYaHei;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #fff;
    margin-top: 14px;
}

.abo-number li h5{
	color: #f1f1f1;
    font-size: 14px;
    margin-top: 14px;
    line-height: 24px;
}

.abo-number li div{
    width: 100%;
    margin: 0px auto;
}

.abo-number li div span{
    font-size:15px;
	color:#f2f2f2;
}

.bei{
   /* background: url(../image/6fd68acd0f7b5a46c9055cd21079e1b5df423713.jpg)no-repeat top;*/
	padding:35px 0;
}

.fuwu{margin-top:16px;}
.add{margin:40px 0 20px 0;}
.add li{float:left;width:271px;
/* height:232px; */
text-align:center;background:#fff;box-shadow:0 0 6px #ddd;
/* padding-top:50px; */
}
.add li .tu{
    /* height:58px; */
    height: auto;
    }
.add li .img{display:block;}
.add li .img2{display:none;}
.add li .img img{
    width: 100%;
}
.add li h2{color:#333333;font-size:20px;
line-height: 40px;
/* margin-top:30px; */
}
.add li h5{color:#777777;font-size:14px;margin:0 auto;border:1px solid #e8e8e8;width:241px;line-height:32px;margin-top:22px;}
/* .add li:hover{background:#122a88;box-shadow:none;} */
/* .add li:hover .img{display:none;}
.add li:hover .img2{display:block;}
.add li:hover h2{color:#fff;}
.add li:hover h5{color:#fff;border-color:#2983dd;} */
.add li+li{margin-left:38px;}

 .add li:hover h2{
color: #122a88;
 }

.box2{
    background:url(../image/15d96d4e5ac77fe20966a76011151abb4c40308d.jpg) repeat-y;
	/* height: 763px; */
    padding:35px 0;
    height: auto;;
	
    }

.prolist{margin-top:24px;width:100%;}
.prolist li{line-height:32px;width:23%;height:74px;background:#eaeaea;margin:1%;overflow:hidden;float:left;}
.prolist li:nth-child(4n){margin-right:0;}
.prolist li .img{width:95px;margin:0 auto;text-align:center;line-height:74px;display:none;}
.prolist li .det{width:100%; text-align:center;}
.prolist li h3{color:#122a88;font-size:16px;padding:17px 0 8px;font-weight:bold;}
.prolist li h4{color:#666666;font-size:12px;opacity:.5;text-transform:uppercase;font-family:"Arial";}
.prolist li.cur{background:#122a88;}
.prolist li.cur h3{color:#fff;}
.prolist li.cur h4{color:#fff;}

.proimg{display:none;margin-top:16px;}
.proimg.clicked{display:block;}
.proimg ul{display:flex;flex-wrap:wrap;}
.proimg li{position:relative;width:23%;margin:1%;background:#fff;}
.proimg li:nth-child(4n){margin-right:0;}
.proimg li .img img{width:100%;height:auto;}
.proimg li .mubu{position: absolute;left: 0; background: rgb(18 42 136 / 65%);width: 100%; height: 100%;display:none;}
.proimg li .mubu p{color: #fff;font-size: 58px;height: 60px; width: 100%;line-height: 100%;text-align: center;margin-top: 25%;}
.proimg li .det{line-height:59px;width:100%;margin:0 auto;border-top:1px solid #eeeeee;}
.proimg li h3{line-height:59px;height:59px;overflow:hidden;font-size:16px;color:#333333;font-weight:bold;text-align:center;}
.proimg li:hover .det{border-color:#122a88;}
.proimg li:hover h3{color:#122a88;}
.proimg li:hover{box-shadow: #d1d1d1 0px 0px 20px;}
.proimg li:hover .mubu{display:inline-block; transition:all .5s ease;}
.pm{text-align:center;/* margin-bottom: 10x; */height: 36px;display:flex;justify-content: space-between;}
.pm a{color:#fff;font-size:14px;width:10%;height:36px;line-height:36px;background:#122a88;display:inline-block;}
.pm img{width: 87%;
    height: 2px;
    margin-top: 17px;}
.pm a:hover{background:#333;transition:all 1s;}


.box3{margin-top:33px;}
.ht{margin-top:20px;background:url(../image/93ede64e83f85ff9470d7763a15224e6e003b115.jpg) no-repeat;height:187px;padding-top:38px;}
.xhtt{color:#122a88;font-size:34px;text-align:center;letter-spacing:3px;}
.xzlist{text-align:center;margin-top:26px;}
.xzlist li{display:inline-block;padding:0 18px 0 39px;background:url(../image/c3fa5f69f78c2999d4471f6b7a893a92c7e52a93.png) no-repeat center left;}
.xzlist li a{color:#fff;font-size:20px;}
.xzlist li:hover{background:url(../image/3aacc392b48c62c3cc2a77a493aa86a2e0de696f.png) no-repeat left center;}



.box4{padding:45px 0;}
.box4 .yt-img{padding-bottom:60px;}
		.picMarquee-left{position:relative;}
		.picMarquee-left .hd{}
		.picMarquee-left .hd .prev{ display:block;width:30px; height:30px; overflow:hidden;
			 cursor:pointer; background:url(../image/206b5b5145a434d03627cd70fa7ddf2242cb8788.png) no-repeat;left:-60px;top:164px;position:absolute;}
		.picMarquee-left .hd .next{display:block;width:30px; height:30px; overflow:hidden;
			 cursor:pointer; background:url(../image/e9044f45b2b6c4f4209bee3508b8d204fc79dd3d.png) no-repeat;right:-60px;top:164px;position:absolute;}

		.picMarquee-left .tempWrap{width:1200px!important;margin:0 auto;overflow:hidden;}
		.picMarquee-left .bd ul{overflow:hidden; zoom:1;}
		.picMarquee-left .bd ul li{margin:0 18px; float:left; _display:inline; overflow:hidden;box-shadow: 0px 3px 7px 0px #ddd;}
		.picMarquee-left .bd ul li .img img{width:375px; height:301px;display:block;}
		.picMarquee-left .bd ul li .det{height:60px;background:#f4f4f4;text-align:center;}
		.picMarquee-left .bd ul li h2{color:#333333;font-size:18px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;line-height:60px;}
		.picMarquee-left .bd ul li h4{color:#777777;font-size:14px;}
		.picMarquee-left .bd ul li:hover h2{color:#122a88;}



/* .box5{margin-top:37px;} */
.product_list1{margin-top:32px;height:290px;overflow:hidden;}
.product_list1 li{float:left;margin-right:28px;margin-bottom:35px;position:relative;}
.product_list1 li:nth-child(3n){margin-right:0;}
.product_list1 li img{width:380px;height:262px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#fff;font-size:18px;background:rgba(0,0,0,.5);height:42px;line-height:42px;overflow:hidden;position:absolute;left:0;bottom:0;width:100%;}


.box6{background:url(../image/1.jpg) bottom no-repeat;padding-top:40px;text-align:center;padding-bottom:40px;}
.htwz1{color:#122a88;font-size:20px;}
.htwz1 span{color:#fff;font-size:36px;font-weight:bold;}
.htwz2{color:#fff;font-size:30px;margin:20px 0;}
.htwz3{color:#fff;font-size:20px;margin-top:20px;}
.htdh{color:#79afe3f2;font-size:30px;font-family:"Arial";line-height:55px;margin-top:10px;font-weight:bold;}


.box7{margin-top:35px;padding-bottom:30px;}
.newsall{
    margin-top:46px;
}

.news-left{
    width:658px;
    float: left;
    position: relative;
}

.news-left::before{
    position: absolute;
        width: 35px;
    height: 558px;
    content: '';
    right: -84px;
   
}

.tabsz{
    width: 98%;
}

.tabsz li{
    float: left;
    padding-right:65px;
}

.tabsz li a{
    color: #333333;
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
}

.tabsz li a:hover{
    color:#122a88;
}

.tabsz li.cur a{
    color:#122a88;
}

.tabsz span{
    float: right;
}

.tabsz span a{
    color: #999999;
    font-size: 14px;
    line-height: 32px;
}

.tabsz span a:hover{
    color:#122a88;
}

.newscon{
    margin-top:35px;
    width:100%;
}

.newimg img{
    width: 100%;
}

.ttsz{
    display: none;
}

.newimg1{
    display: block;
}

.newimg2{
    display: none;
}

.zxl-div2 h3{font-size:18px ;color: #555555;padding-left: 27px;background: url(../image/fd7596f596becfbc0bcf7abab7acf4014429bf23.png) no-repeat left  center;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;width: calc(100% - 160px);line-height:43px;}
.zixun-left{margin-bottom: 20px;}

.zixun-right li:hover .zxl-div2 h3 {color: #122a88;background: url(../image/350fcbf2962e8fd1bd505ccf95a98a4930b45198.png) no-repeat left center;}


.newsimg{
    float: left;
    margin-top: 0.5vh;
    padding-right: 0.5vw;
}

.zxl-div1 .zxl-div2 span{
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.zxl-div1 .zxl-div2 h4{
    float: right;
    line-height: 43px;
    font-weight: normal;
    color: #888888;
    font-size: 16px;
}

.zxl-div{
    margin-top: 2.5vh;
}



.zxl-div1:hover .zxl-div2{
    color: #005bac;
}

.zxl-div1:hover .newsimg .newimg1{
    display: none;
}

.zxl-div1:hover .newsimg .newimg2{
    display: block;
}

.news-right{
    float: right;
    width:483px;
    padding-left:24px;
}



.nrcon ul li{
    margin-top: 16px;
}

.zxl-div3 h3{
    font-size: 18px;
    line-height: 34px;
    color: #555555;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.zxl-div3 h4{
    font-size: 16px;
    line-height: 30px;
    color: #999999;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-bottom: 20px;
}

.nrcon ul{
    border-bottom: 1px dashed #dddddd;
}


.zxl-div3:hover h3{
    color:#122a88;
}
















.foot{background:#414243;padding:40px 0 22px;color:#fff;}
.foot a{color:#fff;}
.foot .cont{display:flex;justify-content: space-between}
.f_nav{width:80%;}
.f_nav dl{float:left;width:calc(100% / 4);}
.f_nav dt{margin-bottom:15px;font-size:20px;color:#fff;font-weight:normal;}

.f_nav dd a{font-size:14px;color:#fff;line-height:34px;}
.codes{width:20%;}
.codes img{width:70%;margin:0 15%;}


.bq{line-height:40px;font-size:14px;text-transform:uppercase;background:#122a88;text-align:center;color:#fff;}
.bq .fl{float:none;}
.bq a{color:#fff;}
.codes p{text-align:center;font-size:16px;width:100%;display:inline-block;}
.codes .pz{padding-top:10px;}
.codes .pbt{margin-bottom:15px;font-size:20px;color:#fff;font-weight:normal;text-align:center;padding-top:0;}







/*å†…é¡µå·¦ä¾§æ ·å¼*/
.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-product-inquiry a{color: #fff;}


/* 手机版导航栏 */

.wrap_phone {display:none;width:100%;height:60px;position:fixed;left:0;top:0;z-index:99;background-color:rgba(255,255,255,0.7);}

.phone_box {height:100%;}

.wrap_phone .logo {width:75px ;margin-top:0px;margin-left:0px;}

.wrap_phone .logo img {display:block;width:100%;height:100%;}

.wrap_phone.lateral-menu-is-open {transform:translateX(-66%);-webkit-transform:translateX(-66%);-moz-transform:translateX(-66%);-ms-transform:translateX(-66%);-o-transform:translateX(-66%);transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;}

#cd-menu-trigger {padding-top:28px;padding-right:10px;}

#cd-lateral-nav .hotline1 {box-sizing:border-box;padding:20px;background-color:#075ea1;color:#fff;}

#cd-lateral-nav .hotline1 a {font-size:14px;}

#cd-lateral-nav .hotline1 a:hover {color:#fff;}

#cd-menu-trigger {text-align:right;display:none;z-index:100;}

#cd-menu-trigger .cd-menu-text {height:100%;text-transform:uppercase;color:#FFF;font-weight:600;display:none;}


#cd-menu-trigger .cd-menu-icon {/* this span is the central line in the menu menu */  display:inline-block;bottom:auto;right:auto;margin-right:-13px;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:30px;height:3px;background-color:#333;/* these are the upper and lower lines in the menu menu */}

#cd-menu-trigger .cd-menu-icon::before,#cd-menu-trigger .cd-menu-icon:after {content:'';width:100%;height:100%;position:absolute;background-color:inherit;left:0;/* Force Hardware Acceleration in WebKit */  -webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;}

#cd-menu-trigger .cd-menu-icon::before {bottom:5px;}

#cd-menu-trigger .cd-menu-icon::after {top:5px;}

#cd-menu-trigger.is-clicked .cd-menu-icon {background-color:rgba(255,255,255,0);}

#cd-menu-trigger.is-clicked .cd-menu-icon::before,#cd-menu-trigger.is-clicked .cd-menu-icon::after {background-color:#333;}

#cd-menu-trigger.is-clicked .cd-menu-icon::before {bottom:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}

#cd-menu-trigger.is-clicked .cd-menu-icon::after {top:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}

#cd-lateral-nav {position:fixed;height:100%;right:-66%;top:0;/* the secondary navigation is covered by the main element */  z-index:100;width:66%;background-color:#fff;overflow-y:auto;/* Force Hardware Acceleration in WebKit */  -webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;transition:all 0.4s ease 0s;/* this creates the subtle slide in animation of the navigation */  -webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px);}

#cd-lateral-nav .cd-navigation {margin:10px 0 16px;}

#cd-lateral-nav.lateral-menu-is-open {-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);transition:all 0.4s ease 0s;right:0%;/* smooth the scrolling on touch devices - webkit browsers */  -webkit-overflow-scrolling:touch;}

.accordion {width:100%;margin:0px auto;background:#FFF;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}

.accordion .link {cursor:pointer;display:block;padding:20px 29px 20px 20px;color:#333;font-size:14px;border-bottom:1px solid #CCC;position:relative;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}

.accordion .link a {color:#333;}

.accordion li:last-child .link {border-bottom:0;}

.accordion li i {position:absolute;top:18px;left:12px;width:16px;height:16px;font-size:18px;color:#595959;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}

.accordion li i.fa-chevron-right {right:12px;left:auto;font-size:14px;/* background:url(../images/subnavjia.png) no-repeat right;*/background-size:90%;}

.accordion li.open i.fa-chevron-down {right:12px;left:auto;font-size:14px;/* background:url(../images/subnavjian.png) no-repeat right;background-size:90%;*/}

/* .accordion li i.fa-chevron-up {right:12px;left:auto;font-size:16px;background:url(../images/sub-next.png) no-repeat right;background-size:55%;}

*/.accordion li.open .link {color:#075ea1;}

.accordion li.open i {color:#075ea1;}

.accordion li.open i.fa-chevron-down {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}

/** * Submenu -----------------------------*/ .submenu {display:none;background:#eee;font-size:14px;}

.submenu a {display:block;text-decoration:none;color:#333;padding:12px;padding-left:20px;-webkit-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;}

.submenu a:hover {color:#075ea1;}
.logo a{
	width: 100%;
    display: inline-block;
    height: 105px;
    line-height: 105px;
}
.logo img{
	width:100%;
	height:100%;
	object-fit:contain;
}

@media (max-width:1200px) {
	
	.wh{width:98%;margin:0 1%;}
	.box2{width:100%;}
	.pos{left:0;margin-left:0;}
	.box6{width:100%;}
	.box4{width:100%;}
	.yt-about{width:100%;}
	.add{display:flex;flex-wrap:wrap;justify-content: space-between;}
	.add li{width:23%; margin:1%;}
	.add li+li{margin-left:1%;}
	.box7{width:100%;}
	.news-left{width:55%;}
	.news-right{width:42%;padding-left:3%;}
	.prolist li:nth-child(4n){margin-right:1%;}
	.proimg li:nth-child(4n){margin-right:1%;}
	.container{width:98% !important;margin:0 1%;}
	
	
}

@media (max-width:992px) {

	.top1,.top2 {display:none;}

	.wrap_phone {display:block !important;background:#fff;}
	.index_container{height:100%;}
	.logo{height:100%;line-height:100%;}
	.logo a{line-height:100%;height:100%;}
	

	#cd-menu-trigger {display:block;}

	.wrap_phone .logo {width:35%;}
	.wrap_phone .logo{margin-top:0px;margin-left:15px;}
	.in_banner{margin-top:60px;}
	.page-wrap-left{width:100% !important; padding-right:0 !important;}
	.page-wrap-right{width:100% !important; padding-top:30px !important;}
	.xymob-menu-click .xymob-left-close-btn{display:none;}
	.page-banner{margin-top:60px;}
	

}

@media (max-width:768px) {
	.wrap_phone .logo {width:35%;}
	.wrap_phone .logo{margin-top:0px;}
	
	.yt-about{    /*background: url(../image/0baf590….jpg) no-repeat center top;    background-size: cover;*/}
}
@media (max-width:768px) {
	.yt-title h2{font-size:30px !important;}
	.prolist li{width:31.33%;}
	.proimg li{width:48%;}
	.add li{width:48%;}
	.news-left{width:100%;}
	.news-right {width: 100%;padding-top: 3%; padding-left:0;}
	.htwz1 span{font-size:30px;}
	.htwz2{font-size:24px !important;}
	.htwz3{font-size:16px !important;}
	.ab p{font-size:14px !important;line-height:200%;}
	.abo-number{margin-top:28px;}
	.abo-number li{width:29.33%;}
	.abo-number li:not(:last-child){margin-right:6%;}
	.abo-number li h3{font-size:40px;line-height:100%;}
	.abo-number li h4{font-size:20px;}
	.f_nav{width:80%;}
	.f_nav dl{width:20%; font-size:12px;}
	.pbt{font-size:16px;}
	
	.f_nav dt{font-size:16px;}
	.codes p{font-size:12px;}
	
}
@media (max-width:540px) {
 .wrap_phone .logo {width:45%;}
	.wrap_phone .logo{margin-top:0px;}
}
@media (max-width:480px) {
	
	.wrap_phone .logo {width:50%;}
	.wrap_phone .logo{margin-top:0px;}
	.yt-img span{font-size:14px;}
	.prolist li{width:48%;}
	.proimg li{width:98%;}
	.add li{width:98%;}
	.pm img{width:67%;}
	.pm a{width:30%;}
	.htwz1 span{font-size:28px;}
	.htwz2{font-size:18px !important;}
	.htwz3{font-size:12px !important; margin-top:0 !important;}
	.box6{padding:30px 0 !important;}
	.htdh{font-size:20px; line-height:200%;}
	.foot{display:none;}
	.bq{display:none;}
	.box7{margin-bottom:0px;}
	.yt-about .yt-img span{font-size:14px;padding:0 2%;}
	.yt-about .ab{padding:0 2%;}
	.abo-number li h5{display:none;}
	.abo-number li h4{font-size:16px;}
	.tabsz li{padding-right:30px;}
	.tabsz li a{font-size:20px;}
	.page-wrap{margin-bottom:50px;}
	.xypg-detail-pn div{width:96% !important;text-align:left !important; margin:0 2% 20px;}
	.xypg-detail-pn{flex-wrap:wrap;}
	.yt-title h2{font-size: 24px !important;}
	.sj_media02 .content li .box .intro .c{font-size:12px;}
	.sj_media02 .content li .box{    padding: 10px 20px;}
	.sj_media02 .content li .li_hover .img{width:100%;}
	.sj_media02 .content li .li_hover .t{display:none;}
	

}	
@media (max-width:380px) {
	.yt-img span{font-size:12px;}
	
	
}
.in_banner {}

.in_banner .swiper-slide {position:relative;background-size:cover;background-position: center;}

.in_banner .swiper-slide .nr {position:absolute;width:100%;left:0;top:0px;height:100%;color:#fff;display:flex;/* align-items:center;*/justify-content:center;flex-direction:column;text-shadow:0px 2px 2px #333;/* text-align:center;*/}

.in_banner .swiper-slide .nr .nr_wz h2 {font-size:48px;color:#fff;padding-bottom:20px;}

.in_banner .swiper-slide .nr .nr_wz p {font-size:20px;color:#fff;opacity:0.5;}

.in_banner .swiper-slide .nr .nr_btn a {display:block;width:190px;height:60px;background-color:#424587;font-size:16px;color:#fff;line-height:60px;margin-top:60px;position:relative;text-align:center;}

.in_banner .swiper-slide .nr .nr_btn a i {display:inline-block;position:relative;height:1px;width:40px;background:#ff6565;margin-bottom:5px;}

.in_banner .swiper-slide .nr .nr_btn a i b {width:17px;background:#fff;/* border-right:5px #333 solid;*/    height:1px;position:absolute;left:0;top:0;background:#fff;transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;}

.in_banner .swiper-slide .nr .nr_btn a span {color:#fff;font-size:16px;margin-right:10px;}

.in_banner .swiper-slide .nr .nr_btn a:hover i b {width:40px;/* border-right:0 #333 solid;*/    transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;}

.in_banner .swiper-pagination {bottom:40px !important;}

.in_banner .swiper-pagination span {width:31px;height:3px;opacity:1;background:#f6f6f6;border-radius:0;}

.in_banner .swiper-pagination .swiper-pagination-bullet-active {background:#424587;opacity:1;}

.in_banner .swiper-button-next,.swiper-container-rtl .swiper-button-prev {background-image:none;}

.in_banner .swiper-button-prev,.swiper-container-rtl .swiper-button-next {background-image:none;}

