@import url("cmAnimation.css");
html { /*background:url(../skin/html_bg.jpg) repeat-x;*/ }
html{ overflow-x: hidden;}
body { margin:0;  padding:0; height:auto;  color:#333; font:14px/24px Microsoft YaHei; background: #fff url("../skin/bodyBg.jpg") repeat-x center top; }
div, form, ul, ol, li, span, p, dl, dt, dd, img { margin:0; padding:0; border:0; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size:14px; font-weight:normal; }
ul, ol, li { list-style:none }
table, td, input, textarea { font-size:14px; font-family:Microsoft YaHei; }
button,textarea { font-family:Microsoft YaHei; }
a { color:#000; text-decoration:none; -webkit-transition:color 0.4s ease; -moz-transition:color 0.4s ease; -o-transition:color 0.4s ease; transition:color 0.4s ease }
a:visited { text-decoration:none }
body a:hover {
 color: #c00; text-decoration:none; -webkit-transition:color 0.2s ease; -moz-transition:color 0.2s ease; -o-transition:color 0.2s ease; transition:color 0.2s ease }
/*:hover {transition:all 1s cubic-bezier(.19, 1, .22, 1);}*/
a:focus { outline:none; }
*:focus { outline: none; }
img { border:none; display: inline-block; }

.wrapper { position: relative; width: 1200px; margin: 0 auto; }

.search-box{float:right;width:190px;height:27px;line-height:27px;background:#fff;margin-top:9px;}
.search-box .txt{border:none;background:none;margin:0;padding-left:5px;}
.search-box .btn{border:none;background:url("../skin/i6.png") no-repeat;background-size:27px 27px;float:right;width:28px;height:27px;cursor:pointer;}

.cmHeaderBg { background: #0d3f76; }
.cmHeader { height: 161px; background: url("../skin/bg.jpg") no-repeat right bottom; }
.cmHeader .logo { position: absolute; top: 20px; left:0px; width: 620px; height: 120px; background: url("../skin/logo.png") no-repeat; }
.cmHeader .logo a { display: block; height: 90px; }


.cmNavBg { height: 45px; background: #0c3562 url("../skin/navBg.jpg") repeat-x center bottom; }
.cmNav { line-height: 45px; }
.cmNav ul {}
.cmNav ul li { float: left; position: relative; width: 125px; height: 45px; text-align: center; }
.cmNav ul li a { display: block; height: 45px; color: #fff; font-size: 18px; }
.cmNav ul li a:hover {  background: #174f8c; }
.cmNav ul li a.current { background: #174f8c; }

.cmFooterBg { background: url("../skin/footerBg.png") no-repeat center top; margin-top: 30px; }
.cmFooter { padding-top: 135px; padding-bottom: 10px; }
.cmFooter .t1 { float: left; margin-left: 140px; width: 600px; color: #fff; padding-top: 10px; }
.cmFooter .t2 { float: right; width: 450px; height: 120px; background: url("../skin/logo.png") no-repeat; background-size: 100% auto; }
.cmFooter .t3 {position: absolute;top: 120px;left: 0px;width: 120px;height: 40px;line-height: 40px;padding-top: 100px;text-align: center;background: url("../skin/erweima.png") no-repeat center top;color: #fff;}

.cmPages { padding:30px 0; text-align: center; }
.cmPages a { display: inline-block; height: 30px; line-height: 30px; padding:0 10px; background: #f5f5f5; border-radius: 3px; color: #333; }
.cmPages a:hover { background: #ccc; }
.cmPages a.current { background: #0d3f76; color: #fff; }






.cmBannerBg { height: 350px; margin-top: 20px; }
.cmBannerBg .swiper-container { width: 100%; height: 100%;}
.cmBannerBg .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.cmBannerBg .swiper-slide { background: url("") no-repeat center center; }
.cmBannerBg .swiper-slide a { display: block; width: 100%; height: 467px; }
.cmBannerBg .swiper-button-next { right:30px; }
.cmBannerBg .swiper-button-prev { left:30px; }


.ind {}
.ind .lm_name { position: relative; width: 100%; height: 50px; border-bottom: 1px solid #ddd;}
.ind .lm_name i { float: left; width: 50px; height: 50px; margin-right: 10px; }
.ind .lm_name .cn { float: left;  font-size: 24px; line-height: 50px; font-weight: bold; color: #18508d; border-bottom: 1px solid #18508d; }
.ind .lm_name .more { position:absolute; top:15px; right:0px; width:60px; padding-right: 0px; height:20px; line-height:20px; text-align:right; color:#18508d; }

.ind .cm_block02 { height:340px; margin-top:30px;}
.ind .cm_block02 .block01 { position:absolute; top:0px; left:0px; width:860px; height:345px; overflow: hidden; }
.ind .cm_block02 .block01 .boxL { position: absolute; top: 70px; left: 0px; width: 380px; height: 275px; overflow: hidden; }
.ind .cm_block02 .block01 .boxL { height: 275px;}
.ind .cm_block02 .block01 .boxL .swiper-container { width: 100%; height: 100%;}
.ind .cm_block02 .block01 .boxL .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ind .cm_block02 .block01 .boxL .swiper-slide { background: url("") no-repeat center center; }
.ind .cm_block02 .block01 .boxL .swiper-slide a { display: block; width: 100%; height: 275px; }
.ind .cm_block02 .block01 .boxL .swiper-slide img { width: 380px; height: 240px; }
.ind .cm_block02 .block01 .boxL .swiper-slide .tit { height: 35px; line-height: 35px; font-size: 14px; color: #fff; background: #18508d; text-align: center; }
.ind .cm_block02 .block01 .boxL .num { bottom:40px!important; }
.ind .cm_block02 .block01 .boxL .swiper-button-next { right:30px; display: none; }
.ind .cm_block02 .block01 .boxL .swiper-button-prev { left:30px; display: none; }

.ind .cm_block02 .block01 .boxR { position: absolute; top: 70px; right: 0px; width: 460px; height: 300px; overflow: hidden; }
.ind .cm_block02 .block01 .boxR h2 { font-size: 24px; height: 24px; overflow: hidden; }
.ind .cm_block02 .block01 .boxR h2 a { color: #015db2; }
.ind .cm_block02 .block01 .boxR h2 a:hover { color: #f00; }
.ind .cm_block02 .block01 .boxR p { line-height: 18px; height: 36px; font-size: 12px; overflow: hidden; margin-top: 10px; color: #999; }
.ind .cm_block02 .block01 .boxR ul { display:none;}
.ind .cm_block02 .block01 .boxR ul.show_box { display:block;}
.ind .cm_block02 .block01 .boxR ul li { height:30px; font-size:14px; line-height:30px; overflow:hidden; border-bottom: 1px dashed #ddd; }
.ind .cm_block02 .block01 .boxR ul li i { float:left; width:5px; height:5px; background:#ddd; color:#ddd; border-radius:10px; margin:14px 10px 0 0;}
.ind .cm_block02 .block01 .boxR ul li span { float:right; color:#999;}

.ind .cm_block02 .block02 { position:absolute; top:0px; right:0px; width:310px; height:345px; background: #fff; overflow: hidden; }
.ind .cm_block02 .block02 .lm_name2 { position: relative; height: 90px; background: #18508d; }
.ind .cm_block02 .block02 .lm_name2 .t1 { font-size: 24px; color: #fff; padding:20px 0 5px 20px; }
.ind .cm_block02 .block02 .lm_name2 .t2 { font-size: 18px; color: #fff; padding-left: 20px; }
.ind .cm_block02 .block02 .lm_name2 i { position: absolute; top: 20px; right: 20px; width: 50px; height: 50px; background: url("../skin/i5.png") no-repeat; }
.ind .cm_block02 .block02 .searchBox {position: relative;margin: 25px 20px;height: 40px;line-height: 40px;border-radius: 100px;background: #f5f5f5;}
.ind .cm_block02 .block02 .searchBox .txt { float: left; margin:10px 0 0 25px; border:none; background: none; width: 180px; }
.ind .cm_block02 .block02 .searchBox .btn { position: absolute; top: 0px; right: 10px; border:none; background: url("../skin/i6.png") no-repeat center center; width: 50px; height: 40px; cursor: pointer; }
.ind .cm_block02 .block02 .lm_name3 { position: relative; height: 24px; font-size: 24px; line-height: 24px }
.ind .cm_block02 .block02 .lm_name3 i { float: left; width: 15px; height: 15px; border-radius: 100%; background: #18508d; margin: 5px 10px 0 15px; }
.ind .cm_block02 .block02 .b { height: 150px; margin:20px 20px 0 20px; }
.ind .cm_block02 .block02 .b .b1 {float: left;width: 140px;height: 150px;}
.ind .cm_block02 .block02 .b .b1 .img {margin: auto;width: 100px;height: 100px;border-radius: 8px;background: #18508d url("../skin/i12.png") no-repeat center center;}
.ind .cm_block02 .block02 .b .b1 .tit {font-size: 16px;text-align: center;margin-top: 5px;}
.ind .cm_block02 .block02 .b .b2 { float: right; width: 100px; height: 150px; }
.ind .cm_block02 .block02 .b .b2 .img { width: 100px; height: 100px; border-radius: 8px; background: #0f9718 url("../skin/i8.png") no-repeat center center; }
.ind .cm_block02 .block02 .b .b2 .tit {font-size: 16px;text-align: center;margin-top: 5px;}

.ind .cm_block03 { margin-top: 20px; }
.ind .cm_block03 .block01 { float: left;  width:860px;  overflow: hidden; }
.ind .cm_block03 .block01 ul { padding-top: 30px; }
.ind .cm_block03 .block01 ul li { height: 90px; margin-bottom: 20px; }
.ind .cm_block03 .block01 ul li .b1 { float: left; width: 90px; height: 90px; border-radius: 100%; color: #fff; background: #18508d; text-align: center; }
.ind .cm_block03 .block01 ul li .b1 .t1 { font-weight: bold; font-size: 18px; padding-top: 15px; }
.ind .cm_block03 .block01 ul li .b1 .t2 { font-weight: bold; font-size: 36px; padding-top: 5px; }
.ind .cm_block03 .block01 ul li .b2 { float: right; width: 685px; height: 60px; padding:15px 25px; border-radius: 15px; position: relative; background: #e7f1fd; }
.ind .cm_block03 .block01 ul li .b2 .t1 { font-weight: bold; font-size: 16px; overflow: hidden; height: 24px; }
.ind .cm_block03 .block01 ul li .b2 .t2 { color: #999; padding-top: 5px; overflow: hidden; height: 24px; }
.ind .cm_block03 .block01 ul li .b2::before { content: ""; display: block; position: absolute; top: 35px; left: -10px; width: 20px; height: 20px; background: #e7f1fd; }
.ind .cm_block03 .block01 ul li .b2::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ind .cm_block03 .block02 { float: left;  width:860px; height:360px; overflow: hidden; }
.ind .cm_block03 .block02 .cmL { float: left; width: 420px; }
.ind .cm_block03 .block02 .cmR { float: right; width: 420px; }
.ind .cm_block03 .block02 ul { display:none; margin-top: 15px;}
.ind .cm_block03 .block02 ul.show_box { display:block;}
.ind .cm_block03 .block02 ul li { height:30px; font-size:14px; line-height:30px; overflow:hidden; border-bottom: 1px dashed #ddd; }
.ind .cm_block03 .block02 ul li i { float:left; width:5px; height:5px; background:#ddd; color:#ddd; border-radius:10px; margin:14px 10px 0 0;}
.ind .cm_block03 .block02 ul li span { float:right; color:#999;}
.ind .cm_block03 .block03 { position: absolute; top: 0px; right: 0px;  width:310px; overflow: hidden; }
.ind .cm_block03 .block03 ul {}
.ind .cm_block03 .block03 ul li { height: 90px; margin-bottom: 10px; color: #fff; }
.ind .cm_block03 .block03 ul li.i9 { background: #18508d url("../skin/i9.png") no-repeat 195px center; }
.ind .cm_block03 .block03 ul li.i10 { background: #19b5cc url("../skin/i10.png") no-repeat 195px center; }
.ind .cm_block03 .block03 ul li.i11 { background: #ffad01 url("../skin/i11.png") no-repeat 195px center; }
.ind .cm_block03 .block03 ul li.i12 { background: #18508d url("../skin/i12.png") no-repeat 195px center; }
.ind .cm_block03 .block03 ul li.i13 { background: #19b5cc url("../skin/i13.png") no-repeat 195px center; }
.ind .cm_block03 .block03 ul li i { float: left; width: 15px; height: 15px; background: #fff; border-radius: 100%; margin:40px 20px 20px 30px; }
.ind .cm_block03 .block03 ul li .t1 { font-size: 24px; line-height: 30px; padding-top: 15px; }
.ind .cm_block03 .block03 ul li a { color: #fff; display: block; height: 90px; }
.ind .cm_block03 .block03 ul li span { line-height: 60px; display: block; }
.ind .cm_block03 .block03 ul li:hover { background-color: #0166b2; }
.ind .cm_block03 .block03 select { width: 100%; padding:10px 5px; margin-top: 15px; }
.ind .cm_block03 .block03 dl { padding:15px 0; }
.ind .cm_block03 .block03 dl dd { float: left; width: 50%; height: 24px; line-height: 24px; overflow: hidden; background: url("../skin/ico-link.png") no-repeat 0 center; text-indent: 15px; }

.sub {}
.sub .lm_name { position: relative; width: 100%; height: 50px; border-bottom: 1px solid #ddd;}
.sub .lm_name i { float: left; width: 50px; height: 50px; margin-right: 10px; }
.sub .lm_name .cn { float: left;  font-size: 24px; line-height: 50px; font-weight: bold; color: #18508d; border-bottom: 1px solid #18508d; }
.sub .lm_name .cmBread { position:absolute; top:15px; right:0px; padding-right: 0px; height:20px; line-height:20px; text-align:right; }
.sub .lm_name .cmBread a { margin:0 5px; }
.sub .subLeft { float: left; width: 280px; }
.sub .subLeft .lmName { height: 80px; line-height: 80px; border-bottom: 5px solid #18508d; color: #18508d; text-align: center; font-size: 24px; font-weight: bold; }
.sub .subLeft dl {}
.sub .subLeft dl dd { position: relative; padding-left: 25px; border-bottom: 1px solid #ddd; font-size: 18px; }
.sub .subLeft dl dd a { display: block; line-height: 30px; padding:15px;}
.sub .subLeft dl dd::before { content: ""; display: block; position: absolute; top: 25px; left: 15px; width: 0px; height: 0px;
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
  border-left:5px solid #333;
 }
.sub .subLeft dl dd:hover { background: #c4830f; }
.sub .subLeft dl dd:hover a { color: #fff; display: block; }
.sub .subLeft dl dd:hover::before {border-left:5px solid #fff;}
.sub .subRight { float: right; width: 890px; padding-top: 30px; }
.sub .subRight .cmContent { padding:30px; font-size: 16px; }
.sub .subRight .cmContent p { margin:15px 0; }

.sub .subRight ul.cmNewsList {}
.sub .subRight ul.cmNewsList { margin-top: 15px;}
.sub .subRight ul.cmNewsList li { height:60px; font-size:18px; line-height:60px; overflow:hidden; border-bottom: 1px dashed #ddd; }
.sub .subRight ul.cmNewsList li i { float:left; width:10px; height:10px; background:#ddd; color:#ddd; border-radius:10px; margin:25px 20px 0 0;}
.sub .subRight ul.cmNewsList li span { float:right; color:#999;}

.sub .subMain { padding-top: 20px; }
.sub .subMain .cmTitle { padding:20px 180px; padding-top: 60px; font-size: 24px; font-weight: bold; text-align: center; line-height: 40px;}
.sub .subMain .cmTime { padding:0px 180px; font-size: 18px; text-align: center; line-height: 30px; color: #666;}
.sub .subMain .cmContent { padding:50px 10px; font-size: 16px; }
.sub .subMain .cmContent p { margin:15px 0; }


.lm_name_down { height: 50px; line-height: 50px; background: #18508d url("../skin/down.png") no-repeat 20px center; color: #fff; font-size: 20px; margin-top: 20px; border-radius: 3px; padding-left: 65px; }

.carousel { height: 260px; overflow: hidden; background: #fff; }
.carousel .wrap { position: relative; }
.slide-caption { position: relative; z-index: 10; float: left; width: 326px; height: 350px; }
.comp-a { background: url(../skin/cj_2_03.jpg) no-repeat 0px 0px; }
.slide-caption h2 { position:absolute; top:0px; left:0; color: #fff; font-size: 24px; display: block; line-height: 40px; padding: 60px 20px 30px 25px; font-family: 微软雅黑; font-weight: normal; }
.carousel-image { position: absolute; right: 0; }
.carousel-image img { width:1200px; height:260px;}
.carousel-item { position: relative; }
.carousel-item-secondary { display: none; }

.carousel { height: 260px !important; }
* html .slide-caption { background-image: none !important; height: 350px; }
.carousel-item { height: 450px; }
.carousel-controls { position: absolute; z-index: 100; left: 50%; top: 50%; width: 98px; height: 32px; }
.carousel-controls {}
.carousel-controls a { float: left; display: block; width: 32px; height: 32px; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; }

.carousel-controls .next { position: absolute; top:-30px; left:620px; width: 55px; height: 55px; border:5px solid #fff; opacity: 0.7; background: #000 url("../skin/cmRight.png") no-repeat center center; border-radius: 100px; }
.carousel-controls .next:hover, .carousel-controls .next:focus { border-color: #ccc; }
.carousel-controls .previous { position: absolute; top:-30px; left:-685px; width: 55px; height: 55px; border:5px solid #fff; opacity: 0.7; background: #000 url("../skin/cmLeft.png") no-repeat center center; border-radius: 100px; }
.carousel-controls .previous:hover, .carousel-controls .previous:focus {  border-color: #ccc; }

.carousel-controls .pause { display: none; background-position: -33px -32px; border-left: 1px solid #333; }
.carousel-controls .pause:hover, .carousel-controls .pause:focus { background-position: -33px 0; border-color: #ccc; }
.carousel-controls .play { display: none; position: relative; bottom: auto; left: auto; background-position: -66px -32px; border-left: 1px solid #333; }
.carousel-controls .play:hover, .carousel-controls .play:focus { background-position: -66px 0; border-color: #ccc; }
.carousel .prev-image { position: absolute; left: -1200px; top: 0; opacity: 0.2; }
.carousel .next-image { position: absolute; top: 0; right: -1200px; opacity: 0.2; }