@font-face { font-family: 'SourceHanSansCN-Normal'; src: url('./font/SourceHanSansCN-Normal.ttf') }
@font-face { font-family: 'SourceHanSansCN-Bold'; src: url('./font/SourceHanSansCN-Bold.ttf') }
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {margin:0; padding:0; border:0 none; outline:0; color:inherit;}
html, body {width:100%; height:100%; color: #333333;}
body {margin:0 auto;  font-family: 'SourceHanSansCN-Normal'; src: url('./font/SourceHanSansCN-Normal.ttf'); vertical-align:baseline; overflow-y:scroll;background: #fff;}
h1 {font-weight:bold; font-size:18px; line-height:18px; color:#474545;}
h3 {font-weight:normal; font-size:12px; color:#746969;}
h2, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
a {text-decoration:none;}
p {line-height:22px; text-align:justify;}
a img, iframe {border:none;}

:focus {outline:0;}
/*img{ vertical-align:top;}*/
ol, ul {list-style:none;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}
/* == clearfix == */
.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/

/* == 以上 reset Css == */


/**************** 全局公用样式 ****************/
/*body {max-width:1580px; min-width:1130px;_width:expression(document.body.clientWidth<1130? "1130px": (document.body.clientWidth>1580?"1580px":"auto"));}*/
body {max-width:1920px; min-width:1130px; overflow-x: hidden;}
/*body.on {margin-left:-378px;}*/
.g-wrap {position:relative; margin:0 auto; width:1440px; height:100%; overflow:hidden;}
.g-wrap1 {position:relative; margin:0 auto; width:1440px; height:100%}
#header {position:fixed; z-index:55555555; height:179px; background: url(../img/tpbg.png); left: 0; right: 0; top: 0; margin: 0 auto; background-repeat: no-repeat; background-position: center top; }
	#logo2 {position:absolute; top:25px; left:90px; width:410px;  background-size: contain;}
    #logo {position:absolute; top:10px; left:0px;  height:88px; background-size: contain; }
	#logoline{position:absolute; top:190px;  height:1px;  width: 100%;border-top: 1px solid #fff; opacity: .5;}
    #nav { height:100%;  color:#232323;  width:100%; margin: 6px auto; display: flex; justify-content: space-between;}
	#nav ul{ display: flex; justify-content: space-between;}
    #nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
    #nav .n1 {width:85px; }
    #nav .n2, #nav .n3, #nav .n6, #nav .n7, #nav .n8 {width:85px;}
    #nav .n4 {width:85px;}
	#nav .n44 {width:85px;}
	#nav .n5 {width:85px;}
	.topnav{width:100%; position: absolute; right:0; margin: 0 auto;  background-repeat: no-repeat; background-position: center; top: 50px;}
	#logo dl dt{width:157px; float:left; margin-top: 15px;}
	#logo dl dd{width:360px; float:left; margin-left:30px; margin-top: 4%;border-left: 1px solid #F4F4F4; padding-left: 20px;}
  .toplog ul dl{margin-top: 10px;}
   
   .top_head{line-height: 45px; padding-top: 20px;}
    .top_head ul{display: flex; justify-content: space-between;}
	 .top_head ul li:nth-child(1){font-size: 30px;color: #fff; padding-top: 24px;}
	.top_head ul li:nth-child(2){font-size: 18px; text-align: right; padding-top: 18px; color: #fff;}
	.top_head ul li:nth-child(2) span{ font-size: 18px;}
		.top_head ul li:nth-child(2) img{vertical-align: middle; padding-right: 10px; margin-top: -5px;}
	
	#nav h2{width: 220px;height: 14px; margin-top: 25px;}
   
 .top_log{position: absolute; left: 0; bottom: 20px;}
   
.dhtop{ position: absolute; right: 0px; top:15px}

    #nav li a { position:relative; z-index:2; display:block; width:100%; height:100%;  line-height:65px; text-align:center;font-size: 18px;
color: #2D2D2D; -webkit-transition:color 200ms; transition:color 200ms;}
    #nav li a.on, #nav li a:hover {color: #BB1A20;}
	 #nav p{font-size: 14px; text-align: center; color: #fff; margin-top: 20px;}
	
	
	
	.toplog{width: 100%;}
	.toplog ul{display: flex; justify-content: space-between;}
	.toplog ul dl{display: flex;}
	.toplog ul dl:nth-child(1) dd{margin:18px 0 0 20px;}
	.toplog ul dl:nth-child(1) dd h2{font-size: 22px; color: #5E5D5D; font-weight: bold; border-left: 1px solid #EBEBEB; padding: 7px 0 7px 15px;}
	.toplog ul dl:nth-child(1) dd h2 span{color: #2E70E5;}
	.toplog ul dl:nth-child(1) dd p{ color: #D5D5D5;font-size: 24px; margin-top: 5px;}
	.toplog ul dl:nth-child(2)  p{font-size: 20px;color: #333333; text-align: right; margin: 5px 0;}
	.toplog ul dl:nth-child(2)  p img{vertical-align: sub; padding-right: 5px;}
	.toplog ul dl:nth-child(2)  p span{font-family: 'SourceHanSansCN-Normal'; font-weight: bold; font-size: 22px; display: none; color: #6FC8F2; margin-top: 18px; margin-right: -15px;}
	.toplog ul dl:nth-child(2) dt h2{font-size: 30px;color: #676767; font-weight: bold; text-align: right;}
	.toplog ul dl:nth-child(2) dt{margin-right: 20px; }
	.toplog ul dl:nth-child(2){margin-top: 30px;}
	.toplog ul dl:nth-child(2):hover p img{display: none;}
	.toplog ul dl:nth-child(2):hover p span{display: inline-block;}
	.toptel{width: 120px; margin-top: 2%;}
	.top_log p{font-size: 20px; color: #333333; margin-top: 10px;}
	
	.logo{position: absolute; left: 0; right: 0; top: 20px; text-align: center;}
  
   #nav li a .bkg{width: 0;top: 55px;}

    #nav li a.on .bkg,
    #nav li a:hover .bkg {z-index:1;width: 78px;
height: 2px;
background: #EAD6BE; right: 0; left: 0; margin: 0 auto; z-index: 1;top: 55px; transition: all 0.56s ease-in-out;}


#content .q1{width: 80px; height: 80px; right: 0; opacity: 0; top: 50%;}
#content:hover .q1{ opacity: 1; transition: all 0.56s ease-in-out; right: 5%;}	
#content .q2{width: 80px; height: 80px; left: 0; opacity: 0; top: 50%;}
#content:hover .q2{ opacity: 1; transition: all 0.56s ease-in-out; left: 5%;}    
#content .swiper-pagination{width: 148px;height: 19px;background: rgba(0, 0, 0, .3);border-radius: 14px;margin: 0 auto; left: 0; right: 0; display: flex; justify-content: center; padding-top: 9px; bottom: 50px;}
#content .swiper-pagination .swiper-pagination-bullet{width: 9px;height: 9px;background: #FFFFFF!important;border-radius: 50%; margin: 0 10px;}
#content .swiper-pagination .swiper-pagination-bullet-active{width: 42px;height: 4px;background: #FFFFFF!important;border-radius: 1px!important;  margin-top: 2px;}