@charset "utf-8";


/*导航样式开始*/

            #webdh {
            text-align:center;
            vertical-align:middle;
            width: 1400px;
            height:30px;
            margin: 0 auto;
            font-size: 12px;
            font-weight: normal;
            COLOR: ;
            
            	background-color: ;
            
            overflow:hidden;
            }
            #webdh A:link { COLOR: ; TEXT-DECORATION: none}
            #webdh A:visited { COLOR: ; TEXT-DECORATION: none}
            #webdh A:hover { COLOR: ; TEXT-DECORATION: none}
            #copy {text-align:center;width:1400px;margin: 0 auto; line-height:150%;}
            .clear {clear:both; height:0; overflow:hidden; display:block;}
            .clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
            

/*中间内容开始*/

#bodycon {width:1400px;margin: 0 auto;}
#bodycon #left {float: left;width: 260px;

            	background-color: ;
            
}
#bodycon #center {float:left;width: 1140px;

            	background-color: ;
            
}
#bodycon #right {float:left;width: px; background-color: ; }
            
/*中间内容结束*/


/*详细内容开始*/
#bodycontent {width:1140px; float:right; line-height:180%;text-align:center;}
#bodycontent.bodycontent2020 {  text-align:left; }
            
/*详细内容结束*/

@font-face {
 font-family:fontDin;
 src: url(../cssnew/DIN-MEDIUM_otf.txt),url(../cssnew/DIN-MEDIUM_woff.txt),url(../cssnew/DIN-MEDIUM_eot.txt),url(../cssnew/DIN-MEDIUM_woff2.txt),url(../cssnew/DIN-MEDIUM_ttf.txt)}
/*通用代码*/
body{ font-size:14px; color:#484848; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1400px; overflow-x:hidden;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div,h1,h2,h3,h4,h5{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #484848; text-decoration: none;}
a:hover{color: #2b5bc5;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none}
.w1400{ width:1400px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}

.top10{height:10px;}
.top20{height:20px;}
.top30{height:30px;}
.top40{height:40px;}
.top50{height:50px;}
.top60{height:60px;}
.top70{height:70px;}
.top80{ height:80px;}

.en{ text-transform:uppercase; font-family:arial}
li,p,i,b,em,dt,dd,td,a,ul,td,input,textarea,span{ box-sizing:border-box;font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
.title { text-align:center; font-size:40px; color:#2b5bc5; position:relative;}
.title1:after{ content:''; display:block; position:absolute; width:100%; bottom:3px; left:0;}
.title b{ font-weight: 500; color:#222;} 
.title b span{ font-weight: bold; color:#d8e5f4; font-size:40px;} 
.title i{ color:#2b5bc5; font-weight:bold;} 

.title span{ display:block; font-size:37px; color:#96999b; margin:10px 0 15px 0; font-family: Helvetica Neue LT Pro; text-transform: uppercase; font-weight: lighter;}
.title em{ display:inline-block; height:8px; padding:0 20px; position:relative; z-index:3;} 
.title em i { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #d4d4d4; animation: bounce_fountainG 1.2s linear infinite;}
.title em i+i{ margin-left:9px;}
.title em i:nth-child(1){animation-delay: .4s;}
.title em i:nth-child(2){background:#2b5bc5;animation-delay: .6s;}
.title em i:nth-child(3){animation-delay: .8s;}
@keyframes bounce_fountainG { 
0% {
transform:scale(1);
}
100% {
transform:scale(.5);
}
}


/*抬头*/
.htop{ height:40px; background:#f5f5f5; line-height:40px;  }
.ttbj{ margin:0 150px;}
.htop p,.htop a{ font-size:13px; color:#666; font-weight:lighter;}
.htop li{ float:left; position:relative;}
.htop li:nth-child(1) a{ background:url(../img/dizhi.png) no-repeat left center; padding-left: 25px;}
.htop li:nth-child(2) a{ background:url(../img/dizhib.png) no-repeat left center; padding-left: 25px;}
.htop li:nth-child(3) a{ background:url(../img/video.png) no-repeat left center; padding-left: 25px;}
.htop li:nth-child(4) p{ background:url(../img/sousuo.png) no-repeat left center; padding-left: 25px;}
.htop li{ height:40px; padding:0px 17px; border-right:1px solid #e9e9e9; cursor:pointer; }
.htop li:nth-child(4){ border-right:0px solid #e9e9e9;}
.htop li a:hover{ text-decoration:underline; color:#2b5bc5;}
.dropcode{ position:absolute; right:0px; top:40px; width:100px; height:0px; overflow:hidden; transition:all 0.4s linear; z-index:98999;}
.dropcode img{ width:100%; height:100%;}
.htop li:hover .dropcode{ height:100px;}
.htop strong { font-size: 16px; color: #2b5bc5;}
.htop li:hover .search{ top:100%; visibility:visible; opacity:1;}
.search-bg{ width:530px; margin:0 auto; height:42px; padding-left:17px; border-radius:30px; border:1px solid #ddd;}
.search-bg input{ float:left; }
.search{ position:absolute; top:110%; width:560px; right:0px;background:#fff; z-index:999; opacity:0; visibility:hidden;box-shadow:0px 0px 3px #d8d8d8 inset;padding:20px; box-sizing:content-box; transition:all .3s ease;}
#infoname{ border:none; height:40px;  width:485px;}
#soo{ margin-top:12px;}
.keywords{ margin-top:20px; text-align:center;}
.keywords,.keywords a{ font-size:13px; color:#666; font-weight:lighter; line-height: 35px;  padding-left:0px !important;}
.keywords span{ color:#2b5bc5;}
.keywords a:hover{ color:#2b5bc5;}


/*导航*/
.hsecond{ padding:0px 150px; height:110px; min-width:1515px;}
.nav a{ display:inline-block; position:relative; line-height:120px; font-size:16px; color:#484848; font-weight:lighter; padding:0px 5px;}
.nav a.cur,.nav a:hover{ color:#2b5bc5;}
.nav a:after{ content:''; display:block; position:absolute; bottom:0px; left:0px; height:3px; background:#2b5bc5; right:0px; margin:0 auto; transition:all 0.4s ease; width:0px;}
.nav a:hover:after,.nav a.cur:after{ width:100%;}

.hlogo {  }
.hlogo img { padding-top:15px;}
.hmean { margin: 20px 0 0 20px;}
.hmean_t { padding-right: 20px; margin-right: 20px; position: relative; font-size: 24px; font-weight: 600;  display: block; color: #222;}
.hmean_c { font-size: 18px; color: #535353; margin: 5px 0 0 0; font-weight:500; padding-top:7px;}
.hmean span{  color:#2b5bc5; font-weight: bold;}


.nav>li>a{ display:block; line-height:110px; font-size:16px; color:#484848;}

.nav>li{ display:inline-block; position:relative; transition:all .3s ease;}
.nav>li+li{ margin-left:30px;}
.nav>li>a:after{ content:''; display:block; position:absolute; width:0; height:3px; left:0; bottom:0; transition:all .5s ease; background:#2b5bc5;}
.nav>li.cur>a:after,.nav>li:hover>a:after{ width:100%;}
.nav>li.cur>a,.nav>li:hover{ color:#2b5bc5;}
.nav li .sedNav {width:270px; padding:30px;position: absolute;background:#f9f9f9;right: 0;top:100%; z-index: 99;display: none;}
.nav li .sedNav p{font-size:18px; font-weight:bold; color:#222;padding-bottom:8px;}
.nav li .sedNav span{font-size:12px; color:#9ea9a5; text-transform:uppercase;}
.nav li .sedNav span:after{content:"";display: block;  width:30px; height:4px; background:#2b5bc5; margin-top:20px;}
.nav li .sedNav a {display: block; border:1px #e1e1e1 solid; width:140px;line-height: 34px;color: #999;font-size:14px; text-align: center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nav li .sedNav a+a{  margin-top:10px;}
.nav li .sedNav a:hover {color: #fff;background-color: #2b5bc5;}
.nav li .sedNav table,.nav li .sedNav tbody,.nav li .sedNav tr,.nav li .sedNav td{ display:block; width:100%;}
.nav li .sedNav tr+tr{ margin-top:10px;}
.nav li .sedNav td table{ display:none;}
.nav li .sedNav1 tr{ width:140px; display:inline-block; margin-bottom:10px;}
.nav li .sedNav1 tr:nth-last-child(1){ display:none;}
.nav li .sedNav1 tr+tr{ margin-top:0;}
.nav li .sedNav1 tr:nth-child(even){ margin-left:10px;}
.nav li .sedNav1 .sedNav_r{ width:290px;}
.nav li .sedNav1{ width:430px;}
@media screen and (max-width:1690px){
	.nav>li+li{ margin-left:20px;}
	}
@media screen and (max-width:1500px){
	.nav>li+li{ margin-left:10px;}
	}
	


/*版权*/
.contact{ height:418px; background:url(../img/contactbg.jpg) no-repeat top center; color:#fff;}
.contact .w1400{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}

.contactleft{ margin-top:44px;}
.crcl_t{ font-size:34px; color:#fff; padding-left:75px; line-height:110px; background:url(../img/lianxi.png) no-repeat left center; margin-bottom:45px;}
.crctel p{ font-size:18px; font-weight:lighter; line-height:36px; padding-left:50px; background:url(../img/tela.png) no-repeat left center; font-weight:lighter;}
.crctel p i{ font-size:32px;}
.crctel p span{ display:inline-block; vertical-align:bottom;}
.crctel p+p{ margin-top:25px;}
.crctel p:nth-child(2){ background-image:url(../img/lianxia.png);}
.crctel p:nth-child(3){ background-image:url(../img/dizhia.png);}

.contactright{ margin:30px -100px 0  0;  width: 737px;}
.custleft{ padding-top:20px;}
.custleft td{ display:inline-block;  margin: 7px; width:200px; height:100px; position:relative; background:#fff;}
.custleft td img{ width:100%; height:auto; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto!important; transform:scale(.8);
-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; transition:all .3s ease;}
.custleft td a{ display:block;}
.custleft td+td{ border-left:1px solid #dddddd;}
.custleft tr+tr{ display:block; border-top:1px solid #ddd;}
.custleft td:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;}

.crcr_t{ font-size:40px; color:#fff; padding-left:4px;}
.crcr_t em{ font-size:20px; color:#cdcccc; font-weight:lighter;}
.crcr_t em:before{ content:''; display:block; width:40px; height:4px; background:#2b5bc5; margin:20px 0;}
.crcr_btn{ margin-top:70px;}
.crcr_btn a{ display:inline-block; width:200px; height:55px; line-height:55px; text-align:center; background:#c99d49; border-radius:28px; font-size:18px; color:#fff; font-weight:lighter;}
.crcr_btn a:hover{ box-shadow:0 0 10px #ccc;}
.copyright{ background:#edf3ff;}
.crcon{ padding:75px 0 60px 0;}
.crcon,.kslj{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.kslj p{ font-size:20px; color:#4c4b48; margin-bottom:18px;}
.kslj a{ display:block; font-size:14px; color:#8b919d; line-height:30px;}
.kslj a:before{ display:inline-block; content:'-'; margin-right:15px; vertical-align:middle;}
.kslj p:before{ content:''; display:inline-block; width:3px; height:16px; background:linear-gradient(to bottom,#2e5dc3 50%,#76a0ff 50%); margin-right:15px;}
.kslj a:hover{ color:#2b5bc5;}
.kslj li+li{ margin-left:110px;}
.crcode{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;}
.crcodeleft img{ width:176px; height:176px; padding:10px; background:#fff; position:relative; border-radius:5px;}
.crcodeleft>div{ position:relative;}
.crcodeleft>div:after{ content:''; display:block; position:absolute; left:100%; top:16px; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:9px solid #fff;}

.crright{ margin:0 0 0 30px;}
.crcodeleft>div:nth-child(2):after{ top:76px;}
.crcodeleft>div:nth-child(3):after{ top:135px;}
.crright p{ cursor:pointer;  width:205px; height:46px; transition:all .3s ease; padding-left:25px; font-size:16px; color:#545556; font-weight:lighter; line-height:46px; border-radius:23px; background:linear-gradient(to right,#f3f7ff,#bfd4ff);}
.crright p i{ display:inline-block; vertical-align:middle; transition:all .3s ease; margin-right:15px; width:20px; height:20px; background:url(../img/ewmtb2.png) no-repeat center;}
.crright p+p{ margin-top:14px;}
.crright p.cur{ background:linear-gradient(to right,#2e5dc3,#6c9aff); color:#fff;}
.crright p.cur i{ background-image:url(../img/ewmtb1.png);}
.links{ border-top:1px solid #d6dce9; height:134px; background:url(../img/20210626201358_1418886006.png) no-repeat right center;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center; font-size:20px; color:#4c4b48;}
.links>p>span{ font-family:impact; padding:0 20px 0 5px; text-transform:uppercase;}

.linkTagcs { width:1200px; height:auto;}
.linkTagcs ul {margin:0px;padding:0px;list-style-type:none;}
.linkTagcs li {list-style:none;margin:0px;  padding-right:10px;line-height:30px;float:left;}
.linkTagcs li a { font-size:14px; color:#a4a197;word-break:break-all;}
.linkTagcs li img{border:0px;}


.end{ background:#1e3465;}
.end .w1400{ height:88px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.end,.end a{ font-size:15px; color:#b3b8bd;}
.end a:hover{ color:#fff;}