
*{margin:0px; padding:0px; word-wrap:break-word;}
img,input,select{vertical-align:middle;}
ul,li{list-style:none;}
a{text-decoration:none; color: #666	}
a:hover{color:#666; -webkit-transition: all ease 0.3s;}
img{border:none;}
.clear{ clear:both; height:0px;	 margin:0; padding:0;width:0; border:none; overflow:hidden;}
body{font-size:13px;font-family: "Microsoft YaHei"; color: #666; }
.fl { float:left}
.fr { float:right}
.div_1200{width: 1344px; margin: 0 auto}

.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}
.top {position: fixed; top: 0px; width: 96%; padding-left: 2%; padding-right: 2%; padding-bottom: 20px;  padding-top: 20px; z-index: 99; display: flex; justify-content:space-between;}
.top nav {display: flex; justify-content:space-between;}
.jinru {height: 29px; position: relative; margin-top: 15px; width: 120px;  background:rgba(255,255,255,0.3); border: 1px solid rgba(255,255,255,0.6); border-radius: 15px; color: #fff; text-align: center; line-height: 29px;}
.jinru a {color: #fff;}
.jinru .code { display: none; position: absolute; top: 30px; right: 0px;  z-index: 999;width: 120px; height: 130px; text-align: center;}
.jinru .code  img {width: 120px; height: 120px; }
.kailong{	width:0; margin-left: 50px;        height:0;	border-right:10px solid transparent;	border-left:10px solid transparent;	border-bottom:10px solid #fff;}
.section1 {background: url(../images/sectionbg1.png ) repeat-x bottom;}
.section2 {background: url(../images/sectionbg2.png ) center center no-repeat; background-size: 100%}
.section3 {background: url(../images/sectionbg3.png ) center center no-repeat; background-size: 100%}
.section4 {background: url(../images/sectionbg4.png ) center center no-repeat; background-size: 100%}
.section2 ,.section3 ,.section4{display: none }
footer {position: fixed; bottom: 0px; left: 0px; width: 100%; font-size: 16px; text-align: center; margin-bottom: 20px; }
footer p {width: 720px; margin: 0 auto; color: #fff; line-height: 30px; }
.section {position: relative; text-align: center;}
.section p {position: absolute; bottom: 100px; left: 0px; text-align: center; width: 100%; font-size: 34px;}
.section4  {position: relative;}
.section4 .left {position: absolute; left: 5%; bottom: -80px; width: 22%;}
.section4 .left img {width: 100%}

.section2  {position: relative;}
.section2 .left {position: absolute; right: 5%; bottom: 0px; width: 28%;}
.section2 .left img {width: 100%}
.icon {	  width: 1em;	  height: 1em;	  vertical-align: -0.15em;	  fill: currentColor;	  overflow: hidden;	}
.newslist,.contact { margin-top: 100px;}
.newslist .title,.contact .title { padding: 80px 0 50px 0; }
.newslist .title h2:after,.contact .title h2:after {content: ""; height: 3px; background: #000; width: 150px;}
.newslist .title h2 ,.contact .title h2{font-size: 28px; font-weight: normal; text-align: center; color: #434343; width: 140px;  margin:-20px auto 0 auto; background-color: #f7f4f8 }
.newslist .title p ,.contact .title p{color: #434343; text-align: center;}
.newslist .title  del,.contact .title del{ text-decoration:line-through; margin: 0 auto 0 auto;  width: 250px; height: 3px; background: #eeeeee; display: block;}

.con {display: flex; justify-content:space-between; }
.con .pic img {width: 100%; height: auto;}
.con .pic {width: 440px; height: 536px; position: relative;}
.con .pic .text {height: 100px; position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.6); z-index: 999}
.con .pic .text {color: #fff; display: flex; justify-content:space-between; }
.con .pic .text h2 {width: 85%; margin-right: 5%; padding-left: 5%; padding-top: 20px;}
.con .pic .text span {width: 10%; display: block; padding-top: 40px; font-size: 24px;}
.con .two { width: 442px; margin-left: 10px;display: flex;  align-content:space-between;  flex-wrap: wrap;}
.con .two li {width: 80%; height: 180px; padding: 40px 10%; background: #fff; }
.con .two li h2 {font-size: 18px; color: #434343; font-weight: normal;}
.con .two li p {font-size: 12px; color: #959595; line-height: 30px; margin-top: 15px;}
.con .two li .date p {margin-top: 0px;}
.con .line {display: flex; justify-content:space-between;}
.con .date { color: #626262; margin-top: 30px;}
.con .date span{ color: #626262; font-size: 40px;}

.con .line .icon { margin-top: 50px; font-size: 20px;}

.con .three { width: 442px; margin-left: 10px;display: flex;  align-content:space-between;  flex-wrap: wrap;}
.con .three li {width: 80%; height: 132px; padding: 20px 10%; background: #fff;  }
.con .three li a{display: flex;  justify-content:space-between;}
.con .three li .date {border-right: 1px solid #eee; padding-right: 5%; width: 80px;flex-shrink:0;}
.con .three li .text {margin-top: 30px; padding-left: 5%;}
.con .three li .text h2 {font-size: 18px; line-height: 30px;}
.list {margin-top: 30px; margin-bottom: 30px; }
.list ul {display: flex;  justify-content:space-between; flex-wrap: wrap; }
.list	li {width: 48%; background-color: #fff ; margin-bottom: 10px;}
.list	li  a{display: flex;  justify-content:space-between;}
.list	li .date {width: 60px; background-color: #eee; height: 60px; text-align: center;}
.list	li .date span {font-size: 20px; color: #434343; line-height: 40px; }
.list	li span {padding-right: 5%; padding-top: 20px;}
.list	li h2 {line-height: 60px; font-size: 18px; width: 80%; text-align: left; margin-left: 5%}

.div_1100{width: 1100px; margin:  0 auto}
.about {width: 100%; height: 827px;background: url(../images/about-bg.png) repeat-x;  margin-top: 100px;}
.about .div_1100{display: flex;  justify-content:space-between;}
.about .pic {width: 518px; height: 608px; margin-top: 100px; }
.about .text {width: 400px; margin-top: 300px; }
.about .text img {margin-bottom: 30px;}
.about .text p {color: #434343; line-height: 26px;}
.about .text p.en {line-height: 24px; color: #959595;}
.news {margin-top: 100px;}
.news {display: flex;  justify-content:space-between;}
.news .position {height: 40px; line-height: 40px; padding-bottom: 50px;  background: #f7f4f8;}
.news .left {background-color: #fff; margin-bottom: 30px; } 
.news .left h2 {font-size: 18px; text-align: center; margin: 15px 0 10px 0}
.news .left h3 {color: #959595; margin-bottom: 15px; font-size: 12px; text-align: center;}
.news .tit{padding: 15px;}
.news .con {padding: 25px; display: block; }
.news .right { width: 340px; margin-left: 20px;flex-shrink:0; display: flex;    flex-wrap: wrap;}
.news .right li {width: 80%; height: 180px; padding: 40px 10%; background: #fff; margin-bottom: 15px; }
.news .right li h2 {font-size: 18px; color: #434343; font-weight: normal;}
.news .right li p {font-size: 12px; color: #959595; line-height: 30px; margin-top: 15px;}
.news .right li .date p {margin-top: 0px;}
.news .right  { color: #626262; margin-top: 90px; width: 340px;}
.news .right  span{ color: #626262; font-size: 20px;}
.news .right .line {display: flex; justify-content:space-between;}
.news .right h2{font-size: 18px; font-weight: normal; width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 15px;}
.news .left p {line-height: 26px; color: #666; margin-bottom: 15px;}

.page span { float: left;  border-right: 8px; margin-right: 8px;  padding: 5px 8px; display: block; background: #fff; border: 1px solid #ddd; border-radius: 3px;}
.page {margin: 30px 0 30px 0; height: 30px;}
.page-num-current {color: #ff6915}
.news .left img {max-width: 690px;}

 .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

    .contact {background: #fff; height: auto;}
    .part1 {}

.contact .title {background: #f6f4f7}
.part1 .div_1100{display: block; color: #333; line-height: 32px; margin: 50px auto}
.part1 h2 {font-size: 20px; color: #222; margin-bottom: 20px;}
.part1 p span {font-size: 22px; color: #fb970e}

#dituContent {width: 100%; box-sizing:border-box;  border-radius: 5px; height: 550px; }
.part2 {background: #f6f4f7;}