/*图标*/
.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 2447715 */
  src: url('//at.alicdn.com/t/font_2447715_h1edr3u829o.eot');
  src: url('//at.alicdn.com/t/font_2447715_h1edr3u829o.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2447715_h1edr3u829o.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2447715_h1edr3u829o.woff') format('woff'),
  url('//at.alicdn.com/t/font_2447715_h1edr3u829o.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2447715_h1edr3u829o.svg#iconfont') format('svg');
}
/*字体*/
@font-face {
  font-family: 'bahnschrift';  /* project id 1951647 */
  src: url('../fonts/bahnschrift/bahnschrift.eot');
  src: url('../fonts/bahnschrift/bahnschrift.eot?#iefix') format('embedded-opentype'),
  url('../fonts/bahnschrift/bahnschrift.woff2') format('woff2'),
  url('../fonts/bahnschrift/bahnschrift.woff') format('woff'),
  url('../fonts/bahnschrift/bahnschrift.ttf') format('truetype'),
  url('../fonts/bahnschrift/bahnschrift.svg#Geometr415') format('svg');
  font-display: swap;
}
@font-face {
  font-family: 'gesans-bold';  /* project id 1951647 */
  src: url('../fonts/gesans-bold/gesans-bold.eot');
  src: url('../fonts/gesans-bold/gesans-bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/gesans-bold/gesans-bold.woff2') format('woff2'),
  url('../fonts/gesans-bold/gesans-bold.woff') format('woff'),
  url('../fonts/gesans-bold/gesans-bold.ttf') format('truetype'),
  url('../fonts/gesans-bold/gesans-bold.svg#Geometr415') format('svg');
  font-display: swap;
}
@font-face {
  font-family: 'Google';  /* project id 1951647 */
  src: url('../fonts/Google September 2015 Regular/Google September 2015 Regular.eot');
  src: url('../fonts/Google September 2015 Regular/Google September 2015 Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Google September 2015 Regular/Google September 2015 Regular.woff2') format('woff2'),
  url('../fonts/Google September 2015 Regular/Google September 2015 Regular.woff') format('woff'),
  url('../fonts/Google September 2015 Regular/Google September 2015 Regular.ttf') format('truetype'),
  url('../fonts/Google September 2015 Regular/Google September 2015 Regular.svg#Geometr415') format('svg');
  font-display: swap;
}

body{margin: 0 auto;max-width: 1920px;}

*{list-style: none;margin:0 auto;transition:all .4s;outline: none;}
p,body,dd,div,form,h5,h6,html,img,input,li,pre,td,ul,time{margin:0 auto;padding:0;font-family:Arial,Verdana, Tahoma, Geneva,sans-serif;}
h2,h3,h4,dt,b,a{font-family:"bahnschrift",Arial,Verdana, Tahoma, Geneva,  sans-serif;}
h1{font-family: "Google";}
img{height:auto; width: auto\9;max-width:100%;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;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);}
ul{margin: 0;padding: 0;}


/*手机导航*/
#menu_btn{ width: 28px; height: 20px; float: right;cursor: pointer; position: relative; display: none;bottom:43px;right:30px;}
#menu_btn>.menu_btn_top{ position:absolute; top:5px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#006cb6; -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:#006cb6; -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:#006cb6; -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:#006cb6; -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:#006cb6; -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:#006cb6; -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);}





/*轮播*/
#ibframe img{float:left;width:100%;transform:none;}


/*首页*/
.homecheck{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;overflow: hidden;}
@media (min-width:768px){.homecheck{width:750px}
}
@media (min-width:992px){.homecheck{width:970px}
}
@media (min-width:1200px){.homecheck{width:1170px}
}
@media (min-width:1500px){.homecheck{width:1470px}
}
@media (min-width:1750px){.homecheck{width:1720px}
}

.logoo{display:none;}
.searchli{display:none;}
.checked{color:#006cb6;}

#head{height: 120px;width:100%;overflow: hidden;}
#head .headleft{width: 40%;float: left;}
#head .headright{width: 50%;float: right;display: flex;justify-content: space-between;}
#logo{overflow: hidden;width: auto;max-width: 110px;float: left;line-height: 120px;}
#logo img{transform: none;line-height: 120px;}
#head .webname{float: left;padding: 30px 0;height: 120px;padding-left: 30px;}
#head .webname p{font-size: 22px;font-weight: bold;}

#Menu{padding-top: 40px;margin: 0;}
#Menu ul.menunav{line-height: 80px;display: flex;}
#Menu ul.menunav>li{float: left;padding: 0px 20px;}
#Menu ul.menunav>li>a{font-size: 18px;text-transform: uppercase;color: #333333;}
#Menu ul.menunav>li>a:hover{text-decoration:none;color:#006cb6;}
#langandsearch{margin:0;padding-left: 20px;}
#langandsearch #language{float: right;padding-top: 20px;}
#langandsearch #language p{font-size: 16px;color: #666666;}
#langandsearch #language p a{font-size: 16px;color: #666666;}
#langandsearch #language p a:nth-child(1){border-right: 2px solid #666666;}
#langandsearch #search{line-height: 75px;position: relative;z-index:33;margin-top:35px;}
#langandsearch #search input{line-height: 18px;border: none;border-bottom: 1px solid #666666;width: 100%;padding-left: 5px;font-size: 18px;
}
#langandsearch #search button{line-height: 18px;border: none;position: absolute;bottom: 30px;right: 0;z-index: 22;
background-color: white;}
#langandsearch #search button i{font-size: 20px;}

@media (max-width:1750px) {
	#head{height: 120px;width:100%;overflow: hidden;}
	#head .headleft{width: 40%;float: left;}
	#head .headright{width: 50%;float: right;display: flex;justify-content: space-between;}
	#logo{overflow: hidden;width: auto;max-width: 110px;float: left;line-height: 120px;}
	#logo img{transform: none;line-height: 120px;}
	#head .webname{float: left;padding: 30px 0;height: 120px;padding-left: 30px;}
	#head .webname p{font-size: 20px;font-weight: bold;}
	
	#Menu{padding-top: 40px;margin: 0;}
	#Menu ul.menunav{line-height: 80px;display: flex;}
	#Menu ul.menunav>li{float: left;padding: 0px 10px;}
	#Menu ul.menunav>li>a{font-size: 16px;text-transform: uppercase;color: #333333;}
	
}
@media (max-width:1500px) {
	#head{height: 100px;width:100%;overflow: hidden;}
	#head .headleft{width: 40%;float: left;}
	#head .headright{width: 60%;float: right;display: flex;justify-content: space-between;}
	#logo{overflow: hidden;width: auto;max-width: 100px;float: left;line-height: 100px;}
	#logo img{transform: none;line-height: 100px;}
	#head .webname{float: left;padding: 30px 0;height: 100px;padding-left: 20px;}
	#head .webname p{font-size:16px;font-weight: bold;}
	
	#Menu{padding-top: 30px;margin: 0;}
	#Menu ul.menunav{line-height:70px;display: flex;}
	#Menu ul.menunav>li{float: left;padding: 0px 10px;}
	#Menu ul.menunav>li>a{font-size: 16px;text-transform: uppercase;color: #333333;}
	#langandsearch{margin:0;padding-left: 20px;}
	#langandsearch #language{float: right;padding-top: 10px;}
	#langandsearch #language p{font-size: 16px;color: #666666;}
	#langandsearch #language p a{font-size: 16px;color: #666666;}
	#langandsearch #language p a:nth-child(1){border-right: 2px solid #666666;}
	#langandsearch #search{line-height: 60px;position: relative;}
	#langandsearch #search input{line-height: 16px;border: none;border-bottom: 1px solid #666666;width: 100%;padding-left: 5px;font-size: 18px;
	}
	#langandsearch #search button{line-height: 16px;border: none;position: absolute;bottom: 30px;right: 0;z-index: 22;
	background-color: white;}
	#langandsearch #search button i{font-size: 18px;}
	
}
@media (max-width:1200px) {
	#head{height: 100px;width:100%;overflow: hidden;}
	#head .headleft{width: 30%;float: left;}
	#head .headright{width: 70%;float: right;display: flex;justify-content: space-between;}
	#logo{overflow: hidden;width: auto;max-width: 100px;float: left;line-height: 100px;}
	#logo img{transform: none;line-height: 100px;}
	#head .webname{float: left;padding: 15px 0;height: 100px;padding-left: 20px;display: none;}
	#head .webname p{font-size:14px;font-weight: bold;}
	
	#Menu{padding-top: 30px;margin: 0;}
	#Menu ul.menunav{line-height:70px;display: flex;}
	#Menu ul.menunav>li{float: left;padding: 0px 10px;}
	#Menu ul.menunav>li>a{font-size: 14px;text-transform: uppercase;color: #333333;}
	#langandsearch{margin:0;padding-left: 15px;}
	#langandsearch #language{float: right;padding-top: 10px;}
	#langandsearch #language p{font-size: 14px;color: #666666;}
	#langandsearch #language p a{font-size: 14px;color: #666666;}
	#langandsearch #language p a:nth-child(1){border-right: 2px solid #666666;}
	#langandsearch #search{line-height: 60px;position: relative;}
	#langandsearch #search input{line-height: 14px;border: none;border-bottom: 1px solid #666666;width: 100%;padding-left: 5px;font-size: 18px;
	}
	#langandsearch #search button{line-height: 14px;border: none;position: absolute;bottom: 20px;right: 0;z-index: 22;
	background-color: white;}
	#langandsearch #search button i{font-size: 16px;}
	
}
@media (max-width:991px) {
	#head .headleft{width: 10%;float: left;}
	#head .headright{width: 90%;float: right;display: flex;justify-content: space-between;}
	
}

@media (max-width:768px) {
    .logoo{display:block;background-color:white;}

    	#head .headleft{width: 20%;float: left;}
        	#head .headright{width: 80%;float: right;display: flex;justify-content: space-between;}

    #Menu ul.menunav>li>ul{display:block;position:static;background-color:#006cb6;width:100%;border:none;box-shadow:none;}
    #Menu ul.menunav>li>ul>li a{color:white;padding:0;line-height:30px;padding-left:5px;}
    #Menu ul.menunav>li>ul>li a:hover{color:#006cb6;}
    #head .headright{display:flow-root;}
    #Menu ul.menunav{overflow:hidden;}
    	#logo{overflow: hidden;width: auto;max-width: 150px;float: left;line-height: 80px;}
    	#head{height: 80px;width:100%;overflow: hidden;}
        #logo img{transform: none;line-height: 80px;}
        #Menu ul.menunav{line-height:40px;display:block;width:100%;}
        #Menu ul.menunav>li{float: left;padding: 0px 5px;width:100%;border-bottom:1px dashed white;}
	#Menu ul.menunav>li>a{font-size: 15px;text-transform: uppercase;color:white;line-height:20px;}
    
	#langandsearch #search{line-height: 75px;position: relative;display: none;}
    #langandsearch #language{float:right;text-align:right;}
	#menu_btn{ display: block;margin-top:5px;}
        #Menu{width:220px;position:fixed;left:-220px;top: 0px; bottom: 0px; background: #006cb6; z-index: 9; overflow-x:hidden;overflow-y:auto;transition:all .5s ease;padding-top:0;}
    .searchli{display:block;}
    #Menu.show{left:0;}
    .searchli input{border:none;padding-left:5px;line-height:30px;}
    .searchli button{border:none;background-color:#006cb6;}
    .searchli button i{color:white;}

}


::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-track{
    background-color:#cfd0dd;
 }
 ::-webkit-scrollbar-button {
            background-color:cyan;
        }





#frame1{overflow: hidden;padding: 30px 0;background:url(/Template/Default/images/frame1back.jpg) no-repeat fixed;background-size: 100%;}
#frame1 .hometitle h1{font-size: 38px;line-height: 70px;text-transform: uppercase;text-align: center;margin: 0;
color: #333333;}
#frame1 .hometitle p{font-size: 16px;line-height: 70px;text-transform: uppercase;text-align: center;margin: 0;
text-transform: capitalize;color: #333333;}
#frame1 .linkcatelist{ margin-left: -5px;margin-right: -5px;padding-top: 40px;width:100%;display: flex;padding-bottom:20px;
overflow-x: auto;
overflow-y: hidden;

}
#frame1 .linkcatelist .item{float: left;width: 16.6666%;padding-left: 5px;padding-right: 5px;flex-shrink: 0;}
.linkcatelist::-webkit-scrollbar {
    width:10px;
    height:10px;
}
.linkcatelist::-webkit-scrollbar-thumb {
    background-color:#0f1554;
}
.linkcatelist::-webkit-scrollbar-track{
    background-color:#cfd0dd;
 }
#frame1 .linkcatelist .hr{background-color:white;height:3px;float:left;top:45%;width:15%;position:absolute;}
#frame1 .linkcatelist .item .border:hover a .txt .hr{background-color:#006cb6;}
#frame1 .linkcatelist .item .border{position: relative;}
#frame1 .linkcatelist .item .border a{display: block;text-decoration: none;}
#frame1 .linkcatelist .item .border a .pic{overflow: hidden;}
#frame1 .linkcatelist .item .border a .txt p{text-align: center;font-size: 15px;line-height: 30px;color: white;text-transform: uppercase;}
#frame1 .linkcatelist .item .border a .txt{bottom: 0;width: 100%;position: absolute;}
#frame1 .linkcatelist .item .border:hover .txt{bottom: -40px;}
#frame1 .linkcatelist .item .border:hover a .txt p{color: black;}
#frame1 .linkcatelist .item .pic:hover{margin-top: -40px;}






@media (max-width:1500px) {
	#frame1 .hometitle h1{font-size: 30px;line-height: 50px;text-transform: uppercase;text-align: center;margin: 0;
	color: #333333;}
	#frame1 .hometitle p{font-size: 15px;line-height:40px;text-transform: uppercase;text-align: center;margin: 0;
	text-transform: capitalize;color: #333333;}
	#frame1 .linkcatelist{overflow-x: auto;
overflow-y: hidden; margin-left: -5px;margin-right: -5px;padding-top: 30px;}
    #frame1 .linkcatelist .item{float: left;width: 20%;padding-left: 5px;padding-right: 5px;flex-shrink: 0;}

	#frame1 .linkcatelist .item .border:hover .txt{bottom: -30px;}
	#frame1 .linkcatelist .item .pic:hover{margin-top: -30px;}
	
	#frame1 .linkcatelist .item .border a .txt p{text-align: center;font-size: 13px;line-height: 30px;color: white;text-transform: uppercase;}
	
}

@media(max-width:1200px){
        #frame1 .linkcatelist .item{float: left;width: 25%;padding-left: 5px;padding-right: 5px;flex-shrink: 0;}
        	#frame1 .linkcatelist{overflow-x: auto;
overflow-y: hidden; margin-left: -5px;margin-right: -5px;padding-top: 30px;}
            #frame1 .linkcatelist .item .border a .txt p{text-align: center;font-size: 12px;line-height: 30px;color: white;text-transform: uppercase;}

}
@media(max-width:991px){
    #frame1{overflow: hidden;padding: 15px 0;background:url(../img/frame1back.jpg) no-repeat fixed;background-size: 100%;}

        #frame1 .linkcatelist .item{float: left;width:33.3333333%;padding-left: 5px;padding-right: 5px;flex-shrink: 0;}
        	#frame1 .linkcatelist{overflow-x: auto;
overflow-y: hidden; margin-left: -5px;margin-right: -5px;padding-top: 20px;}
            #frame1 .linkcatelist .item .border a .txt p{text-align: center;font-size: 12px;line-height: 30px;color: white;text-transform: uppercase;}
            	#frame1 .hometitle h1{font-size: 20px;line-height:40px;text-transform: uppercase;text-align: center;margin: 0;
	color: #333333;}
	#frame1 .hometitle p{font-size: 13px;line-height:30px;text-transform: uppercase;text-align: center;margin: 0;
	text-transform: capitalize;color: #333333;}

}
@media(max-width:768px){
        #frame1 .linkcatelist .item{float: left;width:50%;padding-left: 5px;padding-right: 5px;flex-shrink: 0;}
        	#frame1 .linkcatelist{overflow-x: auto;
overflow-y: hidden; margin-left: -5px;margin-right: -5px;padding-top: 10px;}
            #frame1 .linkcatelist .item .border a .txt p{text-align: center;font-size: 12px;line-height: 30px;color: white;text-transform: uppercase;}
                #frame1 .linkcatelist .item img{width:100%;}
}


#foot{overflow: hidden;}
#foot #footletter{width: 100%;background-image: url(/Template/Default/images/footback.jpg);background-repeat: no-repeat;background-size: cover;
overflow: hidden;padding: 40px 0;}
#foot #footletter .letterleft{width: 50%;float: left;}
#foot #footletter .letterright{width: 50%;float: left;position: relative;}
#foot #footletter .letterleft h3{width: 30%;margin:0;float: left;font-size: 30px;font-weight: bold;color: white;
letter-spacing: 3px;line-height: 40px;}
#foot #footletter .letterleft p{width: 30%;margin:0;float: left;font-size: 16px;color: white;line-height: 25px;}
#foot #footletter .letterright input{float: right;width: 60%;line-height: 55px;border: 1px solid #e4e4e4;font-size: 18px;
padding-left: 10px;}
#foot #footletter .letterright button{position: absolute;right: 0;height: 57px;border: none;
border-top:1px solid #e4e4e4 ;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;width: 150px;
box-sizing: border-box;background-color: #0160a4;}
#foot #footletter .letterright button i{color: white;font-size: 30px;line-height: 55px;}
#footcontact{overflow: hidden;padding: 50px 0;background-color: #f7f7f7;}
#footcontact dl.contactfoot{width: 70%;float: left;}
#footcontact dt{font-family: Google;font-size: 20px;line-height: 50px;text-transform: uppercase;}
#footcontact dd{text-transform: capitalize;color: #333333;font-size: 16px;line-height: 50px;font-weight: bold;}
#footcontact dd>p{color: #666666;display: inline-block;font-weight: normal;}
#footlink{overflow: hidden;padding: 12px 0;background-color: #006cb6;/*position: fixed;bottom: 0;z-index: 100;left: 0;width: 100%;right: 0;*/}
#footlink .linklist{overflow: hidden;}
#footlink .linklist .item{width: 33.33333%;float: left;}
#footlink .linklist .item a{display: block;width: 100%;color: white;text-align: center;font-size: 20px;cursor:default;
line-height: 40px;text-decoration: none;}
#footlink .linklist .item:not(:nth-child(1)) a{border-left: 2px solid white;}
#footlink .linklist .item a i{font-size: 20px;}
#footcontact .foter{float: right;overflow: hidden;}
#footcontact .foter .item{width: 50%;float: left;overflow: hidden;padding-left: 30px;}
#footcontact .foter .item .border{overflow: hidden;}
#footcontact .foter .item .border img{transform: none;}
#footcontact .foter .item .border p{text-align: center;font-size: 16px;line-height: 28px;
text-transform: capitalize;margin-top: 10px;}
.foot_by{padding:10px 0 10px;text-align:center;background-color:#ffffff;/*margin-bottom:60px;*/}
.foot_by .footdiv{display:inline-block; font-size:14px; line-height:24px;color:#333333;}
.foot_by .footdiv a{ display:inline-block; font-size:14px; line-height:24px;color:#333333;}
.foot_by .footdiv a:hover{text-decoration:underline;}
.foot_by .footdiv.fl{float:left;}
.foot_by .footdiv.fr{float:right;}
@media (max-width:1500px) {
	#foot #footletter{overflow: hidden;padding: 20px 0;}
	#foot #footletter .letterleft{width: 60%;float: left;}
	#foot #footletter .letterright{width: 40%;float: left;position: relative;}
	#foot #footletter .letterleft h3{margin:0;float: left;font-size: 20px;
	letter-spacing: 3px;line-height: 60px;}
	#foot #footletter .letterleft p{margin:0;float: left;font-size: 14px;color: white;line-height: 25px;}
	#foot #footletter .letterright input{float: right;width: 90%;line-height: 45px;border: 1px solid #e4e4e4;font-size: 18px;
	padding-left: 10px;}
	#foot #footletter .letterright button{position: absolute;right: 0;height: 47px;border: none;
	border-top:1px solid #e4e4e4 ;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;width: 100px;
	box-sizing: border-box;background-color: #0160a4;}
	#foot #footletter .letterright button i{color: white;font-size: 24px;line-height: 47px;}
	#footcontact{overflow: hidden;padding: 30px 0;background-color: #f7f7f7;}
	
	#footcontact dl.contactfoot{width: 70%;float: left;}
	#footcontact dt{font-family: Google;font-size: 16px;line-height: 50px;text-transform: uppercase;}
	#footcontact dd{text-transform: capitalize;color: #333333;font-size: 13px;line-height: 50px;font-weight: bold;}
	#footcontact dd>p{color: #666666;display: inline-block;font-weight: normal;}
	#footcontact .foter{float: right;overflow: hidden;width: 30%;}
	.foot_by{padding:10px 0;}
}
@media (max-width:1200px) {
		#footcontact dt{font-family: Google;font-size: 16px;line-height: 30px;text-transform: uppercase;}
	#footcontact dd{text-transform: capitalize;color: #333333;font-size: 13px;line-height: 30px;font-weight: bold;}
#footlink .linklist .item a{display: block;width: 100%;color: white;text-align: center;font-size: 16px;
line-height:35px;text-decoration: none;}
#footlink .linklist .item a i{font-size: 16px;}

}

@media (max-width:991px) {
	#foot #footletter{overflow: hidden;padding:10px 0;}
	#foot #footletter .letterleft{width: 60%;float: left;}
	#foot #footletter .letterright{width: 40%;float: left;position: relative;padding: 10px 0;}
	#foot #footletter .letterleft h3{width: 100%;margin:0;float: left;font-size:18px;
	letter-spacing: 3px;line-height: 60px;}
	#foot #footletter .letterleft p{display: none;}
	#foot #footletter .letterright input{float: right;width: 100%;line-height: 40px;border: 1px solid #e4e4e4;font-size: 15px;
	padding-left: 10px;}
	#foot #footletter .letterright button{position: absolute;right: 0;height: 42px;border: none;
	border-top:1px solid #e4e4e4 ;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;width: 100px;
	box-sizing: border-box;background-color: #0160a4;}
	#foot #footletter .letterright button i{color: white;font-size: 24px;line-height: 42px;}
	#footcontact{overflow: hidden;padding: 30px 0;background-color: #f7f7f7;}
	
	#footcontact{overflow: hidden;padding: 15px 0;background-color: #f7f7f7;}
	
	#footcontact .foter{float: right;overflow: hidden;width: 100%;}
	#footcontact .foter .item .border{overflow: hidden;text-align: center;}
	#footcontact .foter .item .border p{text-align: center;font-size: 14px;line-height: 20px;
	text-transform: capitalize;margin-top: 0px;}
	.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 (max-width:768px) {
    #footcontact .foter .item{width: 50%;float: left;overflow: hidden;padding-left: 5px;}

	#footlink{overflow: hidden;padding: 5px 0;background-color: #006cb6;display: none;}
	
	#foot #footletter{width: 100%;background-image: url(../img/footback.jpg);background-repeat: no-repeat;background-size: cover;display: none;}
	#footlink .linklist .item a{display: block;width: 100%;color: white;text-align: center;font-size: 12px;
	line-height:26px;text-decoration: none;}
	#footlink .linklist .item a i{font-size: 12px;}
	.foot_by{padding:10px 0;margin-bottom:48px;}
    .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%;}
}



/*内页标题*/
.probycatelist{overflow: hidden;padding: 30px 0;}
.probycatelist i{font-size:24px;}
.title h3{font-family: gesans-bold;font-size: 28px;margin: 0;display: inline-block;text-transform:uppercase;padding-left:10px;}
.title p{font-size: 15px;display: inline-block;font-weight:normal;color:#8b8b8b}

em{color:red;padding:0 5px;}

@media (max-width:1200px) {
    .title h3{font-family: gesans-bold;font-size: 20px;margin: 0;display: inline-block;}
	.title p{font-family: gesans-bold;font-size: 14px;display: inline-block;}
	
}
@media (max-width:991px) {
	.title h3{font-family: gesans-bold;font-size:18px;margin: 0;display: inline-block;}
	.title p{font-family: gesans-bold;font-size: 12px;display: inline-block;}
	.probycatelist{overflow: hidden;padding: 15px 0;}
.probycatelist i{font-size:20px;}
}


/*坐标*/
#Location{width: 100%;height: 60px;background-color: #006cb6;}
#Location .normalloca a{color: white;line-height: 60px;font-size: 18px;text-transform: capitalize;text-decoration: none;position:relative;}
#Location .normalloca a:before{content:"";position:absolute;bottom:-5px;z-index:-1;height:5px;width:100%;background-color:white;}
#Location .normalloca a:hover:before{bottom:0px;z-index:1;}
/* #Location .normalloc:a a:nth-child(1){margin-right: 0;padding-right: 30px;}
#Location .normalloca a:nth-child(2){margin-left: 0;padding-left: 30px;} */
#Location .normalloca{display: flex;justify-content: space-around;}


.active3:before{bottom:0px;z-index:1;}


@media (max-width:991px) {
	#Location{width: 100%;height: auto;background-color: #006cb6;}
	#Location .normalloca a{color: white;line-height: 40px;font-size: 14px;text-transform: capitalize;text-decoration: none;}
	
	
}

@media(max-width:768px){
    	#Location{width: 100%;height: auto;background-color: #006cb6;}
	#Location .normalloca a{color: white;line-height: 40px;font-size: 11px;text-transform: capitalize;text-decoration: none;}

}


#ibframe img{width:100%;}


/*产品中心页*/
#Location .catelist{overflow: hidden;display: flex;justify-content: space-between;}
#Location .catelist a{color: white;font-size: 18px;line-height: 60px;text-transform: uppercase;text-decoration: none;
}
#proframe1{overflow: hidden;width:100%;}
#proframe1 .prolist{overflow: hidden;margin-left: -15px;margin-right: -15px;}
#proframe1 .prolist .item{width: 25%;float: left;padding-left: 15px;padding-right: 15px;overflow: hidden;}

#proframe1 .prolist .item .border{overflow: hidden;}
#proframe1 .prolist .item a{overflow: hidden;text-decoration: none;}
#proframe1 .prolist .item .pic{overflow: hidden;}
#proframe1 .prolist .item .pic img{width: 100%;}
#proframe1 .prolist .item .txt{overflow: hidden;padding: 20px 0;}
#proframe1 .prolist .item .txt p{font-size: 18px;color: black;text-align: center;line-height: 24px;}
#proframe1 .prolist .item:nth-child(4n+1){clear:both;}

.probycatelist select{width:300px;background-color:#333333;color:white;line-height:40px;height:40px;padding-left:15px;border-radius:5px;margin-right:20px;margin-top:20px;}
.probycatelist select option{line-height:45px;height:45px;}


@media (max-width:1200px) {
	#proframe1 .prolist{overflow: hidden;margin-left: -10px;margin-right: -10px;}
	#proframe1 .prolist .item{width: 25%;float: left;padding-left: 10px;padding-right: 10px;overflow: hidden;}
	
}
@media (max-width:991px) {
	#proframe1 .prolist{overflow: hidden;margin-left: -10px;margin-right: -10px;}
	#proframe1 .prolist .item{width: 33.333333%;float: left;padding-left: 10px;padding-right: 10px;overflow: hidden;}
	#proframe1 .prolist .item .txt{overflow: hidden;padding:15px 0;}
	#proframe1 .prolist .item .txt p{font-size: 16px;color: black;text-align: center;line-height: 24px;}
	#Location .catelist{overflow: hidden;display: flex;justify-content: space-between;flex-wrap:wrap;}
	#Location .catelist a{color: white;font-size: 11px;line-height: 35px;text-transform: uppercase;text-decoration: none;width:50%;max-width:50%;min-width:50%;padding-left:5px;
	}
    #Location .catelist a:hover{background-color:white;color:#006cb6;}
    	#proframe1 .prolist .item:nth-child(3n+1){clear:both;}
        #proframe1 .prolist .item:nth-child(4n+1){clear:none;}

}
@media (max-width:768px) {
	#proframe1 .prolist{overflow: hidden;margin-left: -5px;margin-right: -5px;}
	#proframe1 .prolist .item{width: 50%;float: left;padding-left: 5px;padding-right: 5px;overflow: hidden;}
	#proframe1 .prolist .item .txt{overflow: hidden;padding: 10px 0;}
	#proframe1 .prolist .item .txt p{font-size: 13px;color: black;text-align: center;line-height: 16px;}
	#proframe1 .prolist .item:nth-child(2n+1){clear:both;}
        #proframe1 .prolist .item:nth-child(3n+1){clear:none;}
}



/*产品详情*/
#prodetailframe1{overflow: hidden;}
#prodetailframe1 .proremark{overflow: hidden;padding: 15px 0;}
#prodetailframe1 .proremark .remarkleft{width:50%;float: left;padding-bottom:30px;}
#prodetailframe1 .proremark .remarkright{width:50%;float: left;position: relative;padding-bottom:30px;padding-top:30px;}
#prodetailframe1 .proremark .inqury{overflow: hidden;float: right;position: absolute;bottom: 0;right: 0;}
#prodetailframe1 .proremark .remarkleft h3{color: black;font-size: 26px;line-height: 31px;font-weight: bold;}
#prodetailframe1 .proremark .remarkleft p{color: black;font-size: 18px;line-height: 24px;color: #494949;}
#prodetailframe1  .inqury a:nth-child(1){display: inline-block;line-height: 50px;width: 200px;
background-color: #006cb6;color: white;font-size: 18px;text-align: center;text-decoration: none;text-transform: uppercase;
}
#prodetailframe1  .inqury a:nth-child(2){display: inline-block;line-height: 50px;width:50px;
background-color: #006cb6;color: white;font-size: 18px;text-align: center;text-decoration: none;}

.prodetailbox{overflow: hidden;}
.prodetailbox .item{width: 100%;padding: 20px 0;}
.prodetailbox .item a{font-size: 18px;line-height: 30px;color: #006cb6;border-left: 5px solid #006cb6;padding-left: 10px;
display: block;height: 30px;text-decoration: none;width: auto;margin: 0;text-transform: uppercase;}



#probiglist .procheckmax{overflow-x: auto!important;width:100%;display: flex;padding:20px 0;
overflow-y: hidden!important;}
#probiglist .item{width:25%;float:left;flex-shrink: 0;padding-left: 5px;padding-right: 5px;}
#probiglist .procheckmax::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
.procheckmax::-webkit-scrollbar-thumb {
    background-color:#006cb6;
}
.procheckmax::-webkit-scrollbar-track{
    background-color:#cfd0dd;
 }




.conthr{width: 50%;margin: 20px auto;text-align: center;}

.panelbox img{transform:none;padding:15px 0;}
#proinq{display:none;}
#proinq h2{text-transform:uppercase;}
#proinq .incontext{overflow: hidden;margin-left: -15px;margin-right: -15px;}
#proinq .item{width: 25%;float: left;padding-left: 15px;padding-right: 15px;padding-bottom: 20px;position:relative;}
#proinq .item input{width: 100%;border: 2px solid #e7e7e7;line-height: 40px;padding-left: 10px;}


#proinq .item em{position:absolute;left:15px;line-height:40px;}

#proinq .item:nth-child(5){width: 100%;padding: 0 15px;padding-bottom: 15px;}
#proinq textarea{width: 100%;border: 2px solid #E7E7E7;padding-left: 10px;}
#proinq .send{overflow: hidden;margin-bottom:20px;} 
#proinq .send button{overflow: hidden;display: block;width: 100%;text-decoration: none;text-transform: uppercase;
text-align: center;background-color: #006CB6;border-radius: 10px;border: 1px solid #006CB6;height: 60px;
color: white;font-size: 20px;line-height: 60px;} 
#proinq .send button:hover{background-color: white;color:#006CB6;}

@media(max-width:991px){
    #prodetailframe1 .proremark{overflow: hidden;padding: 10px 0;padding-bottom :30px;}
    #prodetailframe1 .proremark .inqury{overflow: hidden;float: right;position: absolute;bottom: -30px;left:0;}
#prodetailframe1 .proremark .remarkleft h3{color: black;font-size: 20px;line-height: 28px;font-weight: bold;margin-top:0;}
#prodetailframe1 .proremark .remarkleft p{color: black;font-size: 14px;line-height: 20px;color: #494949;}
#prodetailframe1  .inqury a:nth-child(1){display: inline-block;line-height: 40px;width: 200px;
background-color: #006cb6;color: white;font-size: 14px;text-align: center;text-decoration: none;text-transform: uppercase;
}
#prodetailframe1  .inqury a:nth-child(2){display: inline-block;line-height: 37px;width:50px;
background-color: #006cb6;color: white;font-size: 14px;text-align: center;text-decoration: none;}
.prodetailbox .item{width: 100%;padding: 10px 0;}
.prodetailbox .item a{font-size: 16px;line-height: 30px;color: #006cb6;border-left: 5px solid #006cb6;padding-left: 10px;
display: block;height: 30px;text-decoration: none;width: auto;margin: 0;text-transform: uppercase;}
#prodetailframe1 .proremark .remarkleft{width:100%;float: left;padding-bottom:30px;}
#prodetailframe1 .proremark .remarkright{width:100%;float: left;position: relative;padding-bottom:30px;}

#proinq span{font-size: 22px;font-family:bahnschrift;font-weight: normal;color: #006cb6;}
	#proinq .title p{font-size: 14px;line-height: 18px;max-width: 700px;font-family: arial;margin-top: 5px;}
	#proinq .item input{width: 100%;border: 2px solid #e7e7e7;line-height: 35px;padding-left: 10px;}
	#proinq .send button{overflow: hidden;display: block;width: 100%;text-decoration: none;text-transform: uppercase;
	text-align: center;background-color: #006CB6;border-radius: 10px;border: 1px solid #006CB6;height: 40px;
	color: white;font-size: 16px;line-height: 40px;} 

    #probiglist .procheckmax{overflow-x: auto!important;width:100%;display: flex;padding:10px 0;
overflow-y: hidden!important;}
#probiglist .item{width:33.33333%;float:left;flex-shrink: 0;padding-left: 5px;padding-right: 5px;}

}
@media (max-width:768px) {
	#proinq .item{width:100%;float: left;padding-left: 15px;padding-right: 15px;padding-bottom:10px;}
	#proinq .item input{width: 100%;border: 2px solid #e7e7e7;line-height: 35px;padding-left: 10px;
	font-size: 13px;}
	#proinq .send button{overflow: hidden;display: block;width:120px;text-decoration: none;text-transform: uppercase;
	text-align: center;background-color: #006CB6;border-radius:5px;border: 1px solid #006CB6;height: 40px;
	color: white;font-size: 14px;line-height: 40px;} 
	#probiglist .item{width:50%;float:left;flex-shrink: 0;padding-left: 5px;padding-right: 5px;}

}


/*联系我们页*/
#contactframe1{overflow: hidden;padding: 40px 0;}
#contactframe1 .conframeleft{width: 50%;max-width: 50%;min-width: 50%;background-image: url(/Template/Default/images/conleft.jpg);
padding: 60px;}
#contactframe1 .conframeright{width: 50%;max-width: 50%;min-width: 50%;}
.flex{display: flex;}
.map{height:100%}

#contactframe1 .concon dt{font-size:28px;text-transform: uppercase;color: white;margin: 10px 0;font-family: arial;}
#contactframe1 .concon dd{font-size:15px;text-transform: uppercase;color: white;line-height: 30px;
color: #F7F7F7;text-transform: capitalize;}
#contactframe1 .concon dd a{font-size:16px;line-height:20px;color:white;}
#contactframe1 .concon dd p{font-size: 16px;line-height: 20px;margin: 20px 0;}
.consharelist h3{font-size: 24px;line-height: 30px;font-family: arial;font-weight: bold;color: white;}
.consharelist a{font-size:26px;color:white;padding-right:13px;display:inline-block;width:50px}
.consharelist img{transition:all 0.5s;}
.consharelist img:hover{transform: scale(1.05);}

#contactframe2 {
    overflow: hidden;
}
#contactframe2 .title{overflow: hidden;text-align: center;}
#contactframe2 h2{font-size: 30px;}
#contactframe2 span{font-size: 30px;font-family:bahnschrift;font-weight: normal;color: #006cb6;}
#contactframe2 .title p{font-size: 15px;line-height: 26px;max-width: 700px;font-family: arial;}

.conthr{width: 50%;margin: 20px auto;text-align: center;}
#contactframe2 .incontext{overflow: hidden;margin-left: -15px;margin-right: -15px;}
#contactframe2 .item{width: 25%;float: left;padding-left: 15px;padding-right: 15px;padding-bottom: 20px;position:relative;}
#contactframe2 .item input{width: 100%;border: 2px solid #e7e7e7;line-height: 40px;padding-left: 10px;}


#contactframe2 .item em{position:absolute;left:15px;line-height:40px;}

#contactframe2 .item:nth-child(5){width: 100%;padding: 0 15px;padding-bottom: 15px;}
#contactframe2 textarea{width: 100%;border: 2px solid #E7E7E7;padding-left: 10px;}
#contactframe2 .send{overflow: hidden;padding-bottom:20px;} 
#contactframe2 .send a{overflow: hidden;display: block;width: 100%;text-decoration: none;text-transform: uppercase;
text-align: center;background-color: #006CB6;border-radius: 10px;border: 1px solid #006CB6;height: 60px;
color: white;font-size: 20px;line-height: 60px;} 
#contactframe2 .send a:hover{background-color: white;color:#006CB6;}

@media (max-width:991px) {

    #contactframe1{padding:15px 0;}
    .flex{display: flex;flex-wrap:wrap;}
	#contactframe1 .conframeleft{width: 100%;max-width: 100%;min-width: 100%;
	padding: 60px;}
	#contactframe1 .conframeright{width: 100%;max-width: 100%;min-width: 100%;height:400px;}
	#contactframe2 .item{width:50%;float: left;padding-left: 15px;padding-right: 15px;padding-bottom:15px;}
	#contactframe1 .concon dt{font-size:24px;text-transform: uppercase;color: white;margin: 5px 0;font-family: arial;}
	#contactframe1 .concon dd{font-size:13px;text-transform: uppercase;color: white;line-height: 26px;
	color: #F7F7F7;text-transform: capitalize;}
	#contactframe1 .concon dd p{font-size: 16px;line-height: 20px;margin: 20px 0;}
	.consharelist h3{font-size: 20px;line-height: 30px;font-family: arial;font-weight: bold;color: white;}
	#contactframe2 h2{font-size:22px;margin: 0;}
	#contactframe2 span{font-size: 22px;font-family:bahnschrift;font-weight: normal;color: #006cb6;}
	#contactframe2 .title p{font-size: 14px;line-height: 18px;max-width: 700px;font-family: arial;margin-top: 5px;}
	#contactframe2 .item input{width: 100%;border: 2px solid #e7e7e7;line-height: 35px;padding-left: 10px;}
	#contactframe2 .send a{overflow: hidden;display: block;width: 100%;text-decoration: none;text-transform: uppercase;
	text-align: center;background-color: #006CB6;border-radius: 10px;border: 1px solid #006CB6;height: 40px;
	color: white;font-size: 16px;line-height: 40px;} 
	
}
@media (max-width:768px) {
	#contactframe1 .conframeleft{width: 100%;max-width: 100%;min-width: 100%;
	padding:30px;}
	#contactframe1 .conframeright{width: 100%;max-width: 100%;min-width: 100%;}
	#contactframe2 .item{width:100%;float: left;padding-left: 15px;padding-right: 15px;padding-bottom:10px;}
	#contactframe1 .concon dt{font-size:20px;text-transform: uppercase;color: white;margin: 5px 0;font-family: arial;}
	#contactframe1 .concon dd{font-size:12px;text-transform: uppercase;color: white;line-height: 25px;
	color: #F7F7F7;text-transform: capitalize;}
	#contactframe1 .concon dd p{font-size: 13px;line-height: 20px;margin: 15px 0;}
	#contactframe2 .item input{width: 100%;border: 2px solid #e7e7e7;line-height: 35px;padding-left: 10px;
	font-size: 13px;}
	#contactframe2 .send a{overflow: hidden;display: block;width:120px;text-decoration: none;text-transform: uppercase;
	text-align: center;background-color: #006CB6;border-radius:5px;border: 1px solid #006CB6;height: 40px;
	color: white;font-size: 14px;line-height: 40px;} 
	
}



.noinfo{padding:15px;}


/*关于我们*/
#aboutframe1{background-image: url(/Template/Default/images/aboutback.jpg);padding: 100px 0;}
#aboutframe1 h2{font-size: 30px;color: black;margin-bottom: 40px;text-transform: capitalize;}
#aboutframe1 h2 span{font-size: 30px;color: #006CB6;}
#aboutframe1 p{font-size: 15px;line-height: 30px;font-family: arial;margin-bottom: 30px;letter-spacing: -0.1px;}
#aboutframe1 a{display: block;text-align: center;text-decoration: none;height: 45px;width: 200px;float: left;
background-color: #006CB6;line-height: 45px;color: white;font-size: 16px;text-transform: capitalize;
border: 1px solid #006CB6;}
#aboutframe1 a:hover{background-color: rgba(0,0,0,0);color: #006CB6;}
#aboframe2{overflow: hidden;padding: 30px 0;}
#aboframe2 h2{font-size: 30px;color: black;margin-bottom: 40px;text-transform: capitalize;}
#aboframe2 h2 span{font-size: 30px;color: #006CB6;}
#aboframe2 .worklist{overflow: hidden;margin-left: -5px;margin-right: -5px;}

#aboframe2 .worklist .item{width: 25%;float: left;padding: 5px;overflow: hidden;}
#aboframe2 .worklist .item .border{overflow: hidden;}

#aboframe3{overflow: hidden;background-image: url(/Template/Default/images/honorback.png);padding: 40px 0;background-size: cover;background-repeat: no-repeat;}
#aboframe3 h2{font-size: 30px;color: white;margin-bottom: 40px;text-transform: capitalize;text-align: center;}
#aboframe3 .honorlist{overflow:hidden; margin-left: -20px;margin-right: -20px;}
#aboframe3 .honorlist .item{width: 25%;float: left;padding: 5px 20px;}
#aboframe3 .honorlist .item .border img{width:100%;}
#aboframe3 a{display: block;text-align: center;text-decoration: none;height: 45px;width: 200px;
background-color: #006CB6;line-height: 45px;color: white;font-size: 16px;text-transform: capitalize;
border: 1px solid #006CB6;margin: 0px auto;margin-top: 40px;}
#aboframe3 a:hover{background-color: rgba(0,0,0,0);color: #006CB6;}

#aboframe4{overflow: hidden;padding: 40px 0px 20px 0px;}
#aboframe4 h2{font-size: 30px;color: black;margin-bottom: 30px;text-transform: capitalize;margin-top:0px;}
#aboframe4 h2 span{font-size: 30px;color: #006CB6;}
#aboframe4 .history{overflow:hidden;}

#aboframe4 .abopiont{padding-top:20px;position:relative;}


#aboframe4 .history .item{overflow:hidden;width:100%;display:flex;}
#aboframe4 .history .item .pic{overflow: hidden;float: left;margin: 0;width: 33.3333%;max-width: 33.3333%;min-width: 33.3333%;}
#aboframe4 .history .item .txt{overflow: hidden;float: left;background-color: #bebebe;margin: 0;position: relative;
width: 66.6666%;max-width: 66.6666%;min-width: 66.6666%;padding: 40px;}
#aboframe4 .history .item .txt h3{font-size: 26px;font-weight: bold;color: white;margin-top:0px;margin-bottom: 20px;}
#aboframe4 .history .item .txt p{font-size: 16px;color: #f7f7f7;line-height: 20px;max-width: 500px;text-align: left;
margin: 0;font-family: arial;}
#aboframe4 .history .item .txt time{position: absolute;font-size: 100px;right: 20px;bottom: -10px;color: #dbdbdb;}
#aboframe4 .abopopn{left:300px;}


@media (max-width:1200px) {
	#aboutframe1{padding:40px 0;}
	#aboutframe1 h2{font-size: 24px;color: black;margin-bottom:30px;text-transform: capitalize;}
	#aboutframe1 h2 span{font-size: 24px;color: #006CB6;}
	#aboutframe1 p{font-size: 13px;line-height: 30px;font-family: arial;margin-bottom: 24px;letter-spacing: -0.1px;}
	#aboutframe1 a{display: block;text-align: center;text-decoration: none;height: 40px;width: 200px;float: left;
	background-color: #006CB6;line-height: 40px;color: white;font-size: 16px;text-transform: capitalize;
	border: 1px solid #006CB6;}
	#aboutframe1 a:hover{background-color: rgba(0,0,0,0);color: #006CB6;}
	#aboframe2{overflow: hidden;padding: 20px 0;}
	#aboframe2 h2{font-size: 24px;color: black;margin-bottom: 40px;text-transform: capitalize;}
	#aboframe2 h2 span{font-size: 24px;color: #006CB6;}
	#aboframe2 .worklist{overflow: hidden;margin-left: -5px;margin-right: -5px;}
	#aboframe2 .worklist .item{width: 25%;float: left;padding: 5px;overflow: hidden;}
	#aboframe2 .worklist .item .border{overflow: hidden;}
	#aboframe3 h2{font-size: 20px;color: white;margin-bottom: 30px;text-transform: capitalize;text-align: center;}
	#aboframe4{overflow: hidden;padding: 20px 0;}
	#aboframe4 h2{font-size: 20px;color: black;margin-bottom: 30px;text-transform: capitalize;}
	#aboframe4 h2 span{font-size: 20px;color: #006CB6;}
	#aboframe4 .history .item .txt h3{font-size: 22px;font-weight: bold;color: white;margin-top: 30px;margin-bottom: 20px;}
	#aboframe4 .history .item .txt p{font-size: 14px;color: #f7f7f7;line-height: 30px;max-width: 500px;text-align: left;
	margin: 0;
	font-family: arial;}
	#aboframe4 .history .item .txt time{position: absolute;font-size: 80px;right: 10px;bottom: -10px;color: #dbdbdb;}
}
@media (max-width:991px) {
	#aboframe4 .history{}
	#aboframe4 .history .item{display: flex;}
	#aboframe4 .history .item .pic{overflow: hidden;float: left;margin: 0;width: 40%;max-width: 40%;min-width: 40%;}
	#aboframe4 .history .item .txt{overflow: hidden;float: left;background-color: #bebebe;margin: 0;position: relative;
	width: 60%;max-width: 60%;min-width: 60%;padding: 20px;}
	#aboframe4 h2{font-size: 18px;color: black;margin-bottom: 10px;text-transform: capitalize;margin-top: 0;}
	#aboframe3 h2{font-size: 18px;color: white;margin-bottom:10px;text-transform: capitalize;text-align: center;margin-top: 0;}
	#aboframe2 h2{font-size: 18px;color: black;margin-bottom: 10px;text-transform: capitalize;margin-top: 0;}
	#aboframe2 h2 span{font-size: 18px;color: #006CB6;}

	#aboframe4 h2 span{font-size: 18px;color: #006CB6;}
	#aboutframe1 h2{font-size: 18px;color: black;margin-bottom:10px;text-transform: capitalize;margin-top: 0;}
	#aboutframe1 h2 span{font-size: 18px;color: #006CB6;}
	
	#aboframe4 .history .item .txt h3{font-size: 20px;font-weight: bold;color: white;margin-top: 5px;margin-bottom: 5px;}
	#aboframe4 .history .item .txt p{font-size: 13px;color: #f7f7f7;line-height: 24px;max-width: 500px;text-align: left;
	margin: 0;	
	font-family: arial;}
	#aboframe4 .history .item .txt time{position: absolute;font-size:60px;right: 10px;bottom: -10px;color: #dbdbdb;}
	#aboutframe1 p{font-size: 12px;line-height: 24px;font-family: arial;margin-bottom:10px;letter-spacing: -0.1px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;}
	#aboutframe1{padding: 20px 0;}
	#aboutframe1 a{display: block;text-align: center;text-decoration: none;height: 35px;width: 120px;float: left;
	background-color: #006CB6;line-height:35px;color: white;font-size: 14px;text-transform: capitalize;
	border: 1px solid #006CB6;}
	
}

@media (max-width:768px) {
	#aboframe3{padding: 20px 0;background-size: cover;background-repeat: no-repeat;}
	
	#aboframe2 .worklist .item{width: 50%;float: left;padding: 5px;overflow: hidden;}
	#aboframe3 .honorlist{overflow:hidden; margin-left: -5px;margin-right: -5px;}
	#aboframe3 .honorlist .item{width: 33.333333%;float: left;padding: 5px;}
    #aboframe3 .honorlist .item:nth-last-child(1){display:none;}
	#aboframe3 a{display: block;text-align: center;text-decoration: none;height: 35px;width: 120px;
	background-color: #006CB6;line-height: 35px;color: white;font-size: 14px;text-transform: capitalize;
	border: 1px solid #006CB6;margin: 0px auto;margin-top: 15px;}
	#aboframe4{overflow: hidden;padding: 15px 0;}
		#aboframe4 h2{font-size: 20px;color: black;margin-bottom: 10px;text-transform: capitalize;}
		#aboframe4 h2 span{font-size: 20px;color: #006CB6;}
		#aboframe4 .history .item{display: flex;flex-wrap: wrap;}
		#aboframe4 .history .item .pic{overflow: hidden;float: left;margin: 0;width: 100%;max-width: 100%;min-width: 100%;}
		#aboframe4 .history .item .txt{overflow: hidden;float: left;background-color: #bebebe;margin: 0;position: relative;
		width: 100%;max-width: 100%;min-width: 100%;padding: 15px;}
		#aboframe4 .history .item .pic img{width: 100%;}
		#aboframe4 .history .item .txt h3{font-size: 18px;font-weight: bold;color: white;margin-top: 10px;margin-bottom: 20px;}
		#aboframe4 .history .item .txt p{font-size: 12px;color: #f7f7f7;line-height: 30px;
		margin: 0;
		font-family: arial;}
		#aboframe4 .history .item .txt time{position: absolute;font-size: 50px;right: 10px;bottom: -10px;color: #dbdbdb;}
	
}


/*服务中心*/
#serframe1{overflow:hidden;padding: 30px 0;}
#serframe1 h2{font-size: 30px;color: black;margin-bottom: 40px;text-transform: capitalize;text-align: center;}
#serframe1 h2 span{font-size: 30px;color: #006CB6;}

#serframe2{overflow: hidden;padding-bottom: 50px;}
#serframe2 h2{font-size: 30px;color: black;margin-bottom: 40px;text-transform: capitalize;text-align: center;}
#serframe2 h2 span{font-size: 30px;color: #006CB6;}
#serframe2 .downlist{overflow: hidden;}
#serframe2 .downlist .item{overflow: hidden;padding-top: 15px;}
#serframe2 .downlist .item .border{overflow: hidden;position: relative;}
#serframe2 .downlist .item .border img{transform: none;}
#serframe2 .downlist .item .border .txt{position: absolute;right:50px;bottom:30px;}
#serframe2 .downlist .item .border .txt p{font-size: 18px;color: white;text-align: center;}
#serframe2 .downlist .item .border .txt a{text-decoration: none;color: white;text-align: center;display: block;}
#serframe2 .downlist .item .border .txt a i{font-size: 40px;color: white;}

@media (max-width:1200px) {
	#serframe2 .downlist .item{overflow: hidden;padding-top: 10px;}
	#serframe2 .downlist .item .border .txt{position: absolute;right:30px;bottom:30px;}
	#serframe2 .downlist .item .border .txt p{font-size: 16px;color: white;text-align: center;}
	#serframe2 .downlist .item .border .txt a{text-decoration: none;color: white;text-align: center;display: block;}
	#serframe2 .downlist .item .border .txt a i{font-size: 30px;color: white;}
	#serframe1 h2{font-size: 27px;margin-bottom: 37px;}
	#serframe1 h2 span{font-size: 27px;;}
	#serframe2 h2{font-size: 27px;color: black;margin-bottom: 37px;}
	#serframe2 h2 span{font-size: 27px;}
	
	
}
@media (max-width:991px) {
	#serframe2 .downlist .item{overflow: hidden;padding-top: 10px;}
	#serframe2 .downlist .item .border .txt{position: absolute;right:30px;bottom:5px;}
	#serframe2 .downlist .item .border .txt p{font-size: 12px;color: white;text-align: center;line-height: 20px;}
	#serframe2 .downlist .item .border .txt a{text-decoration: none;color: white;text-align: center;display: block;}
	#serframe2 .downlist .item .border .txt a i{font-size: 16px;color: white;}
	#serframe1 h2{font-size: 22px;margin-bottom: 30px;}
	#serframe1 h2 span{font-size: 20px;}
	#serframe2 h2{font-size: 20px;color: black;margin-bottom: 30px;}
	#serframe2 h2 span{font-size: 20px;}
}
@media (max-width:768px) {
	#serframe1 h2{font-size: 22px;margin: 0;}
		#serframe1 h2 span{font-size: 20px;}
		#serframe2 h2{font-size: 20px;color: black;margin-bottom:0px;}
		#serframe2 h2 span{font-size: 20px;margin: 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%;}
}
/*分页*/
ul.pagination {box-shadow:none;width:100%;border-radius:0;text-align:center;}
ul.pagination li {margin-left:5px;display:inline-block;}
ul.pagination li a{background-color:#fff;border-color:#006cb6;border-radius:0;color:#006cb6;}
ul.pagination li.active span{background-color:#006cb6;border-color:#006cb6;border-radius:0;color:#fff;}
ul.pagination li:first-child a{border-radius:0;}
ul.pagination li:last-child a{border-radius:0;}
ul.pagination li:hover a,ul.pagination li.active:hover>span{background-color:#006cb6;color:#fff;}


/*感谢页面*/
#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 #006cb6;color:#ffffff;background-color:#006cb6;}
.btnthank:hover{background-color:#ffffff;color:#006cb6;}
@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%;}
}


/*************图库*************/
#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;}
}

#mobMenu{min-height:50px;border:1px solid #dddddd;position:fixed;width:100%;background-color:#006cb6;}
#mobMenu .foot_nav{width:25%;float:left;text-align:center;color: white;font-size:14px;}
#mobMenu .foot_nav a{color:white;}
#mobMenu .foot_nav i{display: block;padding: 3px 0px 0px 0px;font-size:18px;line-height:24px;}
#mobMenu .foot_nav .hamburger{position: inherit;float: none;margin: 0 auto;width:100%;}



#serframe1 .content{position:relative;padding:50px 0;}
#serframe1 .mapC{ position:absolute;top:0px; left:0px; width:100%; height:100%; transform:scale(1);transform-origin: 0 0; }
#serframe1 .mapC .dot{ width:100px;height:100px;position:absolute;box-sizing:border-box;border-radius:50%;text-align:center;line-height:100px;}
#serframe1 .mapC .dot:before{content:"";display:inline-block;width:50px;height:50px;border-radius:50%;margin-top:25px;opacity: 1}
#serframe1 .mapC .dot span{display:block;width:0px;height:0px;box-sizing:border-box;position:absolute;border-radius:50%;left:50%;top:50%;}
#serframe1 .mapC .dot .sp1{animation: spOne 4.5s linear 0s infinite;}
#serframe1 .mapC .dot .sp2{animation: spOne 4.5s linear 1.5s infinite;}
#serframe1 .mapC .dot .sp3{animation: spOne 4.5s linear 3s infinite;}
#serframe1 .mapC .dot .sp4{animation: spOne 4.5s linear 4.5s infinite;}
#serframe1 .mapC .dot1{top:6%;left:28%;}
#serframe1 .mapC .dot1:before{background-color:#d6ebe1;}
#serframe1 .mapC .dot1 span{border:0 solid #d6ebe1;}
#serframe1 .mapC .dot2{top:35%;left:20%;}
#serframe1 .mapC .dot2:before{background-color:#d3edfb;}
#serframe1 .mapC .dot2 span{border:0 solid #d3edfb;}
#serframe1 .mapC .dot3{top:66%;left:27%;}
#serframe1 .mapC .dot3:before{background-color:#fbd7a3;}
#serframe1 .mapC .dot3 span{border:0 solid #fbd7a3;}
#serframe1 .mapC .dot4{top:23%;left:43%;}
#serframe1 .mapC .dot4:before{background-color:#fadce9;}
#serframe1 .mapC .dot4 span{border:0 solid #fadce9;}
#serframe1 .mapC .dot5{top:57%;left:53%;}
#serframe1 .mapC .dot5:before{background-color:#f3ddc8;}
#serframe1 .mapC .dot5 span{border:0 solid #f3ddc8;}
#serframe1 .mapC .dot6{top:43%;left:72%;}
#serframe1 .mapC .dot6:before{background-color:#feecc0;}
#serframe1 .mapC .dot6 span{border:0 solid #feecc0;}
#serframe1 .mapC .dot7{top:72%;left:82%;}
#serframe1 .mapC .dot7:before{background-color:#ecf2c5;}
#serframe1 .mapC .dot7 span{border:0 solid #ecf2c5;}

@keyframes spOne{
0%{opacity:1;width:0px;height:0px;margin-left:0px;margin-top:0px;border-width:0px}
50%{opacity:0;width:200px;height:200px;margin-left:-100px;margin-top:-100px;border-width:20px}
100%{opacity:0;width:0px;height:0px;margin-left:0px;margin-top:00px;}
}



::-webkit-input-placeholder {
  color: #dcdcdc;
}
:-moz-placeholder {/* Firefox 18- */
  color: #dcdcdc;
}
::-moz-placeholder{/* Firefox 19+ */
 color: #dcdcdc;
}
:-ms-input-placeholder {
  color: #dcdcdc;
}

.active2{color:#006cb6;}


/*着陆页*/
#bac{height:100%;}
#landing1{overflow:hidden;}
#landing1 img{transform:none;height:100%;width:100%;}

#landlang{position:fixed;z-index:22;right:30px;top:40px;}
#landlang #language{float: right;}
#landlang #language p{font-size: 16px;color: white;}
#landlang #language p a{font-size: 16px;color: white;}
#landlang #language p a:nth-child(1){border-right: 2px solid #666666;}
.swiper_1{position:absolute;z-index:22;top:55%;left:calc(50% - 120px);color:white;font-size:20px;font-weight:bold;font-family:Arial;display:block;padding:20px;border-bottom:1px solid #706c69;
text-decoration:none;
}
.swiper_2 {
    position: absolute;
    z-index: 22;
    bottom:5%;
    left: calc(50% - 120px);
    color: white;
    font-size: 20px;
    font-weight: bold;
    font-family: Arial;
    display: block;
    padding: 20px;
    border-bottom: 1px solid #706c69;
    text-decoration: none;
}
#landing1 a{text-decoration:none;}