a,h1,h2,h3,h4,h5,h6,ul,li,body,html,div,span,button,dl,dt,dd,img,p{ border:none; margin:0; padding:0}
ul,li,dd,dt{ list-style:none; }
*{margin:0;padding:0;}
.right{ float:right}
.left{ float:left}
.heiti16, .heiti16 a { font-size:16px; font-weight:bold; line-height:35px;}
a{ text-decoration:none; color:#222222; transition:.2s color linear; }

body{ font-size:14px; font-family:"微软雅黑";
	background-image: url(http://home.xiancity.cn/images/bj20da1.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}
.hd {
  width: 100px;
  height: 280px;
}
.layout{ width: 1200px; margin: 0 auto; height: auto; overflow: hidden;background-color:#FFFFFF;}
.f-red{ color: #d11e2a;}
.jiacu { font-weight:bold;}
.shipin{ height: auto;overflow: hidden;  line-height: 29px;}
.shipin li{ padding-left: 20px;height: 29px; color: #222; background: url(../images/shipin.jpg) no-repeat 0px 9px;}

#header{ padding:0px 10px 10px 10px;}
#header h1{ float: left; background: url(http://www.xiancity.cn/images/pic_03a.jpg) no-repeat; width: 200px; height: 50px;margin-top: 20px;margin-bottom: 20px;margin-left:margin-left: 20px;}
#header .weather{  float: left; margin-left: 20px; position: relative;  top: 10px;margin-top: 20px;marign-bottom: 20px;}
#header .search{ float: right; padding-right: 2px;}
#header .right{ position: relative; top: 1px; margin-left: 5px;margin-top:20px; }
.daohang5{
	width:230px;
	float:left;
	height:39px;
margin-top:20px;
}
.daohang6{
	width:100px;
	float:left;
	height:39px;
margin-top:20px;
}
.daohang7{
	width:67px;
	float:right;
	height:39px;
margin-top:20px;
}


#nav{ background: #d11e2a;color: #fff; height: auto; overflow: hidden; width: 1160px; padding: 10px 10px 10px 30px; margin:auto;}
#nav ul{display: inline; float: left;  border-right: 1px solid #f25661; width: 320px;background-color: #d11e2a;  padding-right: 11px;}
#nav ul li{ height: 32px; line-height: 32px; float: left; padding-right: 35px;background-color: #d11e2a;}
#nav ul li a{ color: #fff; font-size: 16px;background-color: #d11e2a;}
#nav ul.list2{ width: 268px; padding-left: 60px;background-color: #d11e2a;}
#nav ul.list3{ width: 444px; padding-left:60px; border: none;background-color: #d11e2a;}
#nav-s{ background: url(../images/pic_17.jpg) repeat-x left bottom;font-size: 14px; height: 58px; line-height: 35px;width: 1200px;margin:auto;}
#nav-s .f-red { float:left;padding-left: 30px;}
#nav-s li{ float:left; padding-right:20px;}
#nav-s li a{ margin-right: 5px;}


.tip-bar-black{background:url(../images/op_b_7.png) repeat; position:absolute; display:block; bottom:0; left:0; width:100%;  color:#fff; height:30px;  text-align:center; line-height:30px;}

#root{ width: 1200px; margin: 0 auto;background-color:white;}
#title{ text-align: center;}
#title h2 { font-size: 32px; line-height: 1.7em; padding: 20px 0 10px;}
#title h2 a { color: #FF0000;}
#title a{ color: #FF0000;} 


#zhuanlan #zlleft {
	float: left;
	width: 815px;
	padding-left: 15px;
	margin-top: 40px;
}

.zl-pic{margin-bottom:5px;width:390px;}
.zllist{width:390px;float:left;margin-right:15px;}

.list_1{line-height:34px;overflow:hidden;height:auto;vertical-align: text-top}
#zhuanlan {
	background-color: #fff9e8;
	width:1200px;
	margin-right: auto;
	margin-left: auto;
	overflow:auto;
}


.zl-pic{margin-bottom:5px;width:390px;}
.zllist{width:390px;float:left;margin-right:15px;}
.zllist li{padding-left: 10px;
height: 34px;
color: #222;
font-size: 16px;
width: 370px;
overflow: hidden;}

.bt {
	font-family: "微软雅黑";
	background-image: url(https://www.xiancn.com/enp/8262.files/bt1.jpg);
	background-repeat: no-repeat;
	font-size: 16px;
	line-height: 50px;
	color: #FFF;
	text-indent: 55px;
	margin-bottom:15px;
overflow: hidden;
height: 50px;
}
.zl-img{
float: left;
	width: 309px;
	
	margin-left: 25px;
	padding-right: 5px;
	padding-bottom: 56px;
	padding-left: 5px;
	margin-top: 40px;}


#screen{ margin-top:21px; height: auto; overflow: hidden;}
#screen .left{ width: 626px; margin-right: 40px;}
/* 首屏轮显 */
.area div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
.area img{vertical-align:top;border:0;}
.area{zoom:1}
.focus-box{clear:both;}
.focusImage{padding:1px;background:#2B2B2B;float:left;}
.focusImage-inner{width:626px;position:relative;}
.focusImage-content li{display:none;}
.focusImage-content li.current{display:block;}
.focusImage-content img{display:inline-block;height:361px;width:626px;}
.focusImage-title{height:50px;line-height:50px;position:absolute;bottom:0;left:0;width:100%;}
.focusImage-title-bg{background:#000;opacity:0.5;filter:Alpha(opacity=50);position:absolute;z-index:5;height:50px;width:100%;}
.focusImage-title h2{padding:0 0 0 20px;position:absolute;z-index:10; color:#ffffff; font-size:16px; font-weight:normal;}
.focusImage-title h2 a{color:#ffffff; text-decoration:none; font-size:16px; font-weight:normal;}
.focusImage-slide{position:absolute;z-index:15;right:10px;bottom:10px;}
.focusImage-slide li{background:#88857F;display:inline-block;color:#FFF;cursor:pointer;float:left;padding:0 5px; margin-bottom:5px;margin-right:1px;line-height:15px;height:15px;}
.focusImage-slide li.current{background:#FF7E00;}


#screen .right{ width: 535px; font-size:12px; color:#666666; padding-top:15px;}
#screen .right h3{ text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 10px;} 
#screen .right p{ text-indent: 2em; line-height: 1.7em; color: #666;}
#screen .right li{ height: 120px;} 
#screen .right .ti-abs{ height: 120px;} 
#screen .right .ti{ height: 60px;}
#hot{ height: auto; overflow: hidden; margin: 5px 0 20px;}
#hot span{ float: left;color: #fff; padding: 0 10px; margin-right:10px;}
#hot a{ margin: 0 10px; color: #4b4b4b;}


.col-3{ float: left; width: 380px; margin-right: 30px;overflow: hidden;}
.col-3 h3{ margin-bottom: 10px; font-weight: normal; border-bottom: 1px solid #ddd;  height: 48px; line-height: 40px;}
.col-3 h3 a span.active{ border-bottom: 4px solid #D11E2A; position: relative; top: 0px;color: #D11E2A; font-size:16px;}
.col-3 h3 span.active{ border-bottom: 4px solid #D11E2A; position: relative; top: 0px;color: #D11E2A; font-size:16px;}
.col-3 h3 span{ color: #666;padding: 0px 15px; float: left; height: 45px;font-size: 16px;}
.col-3-l{ margin-right: 0;}

.col-3 .list{ height: auto;overflow: hidden; background: url(../images/dot2.jpg) repeat-y 5px 17px; line-height: 30px;}
.col-3 .list li{ padding-left: 20px;height: 30px; color: #222; }
.col-3 .list-l{ font-size: 16px; height: auto;overflow: hidden; background: url(../images/pic_40.jpg) repeat-y 5px 17px; line-height: 34px;}
.col-3 .list-l li{ padding-left: 20px;height: 34px;  }

.tab h3{ cursor: pointer;}
.tab .content{ display: none;}
.tab .content.current{ display: block;}

.col-3 .pic{ padding-top: 6px; margin-bottom: 10px; height: auto; overflow: hidden;}
.col-3 .pic img{ margin-right: 20px;}
.col-3 .pic h4{ font-size: 14px; line-height: 32px;}
.col-3 .pic p{ line-height: 1.7em; text-indent: 2em; font-size:12px;}

.col-3 .list-pic { padding: 0 20px;; overflow: hidden;}
.col-3 .list-pic li{ padding: 10px 0px; text-align: center; }
#news .block{ height: auto; overflow: hidden; margin-bottom: 10px;}
.box{ height: auto; overflow: hidden;} 

.box-jz ul{ height: auto; overflow: hidden; }
.box-jz div{ position: relative; left: 40%; margin-left: -23px; background: url(../images/pic_32.jpg) no-repeat; height: 45px; width: 45px;}
.box-jz h4{ font-size:12px; font-weight: normal; margin-top: 5px;}
.box-jz li{ width: 25%; color: #666; padding-bottom: 20px; float: left;}

#pic-news{ height: auto; overflow: hidden; margin: 20px 0;}
#pic-news li{ float: left; margin-right: 37px; width:210px; position: relative;}
#pic-news li.last{ margin-right: 0; float: right;}
#pic-news img,#pic-news a{ display: block;}

.block-l{ margin-top: 20px;}
.block-l h2{ margin-bottom: 10px; background: url(../images/pic_75.jpg);}
.ad-s{ margin: 0 auto; position: relative; width: 359px;}
.block-l div{ height: auto; overflow: hidden;}

#box-tools .list-tip{ font-size:12px;}
#box-tools li{ line-height: 35px; width: 25%; float: left; text-align: center;}
#box-tools li.pic-s{ padding-bottom: 10px; line-height: 20px;font-size:12px;}


/* #box-tr .television { background:url(../images/television.jpg) no-repeat; margin-bottom:20px;}*/
/*#box-tr .radio { background:url(../images/radio.jpg) no-repeat;}*/
#box-tr li { line-height:30px; list-style:none; margin-left:20px; float:left;}
#box-tr li a { font-size:14px; }

#wy li { font-size:16px;}
#wy .ad{ padding: 20px 0 0;}

#footer{ margin-top: 20px; background: #f2f2f2;}
#footer .menu-w{float:left;width:100%;  color: #fff; background: #db1522;}
#footer .menu-w .layout{ overflow:initial; height: 35px;background-color: #db1522;}
#footer .layout span{ top: 0; left: 0; line-height: 35px;position: relative; height: 35px; float: left; cursor: pointer; color: #f47287; padding: 0 20px;}
#footer .layout span.active{ color: #fff; font-size: 16px;}
#footer .menu-w span.active s{ position: absolute; width: 11px; left: 50%; margin-left: -6px; height: 9px; background: url(../images/arrow.jpg) no-repeat; bottom: -9px; display: block;}

#footer .layout li{ line-height: 32px;}
#footer .tab-area{ height: auto;overflow: hidden; padding-top: 10px;}
#footer .tab-area a{ white-space:nowrap; white-space：normal; margin: 0 5px; font-size: 14px; }
#footer .info{ margin: 10px 0;}
#footer .left img{ margin: 0 20px 10px;}
#footer .left-1{ padding-top: 40px; padding-right: 30px;} 
#footer .left-2{ padding: 20px 0 20px 50px; line-height: 2em; padding-left: 50px; border-left: 1px solid #ddd;}
#footer .info{ padding: 20px 0; text-align: center;}
#footer .main{ padding-bottom: 20px; height: auto; overflow: hidden;}

#owl-demo{position:relative;width:626px;height:361px;margin:20px auto 0 auto; overflow:hidden;}
#owl-demo .item{ position:relative;display:block;}
#owl-demo img{display:block;width:626px;height:361px;}
#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.5;filter:alpha(opacity=50);}
#owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "微软雅黑","黑体";color:#fff;text-align:center;}

.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(../images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(../images/bg17.png);}
.owl-next{right:0;background-image:url(../images/bg18.png);}
.owl-prev:hover{background-image:url(../images/bg19.png);}
.owl-next:hover{background-image:url(../images/bg20.png);}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


.xsdhfont{
    color: #0d4bb8;
    font-size: 16px;
    font-weight: bold;
}


.polity-news{margin:0 auto 10px; width:1200px; height:21px;}
.polity-news-bti{font-size:14px;color:#8bbd00;background-position:0 -538px;padding:0 0 0 30px; float: left;}
.polity-news-item{margin:0 15px 0 10px;}
#alistId {float: left;width: 1090px;height: 21px;line-height: 21px;}



/*宣传标语*/
.polity-news {
	margin-bottom: 15px;
	height: 30px;
	line-height: 30px;
	background: #f5f5f5;
	overflow: hidden;
}
.polity-news-bti {
	color: #fff;
	background: #d4232a url(http://home.xiancity.cn/images/horn.png) no-repeat;
}
#alistId {
	height: 30px;
	line-height: 30px;
}

/* marquee */
.plus-mar-left{overflow:hidden; word-break:keep-all; white-space:nowrap;}
.plus-mar-left ul{list-style:none; margin:0; padding:0; display:inline-block; *display:inline; zoom:1;}
.plus-mar-left li{display:inline-block; *display:inline; zoom:1; text-indent:15px;margin-right:50px}
#alistId a{color:#444;text-decoration:none}


.toutiao_list{
    width: 1200px;
    float: left;
    margin-left: 18px;
}

.toutiao_list li {
width: 566px;
font-size: 16px;
background-repeat: no-repeat;
background-position: left;
text-align: left;
line-height: 30px;
margin-left: 20px;
float: left;

margin-bottom: 30px;
list-style-type: disc;
color: #f40b0b;
}



/* FOR HOVER
---------------------------------------*/
.front, .back {
    background: #3F2860;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    backface-visibility: hidden;
    overflow: hidden;
}
.back {
    z-index:10;
    transform: rotateY(180deg);
}
/*
#container:hover #card{
    transform: rotateY(-180deg);
}
*/
.back p {
    line-height: normal;
    position: relative;
    margin:0 5%;
    top: 50%;
    transform: translateY(-50%);
}

@media only screen and (max-width: 600px) {
    h1 { line-height: 175px;}
    #card {
        width: 300px;
        height: 400px;
    }

}
.firework-grp {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    color: white;
    color: #535396;
}
.firework-grp2{
    transform: rotate(180deg);
    color: #e23333;
    z-index: 6;
}
.firework-grp3{
    transform: rotate(-75deg);
    color: #e23333;
    z-index: 7;
}
.firework {
    font-size: 10px;
    display: block;
    width: 8.5em;
    height: 8.5em;
    position: absolute;
}

/* SIZES
------------------------------------*/
.size05 {
    transform: scale(0.5);
}
.size08 {
    transform: scale(0.8);
}
.size13 {
    transform: scale(1.3);
}
.size15 {
    transform: scale(1.5);
}
.size18 {
    transform: scale(1.8);
}
.size20 {
    transform: scale(2);
}

/* POSITION
------------------------------------*/
.pos1 {
    left: 66%;
    top: 90%;
}
.pos2 {
    left: 10%;
    top: 35%;
}
.pos3 {
   left: 90%;
    top: 25%;
}
.pos4 {
    left: -5%;
    top: 50%;
}
.pos5 {
       left: 90%;
    top: 65%;
}
.pos6 {
 left: 10%;
    top: 75%;
}
.pos7 {
       left: 5%;
    top: -5%;
}
.pos8 {
       left: 25%;
    top: 90%;
}



/* FIREWORK
------------------------------------*/
.drops-grp {
    display: block;
    width: 8.5em;
    height: 8.5em;
    position: absolute;
}
.drops-grp2 {
    display: block;
    width: 8.5em;
    height: 8.5em;
    position: absolute;
    transform: rotate(45deg);
}
.drop {
    display: block;
    width: 1em;
    height: 2em;
    overflow: hidden;
    position: absolute;
    opacity: 0;
}
.drop:before {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    background: currentColor;
    border-radius: 50%;
}
.drop:after {
    content: "";
    display: block;
    position: relative;
    top: -0.4em;
    width: 0;
    height: 0;
    border-top: 1.4em solid currentColor;
    border-left: 0.5em solid transparent;
    border-right: 0.5em solid transparent;
}
.drop-1 {
    left:3.75em;
    top: 0;
	animation:drop1anim 3s infinite;
	-webkit-animation:drop1anim 3s infinite;
	-moz-animation:drop1anim 3s infinite;
	-ms-animation:drop1anim 3s infinite;
	-o-animation:drop1anim 3s infinite
}
.drop-2 {
    top: 3.25em;
    right: 0;
    -webkit-animation:drop2anim 3s infinite;
	-moz-animation:drop2anim 3s infinite;
	-ms-animation:drop2anim 3s infinite;
	-o-animation:drop2anim 3s infinite
}
.drop-3 {
    left:3.75em;
    bottom: 0;
    -webkit-animation:drop3anim 3s infinite;
	-moz-animation:drop3anim 3s infinite;
	-ms-animation:drop3anim 3s infinite;
	-o-animation:drop3anim 3s infinite
}
.drop-4 {
    top: 3.25em;
    left: 0;
    -webkit-animation:drop4anim 3s infinite;
	-moz-animation:drop4anim 3s infinite;
	-ms-animation:drop4anim 3s infinite;
	-o-animation:drop4anim 3s infinite
}


.firework-2 .drop-1 {
    animation-delay: 0.5s
}
.firework-2 .drop-2 {
    animation-delay: 0.5s
}
.firework-2 .drop-3 {
    animation-delay: 0.5s
}
.firework-2 .drop-4 {
    animation-delay: 0.5s
}

/* FIREWORK DELAY
------------------------------------*/
.delay1 .drop-1 {
    animation-delay: 0.25s
}
.delay1 .drop-2 {
    animation-delay: 0.25s
}
.delay1 .drop-3 {
    animation-delay: 0.25s
}
.delay1 .drop-4 {
    animation-delay: 0.25s
}

.delay2 .drop-1 {
    animation-delay: 0.75s
}
.delay2 .drop-2 {
    animation-delay: 0.75s
}
.delay2 .drop-3 {
    animation-delay: 0.75s
}
.delay2 .drop-4 {
    animation-delay: 0.75s
}

/* keyframes
------------------------------------*/


@keyframes drop1anim {
    0% {
        top:3.25em;
        opacity: 0;
        transform: scale(0.3);
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        top: -0.75em;
        opacity: 0;
        transform: scale(0.3);
    }
}
@keyframes drop2anim {
    0% {
        right:3.75em;
        opacity: 0;
        transform: scale(0.3) rotate(90deg);
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
        transform: scale(1) rotate(90deg);
    }
    100% {
        right: -0.25em;
        opacity: 0;
        transform: scale(0.3) rotate(90deg);
    }
}
@keyframes drop3anim {
    0% {
        bottom:3.25em;
        opacity: 0;
        transform: scale(0.3) rotate(180deg);
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
        transform: scale(1) rotate(180deg);
    }
    100% {
        bottom: -0.75em;
        opacity: 0;
        transform: scale(0.3) rotate(180deg);
    }
}
@keyframes drop4anim {
    0% {
        left:3.75em;
        opacity: 0;
        transform: scale(0.3) rotate(-90deg);
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
        transform: scale(1) rotate(-90deg);
    }
    100% {
        left: -0.25em;
        opacity: 0;
        transform: scale(0.3) rotate(-90deg);
    }
}