@charset "gb2312";
/* CSS Document */

/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"微软雅黑"; font-size:14px; cursor:default; color:#010101;}
table{border-collapse:collapse;border-spacing:0; border:none;}
tr,td{border:none;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#323232;}
a:hover{ text-decoration:none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
i{font-style:normal}

.clear{ clear:both;}
.fl{ float: left;}
.fr{ float: right;}
.pr{position:relative;}

.container{ width: 100%;  overflow: hidden; position: relative;  }
.container img,
.box_1_1 img,
.box_1_2 img,
.box_1_3 img,
.box_1_4 img,
.box_1_5 img,
.box_1_6 img{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all .3s ease-out;  }
@media screen and ( max-width: 1200px ) {
    body,html{ width: 1200px; }
    .container{ width: 1200px; }
    .backstretch{ width: 1200px !important; }
}

/*--头部--*/
.top{ overflow: hidden; height: 35px; line-height: 35px; margin: 70px auto 140px; }
.top a{ color: #fff; }
.top .top_left{ width: 50%; height: 100%;  float: left; position: relative;  }
.top .top_left_1{  width: 100%; text-align: right; position: absolute; right: 200%; /*right: 280px;*/ padding-right: 40px; float: right; color: #fff; background: url(2017css_index_topleft.png) no-repeat right center; }
.top .top_right{ width: 50%; height: 100%; float: right; position: relative; }
.top .top_right_1{ width: 100%; text-align: left; position: absolute; left: 200%; /* left: 280px;*/ padding-left: 50px; float: left; color: #fff;  background: url(2017css_index_topright.png) no-repeat left center; }
.top .top_right_1 a{; color: #fff; font-size: 12px; }

/*--logo 搜索--*/
.header_main{}
.header{width:510px; position:absolute; z-index:999; left:50%; margin-left: -260px; top:45px; opacity: 0; transform: scale(4) translateX(200%) translateY(400%) rotateY(-360deg); }
.header{ -webkit-transition: all 3s ease-out; -moz-transition: all 3s ease-out; -o-transition: all 3s ease-out; transition: all 3s ease-out; }
.top_logo{ text-align: center; margin-bottom: 15px; }
.top_search{ width:505px; margin: 0 auto; text-align: center; overflow: hidden;  }
.search{ width:495px; padding: 5px; height: 40px; margin-bottom: 10px; background:url(2017xhx_01_search.png) no-repeat left top; }
.search .sr{display: inline-block; float: left; width: 400px; height: 40px; line-height:40px; border: none; outline: none; color: #7f7f7f; background:none; padding: 0 20px; font-size:14px;}
.search .btn{display: inline-block; float: left; width: 55px; height: 40px; border: none; outline: none; background:none; cursor: pointer; }
/*--热词--*/
.weather{ line-height: 24px; }
.weather span{ color: #666666; margin-right: 20px; }
.weather .weather_rc{ padding: 0 10px; height: 24px; line-height: 24px; color: #ffffff; background: #556066; margin-right: 10px; border-radius: 4px;  }
.weather .weather_rc:hover{ background: #82979d; }

/*--内容部分--*/
.main{ }
/*--页面tab切换  nav导航--*/
.slideTxtBox .nav{ width:1200px; margin: 0 auto; height:60px; background:url(2017xhx_01_navbg02.png); overflow: hidden; }
.slideTxtBox .nav ul li{ float:left; width: 171px; height: 60px; line-height: 60px; text-align: center; background: url(2017xhx_index_navb.png) no-repeat right;  }
.slideTxtBox .nav ul li:last-child { background: none;  }
.slideTxtBox .nav .on{ background:url(2017xhx_01_navbg01.png)!important; }
.slideTxtBox .nav ul li a{ display: inline-block; width: 100%; height: 100%; text-indent: 2em; color: #fff; font-size: 20px; background: url(2017xhx_01_navbg.png) no-repeat; }
.slideTxtBox .nav_01{ background-position: 20px 0!important; }
.slideTxtBox .nav_02{ background-position: 20px -60px!important; }
.slideTxtBox .nav_03{ background-position: 20px -120px!important; }
.slideTxtBox .nav_04{ background-position: 20px -180px!important; }
.slideTxtBox .nav_05{ background-position: 20px -240px!important; }
.slideTxtBox .nav_06{ background-position: 20px -300px!important; }
.slideTxtBox .nav_07{ background-position: 20px -360px!important; }

/*--页面容器--*/
.box_auto{ width:1200px; margin: 0 auto;  }
.box .box_main{ width: 1160px; height: 470px; padding: 20px; background: #fff; overflow: hidden; }
.chengdiv{ height:0px; width:100%;position:relative; z-index:9;}
.box_footer{ height: 0; /* height: 554px;*/ overflow: hidden; position: relative; }

/*--link友情链接--*/
.link{ width: 1130px; height: 44px; padding: 0 50px 0 20px; margin: 0 auto; background: #e8e8e8; position: relative; }
.link .dhlj{ display: inline-block; height: 44px; line-height: 44px; float: left; margin-right: 20px; color: #a33737; font-weight: bold; font-size: 16px; }
.link .link_nav { z-index: 2;  float: left;  }
.link .link_nav ul{ float: left;}
.link .link_nav ul li{ float: left;  padding: 0 27px; border: 1px solid #ebebeb; }
.link .link_nav ul li:hover{ background: #ffffff;  border: 1px solid #ddd; border-top: 1px solid #ffffff; }
.link .link_nav ul li a{ display: inline-block; height: 42px; line-height: 42px; font-size: 16px; }

.link .nav-cont{ width: 1108px; max-height: 565px; overflow: auto; position: absolute; left: 40px; bottom: 44px; z-index: 1;  padding-bottom:25px; float:left; background: #fff;  border: 1px solid #ddd; border-bottom: none; display: none; }
.link .nav-cont li{ float:left; padding:0!important; border: none!important; line-height:34px; text-align:center; margin:25px 0 0 21px; display:inline; }
.link .nav-cont li:hover{ border: none!important;  }
.link .nav-cont li a{ width:134px; height:34px!important; line-height: 34px!important; display:block!important; color:#666; background: #ebebeb;  overflow: hidden; }
.link .nav-cont li a:hover{ color:#c00; text-decoration:none; }


/*--底部--*/
.footer{ height: 68px; margin-top: 30px; background: url(2017css_index_tmbg68.png); }
.footer_main{ width: 1200px; height: 68px; margin: 0 auto; }
.footer .footer_1{ width: 219px; height: 68px; line-height: 68px; color: #FFFFFF; float: left; }
.footer .footer_2{ height: 60px; padding: 4px 70px; color: #FFFFFF; float: left;  }
.footer .footer_2 p{  color: #FFFFFF; line-height: 30px; font-size: 12px;  }
.footer .footer_3{ float: right; line-height: 68px; }
.footer .footer_3 a img{ width: auto; height: 50px; margin-left: 16px; }