body {margin: 0px; font-family: Arial, Helvetica, sans-serif; line-height:27px;  font-size:14px; background:#FFF; font-family:"microsoft YaHei"; color:#000;}
ul{list-style-type:none; margin:0px; padding:0;}
img{border:0;}
a{ text-decoration:none; color:#000;}


.index{ clear:both; display: block; width: 1200px; margin: 0px auto 40px; }
.clear{ clear: both; display: block; }


/* index style start */
.top{ clear:both; display:block; width: 1200px; margin: 0px auto; height: 120px; position: relative; }
.logo{ position: absolute; left: 0px; bottom: 30px; }

.logo a{ display: flex; }
.logo-img{ display: flex; }
.logo-img img{ border: 0px; height: 60px; margin-right: 20px; }

.logo-txt{ display: flex; flex-direction: column; }
.logo-txt strong{ clear: both; display: block; font-size: 34px; color:#000; margin-bottom: 10px; }
.logo-txt span{ clear: both; display: block; font-size: 20px; color:#666; }

.tel{ position: absolute; right: 0px; bottom: 30px; display: flex; height: 55px; align-items: center; font-size: 40px; color: #1c4587; font-weight: bold; }
.tel img{ border: 0px; margin-right: 10px; }


/*  menu style start */
.menu{ clear:both; display:block; width: 100%; height:58px; line-height: 58px; background:#1c4587; }
.menu ul{ clear: both; display: block; width: 1200px; margin: 0px auto; }
.menu li{ float:left; padding-top: 14px;}
.menu li a{ clear:both; display:block; color: #FFF; font-size: 16px; width: 150px; height: 30px; line-height: 30px; text-align: center; border-radius: 15px; }
.menu li a:hover{ background: #fff; color: #1c4587; }
.menu li .on{ background: #fff; color: #1c4587; }




/* banner style start */
.banner{ clear: both; display: block; width: 100%; height: 542px; margin-bottom: 20px; }
@media screen and (max-device-width: 800px) {
	.menu, .banner, .indexAbout, .indexWaou, .copyright{ width: 1200px; }
}
.flexslider { position: relative; height: 542px; overflow: hidden; }
.slides { position: relative; z-index: 1;}
.slides li { height: 542px; text-align: center; }
.flex-control-nav { position: absolute; bottom: 20px; z-index: 2; width: 100%; text-align: center;}
ol{ margin: 0px; padding: 0px; }
.flex-control-nav li { display: inline-block; width: 24px; height: 24px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; background: #fff; overflow: hidden; cursor: pointer; }
.flex-control-nav .flex-active { background: #1c4587; color: #fff; }


/* index about */
.indexAbout{ clear: both; display: block; width: 1200px; margin: 0px auto; background: #f0f0f0; }
.indexAboutL{ float: left; display: block; width: 820px; height: 588px; position: relative; }

.indexAboutTit{ clear: both; display: block; margin: 30px 20px; }
.indexAboutTit span{ float: right; font-size: 20px; }
.indexAboutTit strong{ display: inline-block; height: 40px; border-bottom: 2px solid #feb853; }
.indexAboutTit{ font-size: 25px; color: #1c4587; }

.indexAboutText{ clear: both; display: block; margin: 0px 20px; font-size: 15px; line-height: 38px; }

.indexAboutIcon{ clear: both; display: block; text-align: center; width: 100%; color: #fff; position: absolute; left: 0px; bottom: 0px; }
.indexAboutIcon i{ clear: both; display: block; margin-top: 40px; }
.indexAboutIcon i img{ border: 0px; }
.indexAboutIcon strong{ clear: both; display: block; font-size: 28px; font-weight: normal; margin: 20px 0px; }
.indexAboutIcon p{ clear: both; display: block; width: 110px; margin: 0px auto; height: 1px; background: #fff; overflow: hidden; }
.indexAboutIconL{ float: left; display: block; width: 50%; background: #376bcb; height: 230px; }
.indexAboutIconR{ float: left; display: block; width: 50%; background: #0bbcd8; height: 230px; }

.indexAboutR{ float: left; display: block; width: 380px; height: 588px; overflow: hidden; }
.indexAboutR img{ border: 0px; width: 100%; }


/* index title */
.indexTitle{ clear: both; display: block; text-align: center; margin: 60px 0px 40px; }
.indexTitle strong{ clear: both; display: block; font-size: 28px; color: #1c4587; }
.indexTitle p{ clear: both; display: block; margin: 15px 0px; font-size: 20px; color: #535354; text-transform: uppercase; }


/* index grow */
.indexHonor{ clear: both; display: block; background: #3d3d3d; padding: 40px 0px; }
.indexHonorList{ clear: both; display: block; width: 1200px; margin: 0px auto; }




#featureContainer { margin: 0px auto; width: 1200px; }

#load { margin: 0px auto; display: none; }
#feature { position: relative; }
#feature .button { position: absolute; left: 0px; }

#feature .prev { background: #5b5959; width: 30px; height: 50px; line-height: 45px; position: absolute; left: 0px; top: 100px; text-align: center; font-size: 20px; color: #fff; }
#feature .next { background: #5b5959; width: 30px; height: 50px; line-height: 45px; position: absolute; right: 0px; top: 100px; text-align: center; font-size: 20px; color: #fff; }

.featureUL { position: relative; float: left; width: 2800px; }
.featureBox { width: 300px; height: 300px; overflow: hidden; margin: 0px 15px; display: table-cell; border: 1px solid #5b5959; }
.featureBox a { width: 300px; height: 300px; overflow: hidden; display: table-cell; vertical-align: middle; text-align: center;  }
.featureBox img{ border: 0px; max-width: 300px; max-height: 300px; }
#botton-scroll { float: left; display: block; width: 840px; margin: 0px auto; }
#block { position: relative; margin: 0px auto; overflow: hidden; width: 1000px; }






/* index news */
.indexNews{ clear: both; display: block; width: 1200px; margin: 0px auto; }
.indexNewsList{ float: left; display: block; width: 625px; }
.indexNewsLi{ clear: both; display: block; height: 90px; overflow: hidden; margin-bottom: 15px; }

.indexNewsTime{ float: left; display: block; width: 90px; height: 90px; background: #f68113; text-align: center; color: #fff; }
.indexNewsTime strong{ clear: both; display: block; font-size: 34px; height: 50px; line-height: 60px; overflow: hidden; }
.indexNewsTime span{ clear: both; display: block; }

.indexNewsContent{ float: right; display: block; width: 500px; }
.indexNewsTitle{ clear: both; display: block; height: 40px; line-height: 40px; overflow: hidden; font-size: 16px; font-weight: bold; border-bottom: 1px dashed #e3e3e3; }
.indexNewsText{ clear: both; display: block; line-height: 25px; color: #777; }


.indexNewsPic{ float: right; display: block; width: 530px; }
.indexNewsPic li{ clear: both; display: block; width: 530px; height: 245px; position: relative; margin-bottom: 15px; overflow: hidden; }
.indexNewsPic li img{ border: 0px; width: 530px; height: 245px; }
.indexNewsPic li span{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: normal; background: #1c4587; color: #fff; text-indent: 1em; }
.indexNewsPic li span a{ color: #fff; }





/* index contact */
.indexContact{ clear: both; display: block; width: 100%; height: 540px; background: URL(../images/contact.jpg) center top no-repeat; position: relative; }
.indexContactC{ clear: both; display: block; width: 1200px; height: 400px; position: absolute; left: 50%; bottom: 0px; margin-left: -600px; background: #376bcb; color: #fff; font-size: 26px; line-height: 45px; }
.indexContactC p{ clear: both; display: block; margin: 40px 0px; }
.indexContactL{ float: left; width: 400px; height: 400px; background: #fa9c41; text-align: center; }
.indexContactL strong{ clear: both; display: inline-block; margin: 0px auto; background: #2d3b59; height: 50px; line-height: 50px; font-weight: normal; padding: 0px 35px; border-radius: 30px; }
.indexContactL strong a{ color: #fff; }

.indexContactR{ float: right; width: 800px; }
.indexContactT{ float: left; display: block; width: 370px; margin: 0px 60px; }
.indexContactQ{ float: left; display: block; width: 211px; margin-top: 50px; text-align: center; }
.indexContactQ img{ border: 0px; width: 211px; height: 211px; }
.indexContactQ span{ clear: both; display: block; font-size: 16px; }






.location{ clear: both; display: block; margin: 0px auto; width: 1200px; height: 37px; line-height: 37px; text-align: center; border-bottom: 2px solid #1c4587; }
.location .classname{ float: left; display: inline-block; font-size: 18px; }
.location .classurl{ float:right; font-size:12px; font-weight:normal;}




/* copyright */
.copyright{ clear: both; display: block; background:#3d3d3d; padding: 80px 0px; }
.copyrightC{ clear: both; display: block; width: 1200px; margin: 0px auto; color: #fff; text-align: center; }
.copyrightC a{ color: #fff; }

.copyrightMenu{ clear: both; display: block; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
.copyrightMenu a{ margin-left: 20px; }

.copyrightText{ clear: both; display: block; }






.subContent{ clear: both; display: block; margin-top: 20px; }



.subNews{ clear:both; display: block; }
.subNews li{ clear:both; height:35px; line-height:35px; overflow: hidden; background:URL(../images/newsIcon.jpg) left 50% no-repeat; border-bottom:1px dashed #e3e3e3; text-indent:1.5em; font-size:15px; color: #666;}
.subNews li a{ color: #666; }
.subNews li span{ float:right;  }

.newsTitle{ clear:both; text-align:center; font-size:20px; margin-top: 40px;}
.info{ clear:both; text-align:center; height:auto; margin:15px 0px;}


.subNewsContent{ clear: both; display: block; padding: 30px 0px; font-size: 14px; }

.subPic{ clear:both; display: block; }
.subPic li{ float:left; margin:15px 25px 15px 0px; width:280px; text-align:center; }
.subPic li:nth-child(4n){ margin-right: 0px; }
.subPic li div{ clear:both; display:table-cell; width:280px; height:220px; vertical-align:middle; border:1px solid #ccc;}
.subPic li span{ clear:both; display:block;}
.subPic li div img{ border:0px; max-width:280px; max-height:220px; }





.page{ clear:both; display:block; margin:20px 0px; font-size: 16px; }
.preNext{ clear:both; padding: 20px 0px;  border-top:1px solid #e3e3e3; font-size: 14px;}
.proPic{ clear:both; margin:10px 0px; text-align:center;}