/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		Global Tours & Travel
	Version:		1.0
	Project start:	May 31 2016
	Project end:	June 17 2016
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Layout]

	* Body
		- Padding/Margin
		- OW pull-left/pull-right
		- SlidePanel
		
	* Typography
		- font-family: 'Work Sans', sans-serif;
		- font-family: 'Poppins', sans-serif;
		- font-family: 'Tangerine', cursive;
		
	* Section Padding
	
	* Section Header
	
	* Page Banner
	
	* Ow Pagination
	
	* Header
		+ Header Main
			- Header Top
			- Header Middle
			- Menu Block
			- Menu:: Search
	
	* Footer
		+ Footer Main
			- Footer WidgetBlock
				- About Widget
				- Link Widget
				- OpeningHours Widget
				- Popular DestinationHours Widget
			- Footer NewsLetter	
			- Footer Bottom
		
	* Responsive
		- min-width: 1200
		- min-width: 992
		- min-width: 992 to max-width: 1199
		- max-width: 991
		- max-width: 767
		- max-width: 639
		- max-width: 479
		
------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Work+Sans:400,500,600,700,300|Poppins:400,500,600,700|Tangerine:700);
@import "libraries/lib.css";
@import "libraries/bootstrap-datetimepicker.min.css";
@import "libraries/fonts/stroke-gap-icon.css";
@import "libraries/lightslider-master/lightslider.css";
@import "css/plugins.css";
@import "css/navigation-menu.css";
@import "css/shortcode.css";
body{margin:0px;padding:0px;font-family:'Microsoft YaHei' ;  font-size:12px;}
div,form,p,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;border:0px;}
ul,ol,li {list-style-type:none;}
table{border-collapse:collapse;}
table,th,tr,td{ font-size:12px;}
input, textarea{border:0; padding:0; font-family:"Microsoft YaHei","宋体";}
p{/*text-align:justify; text-justify:newspaper;*/}
i{font-style:normal;}
b{font-weight:normal;}
img{border:none;}
em{font-style:normal;}           
/*link*/
a{text-decoration:none; color:#000; -webkit-transition:background ease 0.4s,color ease 0.4s; -moz-transition:background ease 0.4s,color ease 0.4s; 
transition:background ease 0.4s,color ease 0.4s;}
*:focus { outline: none!important;}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.clearfix {
  *zoom: 1;
}

/*style clear*/

/*== common ==*/
.no-padding{ padding:0; margin:0}
.fixed_Footer{
		display: none;
	}
.Layer{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:url(images/Layer90_1.png) repeat;
	z-index: 97;
	display: none;
}
.Header{
	width:100%;

	background:url(images/navq.jpg) 0 0 repeat;
	position: relative;
	z-index:3;
}
.Header .header-fixed{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	background:url(images/navq.jpg) 0 0 repeat;
	height: 100px;
	box-shadow: 0 8px 8px -8px rgba(0,0,0,0.2);
	z-index: 115;
}
/*
.Header .logo{
	float: left;
	margin:19px 0 0 30px;
}
*/
.Header .logo{
		float: left; padding-left:1%;
		 width:19%

}
.Header .HeaderRight{
		float: right;
		width: 80%;

}
.Header .logo img{
	display: block;
	max-width: 100%;
}
/*
.Header .HeaderRight{
	float: right;
}
*/
.Header .HeaderRight .nav{float:right;}
.Header .HeaderRight .nav li{
	float: left;

	line-height: 100px;
}
.Header .HeaderRight .nav li a{
	position: relative;
	
	color: #212121;
	display: inline-block;
	line-height: 100px;
	padding:0 30px;
}

.Header .HeaderRight .nav li a:hover,
.Header .HeaderRight .nav li a.on{
	background:transparent;
	color: #ED141D;
}
.Header .HeaderRight .nav li>a.hover:before{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -6.5px;
	width: 13px;
	height: 7px;
	background: url(images/Icon_20.png);
}
.Header .HeaderRight .videoentry{
	float: left;
	margin-top: 31px;
	height: 38px;
	line-height: 38px;
	padding: 0 16px;
	font-size: 16px;
	color: #fff;
	background-color: #fc8042;
	border-radius: 19px;
	overflow: hidden;
}
.Header .HeaderRight .videoentry:hover{
	background-color: #e2550e;
}
.Header .HeaderRight .videoentry .icon{
	float: left;
	margin:8.5px 16px 0 0;
	width: 18px;
	height: 21px;
	background: url(images/Hicon_5.png) no-repeat;
}
.Header .HeaderRight .link{
	float: right;
	margin:30px 3.3% 0;
}
.Header .HeaderRight .link li{
	float: left;
	margin-right: 15px;
	 background:#B91B1C; line-height:46px; padding:0 15px; border-radius:25px;
}
.Header .HeaderRight .link li a{
	position: relative; padding-left:35px;
	
	color:#fff; 
	
}
.Header .HeaderRight .link li.icon1 a{
background:url(images/Hicon_6.png) left center no-repeat;
	
}
.Header .HeaderRight .link li.icon2 a{

	background:url(images/fenzhi.svg) left center no-repeat;
	
}
.Header .HeaderRight .link li a:hover{text-decoration:none}
.Header .HeaderRight .link li a:focus{text-decoration:none}
.Header .HeaderRight .link li a .showimg{
	position: absolute;
	top: 45px;
	left: 50%;
	margin-left: -65px;
	width: 130px;
	height: 130px;
	display: none;
}
.Header .HeaderRight .link li a .showimg:before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #f08042 transparent;
	top: -10px;
	left: 50%;
	margin-left: -5px;
}
.Header .HeaderRight .link li a .showimg img{
	display: block;
	width: 130px;
	height: 130px;
}


.Header .HeaderRight .searchbtn{
	float: right;
	width: 100px;
	height: 100px;
	background-color: #fc8042;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(images/Hicon_4.png);
	position: relative;
	z-index: 55;
}
.Header .HeaderRight .searchbtn:hover{
	background-color: #e2550e;
}
.Header .HeaderRight .searchbtn.searching{
	background-color: #fff;
	background-image: url(images/searching.png);
}
.Header .Navdrop{
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	background: url(images/dropbg.png) repeat;
	padding: 40px 0;
	display: none;
	z-index: 9999;
}
.Header .Navdrop .info{
	position: relative;
	float: left;
	width: 30%;
	padding-right: 50px;
}
.Header .Navdrop .info:before{
	position: absolute;
	content:'';
	width: 2px;
	height: 100%;
	background: url(images/linebg.jpg) repeat-y;
	top: 0;
	right: 0;
}
.Header .Navdrop .info h1{
	font-size: 28px;
	line-height: 32px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 10px;
}
.Header .Navdrop .info p{
	font-size: 16px;
	color: #fff;
	line-height: 1.625;
}
.Header .Navdrop dl{
	float: left;
	width: 60%;
	margin-left: 3%;
	
	overflow: hidden;
}
.Header .Navdrop dl.morelist{
	margin-top: 2.1%;
}
.Header .Navdrop dl dd{
	float: left;
	margin-right: 1%;
	line-height: 1;
}
.Header .HeaderRight .Navdrop dl dd a{
	display: inline-block;
	height: 34px;
	line-height: 34px;
	padding: 0 20px;
	color: #fff;
	border-radius: 17px;
}
.Header .HeaderRight .Navdrop dl dd a:hover{
	background-color: #fff;
	color: #fc8042;
}
.Header .header-search{
	position: absolute;
	top: 100%;
	right: 0;
	width: 570px;
	height: 100px;
	overflow: hidden;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	box-shadow: 0 8px 8px -8px rgba(0,0,0,0.2);
	opacity: 0;
	filter: alpha( opacity = 0);
	z-index: -5;
	display:none;
}
.Header .header-search .bar{
	float: left;
	width: 470px;
	height: 100px;
	padding: 20px 40px;
	background-color: #fff;
	box-shadow:inset 8px 8px 8px -8px rgba(0,0,0,.2);
	box-sizing: border-box;
}
.Header .header-search .bar input{
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
}
.Header .header-search .gosearch{
	float: right;
	width: 100px;
	height: 100px;
	background-color: #fc8042;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(images/Hicon_4.png);
}
.Header .header-search.show{
	opacity: 1;
	display:block;
	filter: alpha( opacity = 100);
	z-index: 99;
}



.container{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.Location{
	width: 100%;
	height: 50px;
}
.Location p{
	font-size: 14px;
	color: #848484;
	line-height: 50px;
	text-indent: 12px;
}
.Location p a{
	color: #848484;
}
.Location p a:hover{
	color: #fc8042;
}
.Location p .split{
	padding: 0 16px;
}
.Footer{
	width: 100%;
	padding: 40px 0 25px;
	background-color: #1b191c;
	position: relative;
	z-index: 2;
}
.Footer dl{
	float: left;
	margin-right: 60px;
}
.Footer dl dt{
	margin-bottom: 22px;
	line-height: 24px;
	font-size: 18px;
	color: #fff;
}
.Footer dl dd a{
	font-size: 14px;
	line-height: 2;
	color: #fff;
}
.Footer dl dd a:hover{
	color: #fc8042;
}
.Footer .code{
	float: right;
}
.Footer .code img{
	margin-bottom: 7px;
}
.Footer .code p{
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
}
.Bottomlink{
	width: 100%;
	padding: 28px 0;
	background-color: #2a292b;
	position: relative;
	z-index: 2;
}
.Bottomlink .link{
	padding-left: 35px;
	border-left: #fff solid 2px;
}
.Bottomlink h1{
	margin-bottom: 10px;
	line-height: 24px;
	font-size: 18px;
	color: #fff;
	font-weight: normal;
}
.Bottomlink ul{
	overflow: hidden;
}
.Bottomlink ul li{
	float: left;
	margin-right: 45px;
}
.Bottomlink ul li a{
	font-size: 16px;
	line-height: 26px;
	color: #fff;
}
.Bottomlink ul li a:hover{
	color: #fc8042;
}
.Copyright{
	background-color: #fff;
	width: 100%;
	padding: 20px 0;
	overflow:hidden;
	position: relative;
	z-index: 2;
}
.Copyright p{
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #5a5a5a;
}
.Copyright p img{
	padding: 0 6px;
	vertical-align: middle;
}
.SubNav{
	width: 100%;
	height: 60px;
	background-color: #e5e5e5;
	border-top: #f5a501 solid 5px;
	position: relative;
	z-index: 100;
}
.SubNav.zindex{
	z-index: 116;
}
.SubNav .nav{
	position: relative;
	top: -5px;
	margin-bottom: -5px;
	width: 800px;
	margin:0 auto;
}
.SubNav5 .nav{
	width: 1000px;
}
.SubNav .nav li{
	float: left;
	position: relative;
	z-index: 2;
}
.SubNav .nav li a{
	display: block;
	width: 200px;
	height: 65px;
	line-height: 65px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	position: relative;
	z-index: 2;
}
.SubNav .nav li a.color1{
	background-color: #fc8042;
}
.SubNav .nav li a.color2{
	background-color: #3f96db;
}
.SubNav .nav li a.color3{
	background-color: #fe474b;
}
.SubNav .nav li a.color4{
	background-color: #4ec575;
}
.SubNav .nav li a.color5{
	background-color: #acb0d5;
}
.SubNav .nav li a:hover,
.SubNav .nav li a.on{
	padding-bottom: 15px;
}

/**/
.PageBox{
	font-size: 0;
	line-height: 0;
	text-align: center;
}
.PageBox li{
	display: inline-block;
	vertical-align: middle;
}
.PageBox li a{
	display: block;
	margin:0 2px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #848484;
	border: #dfdfdf solid 1px;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	background-repeat: no-repeat;
	background-position: center center;
}
.PageBox li a.prev{
	background-image: url(images/Pageprev.png);
}
.PageBox li a.next{
	background-image: url(images/Pagenext.png);
}
.PageBox li a.prev:hover{
	background-image: url(images/Pageprevon.png);
}
.PageBox li a.next:hover{
	background-image: url(images/Pagenexton.png);
}
.PageBox li a:hover,
.PageBox li a.on{
	border-color: #fc8042;
	color: #fc8042;
}





.cols{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
   padding:15px 0;
}

.col{
  width: calc(25% - 2rem);
  margin: 1rem;
  cursor: pointer;
}

.container2{
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	        perspective: 1000px;
}

.front,.back{
  background-size:100%;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	text-align: center;

	height: auto;
	border-radius: 10px;
	color: #fff;
	font-size: 1.5rem;
}
.back .inner a p{text-align: left; color:#fff}
.back .inner a:hover{ text-decoration:none}
.cols .col:nth-child(1) .container2 div.back{
  background: #C11320;
  background: -webkit-linear-gradient(45deg,  #C11320 0%,#596a72 100%);
  background: -o-linear-gradient(45deg,  #C11320 0%,#596a72 100%);
  background: linear-gradient(45deg,  #C11320 0%,#596a72 100%);
}
.cols .col:nth-child(2) .container2 div.back{
  background: #39B060;
  background: -webkit-linear-gradient(45deg,  #39B060 0%,#596a72 100%);
  background: -o-linear-gradient(45deg,  #39B060 0%,#596a72 100%);
  background: linear-gradient(45deg,  #39B060 0%,#596a72 100%);
}

.cols .col:nth-child(3) .container2 div.back{
  background: #318DD9;
  background: -webkit-linear-gradient(45deg,  #318DD9 0%,#596a72 100%);
  background: -o-linear-gradient(45deg,  #318DD9 0%,#596a72 100%);
  background: linear-gradient(45deg,  #318DD9 0%,#596a72 100%);
}

.cols .col:nth-child(4) .container2 div.back{
  background: #F27031;
  background: -webkit-linear-gradient(45deg,  #F27031 0%,#596a72 100%);
  background: -o-linear-gradient(45deg,  #F27031 0%,#596a72 100%);
  background: linear-gradient(45deg,  #F27031 0%,#596a72 100%);
}


.front:after{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: 1.0;


    border-radius: 10px;
}
.container2:hover .front,
.container2:hover .back{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.inner{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
            transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
            perspective: inherit;
    z-index: 2;
}

.container2 .back{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.container2 .front{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.container2:hover .back{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.container2:hover .front{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.front .inner p{
  font-size: 2rem;
  margin-bottom: 2rem;
  position: relative;
}

.front .inner p:after{
  content: '';
  width: 4rem;
  height: 2px;
  position: absolute;
  background:#FFFFFF;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.75rem;
}

.front .inner span{
  color: rgba(255,255,255,1);
  font-family: 'Montserrat';
  font-weight: 300;

}

.hui{background:#F3F3F3; padding:30px; margin-bottom:25px;}

.hui h4 a{color:#B91B1C}
.hui h4 a:hover{ text-decoration:none}
.hui p{ font-size:1.3em; line-height:2.2em; color:#999999}
.spimg{ margin-bottom:25px;}
.bottom25{ margin-bottom:25px;}

.wwei ol{ background:url(images/dd.jpg) no-repeat left center ; padding-left:30px; height:150px;}
.wwei ol li{ line-height:50px; font-size:1.6em;color:#1F1F1F}
.wwei p{ color:#666666}
.aniu a{ border-radius:25px; padding:10px 35px;}


input::-webkit-input-placeholder {
    
        color: #FFF; font-size:1.4em
 
    }
input::-webkit-input-value {
    
        color: #FFF;
 
    }

.input-border{
	
	font-size: 0.875em;
	margin: 1.614em 0;
	border:#BBBBBB solid 1px;
}
.input-border input{
	height: 50px;
	line-height: 50px;
	width: 100%;
	border: 0;
	text-indent: 1em;
	background:transparent;
	color:#fff
}
.two-text{
	overflow: visible;
}
.two-text input{
	width: 50%;
	display: inline-block;
	float: left;
	background:transparent;
}
.two-text .dropdown{
	float: left;
	width: 50%;
	position: relative;
}
.two-text .dropdown input[type='text']{
	color: #757575;
	 background:transparent;
}
.two-text .dropdown input[type='button']{
	width: 100%;
	padding: 0;
	background-color: transparent;
	text-align: left;
	text-indent: 1em;
	color:#757575
}
.two-text .dropdown .selectUl{
	border: 1px solid #eaeaea;
	border-top: none;
	background: #fff;
	width: 100%;
	position: absolute;
	top: 50px;
	z-index: 9;
	display: none;
}
.two-text .dropdown .selectUl li{
	height: 30px;
	line-height: 30px;
	color: #757575;
	padding: 0 25px;
	cursor: pointer;
}
.two-text .dropdown .selectUl li:hover{
	background: #fc8042;
	color: #fff;
}
.two-text .dropdown.open .selectUl{
	display: block;
}
input.slide-7-submit{
	display: block;
	width: 100%;
	height: 3.625em;
	padding: 0;
	border: 0;
	background: #fc8042;
	color: #ffffff;
}
.bg20{ background-image:url(images/bg20.jpg); background-size:cover;  background-repeat:no-repeat }
.hui2{background:#FAFAFA;}
.xm { padding:30px 120px; }
.xm a{ padding:10px 25px; display:inline-block; font-size:1.4em;margin:5px 10px;color:#202020}
.xm a:nth-child(1){ background:#FFA2A9 }
.xm a:nth-child(2){ background:#D9E796 }
.xm a:nth-child(3){ background:#BBDAFF }
.xm a:nth-child(4){ background:#FFE7C8 }
.xm a:nth-child(6){ background:#FDDAB3 }
.xm a:nth-child(7){ background:#FFBBFF }
.xm a:nth-child(8){ background:#E4F3C0 }
.xm a:nth-child(9){ background:#BBFDF0 }
.njj{padding:20px 60px}



#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}

#l-map{height:100%;width:78%;float:left;}

#r-result{height:100%;width:20%;float:left;}



.news ul li{
	width: 100%;
	height: 331px;
	list-style: none;
	position: relative;
	float: left;
	overflow: hidden;
} 
.news ul li .a1 .divA{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background: #fafafa;
}
.news ul li .a1 .divA>.p1{
	width: 100%;
	height: 45px;
	font-size: 18px;
    line-height: 45px; 
    color:#222222;
	 padding:0 20px;
	 white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news ul li .a1 .divA>.p2{
	width: 100%;
	height: 35px;
    font-size: 14px;
    color: #555555;
 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	 padding:0 20px;
}
.news ul li .a1 .divA>.p3{
	position: absolute;
	right: 0;
	bottom: 12px;
	width: 108px;
	height: 28px;
	color: #f60;
}
.news ul li .a1 .divA>.p3>span{
	font-size: 24px;
	font-weight:800;
}
/*遮罩*/
.news ul li .a2{
	position: absolute;
	top: 0;
	left:-100%;
	width: 100%;
	height: 331px;
	text-align: center;
	color: white;
	background: rgba(0,0,0,0.5);
	transition: all 0.2s;  
} 
.news ul li .a2 .p4{
	width: 100%;
	 padding:0 20px;
	text-align: center;
	position: absolute;
	top: 34px;
	left: -100%;
	color: #ffe605;
	font-size: 24px;
    font-weight: bold;
    transition: all 0.2s 0.1s ease-out ;  
}
.news ul li .a2 .p5{
	width: 100%; padding:0 20px;
	text-align: center;
	line-height:20px ;
	position: absolute;
	top: 65px;
	left: -100%;
	margin: 30px  0 10px;
	font-size: 14px;
    color: white;
    transition: all 0.2s 0.2s ease-out ;  
}

.news ul li .a2 .p7{
	position: absolute;
	bottom:-100px;
	left: 35%;
	width: 160px;
	height: 38px;
	line-height: 38px;
	border-radius: 20px;
	margin: 10px auto;
	border: 1px solid;
	transition: all 0.2s 0.5s ;
}
.newslists{ }
.newslists dt{ height:50px; line-height:50px;text-align:center }
.newslists dt a{color:#D42323; line-height:46px;display:inline-block; height:40px;border-bottom:#D32222 1px solid;font-size:1.8em; font-weight:normal }
.newslists dt a:hover{ text-decoration:none}
.newslists dd{ padding-left:20px; background:url(images/dot.jpg) 5px 17px no-repeat; line-height:36px; height:36px; font-size:1.2em; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.newslists dd a{color:#444444}
.newslists dd span{ float:right; color:#999999}
.clear{ clear:both}
/*== media ==*/

.hei{ background:#444444;color:#EBEBEB; padding:10px 0; font-size:1.2em; line-height:36px;}
.hei a{ color:#EBEBEB}
.yqlj{ border-top:#575757 solid 1px;line-height:36px;}

.weizhi{border-bottom: 2px solid #D32222;  line-height:60px;}
.max1200{ max-width:1200px; margin:0 auto; font-size:16px; color:#444444}
.xmal{ border:#DDDDDD 1px solid; padding:15px 0; margin:25px 0;}
.xmalr h4{ line-height:2.0em; font-size:1.2em  }
.xmalr h4 a{ color:#FF0000}
.xmalr p{ color:#AAAAAA; line-height:26px;font-size:1.0em }
.xmal:nth-child(2n) .xmalz{ float:right}

.xmal:nth-child(2n) .xmalr{float:left}

.pager{margin:15px auto;text-align:center; }
.pager a{padding:1px 6px;border: 1px solid #ddd;background: #fff;color:#333}
.pager a:hover{background:#D42828;border-color: #ddd;color: #FFFFFF}
.pager a:focus{color: #666}
.pager span{background:#fff;color:#000;padding:1px 6px;}
.ejbanner { background-size:100%; background-repeat:no-repeat}
.content{ padding:15px 15px; font-size:1.0em; line-height:1.6em; color:#333333;}
.content img { max-width:100%;}
.tuijian{  border-bottom:#CCCCCC 1px dotted;}
.tuijian_pic img{border:#D42828 solid 2px;}
.tuijian_con h4{ line-height:36px;font-size:1.2em}
.tuijian_con p{ line-height:26px; color:#999999; font-size:1.0em}
.piclist h4{ line-height:75px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; height:75px; border-bottom:#DDDDDD 1px solid;text-align:center}
.piclist a img{border:#FFF solid 2px;}
.piclist a:hover img{border:#D42828 solid 2px;}
.piclist a:hover{text-decoration:none;}
.piclist a:hover h4{background:#D42828; color:#fff; text-decoration:none;border-bottom:D42828 1px solid}
.news_fl { text-align:center;}
.news_fl a{ border-radius:20px;}

.newslist dl.newslist_date{ background:#C82020; padding:20px 10px; float:left; width:90px;}
.newslist dl.newslist_date dt{ color:#fff; width:100%; text-align:center; font-size:1.4em}
.newslist dl.newslist_date dd{color:#fff;width:100%; text-align:center;font-size:1.0em}
.newslist dl.newslist_con{float:right;}
.newslist dl.newslist_con dt{ line-height:36px; height:36px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.newslist dl.newslist_con dt a:hover{ color:#666; text-decoration:none}
.newslist dl.newslist_con dd{ line-height:26px;overflow: hidden;  height:52px;}
.ztbt { line-height:36px; height:36px; background:url(images/zt_bg.png) center center no-repeat;text-align:center;margin:30px 0 }
.ztbt h3{ line-height:36px; }
.ztmore{ margin:15px auto;  text-align:center}
.ztmore img {display:inline-block;}
.ztlm a{ margin:0 5px 15px 5px;}
@media screen and (max-width: 1920px){
	
	.Header .HeaderRight .nav li a{
			padding:0 30px; font-size:18px;	
	}
	.Header .HeaderRight .link li a{ font-size:18px;}
	.col{
    width: calc(25% - 2rem);
  }
  .front,.back	{min-height: 420px;}

.hui h3{ font-size:2.4em;line-height:120px;text-align:center}
.hui h4{ font-size:1.8em; line-height:80px; text-align:center }
.hui .more{color:#999999; border:#999999 solid 1px; padding:10px 20px; display:inline-block;font-size:1.4em; margin:75px 0}

.wwei h3{ line-height:80px; font-size:2.6em }
.wwei p{ line-height:36px; font-size:1.4em; }
.aniu{ margin:50px 0;}
#dituContent{ height:480px;}
.zche{ padding-left:170px;}
	#news ul li .a2 .p7{

		left: 35%;
		
	}
.weizhi{ margin-top:100px;}	
.ejbanner{ height:477px;}	
.newslist dl.newslist_con{ width:1050px;}
}


@media screen and (max-width: 1680px){
	
	.Header .HeaderRight .nav li a{
			padding:0 20px; font-size:16px;
		
	}
.front,.back	{min-height: 370px;}
.hui h3{ font-size:2.4em;line-height:100px;text-align:center}
.hui h4{ font-size:1.8em; line-height:60px; text-align:center }
.hui h4 a{color:#B91B1C}
.hui h4 a:hover{ text-decoration:none}
.hui p{ font-size:1.3em; line-height:2.2em; color:#999999}
/*== media ==*/
.hui .more{color:#999999; border:#999999 solid 1px; padding:10px 20px; display:inline-block;font-size:1.4em; margin:42px 0}
.spimg{ margin-bottom:25px;}
.wwei{ padding-left:15px; }
.wwei h3{ line-height:80px;font-size:2.6em }
.wwei p{ line-height:36px;font-size:1.4em; }
.aniu{ margin:30px 0;}
#dituContent{ height:420px;}	
.zche{ padding-left:140px;}
.weizhi{ margin-top:100px; }	
.ejbanner{ height:360px;}	
}
@media screen and (max-width: 1600px){
	.Header .HeaderRight .nav li{
	
	}
	.Header .HeaderRight .nav li a{
			padding:0 27px;
		
	}
	.front,.back	{min-height: 350px;}
	
.hui h3{ font-size:2.4em;line-height:80px;text-align:center}
.hui h4{ font-size:1.8em; line-height:60px; text-align:center }
.hui .more{color:#999999; border:#999999 solid 1px; padding:10px 20px; display:inline-block;font-size:1.4em; margin:40px 0}
.wwei h3{ line-height:80px; font-size:2.6em }
.aniu{ margin:30px 0;}
#dituContent{ height:420px;}
.zche{ padding-left:120px;}
.weizhi{ margin-top:100px;}	
.ejbanner{ height:360px;}
}
@media screen and (max-width: 1440px){
	.Header{
		height: 100px;
	}
	.Header .header-fixed{
		height: 100px;
	}
	.Header .header-search{
		height: 100px;
	}
	.Header .header-search .bar{
		width: 503px;
		height: 100px;
		padding: 10px 40px;
	}

	.Header .logo{
	 

	}
	.Header .HeaderRight{
		width: 80%;
	
	}
	.Header .HeaderRight .nav li{
	
		line-height: 67px;
	}
	.Header .HeaderRight .nav li a{
		font-size: 14px;
		padding: 0 10px;
				
	}
	
	.Header .HeaderRight .nav li a.hover:before{
		bottom: 0px;
	}
	.Header .HeaderRight .searchbtn{
		width: 67px;
		height: 67px;
	}
	.Header .HeaderRight .link{
		margin: 25px 2.2% 0; float:right;
	}
	.Header .HeaderRight .link li{
		margin-right: 8px;
	}
	.Header .HeaderRight .videoentry{
		padding: 0 10px;
		margin-top: 14.5px;
	}

.col{
    width: calc(25% - 2rem);
  }
  .front,.back	{min-height: 310px;}
.hui h3{ font-size:2.0em;line-height:60px;text-align:center}
.hui h4{ font-size:1.6em; line-height:50px; text-align:center }
.hui .more{color:#999999; border:#999999 solid 1px; padding:10px 20px; display:inline-block;font-size:1.4em; margin:13px 0}
.wwei h3{ line-height:40px; font-size:2.6em }
.aniu{ margin:10px 0;}
.wwei{ padding-left:15px; }
.wwei p{ line-height:30px;font-size:1.4em; }
.bg20{ min-height:575px}
.zche{ padding-left:100px;}

.weizhi{ margin-top:0;}	
.ejbanner{ height:360px;}
}
@media screen and (max-width: 1280px){
	.icon1{ display:none}
	.col{
    width: calc(25% - 2rem);
  }
  .front,.back	{min-height: 270px;}
.hui h3{ font-size:2.0em;line-height:44px;text-align:center}
.hui h4{ font-size:1.6em; line-height:36px; text-align:center }
.hui .more{color:#999999; border:#999999 solid 1px; padding:10px 20px; display:inline-block;font-size:1.4em; margin:3px 0}
.wwei h3{ line-height:40px; font-size:2.6em }
.aniu{ margin:5px 0;}
.wwei{ padding-left:15px; }
.wwei p{ line-height:26px;font-size:1.2em; }
.input-border input{ line-height:36px; height:36px;}
.xm { padding:0px 120px 30px 120px; }
#dituContent{ height:380px;}
.zche{ padding-left:20px;}
.ejbanner{ height:320px;}
}

@media screen and (max-width: 1100px){
	.Header{
		height: 50px;
	}
	.Header .header-fixed{
		height: 50px;
	}
	.Header .header-search{
		height: 50px;
	}
	.Header .header-search .bar{
		width: 520px;
		height: 50px;
		padding: 10px 40px;
	}
	.Header .header-search .bar input{
		height: 30px;
		line-height: 30px;
	}
	.Header .header-search .gosearch{
		width: 50px;
		height: 50px;
	}
	.Header .logo{
		width: 10%;
		margin:12.5px 0 0 1%;
	}
	.Header .HeaderRight{
		width: 88%;
		margin-left: 1%;
	}
	.Header .HeaderRight .nav li{
		padding-right: 10px;
		line-height: 50px;
	}
	.Header .HeaderRight .nav li a {line-height: 50px;}
	.Header .HeaderRight .nav li a.hover:before{
		bottom: -17px;
	}
	.Header .HeaderRight .videoentry{
		padding: 0 8px;
		height: 28px;
		line-height: 28px;
		font-size: 12px;
		margin-top: 11px;
	}
	.Header .HeaderRight .videoentry .icon{
		margin: 3.5px 8px 0 0;
	}
	.Header .HeaderRight .link{
		margin:7.5px 1.6% 0; 
	
	}
	.Header .HeaderRight .link li {
   
    line-height: 36px;
 
}
	.Header .HeaderRight .searchbtn{
		width: 50px;
		height: 50px;
	}
	.SubNav5 .nav{
		width: 950px;
	}
	.SubNav5 .nav li{
		width: 20%;
	}
	.SubNav5 .nav li a{
		width: 100%;
	}
	.Footer dl{
		margin-right: 3%;
	}
	.container{
		width: 950px;
	}
.col{
    width: calc(50% - 2rem);
  }
  .icon1{ display:none}
  .front,.back	{min-height:450px;}
  

  .aniu{ margin:40px 0;}
.wwei{ padding-left:15px; }
 .wwei h3{ line-height:80px; font-size:2.6em } 
.wwei p{ line-height:36px;font-size:1.4em; }
.input-border input{ line-height:50px; height:50px;}
  .njj{padding:20px 15px}
.xm a{ font-size:1.1em}


#dituContent{ height:360px;}
.zche{ padding-left:20px;}
.ejbanner{ height:310px;}
.newslist dl.newslist_con{ width:860px;}
	}
	@media screen and (max-width: 768px){
		
		.fixed_Footer{
			display: block;
			position: fixed;
			width: 100%;
			bottom: 0;
			left: 0;
			z-index: 999;
			overflow: hidden;
		}
		.fixed_Footer li{
			float: left;
			width: 25%;
			height: 70px;
		}
		.fixed_Footer li a{
			display: block;
			width: 100%;
			height: 100%;
			background-color: #fc8042;
			overflow: hidden;
		}
		.fixed_Footer li .ico{
			margin: 10px auto 8px;
			width: 30px;
			height: 30px;
			background-repeat: no-repeat;
			background-position: center;
		}
		.fixed_Footer li p{
			font-size: 12px;
			line-height: 16px;
			text-align: center;
			color: #fff;
		}
		.fixed_Footer li .ico1{
			background-image: url(images/bottom_1.png);
		}
		.fixed_Footer li .ico2{
			background-image: url(images/bottom_2.png);
		}
		.fixed_Footer li .ico3{
			background-image: url(images/bottom_3.png);
		}
		.fixed_Footer li .ico4{
			background-image: url(images/bottom_4.png);
		}
		.col{
    width: calc(50% - 2rem);
  }
  .front,.back	{min-height: 300px;}
.zche{ padding-left:15px;}
.ejbanner{ height:190px;}
.newslist dl.newslist_con{ width:620px;}
	}
@media screen and (max-width: 768px){
	*{
		-webkit-tap-highlight-color: transparent;
	}
	*{
		outline: none;
	}
	.container{
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	body{
		padding-top: 48px;
		box-sizing: border-box;
	}
	.Header{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 46px;
		z-index: 999;
		border-bottom: #e7e7e7 solid 2px;
	}
	.Header .logo{
		position: relative;
		width: 120px;
		padding: 0px 0 0 0;
		margin:0 0 0 3%;
		z-index: 6;
		box-sizing: border-box;
	}
	.Header .HeaderRight{
		float: none;
		position: fixed;
		width: 100%;
		top: 47px;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(255,255,255,0.9);
		z-index: 4;
		padding-left: 0;
		margin-left: 0;
		text-align: center;
		
	}
	.Header .HeaderRight { display:none}

	.Header.Header .HeaderRight .searchbtn{
		display: none;
	}
	.Header .HeaderRight .nav li{
		float: none;
		margin:15px 0 5px;
		padding-right: 0;
		line-height: 0;
	}
	.Header .HeaderRight .nav li a{
		text-align: center;
		line-height: inherit;
		display: block;
		height: 35px;
		line-height: 35px;
	}
	.Header .HeaderRight .nav li a.hover:before{
		bottom: 0;
	}
	.Header .HeaderRight .videoentry{
		float: none;
		display: inline-block;
		margin: 40px auto 0;
		font-size: 14px;
	}
	.Header .HeaderRight .link{
		float: none;
		margin: 10px auto 0;
	}
	.Header .HeaderRight .link li{
		float: none;
		display:block; margin:10px auto;
		/*display: inline-block;*/
	}
	.Header .Pbtn{
		float: right;
		width: 20px;
		height: 100%;
		margin-right: 3%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100%;
		background-image: url(images/icon-mbtn.png);
	}
	.Header .Pbtn.active{
		background-image: url(images/icon-mbtnx.png);
	}
	.Header .HeaderRight .nav{
		float: none;
		width: 100%;
	}
	.Header .HeaderRight .nav li a.hover:before{
		bottom: -12px;
	}
	.Header .Navdrop{
		position: relative;
		margin-top: 12px;
		padding: 10px 0;
	}
	.Header .Navdrop .info{
		display: none;
	}
	.Header .Navdrop dl{
		float: none;
		width: 100%;
		margin: 0;
	}
	.Header .Navdrop dl dd{
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.Header .HeaderRight .Navdrop dl dd a{
		padding: 0 10px;
		height: 26px;
		line-height: 26px;
	}
	.Header .HeaderRight .Navdrop dl dd a:hover{
		background-color: transparent;
		color: #fff;
	}
	.Header .header-search{
		display: none;
	}

	.Location{
		/*margin-top: 47px;*/
		height: auto;
	}
	.SubNav{
		height: 35px;
	}
	.SubNav .nav{
		width: 100%;
	}
	.SubNav .nav li{
		width: 25%;
	}
	.SubNav .nav li a{
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 10px;
	}
	.SubNav .nav li a:hover,
	.SubNav .nav li a.on{
		font-weight:700;
		font-size: 10px;
	}
	.SubNav5 .nav li{
		width: 20%;
	}
	.Footer{
		padding: 25px 0;
	}
	.Footer dl{
		display: none;
	}
	.Footer .code{
		float: none;
		text-align: center;
	}
	.Bottomlink .link{
		padding-left: 10px;
	}
	.Bottomlink ul li{
		width: 50%;
		margin-right: 0;
	}
	
  .col{
    width: calc(50% -2rem);
    
  }
  .front,.back	{min-height: 320px;}
  
  .aniu{ margin:10px 0;}
.wwei{ padding-left:15px; }
 .wwei h3{ line-height:60px; font-size:2.6em } 
.wwei p{ line-height:30px;font-size:1.4em; }
.bg20 h3{ font-size:16px; }	
.njj{padding:20px 15px}
.xm a{ font-size:1.1em}
.icon2{ display:none}
} 

@media screen and (max-width: 640px){
		
  .col{
    width: 100%;
    margin-top: 0 ;
	margin-bottom:15px;
  }
	.front,.back	{min-height:22em;}
	
.bg20 h3{ font-size:16px; }	
.njj{padding:20px 5px}
.xm a{ font-size:1.1em}
.news ul li{
		height: 231px;
} 
.news ul li .a2{
	height: 231px;
	} 
.hei{ line-height:26px;}	
.yqlj{line-height:20px;  margin-top:15px; padding:15px;}
.ejbanner{ height:8em;}
.newslist dl.newslist_con{ width:100%;}
}

/* [Layout] */