/*图标*/
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
@font-face {
  font-family: 'iconfont';  /* Project id 2566670 */
  src: url('//at.alicdn.com/t/font_2566670_msa6ocmctq.woff2?t=1622451187045') format('woff2'),
       url('//at.alicdn.com/t/font_2566670_msa6ocmctq.woff?t=1622451187045') format('woff'),
       url('//at.alicdn.com/t/font_2566670_msa6ocmctq.ttf?t=1622451187045') format('truetype');
}
/*字体*/
@font-face {
  font-family: 'PTsans';  /* project id 1951647 */
  src: url('../fonts/PTsans/PTsans.eot');
  src: url('../fonts/PTsans/PTsans.eot?#iefix') format('embedded-opentype'),
  url('../fonts/PTsans/PTsans.woff2') format('woff2'),
  url('../fonts/PTsans/PTsans.woff') format('woff'),
  url('../fonts/PTsans/PTsans.ttf') format('truetype'),
  url('../fonts/PTsans/PTsans.svg#Geometr415') format('svg');
  font-display: swap;
}



.foot_by{padding:10px 0 10px;text-align:center;background-color:#2d2d2d;}
.foot_by .footdiv{display:inline-block; font-size:14px; line-height:24px;color:#fff;}
.foot_by .footdiv a{ display:inline-block; font-size:14px; line-height:24px;color:#fff;}
.foot_by .footdiv a:hover{text-decoration:underline;}
.foot_by .footdiv.fl{float:left;}
.foot_by .footdiv.fr{float:right;}
@media (min-width:992px) and (max-width:1229px) {    

    .foot_by{padding:10px 0;}
}
@media (min-width:768px) and (max-width:991px) {

    .foot_by{padding:6px 0;}
    .foot_by .footdiv{}
    .foot_by .footdiv.fr{}
    .foot_by p{font-size:12px;}
    .foot_by p a{font-size:12px;}
}
@media (min-width:1px) and (max-width:767px) {
    .foot_by{padding:10px 0;}
    .foot_by .footdiv{display:block;text-align:center;font-size:12px;line-height:1.5;width:100%;}
    .foot_by .footdiv a{font-size:12px;line-height:1.5}
    .foot_by .footdiv.fr{float:none;text-align:center;width:100%;}
}



*{margin:0px;padding:0px;max-width: 1920px;transition:all .3s;}
ul{ list-style-type:none;}
b{ font-weight: inherit; font-weight: normal;}
ul,li,dt,dd,img{margin:0px;padding:0px;}
html,body,b,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,a{margin:0px auto;padding:0; font-weight: normal;font-family: PTsans,Arial,Aller;}
td,th{font-family:'Microsoft YaHei';font-size:12px;padding: 0;margin: 0;}
input{border:0; outline:medium;}
img{height:auto; width: auto\9;max-width:100%;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;overflow: hidden;}
img:hover{-webkit-transform: scale(1.03);-moz-transform: scale(1.03);transform: scale(1.03);-o-transform: scale(1.03);-ms-transform: scale(1.03);}


/*首页导航*/
#header img:hover{transform: none;}
#header{position: fixed;height: 120px;padding: 0px 50px;width: 100%;z-index:99;}
#logo{line-height: 120px;width: 50%;float: left;}
#linklist{line-height: 120px;width: 50%;text-align: right;float: left;}
#linklist a{text-decoration: none;padding-right: 15px;color: white;}
#linklist a i{color: white;font-size: 24px;}
#linklist a:hover{text-decoration: underline;}

#linklist{position:relative;}
#linklist .inpbut{position:absolute;bottom:10px;height:35px;margin-left:-100px;width:200px;display:none;right:0px;}
#linklist .inpbut input{border:1px solid #CCCCCC;height:35px;width:80%;float:left;line-height:33px;border-radius:5px 0px 0px 5px;padding-left:5px;}
#linklist .inpbut button{border:1px solid #CCCCCC;width:20%;float:right;height:35px;border-radius:0px 5px 5px 0px;overflow:hidden;
}
#linklist .inpbut button i{line-height:35px;position:absolute;bottom:0px;right:11px;}
#linklist:hover .inpbut{display:block;}


#ibframe img:hover{transform: none;}


#indexframe1{margin: 20px 0;}

.border2{overflow: hidden;width:510px;margin: 0 auto;padding: 15px;transform: rotate(45deg);
}
#indexframe1 .indexborder{border: 2px solid #e2e2e2;padding: 35px;background-color: white;position: relative;}
#indexframe1 .indexborder::before{position: absolute;top: -7px;left:-7px;right:-7px;bottom: -7px;content:"";
}	
#indexframe1 .indexborder::after{position: absolute;top: -7px;left:-7px;right:-7px;bottom: -7px;content:"";
}	


.indexborder, .indexborder::before, .indexborder::after{
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
        }
         
        .indexborder::before, .indexborder::after{
          content: '';
          z-index: -1;
          box-shadow: inset 0 0 0 2px #1d3982;
          animation: clipMe 7s linear infinite;
        }
        .indexborder::before {
          animation-delay: -4s;
        }
         
        @keyframes clipMe {
                  0%, 100% {
                    clip: rect(0px,490px, 2px, 0px);
                  }
                  25% {
                    clip: rect(0px, 2px, 490px, 0px);
                  }
                  50% {
                    clip: rect(478px, 490px, 490px, 0px);
                  }
                  75% {
                    clip: rect(0px, 490px, 490px, 478px);
                  }
                }   
        



#indexframe1 .procatelist{margin: -8px;overflow: hidden;}
#indexframe1 .item{width: 50%;float: left;padding:8px ;}
#indexframe1 .item .pic{overflow: hidden;border: 1px solid #CCCCCC;}
#indexframe1 .item a{display: block;text-decoration: none;}
#indexframe1 .item .pic img{transform:rotate(-45deg);}
#indexframe1 .item h4{transform:rotate(-45deg);padding-top:45%;margin-left:-30%;padding-left:30px ;
padding-right: 30px;font-size: 18px;line-height: 30px;color: white;}
#indexframe1 .item .border{overflow: hidden;position: relative;}
#indexframe1 .item .hid{position: absolute;text-align: center;top:0;left: 0;width: 100%;height: 100%;
background-color: rgba(43,76,136,0.8);opacity: 1;}
#indexframe1 .item .border:hover .hid{background-color: rgba(255,255,255,0.6);opacity: 1;}

#indexframe1 .item .border:hover .hid h4{opacity: 1;color:#2b4c88;font-weight:bold;}




#indexframe2{overflow: hidden;background-color: #2b4c88;padding: 100px 340px;text-align: center;color: white;}
#indexframe2 h2{font-size: 38px;margin-bottom: 10px;}
#indexframe2 h4{font-size: 24px;margin-bottom: 30px;letter-spacing:1px;}
#indexframe2 p{font-size: 16px;line-height: 28px;font-family: PTsans;text-align: left;letter-spacing:1px;}

#indexframe3{overflow: hidden;padding: 20px 0;margin-bottom:50px;}
#indexframe3 .container{padding: 0 200px;}
#indexframe3 .indexlist{overflow: hidden;margin-left: -15px;margin-right: -15px;}
#indexframe3 .item{overflow: hidden;width: 33.3333%;float: left;padding:50px;}
#indexframe3 .item a{display: block;text-decoration: none;transform: rotate(45deg);}
#indexframe3 .item a .pic{overflow: hidden;border:1px solid #CCCCCC;}
#indexframe3 .item a .pic img{overflow: hidden;
width: 100%;-webkit-transform: scale(1.5) rotate(-45deg);-moz-transform: scale(1.5) rotate(-45deg);transform: scale(1.5) rotate(-45deg);
-o-transform: scale(1.5) rotate(-45deg);-ms-transform: scale(1.5) rotate(-45deg);}
#indexframe3 .item .border{position:relative;overflow: hidden;}
#indexframe3 .item .hid{position: absolute;opacity: 1;
background-color: rgba(22,42,88,0.8);top: 0;width: 100%;height: 100%;}
#indexframe3 .item .hid h4{color: white;font-size: 18px;line-height: 24px;padding-top: 30%;transform: rotate(-45deg);text-transform:uppercase;
text-align: center;padding-right: 50px;}
#indexframe3 .item .border:hover .hid{opacity: 1;background-color:rgba(255,255,255,0.6)}
#indexframe3 .item .border:hover .hid h4{color:#2b4c88;font-weight:bold;}

/*首页底部*/
#indexfoot{overflow: hidden;width: 100%;height: 60px;background-color: #061127;padding: 0 530px;}
#indexfoot .footlist{overflow: hidden;}
#indexfoot .footlist .item{overflow: hidden;width: 25%;float: left;text-align: center;}
#indexfoot .footlist .item a{text-decoration: none;line-height: 60px;color: white;display:block;width: 100%;}
#indexfoot .footlist .item:hover{background-color: white;}
#indexfoot .footlist .item:hover a{color: #061127;}

#Location{overflow: hidden;width: 100%;background-color: #f7f7f7;}
#Location a{line-height: 45px;color: #666666;font-size: 16px;text-decoration: none;text-transform:uppercase;}
#Location a:hover{color: #2B4C88;}
#Location a:nth-last-child(1){color:#2b4c88;font-weight:bold;}

@media (max-width:768px) {
	
	#Location a{line-height: 35px;color: #666666;font-size: 13px;text-decoration: none;}




	#linklist .inpbut{position:absolute;bottom:-10px;height:20px;margin-left:-100px;width:150px;display:none;right:0px;z-index:99999999999}
#linklist .inpbut input{border:1px solid #CCCCCC;height:20px;width:70%;float:left;line-height:33px;border-radius:5px 0px 0px 5px;padding-left:5px;}
#linklist .inpbut button{border:1px solid #CCCCCC;width:20%;float:left;height:20px;border-radius:0px 5px 5px 0px;overflow:hidden;
}
#linklist .inpbut button i{line-height:20px;padding-right:10px;}
#linklist:hover .inpbut{display:block;}


}


@media (max-width:1500px) {
	
	#indexframe2{overflow: hidden;background-color: #2b4c88;padding: 100px;text-align: center;color: white;}
	#indexframe2 h2{font-size: 30px;margin-bottom: 10px;}
	#indexframe2 h4{font-size: 22px;margin-bottom: 20px;letter-spacing:1px;}
	#indexframe2 p{font-size: 14px;line-height: 22px;font-family: PTsans;text-align: left;letter-spacing:1px;}
	
	#indexfoot{overflow: hidden;width: 100%;height: 50px;background-color: #061127;padding: 0px;}
	#indexfoot .footlist{overflow: hidden;}
	#indexfoot .footlist .item{overflow: hidden;width: 25%;float: left;text-align: center;}
	#indexfoot .footlist .item a{text-decoration: none;line-height: 50px;color: white;display:block;width: 100%;}
	#indexfoot .footlist .item:hover{background-color: white;}
	#indexfoot .footlist .item:hover a{color: #061127;}
}

@media (max-width:1200px) {
	
	#indexframe3 .container{padding: 0 15px;}
	
}

@media (max-width:991px) {
	
}
@media (max-width:768px) {
	
	#header img:hover{transform: none;}
	#header{position: fixed;height: 60px;padding: 0px 15px;width: 100%;}
	#logo{line-height: 60px;width: 40%;float: left;}
	#logo img{width: 80%;}
	#linklist{line-height: 60px;width: 50%;text-align: right;float: right;}
	
	#linklist a{text-decoration: none;padding-right: 15px;color: white;}
	#linklist a i{color: white;font-size: 20px;}
	#linklist a:hover{text-decoration: underline;}
	
	
	
	#indexframe1 .indexborder{border: 2px solid #e2e2e2;padding:10px;background-color: white;position: relative;}
	
	.border2{overflow: hidden;width:100%;margin: 0 auto;padding: 8px;transform: rotate(0deg);}
	
	#indexframe1 .procatelist{margin: -3px;overflow: hidden;}
	#indexframe1 .item{width: 50%;float: left;padding:3px ;}
	#indexframe1 .item .pic{overflow: hidden;border: 1px solid #CCCCCC;}
	#indexframe1 .item a{display: block;text-decoration: none;}
	#indexframe1 .item .pic img{transform:rotate(0deg);width: 100%;}
	#indexframe1 .item h4{transform:rotate(0deg);padding-top:35%;margin-left:0px;font-size: 13px;line-height: 22px;color: white;}
	#indexframe1 .item .border .hid{opacity: 1;}
	
	
	#indexframe2{overflow: hidden;background-color: #2b4c88;padding:15px;text-align: center;color: white;}
	#indexframe2 h2{font-size: 20px;margin-bottom: 10px;}
	#indexframe2 h4{font-size: 16px;margin-bottom: 10px;letter-spacing:1px;}
	#indexframe2 p{font-size: 12px;line-height: 20px;font-family: PTsans;text-align: left;letter-spacing:1px;}
	
	#indexframe3 .item{overflow: hidden;width: 33.3333%;float: left;padding:5px;}
	#indexframe3 .item .hid h4{color: white;font-size: 13px;line-height: 24px;padding-top:35%;transform: rotate(0deg);
	text-align: center;padding-right: 0px;max-width: 200px;}
	#indexframe3 .item .border .hid{opacity: 1;}
	
	#indexframe3 .item a{display: block;text-decoration: none;transform: rotate(0deg);}
	#indexframe3 .item a .pic img{overflow: hidden;
	width: 100%;-webkit-transform: scale(1.5) rotate(0deg);-moz-transform: scale(1.5) rotate(0deg);transform: scale(1.5) rotate(0deg);
	-o-transform: scale(1.5) rotate(0deg);-ms-transform: scale(1.5) rotate(0deg);}
	
	#indexfoot .footlist .item{overflow: hidden;width: 25%;float: left;text-align: center;}
	#indexfoot .footlist .item a{text-decoration: none;line-height: 50px;color: white;display:block;width: 100%;
	font-size: 13px;}
	#indexfoot .footlist .item:hover{background-color: white;}
	#indexfoot .footlist .item:hover a{color: #061127;}
}


/*关于我们*/

/*内页导航*/
#nheader{height: 100px;width: 100%;border-bottom: 2px solid #eeeeee;position:relative;}
#nheader #nlogo{width: 30%;float: left;line-height: 100px;}
#nheader #nlogo img:hover{transform: none;}
#nheader #Menu{width:50%;float: left;}
.logo,.search{display: none;}
#Menu{line-height: 100px;}
#Menu ul.menunav{display: flex;justify-content:space-between;flex-shrink: 0;}
#Menu ul.menunav>li{width: 100%;text-align: center;}
#Menu ul.menunav>li a{font-size: 18px;color: #2a2a2a;text-decoration: none;display: block;width: 100%;}
#Menu ul.menunav>li:hover a{font-weight: bold;background-color:#2b4c88;color:white;}

#Menu ul.menunav>li:hover>ul{display:block;}
#Menu ul.menunav>li>ul{display:none;position:absolute;min-width:260px;box-shadow:0px 0px 5px #CCCCCC;z-index:9999;}
#Menu ul.menunav>li>ul>li{line-height:26px;border-top:1px solid #CCCCCC;}
#Menu ul.menunav>li>ul>li>a{line-height:35px;font-size:13px;padding:5px 0px 5px 15px;text-align:left;text-transform:uppercase;}

#Menu ul.menunav>li>ul>li:hover a{background-color:white;color:#2b4c88;}


#search{width: 20%;float: left;text-align: right;line-height: 100px;position:relative;display:flex;}
#search .inpbut{position:absolute;bottom:0px;height:35px;margin-left:-80px;width:200px;display:none;}
#search .inpbut input{border:1px solid #CCCCCC;height:35px;width:80%;float:left;line-height:33px;border-radius:5px 0px 0px 5px;padding-left:5px;}
#search .inpbut button{border:1px solid #CCCCCC;width:20%;float:right;height:35px;border-radius:0px 5px 5px 0px;overflow:hidden;
}
#search .inpbut button i{line-height:35px;position:absolute;bottom:0px;right:11px;}


#menu_btn{ width: 28px; height: 20px; float: right; margin-top: 30px; cursor: pointer; position: absolute; display: none;right:20px;}
#menu_btn>.menu_btn_top{ position:absolute; top:5px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#2b4c88; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
#menu_btn>.menu_btn_med{ position:absolute; top:15px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#2b4c88; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
#menu_btn>.menu_btn_bot{ position:absolute; top:25px; left:50%; width:28px; height:3px; border-radius:1.5px; background-color:#2b4c88; -webkit-transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
#menu_btn.show>.menu_btn_top{ top:50%; background:#2b4c88; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);}
#menu_btn.show>.menu_btn_med{ top:50%; background:#2b4c88; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);}
#menu_btn.show>.menu_btn_bot{ top:50%; background:#2b4c88; -webkit-transform:translate(-50%,-50%) rotate(45deg); -moz-transform:translate(-50%,-50%) rotate(45deg); -o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);}

#mobMenu{background-color:#2b4c88;z-index:9999998;}
#mobMenu a{color:white;text-decoration:none;}
#search a i{color: #323232;font-size: 24px;display:block;}
#search a{text-decoration: none;float:left;text-align:right;}
#search a:hover i{color: #2b4c88;}


#search:hover .inpbut{display:block;}


@media (max-width:1200px) {
#search a{text-decoration: none;padding-right:0px;}
#search .inpbut button i{line-height:35px;position:absolute;bottom:0px;right:10px;}
}

@media (max-width:991px) {
	
	#nheader{overflow: hidden;height: 80px;}
	#nheader #nlogo{width: 20%;float: left;line-height: 80px;}
	
	#nheader #Menu{width:50%;float: left;}
	#Menu{line-height: 100px;}
	
	#Menu ul.menunav>li a{font-size: 12px;color: #2a2a2a;text-decoration: none;display: block;width: 100%;}
	
	#search{width: 30%;float: left;text-align: right;line-height: 80px;display: flex;}
    
}

@media (max-width:768px) {
	#nheader #nlogo{width: 25%;}
    #Menu .logo{display:block;padding:20px 0;background-color:white;}
    #Menu .logo img:hover{transform:none;}
#Menu ul.menunav{flex-wrap:wrap;}
#Menu{line-height: 20px;}
	#menu_btn{display: block;margin-top:5px;top:20px;}
	#Menu{width:220px;position:fixed;left:-600px;top: 0px; bottom: 0px; z-index:9999999;padding-bottom:70px;
	background: #2b4c88; z-index: 99999; overflow-x:hidden;overflow-y:auto;transition:all .5s ease;
	padding-top:0;box-shadow:0px 0px 10px #6c6c6c;height: auto;}
    #Menu.show{left:0;}
	#search{width:40%;}
    #Menu ul.menunav>li{float:left;width:100%;line-height:34px;}
        #Menu ul.menunav>li>ul>li>a{font-size:12px;padding-left:18px;text-overflow :ellipsis ;
overflow:hidden; 
white-space:nowrap;}
#Menu ul.menunav>li a{font-size: 16px;color: white;text-decoration: none;display: block;width: 100%;text-align:left;padding-left:10px;}

#Menu ul.menunav>li:hover a{font-weight: bold;color:white;}

#Menu ul.menunav>li a:hover{font-weight: bold;background-color:white;color:#2b4c88;}

#Menu ul.menunav>li:nth-child(1) a:hover{font-weight: bold;background-color:#2b4c88;color:#2b4c88;}
#search{float:right;margin-right:80px;}
#Menu ul.menunav>li.logo{margin-bottom:20px;}
#Menu ul.menunav>li>ul{display:block;position:static;box-shadow:0px 0px 0px #CCCCCC;}
#Menu ul.menunav>li>ul>li{border:none;line-height:25px;}
}





#aboframe1{padding: 45px 0;}
#aboframe1 img:hover{transform: none;}
#aboframe1 .pic{margin-bottom: 40px;}

#aboframe2{overflow: hidden;padding: 40px 0;}
#aboframe2 .txt{overflow: hidden;width: 50%;float: left;padding-top: 40px;}
#aboframe2 .txt h4{font-size: 18px;line-height: 24px;}
#aboframe2 .aboright{width: 50%;float: right;padding-left: 70px;}
#aboframe2 .piclist{margin-left: -10px;
margin-right: -10px;position: relative;overflow:hidden;}
#aboframe2 .piclist .six{position: absolute;}
#aboframe2 .piclist .six h4{transform:rotate(-90deg);color:white;margin-top:10px;max-width:80px;}
#aboframe2 .piclist .item{width: 50%;float: left;overflow: hidden;padding: 10px;}
#aboframe2 .piclist .item .border{overflow: hidden;width: 100%;}
#aboframe2 .piclist .item .border .pic{overflow: hidden;}
#aboframe2 img{width: 100%;}

#aboframe3{overflow: hidden;padding: 40px 0;background-color: #edf0f5;}
#aboframe3 h2{font-size: 20px;margin-bottom: 40px;font-weight: bold;}
#aboframe3 .item{overflow: hidden;}
#aboframe3 .item a{overflow: hidden;display: block;text-decoration: none;}
#aboframe3 .honorlist{overflow: hidden;width: 100%;}

#aboframe3 .item P{font-size: 14px;line-height: 24px;color: #CCCCCC;text-align: center;}


@media (max-width:1200px) {
	
	#aboframe2{overflow: hidden;padding: 20px 0;}
	#aboframe2 .txt{overflow: hidden;width: 50%;float: left;padding-top: 20px;}
	#aboframe2 .txt h4{font-size: 13px;line-height: 24px;}
	#aboframe2 .piclist{float: right;margin-left: -10px;
	margin-right: -10px;position: relative;}
}

@media (max-width:991px) {
	#aboframe1{padding: 15px 0;}
	#aboframe1 .pic{margin-bottom: 15px;}
	
	#aboframe2{overflow: hidden;padding:10px 0;}
	#aboframe2 .txt{overflow: hidden;width: 100%;float: left;padding-top: 10px;}
	#aboframe2 .txt h4{font-size: 18px;line-height: 24px;}
	#aboframe2 .aboright{width: 100%;float: right;padding-left:0px;}
	
	#aboframe2 .piclist{float: right;margin-left: -10px;
	margin-right: -10px;position: relative;}
	#aboframe2 .piclist .six{position: absolute;}
	#aboframe2 .piclist .item{width: 50%;float: left;overflow: hidden;padding: 10px;}
	#aboframe2 .piclist .item .border{overflow: hidden;width: 100%;}
	#aboframe2 .piclist .item .border .pic{overflow: hidden;}
	#aboframe2 .piclist .item .border .pic img{width: 100%;}
}

@media (max-width:768px) {
	
	#aboframe2 .txt{padding-top:5px;}
	#aboframe2 .txt h4{font-size: 13px;line-height: 19px;}
	#aboframe3{overflow: hidden;padding: 15px 0;background-color: #edf0f5;}
	#aboframe3 h2{font-size: 18px;margin-bottom: 15px;font-weight: bold;}
	#aboframe3 .item{overflow: hidden;}
	#aboframe3 .item a{overflow: hidden;display: block;text-decoration: none;}
	#aboframe3 .honorlist{overflow: hidden;width: 100%;}
	
	#aboframe3 .item P{font-size: 14px;line-height: 24px;color: #CCCCCC;text-align: center;}
}


/*内页底部*/
#foot{padding: 40px 0;background-color: #2d2d2d;border-top: 4px solid #7f8288;color: white;border-bottom: 2px solid white;}

#foot .footleft{width: 50%;float: left;}
#foot .footright{width: 50%;float: left;}
#foot .footleft dl{width: 50%;float:left;}
#foot dt{font-size: 18px;line-height: 24px;margin-bottom: 10px;}
#foot dd{font-size: 16px;line-height: 36px;color: #969696;}

#foot dd a{font-size: 16px;line-height: 36px;color: #969696;text-decoration:none;}
#foot .footright dl i{color:#34549b;font-size: 22px;padding: 5px;vertical-align: -3px;}
#foot .footright dl a{color: white;font-size: 16px;}
#foot .footshare{overflow: hidden;padding-top: 20px;}
#foot .footshare a{color: white;display: inline-block;padding-right: 20px;}
#foot .footshare a i{font-size: 30px;}



@media (max-width:991px) {
	
	#foot dt{font-size: 15px;line-height: 20px;margin-bottom: 10px;}
	#foot dd{font-size: 13px;line-height: 30px;color: #969696;}
	
	#foot .footshare a{color: white;display: inline-block;padding-right: 10px;}
	
	#foot .footshare a i{font-size: 20px;}
}
@media (max-width:768px) {
	#foot{display: none;}
    
}

#GoTop{position:fixed;right:30px;bottom:100px;width:30px;height:30px;background-color:#b0b0b0;border-radius:3px;text-align:center;z-index:1;cursor:pointer;display:none;}
#GoTop>i.iconfont{line-height:30px;display:block;font-size:18px;color:#fff;}
#GoTop:hover{background-color:#2b4c88;}

/*联系我们*/
#conframe1{overflow: hidden;padding: 40px 0;}
#conframe1 .container{display:flex;flex-wrap:wrap;}
#conframe1 .map{width: 45%;float: left;padding:0px;}
#conframe1 .conlist{width: 55%;float: left;background-color: #2b4c88;padding: 50px;color: white;}
#conframe1 .conlist dt{font-size: 30px;margin-bottom: 20px;}
#conframe1 .conlist dd{font-size: 20px;line-height:48px;}
#conframe1 .conlist a{color: white;}
#conframe1 .conlist i{font-size: 26px;padding-right: 10px;vertical-align: -4px;}

#conframe2 h2{font-size: 30px;color: #444444;margin-bottom: 10px;}
#conframe2 h4{font-size: 18px;line-height: 26px;color: #999999;}
#conframe2 .confeed{overflow: hidden;padding: 30px 0;margin-left: -25px;margin-right: -25px;}
#conframe2 .confeed .item{width: 50%;float: left;padding: 15px 25px;}
#conframe2 .confeed .item:nth-last-child(1){width:100%;}
#conframe2 input{border-bottom: 2px solid #cccccc;width: 100%;font-size: 18px;padding: 5px;line-height: 40px;
color: black;}

#conframe2 .submit{overflow: hidden;float: left;padding-bottom: 50px;}
#conframe2 .submit a{display:block; width: 140px;height: 40px;color: white;background-color: #32539a;text-align: center;
line-height: 40px;border-radius: 10px;}

@media (max-width:991px) {
    #conframe1{overflow: hidden;padding: 10px 0;}
	#conframe1 .map{width: 100%;float: left;height:400px;}
	#conframe1 .conlist{width: 100%;float: left;background-color: #2b4c88;padding: 15px;color: white;}
	#conframe1 .conlist dt{font-size: 19px;margin-bottom: 15px;}
	#conframe1 .conlist dd{font-size: 14px;line-height:26px;}
	#conframe1 .conlist a{color: white;}
	#conframe1 .conlist i{font-size: 18px;padding-right: 10px;vertical-align: -4px;}
	
	#conframe2 h2{font-size: 19px;color: #444444;margin-bottom: 5px;}
	#conframe2 h4{font-size: 14px;line-height: 20px;color: #999999;}
	#conframe2 .confeed{overflow: hidden;padding:10px 0;margin-left:-5px;margin-right:-5px;}
	#conframe2 .confeed .item{width: 100%;float: left;padding: 5px;}
	#conframe2 input{border-bottom: 2px solid #cccccc;width: 100%;font-size: 14px;padding: 5px;line-height: 30px;
	color: black;}
	
	#conframe2 .submit{overflow: hidden;float: left;padding-bottom: 30px;}
	#conframe2 .submit a{display:block; width: 130px;height: 35px;color: white;background-color: #32539a;text-align: center;
	line-height: 35px;border-radius: 10px;}
}




/*产品中心*/
#proframe1{padding: 30px 0;overflow: hidden;}
#proframe1 h2{font-size: 36px;margin-bottom: 20px;}
#proframe1 h3{font-size: 18px;line-height: 24px;color: #666666;margin-bottom: 30px;}
#proframe1 .procatelist{overflow: hidden;}
#proframe1 .procatelist .cateitem{overflow: hidden;padding: 30px 0;border-bottom: 2px solid #e5e5e5;}
#proframe1 .procatelist .cateitem:nth-last-child(1){border: none;}
#proframe1 .cateremark{overflow: hidden;width: 30%;float: left;padding-right: 40px;}
.proover{margin-left: -10px;margin-right: -10px;}
#proframe1 .prolist{overflow: hidden;width: 70%;float: right;}
#proframe1 .cateremark h4{font-size: 20px;line-height: 30px;margin-bottom: 10px;font-weight: bold;overflow:hidden;}
#proframe1 .cateremark h5{font-size: 14px;line-height: 18px;}
#proframe1 .cateremark a{color: #999999;font-size: 18px;line-height: 80px;text-decoration: underline;}
#proframe1 .prolist .item{width: 33.33333%;float: left;padding: 10px;}
#proframe1 .prolist .item .border{overflow: hidden;}
#proframe1 .prolist .item .border .hidd{overflow: hidden;position: absolute;width: 100%;top: 0px;left: 0px;bottom: 0px;
 opacity: 0;z-index: 99;
  background-image:linear-gradient(#0f3499,#ffffff);}
#proframe1 .prolist .item .border .pic{overflow: hidden;border: 1px solid #f1f1f1;position: relative;}
#proframe1 .prolist .item .border .txt{overflow: hidden;}
#proframe1 .prolist a{display: block;overflow: hidden;text-decoration: none;}
#proframe1 .prolist .item .border .txt p{font-size: 16px;line-height: 20px;text-align: center;color: #666666;
margin-top: 5px;}
#proframe1 .prolist .item img{width: 100%;}
#proframe1 .prolist a:hover .border .txt p{color: #2b4c88;font-weight: bold;}
#proframe1 .prolist a:hover .border .hidd{opacity: 0.5;}

#proframe1 .download{overflow: hidden;float: left;margin-top: 20px;}
#proframe1 .download a{display: block;width: 260px;height: 55px;line-height: 55px;text-align: center;color: white;
background-color: #1d3982;font-size: 18px;border-radius: 10px;text-decoration: none;}
#proframe1 .download a i{padding-right: 15px;vertical-align: 0px;font-size: 20px;}


#proframe1 .cateremark h4 a{font-size: 20px;line-height: 30px;font-weight: bold;text-decoration:none;color:#2d2d2d;float:left;}
@media (max-width:991px) {
#proframe1{padding: 20px 0;overflow: hidden;}
#proframe1 h2{font-size: 26px;margin-bottom: 10px;}
#proframe1 h3{font-size: 14px;line-height: 20px;color: #666666;margin-bottom: 30px;}
	
	#proframe1 .cateremark{overflow: hidden;width: 100%;float: left;padding-right: 0px;}
	#proframe1 .prolist{overflow: hidden;float: right;width: 100%;}
	.proover{margin-left: -10px;margin-right: -10px;}
	
#proframe1 .cateremark h4{font-size:18px;line-height: 26px;margin-bottom: 5px;font-weight: bold;}

#proframe1 .cateremark h4 a{font-size: 18px;line-height: 26px;}
#proframe1 .cateremark h5{font-size: 12px;line-height: 17px;}
#proframe1 .cateremark a{color: #999999;font-size: 18px;line-height: 30px;text-decoration: underline;float: right;}

#proframe1 .download{overflow: hidden;float: left;margin-top: 10px;}
#proframe1 .download a{display: block;width: 200px;height: 45px;line-height: 45px;text-align: center;color: white;
background-color: #1d3982;font-size: 16px;border-radius: 10px;text-decoration: none;}
#proframe1 .download a i{padding-right: 5px;vertical-align: 0px;font-size: 18px;}

}
@media (max-width:768px) {
#proframe1{padding: 10px 0;overflow: hidden;}
#proframe1 h2{font-size: 22px;margin-bottom: 5px;}
#proframe1 h3{font-size: 13px;line-height: 20px;color: #666666;margin-bottom: 15px;}
	#proframe1 .procatelist .cateitem{overflow: hidden;padding: 15px 0;border-bottom: 2px solid #e5e5e5;}
	
	#proframe1 .cateremark{overflow: hidden;width: 100%;float: left;padding-right: 0px;}
	#proframe1 .prolist{overflow: hidden;float: right;width: 100%;}
	.proover{margin-left: -10px;margin-right: -10px;}
	
#proframe1 .cateremark h4{font-size:17px;line-height: 24px;margin-bottom: 5px;font-weight: bold;}
#proframe1 .cateremark h4 a{font-size: 17px;line-height: 24px;}
#proframe1 .cateremark h5{font-size: 12px;line-height: 17px;}
#proframe1 .cateremark a{color: #999999;font-size: 14px;line-height: 20px;text-decoration: underline;float: right;}
#proframe1 .prolist .item{width: 50%;float: left;padding: 5px;}
	.proover{margin-left: -5px;margin-right: -5px;}

#proframe1 .download{overflow: hidden;float: left;margin-top: 10px;}
#proframe1 .download a{display: block;width: 180px;height: 35px;line-height: 35px;text-align: center;color: white;
background-color: #1d3982;font-size: 14px;border-radius: 10px;text-decoration: none;}
#proframe1 .download a i{padding-right: 5px;vertical-align: 0px;font-size: 14px;}

}

#capro .prolist{width:100%;}
#capro .prolist .item{width:25%;}



/*产品详情*/
#prodetailframe1{padding:35px 0;}
.over{display: flex;}

#prodetailframe1 img:hover{transform:none;}

#prodetailframe1 .probigimg{width: 40%;float: left;overflow: hidden;padding:20px;background-color:#f4f4f4}
#prodetailframe1 .probigimg img{width: 100%;}
#prodetailframe1 .prodetial{overflow: hidden;width: 60%;background-color: #f4f4f4;padding: 50px 35px;}
#prodetailframe1 .prodetial h2{font-size: 24px;margin-bottom: 25px;font-weight: bold;}
#prodetailframe1 .prodetial h4{font-size: 14px;line-height: 18px;color: #666666;margin-bottom: 25px;}
#prodetailframe1 .prodetial p{font-size: 16px;line-height:24px;}
#prodetailframe1 .btnlist{overflow: hidden;padding: 20px 0;}
#prodetailframe1 .btnlist a{line-height: 40px;padding: 0 15px;color: white;font-size: 15px;margin-right: 20px;text-transform:uppercase;
text-decoration: none;display: inline-block;border-radius: 10px; background: linear-gradient(125deg,#446ab8,#0a1d50,#446ab8);background-size: 200%;
animation: bganimation 5s infinite;border: 1px solid #2B4C88;} 
#prodetailframe1 .btnlist a:hover{background: #f4f4f4;color: #2B4C88;}
	@keyframes bganimation{
	    0%{
	        background-position: 0% 100%;
	    }
	    50%{
	        background-position: 100% 50%;
	    }
	    100%{
	        background-position: 0% 50%;
	    }
	}


#prodetailframe1 .btnlist a i{font-size: 20px;padding-right: 10px;}
#prodetailframe1 .truedetail{padding: 50px 0;}
#prodetailframe1 .truedetail .item{width: 100%;border-bottom: 2px solid #2b4c88;}
#prodetailframe1 .truedetail a{display:  inline-block;background-color: #2b4c88;line-height: 45px;
border-radius: 10px 10px 0px 0px;color: white;padding: 0px 15px;text-decoration: none;margin-right: 10px;
font-size: 16px;}

#relaprolist{overflow: hidden;padding-bottom: 40px;}
#relaprolist .title{width: 100%;border-bottom: 2px solid #2b4c88;}
#relaprolist .title a{display:  inline-block;background-color: #2b4c88;line-height: 45px;
border-radius: 10px 10px 0px 0px;color: white;padding: 0px 15px;text-decoration: none;margin-right: 10px;
font-size: 16px;}

#relaprolist .relaprolist{overflow: hidden;margin-left: -10px;margin-right: -10px;padding: 15px 0;}
#relaprolist .relaprolist .item{width: 25%;float: left;padding: 10px;}
#relaprolist .relaprolist .item .border{overflow: hidden;}
#relaprolist .relaprolist .item .border .hidd{overflow: hidden;position: absolute;width: 100%;top: 0px;left: 0px;bottom: 0px;
 opacity: 0;z-index: 99;
  background-image:linear-gradient(#0f3499,#ffffff);}
#relaprolist .relaprolist .item .border .pic{overflow: hidden;border: 1px solid #f1f1f1;position: relative;}
#relaprolist .relaprolist .item .border .txt{overflow: hidden;}
#relaprolist .relaprolist a{display: block;overflow: hidden;text-decoration: none;}
#relaprolist .relaprolist .item .border .txt p{font-size: 16px;line-height: 20px;text-align: center;color: #666666;
margin-top: 5px;}
#relaprolist .relaprolist .item img{width: 100%;}
#relaprolist .relaprolist a:hover .border .txt p{color: #2b4c88;font-weight: bold;}
#relaprolist .relaprolist a:hover .border .hidd{opacity: 0.5;}



#feedback{overflow: hidden;padding: 40px 0;background-color: #f8f8f8;text-align: center;}
#feedback h2{font-size: 24px;margin-bottom: 30px;}
#feedback h4{font-size: 14px;line-height: 18px;color: #888888;}
#feedback .inplist{padding: 50px 0;overflow: hidden;margin-left: -50px;margin-right: -50px;}
#feedback .inplist .item{overflow: hidden;width: 33.33333%;float: left;padding: 20px 50px;}
#feedback .inplist .item:nth-last-child(1){width: 100%;}
#feedback input{width: 100%;background-color: #f8f8f8;border-bottom: 1px solid #636363;padding-left: 5px;
font-size: 16px;line-height: 40px;}
#feedback .submit a{font-size: 16px;width: 200px;line-height: 45px;background-color: #2b4c88;display: block;
color: white;border-radius: 10px;text-transform: uppercase;border: 1px solid #2B4C88;text-decoration: none;}
#feedback .submit a:hover{background-color: white;color: #2B4C88;}




@media (max-width:1200px) {
	
	#prodetailframe1{padding: 20px 0;}

	#prodetailframe1 .probigimg{width:30%;float: left;overflow: hidden;}
	#prodetailframe1 .probigimg img{width: 100%;}
	#prodetailframe1 .prodetial{overflow: hidden;width: 70%;background-color: #f4f4f4;padding:20px;}
#prodetailframe1 .prodetial h2{font-size: 22px;margin-bottom: 20px;font-weight: bold;}
#prodetailframe1 .prodetial h4{font-size: 13px;line-height: 16px;color: #666666;margin-bottom:5px;}
#prodetailframe1 .prodetial p{font-size: 14px;line-height: 20px;}
#prodetailframe1 .btnlist{overflow: hidden;padding: 15px 0;}
#prodetailframe1 .btnlist a{line-height: 30px;padding: 0 10px;color: white;font-size: 14px;margin-right: 10px;
text-decoration: none;display: inline-block;border-radius: 10px;} 

#prodetailframe1 .btnlist a i{font-size: 16px;padding-right: 10px;}


#prodetailframe1 .truedetail{padding: 30px 0;}
#prodetailframe1 .truedetail .item{width: 100%;border-bottom: 2px solid #2b4c88;}
#prodetailframe1 .truedetail a{display:  inline-block;background-color: #2b4c88;line-height: 40px;
border-radius: 10px 10px 0px 0px;color: white;padding: 0px 10px;text-decoration: none;margin-right: 10px;
font-size: 15px;}
#relaprolist .title a{display:  inline-block;background-color: #2b4c88;line-height: 40px;
border-radius: 10px 10px 0px 0px;color: white;padding: 0px 10px;text-decoration: none;margin-right: 10px;
font-size: 15px;}
	#feedback{overflow: hidden;padding: 30px 0;}
	#feedback h2{font-size: 20px;margin-bottom: 15px;}
	#feedback h4{font-size: 13px;line-height: 18px;color: #888888;}
	#feedback .inplist{padding: 20px 0;margin-left: -20px;margin-right: -20px;}
	#feedback .inplist .item{overflow: hidden;width: 33.33333%;float: left;padding:10px 20px;}
	#feedback .inplist .item:nth-last-child(1){width: 100%;}
	#feedback input{width: 100%;background-color: #f8f8f8;border-bottom: 1px solid #636363;padding-left: 5px;
	font-size: 15px;line-height: 40px;}
}

@media (max-width:991px) {
		.over{display: flex;flex-wrap: wrap;}
		.probigimg{border: 1px solid #f4f4f4;border-bottom: none;}
	#prodetailframe1 .probigimg{width:100%;float: left;overflow: hidden;padding:0;}
	#prodetailframe1 .probigimg img{width: 100%;}
	#prodetailframe1 .prodetial{overflow: hidden;width: 100%;background-color: #f4f4f4;padding:20px;}
	
	
	#relaprolist .relaprolist{overflow: hidden;margin-left: -5px;margin-right: -5px;padding: 15px 0;display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	}
	#relaprolist .relaprolist .item{width: 50%;float: left;padding: 0 5px;flex-shrink: 0;}
	.relaprolist::-webkit-scrollbar {
	    width:10px;
	    height:6px;
	}
	.relaprolist::-webkit-scrollbar-thumb {
	    background-color:#2B4C88;
	}
	.relaprolist::-webkit-scrollbar-track{
	    background-color:#cfd0dd;
	 }
}

@media (max-width:768px) {
	
    #GoTop{display:none;}

	#relaprolist .title a{display:  inline-block;background-color: #2b4c88;line-height: 40px;
	border-radius: 10px 10px 0px 0px;color: white;padding: 0px 15px;text-decoration: none;
	font-size: 12px;}
	#feedback .submit a{font-size: 12px;width: 160px;line-height: 35px;background-color: #2b4c88;display: block;
	color: white;border-radius: 8px;text-transform: uppercase;border: 1px solid #2B4C88;text-decoration: none;}
	#feedback .inplist{padding: 0px 0px 20px 0;margin-left: -5px;margin-right: -5px;}
	
	#feedback .inplist .item{overflow: hidden;width: 100%;float: left;padding:5px;}
	#prodetailframe1 .truedetail{padding: 30px 0;overflow: hidden;}
	#prodetailframe1 .truedetail .item{border-bottom: 2px solid #2b4c88;display: flex;}
	#prodetailframe1 .truedetail a{display:inline-block;background-color: #2b4c88;line-height:26px;
	border-radius: 10px 10px 0px 0px;color: white;padding: 0px 10px;text-decoration: none;margin-right:5px;
	font-size: 12px;}
	#prodetailframe1{padding: 10px 0;}
	
	#prodetailframe1 .prodetial{padding:10px;}
	#prodetailframe1 .prodetial h2{font-size:18px;margin-bottom: 20px;font-weight: bold;}
	#prodetailframe1 .prodetial h4{font-size: 12px;line-height: 16px;color: #666666;margin-bottom:5px;}
	#prodetailframe1 .prodetial p{font-size: 13px;line-height: 18px;}
	#prodetailframe1 .btnlist{overflow: hidden;padding: 10px 0;}
	#prodetailframe1 .btnlist a{line-height: 30px;padding: 0 10px;color: white;font-size: 13px;margin-right: 10px;
	margin-bottom: 10px;text-transform: uppercase;
	text-decoration: none;display: inline-block;border-radius: 10px;} 
	#prodetailframe1 .btnlist a:nth-last-child(1){margin-bottom: 0px;}
	#prodetailframe1 .btnlist a i{font-size: 13px;padding-right: 10px;}
}

/*************图库*************/
#GalleryList{margin:0 -8px 0;overflow:hidden;}
#GalleryList .item{width:25%;padding:0 8px;float:left;margin-bottom:20px;}
#GalleryList .item:nth-child(4n+1){clear:left;}
#GalleryList .item .img{border:1px solid #eee;}
#GalleryList .item .img img{width:100%;}
#GalleryList .item h3{margin:10px 0;text-align:center;font-size:18px;font-weight:normal;}
@media screen and (min-width:992px ) and (max-width:1229px) {
}
@media screen and (min-width:768px ) and (max-width:991px){
    #GalleryList{margin:20px -5px 0;overflow:hidden;}
    #GalleryList .item{width:33.33%;padding:0 5px;}
    #GalleryList .item:nth-child(4n+1){clear:initial;}
    #GalleryList .item:nth-child(3n+1){clear:left;}
    #GalleryList .item figcaption{padding:15px;}
    #GalleryList .item h3{margin:0;text-align:center;font-size:16px;}
}
@media (max-width:767px) {
    #GalleryList{margin:15px -5px 0;}
    #GalleryList .item{width:50%;padding:0 5px}
    #GalleryList .item:nth-child(4n+1){clear:initial;}
    #GalleryList .item:nth-child(2n+1){clear:left;}
    #GalleryList .item figcaption{padding:15px;}
    #GalleryList .item h3{margin:0;text-align:center;font-size:14px;}
}


/*感谢页面*/
#thk_nav{}
#thk_nav h2{margin-bottom:20px;text-align:center;}
#thk_nav>p{line-height:28px;font-size:14px;}
.btnthank{padding:5px 10px;margin-top:15px;display:inline-block;border:1px solid #e95025;color:#ffffff;background-color:#e95025;}
.btnthank:hover{background-color:#ffffff;color:#e95025;}
@media (max-width:767px) {
    #thk_nav>p{line-height:20px;font-size:13px;}
}

/*网站地图*/
#sitemapnav { width:100%; position:relative;overflow:hidden;}
#sitemapnav li{  list-style:none;}
#sitemapnav a{ color:#333; }
#sitemapnav .fontbig {	width:100% !important;}
#sitemapnav .bigli{float:left;	width:100%;  line-height:35px;font-size:18px;}
#sitemapnav .bigli a {color:#666; font-weight:bold;text-transform:capitalize;}
#sitemapnav .bigli a:hover {text-decoration:underline;}
#sitemapnav .abli_02{ float:left;width:44%;margin-left:5%;font-size:16px; height:30px; line-height:30px; overflow:hidden; display:inline;font-weight:normal; }
#sitemapnav .abli_02 a:hover{text-decoration:underline;}
.jiange{ float:left; 	width:100%;  height:2px; border-bottom:solid 1px #d2d2d2; margin-top:8px;margin-bottom:8px;}
.probigclass {padding-left:50px;}
#sitemapnav .PROclass_01 { float:left;width:95%;margin-left:5%; font-size:16px; line-height:30px; display:inline;font-weight:bold; }
#sitemapnav .PROclass_02 { float:left;width:90%;margin-left:8%;font-size:16px; height:22px; line-height:22px;  overflow:hidden;display:inline;font-weight:normal; }

#sitemapnav .PROclass_01 a{  color:#666;}
#sitemapnav .PROclass_02 a{ color:#666;}
#sitemapnav .PROclass_01 a:hover{ text-decoration:underline;}
#sitemapnav .PROclass_02 a:hover{ text-decoration:underline;}

#sitemapnav .PROclass_03 { float:left;width:40%;margin-left:10%;color:#666666;font-size:14px;display:inline; line-height:20px;}
#sitemapnav .PROclass_03 a:hover{ text-decoration:underline;}
#sitemapnav .PROclass_04 { float:left;width:40%;margin-left:10%;display:inline;}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media screen and (min-width:1px ) and (max-width:767px)
{
	#sitemapnav .abli_02{width:44%;}
    #sitemapnav .bigli{font-size:16px;}
    #sitemapnav .abli_02{font-size:14px;line-height:20px;}
    #sitemapnav .PROclass_01{font-size:14px;}
    #sitemapnav .PROclass_02{font-size:13px;}
    #sitemapnav .PROclass_03{font-size:12px;width:100%;}
    #sitemapnav .PROclass_04{width:100%;}
}
/*右侧内容*/
#right_nav{float:right;width:900px;}
#right_nav .tit{margin-bottom:25px;}
#right_nav .tit h3{font-size:24px;margin-top:0;}
.nframe{padding-top:50px;padding-bottom:30px;overflow:hidden;}
.nframe .title{margin-bottom:25px;text-align:center;}
.nframe .title h1{font-size:24px;margin-top:0;margin-bottom:0;}
.nframe .title h2{font-size:24px;margin-bottom:0;margin-top:0;letter-spacing:1px;border-bottom:3px solid #94f5cf;display:inline-block;position:relative;}
.nframe .title h2 font{color:#e95025;position:relative;}
.nframe .title h2 font::after{content:"";width:100%;height:2px;background-color:#94f5cf;position:absolute;bottom:-12px;left:0;}
.nframe .title h3{font-size:30px;margin-top:0;margin-bottom:0;text-transform:uppercase;}
.nframe .title p{font-size:14px;line-height:20px;color:#747474;}
.nframe .title .line{position:relative;}
.nframe .title .line>span{position:relative;z-index:1;display:inline-block;width:54%;font-size:16px;}
.nframe .title .line:before{content:"";width:18%;height:1px;background-color:#ccc;position:absolute;left:5%;top:9px;}
.nframe .title .line:after{content:"";width:18%;height:1px;background-color:#ccc;position:absolute;right:5%;top:9px;}
.nframe .tit>h2{margin:0 0 20px;font-size:36px;text-transform:uppercase;}
.nframe .tit>h1{font-size:28px;margin-bottom:15px;margin-top:0;color:#080808;}
.nframe .tit>p{font-size:14px;}
.nframe section{overflow:hidden;}
.nframe section .content{font-size:14px;line-height:24px;color:#505050;padding-bottom:20px;}
@media (min-width:992px) and (max-width:1229px) {
    #right_nav{width:70%;}
    
    .nframe{padding-top:25px;padding-bottom:25px;}
    .nframe .title{margin-bottom:20px;}
    .nframe .title h1{font-size:24px;}
    .nframe .title h2{font-size:24px;}
    .nframe .title h3{font-size:24px;}
    .nframe .title .line>span{font-size:14px;}

    .nframe .tit{margin-bottom:15px;}
    .nframe .tit>h1{font-size:24px;}
    .nframe .tit>h2{font-size:24px;}
    .nframe .tit>h3{font-size:18px;}
    .nframe section .content{font-size:16px;line-height:1.5;}
}
@media (min-width:768px) and (max-width:991px) {
    #right_nav{width:100%;}
    #right_nav .tit h3{font-size:20px;}
    
    .nframe{padding-top:25px;padding-bottom:25px;}
    .nframe .title{margin-bottom:20px;}
    .nframe .title h1{font-size:20px;}
    .nframe .title h2{font-size:20px;}
    .nframe .title h3{font-size:20px;}
    .nframe .title p{font-size:13px;line-height:18px;}
    .nframe .title .line>span{font-size:14px;}

    .nframe .tit{margin-bottom:15px;}
    .nframe .tit>h1{font-size:24px;}
    .nframe .tit>h2{font-size:18px;}
    .nframe .tit>h3{font-size:18px;}
    .nframe .tit>p{font-size:14px;}
    .nframe section .content{font-size:16px;line-height:1.5;}
}
@media (min-width:1px) and (max-width:767px) {
    #right_nav{width:100%;}
    #right_nav .tit h3{font-size:16px;}
    embed{max-width:100%;height:auto;}
    
    .nframe{padding-top:20px;padding-bottom:20px;}
    .nframe .title{margin-bottom:10px;}
    .nframe .title h1{font-size:18px;}
    .nframe .title h2{font-size:18px;}
    .nframe .title h3{font-size:18px;}
    .nframe .title p{font-size:12px;line-height:18px;}
    .nframe .title .line:before{display:none;}
    .nframe .title .line:after{display:none;}
    .nframe .title .line>span{font-size:12px;width:100%;}

    .nframe .tit{margin-bottom:10px;}
    .nframe .tit>h1{font-size:18px;line-height:24px;margin-bottom:10px;}
    .nframe .tit>h2{font-size:16px;line-height:24px;}
    .nframe .tit>h3{font-size:15px;}
    .nframe .tit>p{font-size:13px;}
    .nframe section .content{font-size:13px;line-height:24px;}

    .table-responsive table{width:100%;}
}


#proframe .ProList{overflow:hidden;margin:0 -15px;}
#proframe .ProList .item{width:25%;float:left;padding:5px 15px;margin-bottom:20px;}
#proframe .ProList .item:nth-child(4n+1){clear:left;}
#proframe .ProList .item .img{border:1px solid #bbb;height:210px;display:table-cell;vertical-align:middle;}
#proframe .ProList .item .txt{padding:15px 0 10px;}
#proframe .ProList .item .txt h4{font-size:16px;line-height:20px;margin:0;font-family:Humanst521,Arial, Helvetica, sans-serif;}
#proframe .ProList .item .txt p{font-size:12px;line-height:18px;height:36px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#proframe .ProList .item:hover .img{border:1px solid #e95025;}
#proframe .ProList .item:hover .txt h4{color:#e95025;}
@media (min-width:992px) and (max-width:1229px) {
    #proframe .ProList{margin:0 -10px;}
    #proframe .ProList .item{padding:5px 10px;}
    #proframe .ProList .item .txt h4{font-size:13px;}
    #proframe .ProList .item .img{height:180px;}
}
@media (min-width:768px) and (max-width:991px) {    
    #proframe .bgpage .title h2{font-size:20px;}
    #proframe .bgpage .title a.more{line-height:24px;}
    #proframe .bgpage .title p{font-size:14px;}
    #proframe section{padding-bottom:0;}
    #proframe section:not(:last-child){margin-bottom:30px;}

    #proframe .ProList{margin:0 -10px;}
    #proframe .ProList .item{padding:5px 10px;width:33.33%;}
    #proframe .ProList .item:nth-child(4n+1){clear:none;}
    #proframe .ProList .item:nth-child(3n+1){clear:left;}
    #proframe .ProList .item .txt h4{font-size:13px;}
    #proframe .ProList .item .img{height:180px;}
}
@media (min-width:1px) and (max-width:767px) {
    #proframe .bgpage{padding:30px 15px;}
    #proframe .bgpage .title h2{font-size:18px;}
    #proframe .bgpage .title a.more{line-height:24px;font-size:12px;margin-top:5px;}
    #proframe .bgpage .title p{font-size:13px;}
    #proframe section{padding-bottom:0;}
    #proframe section:not(:last-child){margin-bottom:30px;}

    #proframe .ProList{margin:0 -5px;}
    #proframe .ProList .item{padding:5px 5px;width:50%;}
    #proframe .ProList .item .txt{padding:5px 0;}
    #proframe .ProList .item .txt h4{font-size:13px;line-height:18px;}
    #proframe .ProList .item:nth-child(4n+1){clear:none;}
    #proframe .ProList .item:nth-child(2n+1){clear:left;}
    #proframe .ProList .item .img{height:120px;}
}

.getprobycatelist h3{text-align:center;}







/*下载页*/
#Down .downcatelist{overflow:hidden;margin-bottom:30px;display:flex;text-transform:uppercase;}
#Down .downcatelist>a{float:left;width:50%;text-align:center;background-color:#f7f7f7;font-size:18px;line-height:30px;padding:25px 0;position:relative;font-weight:bold;color:#2b4c88;}
#Down .downcatelist>a.active,#ServicePage .downcatelist>a:hover{background-color:#1f368f;color:#fff;}
#Down .downcatelist>a.active:before,#ServicePage .downcatelist>a:hover:before{content:"";border-style:solid;border-width:10px;border-color:transparent transparent #fff transparent;position:absolute;bottom:0;left:calc(50% - 10px);}

#Down .DownloadList .item{padding:20px 30px;background-color:#f7f7f7;overflow:hidden;margin-bottom:20px;font-family:PTsans;font-weight:bold;text-transform:uppercase;}
#Down .DownloadList .item .item1{float:left;width:50%;font-weight:bold;}
#Down .DownloadList .item .item1 h4{font-size:18px;line-height:30px;margin:0;font-weight:bold;}
#Down .DownloadList .item .item2{float:left;width:25%;text-align:center;line-height:30px;font-size:16px;color:#888;font-weight:bold;}
#Down .DownloadList .item .item3{float:right;width:25%;text-align:right;font-weight:bold;}
#Down .DownloadList .item .item3 i{display:inline-block;line-height:30px;color:#2b4c88;}
#Down .DownloadList .item:hover{background-color:#25498e;color:#fff;}
#Down .DownloadList .item:hover .item2{color:#fff;}
#Down .DownloadList .item:hover .item3 i{color:#fff;}
@media screen and (min-width:992px ) and (max-width:1229px) {
    #Down .downcatelist>a{padding:15px 0;font-size:16px;line-height:24px;}
    #Down .DownloadList .item{padding:15px 30px;}
    #Down .DownloadList .item .item1 h4{font-size:16px;line-height:24px;}
    #Down .DownloadList .item .item2{font-size:16px;line-height:24px;}
    #Down .DownloadList .item .item3 i{line-height:24px;}

}
@media screen and (min-width:768px ) and (max-width:991px){
    #Down .downcatelist>a{padding:15px 0;font-size:14px;line-height:24px;}
    #Down .DownloadList .item{padding:15px 30px;}
    #Down .DownloadList .item .item1 h4{font-size:16px;line-height:24px;}
    #Down .DownloadList .item .item2{font-size:16px;line-height:24px;}
    #Down .DownloadList .item .item3 i{line-height:24px;}
}
@media (max-width:767px) {
    #Down .downcatelist>a{padding:10px 0;font-size:13px;line-height:20px;width:100%;}
    #Down .DownloadList .item{padding:10px 10px;}
    #Down .DownloadList .item .item1 h4{font-size:14px;line-height:20px;}
    #Down .DownloadList .item .item2{font-size:14px;line-height:20px;}
    #Down .DownloadList .item .item3 i{line-height:20px;}


}
.btn-2{position:relative;z-index:1;overflow:hidden;}
.btn-2:before {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent transparent transparent #2b4c88;
  position: absolute;
  bottom: -2px;
  left: -2px;
  transition:all .5s;z-index:-1;
}
.btn-2:after {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent #2b4c88 transparent transparent;
  position: absolute;
  top: -2px;
  right: -2px;
  transition:all .5s;z-index:-1;
}
.btn-2:hover:before {
  border-width: 200px 0 0 200px;
}
.btn-2:hover:after {
  border-width: 0 200px 200px 0;
}


.btn-3{position:relative;z-index:1;overflow:hidden;}
.btn-3:before {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  bottom: -2px;
  left: -2px;
  transition:all .5s;z-index:-1;
}
.btn-3:after {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent #ffffff transparent transparent;
  position: absolute;
  top: -2px;
  right: -2px;
  transition:all .5s;z-index:-1;
}
.btn-3:hover:before {
  border-width: 200px 0 0 200px;
}
.btn-3:hover:after {
  border-width: 0 200px 200px 0;
}

.border2{    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    padding: 15px;
    transform:none}
#indexframe1 .item{    width: 33%;
    float: left;
    padding: 5%;
    position: relative;
    transform: rotate(45deg);}
#indexframe1 .item:nth-child(5n+5) {
    margin-left: 0%;
    margin-top: -14%;
}

#indexframe1 .item:nth-child(4n+4) {
    margin-left: 16.5%;
    margin-top: -14%;
}
#indexframe1 .item:nth-child(6n+6) {
    margin-left: 33%;
    margin-top: -14%;
}


@media (max-width:767px){
.border2{width:100%;}
#indexframe1 .item {
    width: 50%;
    float: left;    position: relative;
    transform: none;
    padding: 15px;}

#indexframe1 .item:nth-child(5n+5) {
    margin-left: 0%;
    margin-top: 0%;
}

#indexframe1 .item:nth-child(4n+4) {
     margin-left: 0%;
    margin-top: 0%;
}
#indexframe1 .item:nth-child(6n+6) {
  margin-left: 0%;
    margin-top: 0%;
}

#indexframe1 .procatelist{margin: -3px;
    overflow: hidden;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;}
}