@charset "UTF-8";

body,html{

	margin:0;

	padding: 0;



}

body {

 font-family: "微软雅黑","Microsoft YaHei" ! important;

}

a {

	text-decoration: none;

}

a:hover,a:focus {

	text-decoration: none;

	transition: all .5s ease-in-out;

}



ul li {

	list-style: none;

	margin: 0px;

	padding: 0px;

}

.top {

	height: 40px;

	background-color: #eeeeee;

}

.left {float: left;}

.right {float: right;}

.tc {

	text-align: center;

}

.animated {

	animation-duration: 2s !important;

}

.mf5 {

  margin-left: 5px;

}

.mt5 {

  margin-top: 5px;

}

.mt10 {

  margin-top: 6px;

}

.mt20 {

  margin-top: 20px;

}

.mt30 {

	margin-top: 30px;

}

.mt40 {

	margin-top: 40px;

}

.mt80 {

  margin-top: 80px;

}

.mb30 {

	margin-bottom: 30px;

}

.mb40 {

	margin-bottom: 40px;

}

.mb15 {

  margin-bottom: 15px;

}

.pt15 {

	padding-top: 15px;

}

.pb15 {

	padding-bottom: 15px;

}

.pb25 {

	padding-bottom: 25px;

}

.pt40 {

  padding-top: 40px;

}

.pt50 {

  padding-top: 50px;

}

.pb50 {

  padding-bottom: 50px;

}

.pb120 {

	padding-bottom: 120px;

}

.top .topl {

  font-size: 14px;

  color: rgb( 105, 106, 107 );

  line-height: 1.714;

  display: inline-block;

  margin-top: 8px;

}

.top span {

  margin-left: 3px;

}

.top .topr {

	margin-top: 8px;

}

.glyphicon {

  color: #999;

}

.top .topr a {

  font-size: 14px;

  float: left;

  color: rgb( 105, 106, 107 );

  line-height: 1.714;

  width: 100%;

}

.top .topr .active {

	color: rgb( 49, 145, 235 );

}



.top .topr a:hover {

	color: rgb( 49, 145, 235 );

}

.searchcon {

  float: right;

}

.input-group {

	max-width: 206px;

}

.form-control {

	border-radius: 20px;

}

.dropdown {

  float: right;

  margin-top: -6px;

}

.btn-search {

  background-color: #eee;

  border:0;

  color: #666;

}







.zl a{

	float:none!important}

.dropdown-menu>li>a {

	text-align: center;

	padding: 3px 15px;

  font-size: 14px;

}

.navbar {

  margin-top: 10px;

  margin-bottom: 10px;

}

.nav li{

  font-size: 16px;

  color: rgb( 41, 109, 176 );

  line-height: 1.75;



}

.navbar-default .navbar-nav .dropdown.act>a {

   color:rgb( 41, 109, 176 );

}

.nav li a:hover {

  color:rgb( 41, 109, 176 );

}

.nav>li>a {

	padding: 30px 40px;

}

.nav>li>a;hover {

  color: rgb( 41, 109, 176 );

}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {

  background-color: #fff;

}

.dropdown-menu {

  min-width:300px;

  width: 100%;

  text-align: center;

  right: 0;

  padding: 10px 0;



}

.dropdown-menu ul li:hover {

  background-color: #fff;

}

.two {

  position: relative;

  cursor: pointer;

}

.twopic {

  position: absolute;

  top: 20px;

  left: 0;

  display: none;

  width: 100px;

  height: 100px;

  overflow: hidden;

  z-index: 10;

}

.twopic img {

  width: 100%;

}

.two:hover .twopic {

  display: block;

}

.fixed {

  position: fixed;

  top: 0;

  z-index: 10;

  width: 100%;

  background-color: #fff;

}

.clear {

  clear: both;

}

.navbar-default .navbar-nav .dropdown a:hover {

  color: rgb( 49, 145, 235 );

}

.input-group {

	margin-top: 11px;

}

.banner {

	overflow: hidden;

	position: relative;

}

.banner img {

	width: 100%;

}

.swiper-container1,.swiper-container2 {

	position: relative;

	overflow: hidden;

}

.swiper-slide img {

  width: 100%;

}

.dropdown-menu {

  box-shadow:0px 0px 0px;

backgground:rgba(255,255,255,.8);

}

.swiper-slide .font-wrap{

            position: absolute;

            width: 100%;

            top: 50px;

            z-index: 1001;

            color: #fff;

            line-height: 1.714;

            text-shadow: 0 2px 5px rgba(0,0,0,.5);

        }



       .swiper-slide .font-wrap h2{

           text-align: center;

           font-size: 36px;

		   word-spacing:10px;

       }

       .swiper-slide .font-wrap p{

           font-size: 16px;  text-align: center;

       }

.title {

	display: inline-block;

	position: relative;

}

.title .titlecon {

	position: absolute;

	bottom: 10px;

	left: 37%;

}

.title .titlecon span {

	display:block;

  font-size: 26px;

  color: rgb( 49, 145, 235 );

  font-weight: bold;

  line-height: 1.231;

}

.title .titlecon1 {

	position: absolute;

	bottom: 10px;

	left: 12%;

}

.title .titlecon1 span {

	display:block;

  font-size: 26px;

  color: #fff;

  font-weight: bold;

  line-height: 1.231;

}

.title .titlecon2 {

	position: absolute;

	bottom: 10px;

	left: 12%;

}

.title .titlecon2 span {

	display:block;

  font-size: 26px;

  color: rgb( 49, 145, 235 );

  font-weight: bold;

  line-height: 1.231;

}

.title .titlecon3 {

  position: absolute;

  bottom: 0px;

  left: 20%;

}

.title .titlecon3 span {

  display:block;

  font-size: 26px;

  color: rgb( 49, 145, 235 );

  font-weight: bold;

  line-height: 1.231;

}

.title .titlecon4 {

  position: absolute;

  bottom: 0px;

  left: 30%;

}

.title .titlecon4 span {

  display:block;

  font-size: 26px;

  color: rgb( 49, 145, 235 );

  font-weight: bold;

  line-height: 1.231;

}

.title .titlecon5 {

  position: absolute;

  bottom: 0;

  left: 13%;

}

.title .titlecon5 span {

  display:block;

  font-size: 26px;

  color: rgb( 49, 145, 235 );

  font-weight: bold;

  line-height: 1.231;

}

.titledown {

  font-size: 14px;

  color: rgb( 49, 145, 235 );

  text-transform: uppercase;

  line-height: 2.286;



}

.titledown1 {

  font-size: 14px;

  color: #fff;

  text-transform: uppercase;

  line-height: 2.286;



}

.titledown2 {

  font-size: 14px;

  color: rgb( 49, 145, 235 );

  text-transform: uppercase;

  line-height: 2.286;



}



.prname {

  font-size: 16px;

  color: rgb( 79, 78, 78 );

  text-transform: uppercase;

  line-height: 2;

  text-align: center;

  margin-top: 5px;

}

.sbal {

  position: absolute;

  top: 36%;

  left: 36%;

}

.sbar {

 position: absolute;

 top: 36%;

 right: 36%;

}

.newsbal {

  position: absolute;

  top: 50%;

  left: 36%;

}

.newsbar {

 position: absolute;

 top: 50%;

 right: 36%;

}

.ysal {

  position: absolute;

  top: 25%;

  left: 41%;

}

.ysar {

 position: absolute;

 top: 25%;

 right: 41%;

}

.xwal {

  position: absolute;

  top: 25%;

  left: 42%;

}

.xwar {

 position: absolute;

 top: 25%;

 right: 42%;

}

.md {

  background: -webkit-linear-gradient(left top, #2a5aa4 , #3fbdb8); /* Safari 5.1 - 6.0 */

  background: -o-linear-gradient(bottom right, #2a5aa4, #3fbdb8); /* Opera 11.1 - 12.0 */

  background: -moz-linear-gradient(bottom right, #2a5aa4, #3fbdb8); /* Firefox 3.6 - 15 */

  background: linear-gradient(to bottom right, #2a5aa4 , #3fbdb8); /* 标准的语法 */

}

.md .mdlist {

	background-color: rgba(255,255,255,0.2);

}

.md .mdlist img {

	text-align: center;

	display: block;

	margin:  auto;

	padding: 30px;

}

.md .mdname {

  font-size: 18px;

  color: rgb( 255, 255, 255 );

  font-weight: bold;

  text-transform: uppercase;

  line-height: 1.778;

  text-align: center;

  padding-bottom: 20px;

}

.md .mdlist img:hover {

    -webkit-transform: rotate3d(0,1,0,360deg);

    -moz-transform: rotate3d(0,1,0,360deg);

    transform: rotate3d(0,1,0,360deg);

   transition: all .5s;

}

.mdbor {

	border-top-right-radius: 30px;

	border-bottom-left-radius: 30px;



}

.color .col-md-4:nth-child(1) .mdbor{

	background-color: #75d347;

}

.color .col-md-4:nth-child(2) .mdbor{

	background-color: #ababab;

}

.color .col-md-4:nth-child(3) .mdbor{

	background-color: #72c7e7;

}

.mdbor .tname {

  font-size: 17px;

  color: rgb( 255, 255, 255 );

  font-weight: bold;

  line-height: 4.311;

  border-bottom: 2px solid #fff;

  white-space:nowrap;

  overflow: hidden;

}

.mdbor .mdbornei {

	padding: 0 15px;

}

.mdbor .tcon {

  font-size: 16px;

  color: rgb( 255, 255, 255 );

  line-height: 2;

  margin-top: 10px;

  padding-bottom: 50px;

}



.ysimg {

  position: relative;

  overflow: hidden;

}

.ysimg img {

  width: 100%;

}

.ysimg:hover img {

  transform: scale(1.2);

  transition: all .6s;

}

.ysimg .ysname {

  font-size: 18px;

  color: rgb( 255, 255, 255 );

  font-weight: bold;

  line-height: 1.444;

  position: absolute;

  display: block;

  bottom: 0;

  width: 100%;

  text-align: center;

  padding: 10px;

}

.ysin .col-md-4:nth-child(1) .ysimg .ysname {

  background-color: rgba(19,122,157,.7);

}

.ysin .col-md-4:nth-child(2) .ysimg .ysname {

  background-color: rgba(56,147,66,.7);

}

.ysin .col-md-4:nth-child(3) .ysimg .ysname {

  background-color: rgba(123,209,177,.7);

}

.yscon {

  font-size: 16px;

  color: rgb( 111, 111, 111 );

  line-height: 1.75;



  padding-top: 10px;

  padding-bottom: 30px;

}

.lx {

    background: -webkit-linear-gradient(left top, #2a5aa4 , #3fbdb8 ); /* Safari 5.1 - 6.0 */

  background: -o-linear-gradient(bottom right, #2a5aa4, #3fbdb8 ); /* Opera 11.1 - 12.0 */

  background: -moz-linear-gradient(bottom right, #2a5aa4, #3fbdb8 ); /* Firefox 3.6 - 15 */

  background: linear-gradient(to bottom right, #2a5aa4 , #3fbdb8 ); /* 标准的语法 */

}

.lx .lxname {

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: rgb( 120, 120, 121 );

  text-transform: uppercase;

  line-height: 2;

  padding: 50px 10px 47px;



}

.lx .lxleft {

  background-color: #fff;

  width: 40%;

  float: left;

}

.lx .lxtel{

      padding-left: 20px;

      padding-bottom: 50px;

    }

.lx .lxright {

  width: 60%;

  float: left;

}

.lx .lxright img {

  width: 100%;

}

.xw .question {

  background-color: #f8f8f8;

  padding: 48px 0;

}

.xw .xwtitle {

  font-size: 16px;

  text-transform: uppercase;

  line-height: 2;

  border: 1px solid #dedede;

  display: inline-block;

  padding: 5px 10px;

}

.xw .active1 {

  background-color: #3191eb;

}

.xw .active1 a {

  color: #fff;

}

.xw .wen {

  border-radius: 50%;

  background-color: #3191eb;

  font-size: 16px;

  color: rgb( 255, 255, 255 );

  border: 1px solid #dedede;

  text-transform: uppercase;

  line-height: 2;

  display: inline-block;

  padding: 3px 10px;

  margin-left: 5px;

}

.xw .da {

  border-radius: 50%;

  background-color: #fff;

  font-size: 16px;

  border: 1px solid #dedede;

  text-transform: uppercase;

  line-height: 2;

  display: inline-block;

  padding: 3px 10px;

  margin-left: 5px;

  float: left;

}

.xw .wencon {

  font-size: 16px;

  text-transform: uppercase;

  line-height: 2;

  display: inline-block;

  margin-left: 5px;

  overflow: hidden;

     text-overflow:ellipsis;

     white-space: nowrap;

}

.xw .wencon1 {

  font-size: 14px;

  color: rgb( 128, 128, 128 );

  text-transform: uppercase;

  line-height: 1.714;



  margin-left: 5px;

  display: -webkit-box;

 -webkit-box-orient: vertical;

 -webkit-line-clamp: 2;

  overflow: hidden;

  width: 90%;

  float: left;

}

.xw .wencon2 {

  font-size: 14px;

  color: rgb( 128, 128, 128 );

  text-transform: uppercase;

  line-height: 1.714;

  margin-left: 5px;

  display: -webkit-box;

 -webkit-box-orient: vertical;

 -webkit-line-clamp: 2;

  overflow: hidden;

  padding-top: 8px;

  padding-bottom: 25px;

  border-bottom: 1px dotted #dedede;

}

.xw .wencon3 {

  font-size: 14px;

  color: rgb( 128, 128, 128 );

  text-transform: uppercase;

  line-height: 1.714;

  margin-left: 5px;

  overflow: hidden;

   text-overflow:ellipsis;

   white-space: nowrap;

  overflow: hidden;

  padding-top: 8px;

  padding-bottom: 25px;



}

.xw .tab-pane .mt10:nth-child(3) .wencon2 {

  border-bottom: none;

}

.xw .wencon a {

  color: rgb( 128, 128, 128 );

}

.xw .wencon a:hover {

  color: rgb( 49, 145, 235 );

}

.xw .answer {

  font-size: 14px;

  color: rgb( 177, 177, 177 );

  line-height: 1.714;

  margin-left: 48px;

}

.xw .answer1 {

  font-size: 14px;

  color: rgb( 177, 177, 177 );

  line-height: 1.714;

  margin-left: 5px;

}

.xw .wenti {

  margin-top: 15px;

  padding-bottom: 15px;

}

.yscir {

  display: block;

  padding: 25px;

  border-radius: 50%;

  margin-left: 26%;

  border:1px solid #dedede; 

  background: #fff;

  margin-top: 30px;

  width: 110px;

  height: 110px;

  margin-bottom: 10px;

  cursor: pointer;

}

.yscir:hover {

  -webkit-transform: rotate3d(0,1,0,360deg);

    -moz-transform: rotate3d(0,1,0,360deg);

    transform: rotate3d(0,1,0,360deg);

   transition: all .5s;

}

.yscir .iconfont {

   color:#ddd;

}

.ystop:hover .yscir {

  background:#296db0;

}

.ystop:hover .iconfont {

  color:#fff;

}

.ystop:hover .title {

  color:#097cb5;

}

.ystop {

  text-align: center;

  background: #eee;

      padding-top: 10px;

    padding-bottom: 73px;

}

.ystop .title {

  font-size: 30px;

  font-family: "Arial";

  color: rgb( 102, 102, 102 );

  font-weight: bold;

  text-transform: uppercase;

  line-height: 0.8;



}

.ystop .con {

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: rgb( 102, 102, 102 );

  text-transform: uppercase;

  line-height: 1.714;



}

.nav-tabs {

  border-bottom: none;

}

.newstab li {

  float: left;

}

.ml10 {

  margin-left: 10px;

}

.newstab li a {

  color: rgb( 128, 128, 128 );

}

.newstab li:hover {

  background-color: #3191eb;

}

.newstab li:hover a{

   color: #fff;

}

.neibanner {

  position: relative;

}

.neilist {

  position: absolute;

  top: 40%;

  width: 100%;

  text-align: center;

}

.neilist .con {

  font-size: 14px;

  color: rgb( 255, 255, 255 );

  text-transform: uppercase;

  line-height: 1.714;

  text-shadow: 0px 3px 8px rgba(7, 0, 2, 0.23);

}

.neilist .con a {

  color: rgb( 255, 255, 255 );

  text-shadow: 0px 3px 8px rgba(7, 0, 2, 0.23);

}
.neilist .con a {
	
	padding-right: 20px;
	position: relative;
}
.neilist .con a:before{
    content: ">";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;

}
.neilist .con a:last-child::before {
    display: none;
}

.neilist .title {

  font-size: 29.995px;

  font-family: "Microsoft YaHei";

  color: rgb( 255, 255, 255 );

  font-weight: bold;

  line-height: 1.467;

  text-shadow: 0px 3px 8px rgba(7, 0, 2, 0.23);

}

.neibanner img {

  width: 100%;

}

.list {

  background-color: #eeeeee;

  font-size: 14px;

  color: rgb( 119, 118, 118 );

  text-transform: uppercase;

  line-height: 1.714;

  text-align: center;

  padding: 15px;

}

.list a {

  color: rgb( 119, 118, 118 );

}

.pdlist {

   border: 1px solid #dedede;

   margin-bottom: 20px;

}

.pdlist ul li a {

  font-size: 14px;

  color: #5f5f5f;

  line-height: 2.345;

  

}

.pdlist ul li a:hover {

  color: rgb( 49, 145, 235 );

}

.pdlist .name {

  font-size: 16px;

  color: rgb( 255, 255, 255 );

  line-height: 1.677;

  text-align: center;

  padding: 10px;

  background-color: #2464a3;

}

.pdlist ul {

  margin: 0;

  padding: 0;

}

.pdlist ul li {

  background-color: #296db0;

  text-align: center;

  padding: 5px;

  border-top: 0.5px solid #488acb;

}

.pdlist ul li a {

  text-align: center;

  color: #fff;

  font-size: 15px;

}

.pdtitle {

  font-size: 24px;

  text-align: center;

  color: rgb( 79, 78, 78 );

  text-transform: uppercase;

  line-height: 1.333;

  margin-bottom: 15px;

}

.pdlistdown {

  background-color: #eeeeee;

  margin: 20px auto;



}

.pdlistdown .pdleft {

  width: 90%;

  float: left;

  padding: 20px 10px;

  background-color: 

}

.pdlistdown .pdleft .one {

  font-size: 14px;

  color: rgb( 88, 88, 90 );

  text-transform: uppercase;

  line-height: 2;



}

.pdlistdown .pdright {

  width: 10%;

  background: rgb( 49, 145, 235 );

  float: left;

}

.pdlistdown .pdright .back {

  font-size: 16px;

  text-transform: uppercase;

  line-height: 1.563;

  padding: 23px;

}

.pdlistdown .pdright .back a {

    color: rgb( 255, 255, 255 );

}

.xwnei {

  background-color: #eeeeee;

}

.newsbtn {

  color: rgb( 128, 128, 128 );

  border-radius: 0;

  padding: 10px 20px;

  margin-top: 20px;

}

.xwnei ul ,.xwnei li{

  padding: 0;

  margin: 0;

}

.xwnei ul li {

  color: rgb( 49, 145, 235 );

  float: left;

  line-height: 2.286;

  padding: 10px 0;

  border-bottom: 1px dotted #cbcbcb;

  width: 100%;

}

.xwnei ul li span{

  display: inline-block;

  width: 5px;

  height: 5px;

  background-color: rgb( 49, 145, 235 );

  margin-right: 5px;

  margin-bottom: 3px;

}

.xwnei ul li a {

  color: #a5a5a5;

  font-size: 14px;

  text-transform: uppercase;

  line-height: 2.286;



}

.xwnei ul li a:hover {

  color: rgb( 49, 145, 235 );

}

.xwnei ul li .answer1 {

  color: #a5a5a5;

}

.neifloat {

  float: right;

}

.pdlisttitle {

  font-size: 16px;

  color: rgb( 79, 78, 78 );

  text-transform: uppercase;

  line-height: 2;

  text-align: center;

  overflow: hidden;

   text-overflow:ellipsis;

   white-space: nowrap;

}

.pdcon img {

  width: 100%;

}

.affix {

  top: 102px;

  width: 255px;

  z-index: 10;

  background-color: #fff;

}

.bor {

  width: 70%;

  margin: 0 auto;

  border-top: 2px solid #3191eb;

  border-bottom: 2px solid #3191eb;

}

.bor ul {

  text-align: center;

}

.bor ul li {

  display: inline-block;

  margin-top: 10px;

  margin-right: 10px;

}

.bor ul li a {

  font-size: 18px;

  font-family: "Microsoft YaHei";

  color: rgb( 49, 145, 235 );

  line-height: 1.49;

  color: #5a5a5a;



}

.bor .active a{

  color: #3191eb;

}

.bor ul li a:hover {

  color: #3191eb;

}

.soltitle {

  font-size: 24px;

  color: rgb( 79, 78, 78 );

  text-transform: uppercase;

  line-height: 1.333;

  text-align: center;

  margin: 15px auto;

}

.img img {

  width: 100%;

}

.abcon {

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: rgb( 79, 78, 78 );

  text-transform: uppercase;

  line-height: 2;

}

.swiper-container1 .swiper-pagination-bullet {

   width: 50px;

   border-radius: 0;

   background-color: #fff;

}

.swiper-container2 {

  min-height: 280px;

}

.swiper-container2 .swiper-pagination-bullet {

   width: 15px;

   height: 15px;



}

.swiper-container2 .swiper-pagination-bullet-active {

  background-color: #96bff1;

}

.swiper-container4 {

  min-height: 230px;

}

.swiper-container4 .swiper-pagination-bullet {

   width: 15px;

   height: 15px;



}

.swiper-container4 .swiper-pagination-bullet-active {

  background-color: #96bff1;

}

.swiper-container5 {

  position: relative;

  overflow:hidden;

  min-height: 440px;

}

.swiper-container5 .swiper-pagination-bullet {

   width: 15px;

   height: 15px;



}

.swiper-container5 .swiper-pagination-bullet-active {

  background-color: #fff;

}

.newimg {

  max-width: 500px;

  margin: 20px auto;

}

/*kefu*/

/*kefu*/



.g_senav {

    width: 62px;

    position: fixed;

    right: 0;

    top: 50%;

    transform: translate(0,-50%);

    z-index: 51;

    transition: all 0.3s;

}

.g_senav i {

   font-size: 20px !important;

   text-align: center;

   color: #fff;

   display: block;

   padding: 12px 0;

   transition: all .5s;

}

.g_senitm{

    

    cursor: pointer;



    position: relative;

    border: 0.5px solid #dedede;



}



.g_senitma{



    width: 100%;



    display: block;



    position: relative;



    left: 0;



    top: 0;



}



.g_senitmb{



    width: 100%;



    display: block;



    position: absolute;



    left: 0;



    top: 0;



    opacity: 0;



}



.g_senitmqq .g_senweix {

    width: 145px;

    top: 0;

    bottom: inherit;

    transform: translate(100%,0); 

    left: 0;

    transition: all 1s;

    position: absolute;

}

.g_senitm:hover i {

  color: #fff;

  background-color: #296db0;

}



.g_senitmqq .g_senweiximg {

    width: auto;

    height: 100%;

    border: 1px solid #f3f7f3;

    transition: all 1.3s;

}

.g_senitmqq .g_senweix p {

    font-size: 16px;

    color: 333333;

    background: #ffffff;

    line-height: 51px;

    padding-left: 15px;

    padding-right: 15px;

    margin:0;

}



.g_senav .g_senitm:nth-child(2n - 1){



    background: #337ab7;



}



.g_senav .g_senitm:nth-child(2n){



    background: #337ab7;



}



.g_senweix1 {

    width: 105px;

    position: absolute;

    top: 0;

    z-index: 50;

   transform: translate(100%,0);

   transition: all .5s;

}

.g_senweix1 img {

  width: 100%;

}

.g_senitmtop {

	display: none;

}





.weixin {

  max-width: 80px;

  position: absolute;

  top: 0;

  left: -80px;

  display: none;

}

.wxshow:hover .weixin{

   display: block;

}

.iconfont {

  font-size: 40px !important;

  color: #fff;

  margin: 0 auto;

  display: inline-block;

}

.toplist {

  

  width: 33.33%;

  padding: 25px;

  float: left;

}

.toplist img:hover {

  -webkit-transform: rotate3d(0,1,0,360deg);

    -moz-transform: rotate3d(0,1,0,360deg);

    transform: rotate3d(0,1,0,360deg);

   transition: all .5s;

}

.toplist:nth-child(1) {

  background-color: #296db0; 

}

.toplist:nth-child(2) {

  background-color: #2464a3; 

}

.toplist:nth-child(3) {

  background-color: #296db0; 

}

.toplist .title {

  font-size: 20px;

  color: rgb( 255, 255, 255 );

  text-transform: uppercase;

  line-height: 1.4;



}

.toplist .name {

  font-size: 16px;

  color: rgb( 255, 255, 255 );

  line-height: 1.5;

  text-align: center;



}

.jianjie .title {

  font-size: 24px;

  color: rgb( 51, 51, 51 );

  font-weight: bold;

  text-transform: uppercase;

  line-height: 1.167;

  padding-bottom: 20px;

}

.jianjie .listbor {

  border: 1px solid #296db0;

  width: 70px;



}

.jianjie .listcon {

  font-size: 14px;

  color: rgb( 102, 102, 102 );

  line-height: 1.857;

  margin-top: 20px;

}

.youshi .title {

  font-size: 24px;

  color: rgb( 51, 51, 51 );

  font-weight: bold;

  text-transform: uppercase;

  line-height: 1.167;

  padding-bottom: 20px;

}

.youshi .listbor {

  border: 1px solid #296db0;

  width: 70px;



}

.youshi .listcon {

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: rgb( 145, 144, 144 );

  line-height: 1.857;

  margin-top: 20px;

}

.js {

  background: #296db0;

 

}

.js .title {

  font-size: 24px;

  color: #fff;

  font-weight: bold;

  text-transform: uppercase;

  line-height: 1.167;

  padding-bottom: 20px;

  margin-top: 120px;

}

.js .listbor {

  border: 1px solid #fff;

  width: 70px;



}

.js .listcon {

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: #fff;

  line-height: 1.857;

  margin-top: 20px;

  padding-right: 20px;

}

.chakan {

  background-color: #296db0;

  font-size: 14px;

  color: rgb( 255, 255, 255 );

  text-transform: uppercase;

  line-height: 1.714;

  display: inline-block;

  padding: 10px 10px 10px 35px;

  margin-top: 20px;

  position: relative;

  transition: all .5s;

}



.chakan:hover {

  background-color: #3191eb;

}



.chakan span {

  padding-left: 15px;

  display: inline-block;

}

.chakan1 {

  background-color: #fff;

  font-size: 14px;

  color: rgb( 138, 137, 137 );

  text-transform: uppercase;

  line-height: 1.714;

  display: inline-block;

  padding: 10px 10px 10px 35px;

  margin-top: 20px;

  transition: all .5s; 

}

.chakan1:hover {

  background-color: #3191eb;

  color: #fff;

}

.chakan1 span {

  padding-left: 15px;

  display: inline-block;

}

.swiper-container3,.swiper-container4{

  overflow: hidden;

  position:relative;

}

.product .title{

  font-size: 24px;

  color: rgb( 51, 51, 51 );

  font-weight: bold;

  text-transform: uppercase;

  line-height: 1.667;

  text-align: center;

}

.product .con {

  font-size: 16px;

  color: rgb( 170, 169, 169 );

  line-height: 1.75;

  text-align: center;

}

.product1 .title{

  font-size: 24px;

  color: #fff;

  font-weight: bold;

  text-transform: uppercase;

  line-height: 1.667;

  text-align: center;

}

.product1 .con {

  font-size: 16px;

  color: #fff;

  line-height: 1.75;

  text-align: center;

}

.pdname {

  font-size: 16px;

  color: rgb( 93, 93, 92 );

  text-transform: uppercase;

  line-height: 1.75;



}

.pdbor {

  background-color: #f2f2f2;

  padding-bottom: 10px;

}

.pdbor img {

  transition: all .5s;

}

.ckgd{margin: 15px 10px 0px 0px;}

.ckgd a{

  display: block;

  width: 76px;

  height: 25px;

  color: #fff;

  background: #337ab7;

  float: right;

  text-align: center;

  font-size: 14px;

  border-radius: 5px;

  line-height: 25px;

}

.pdbor img:hover {

  transform: scale(0.8);

}

.pdbor img:hover .pdname {

  color: rgb(41, 109, 176);

}

.video_delay_wrap{ position:absolute; top:20%; width:80%; left:10%;}

.video_delay_wrap_in{ position:relative;}

.close_in02, .close_in03{ position:absolute; top:5px; right:24%; z-index:2;}

.close_in02 i, .close_in03 i{ color:#fff; font-size:25px;}

#video1{ width:100%; height:auto;max-width: 800px;margin: 0 auto;display: block;}





.pdlistimg {

  background-color:#f2f2f2;

  padding:15px;

  margin-bottom:15px;

  position:relative;

}

 .pdlistimg .name1 {

  position:absolute;

}

.pdlistimg .name{

  position:absolute;

  top:37px;

}

.xwbg {

  background-color: #f8f8f8;

  padding-top: 30px;

}

.news {

  background-color: #fff;

  margin-top: 20px;

}

.news:hover .sca img {

  transform: scale(1.2);

}

.news .sca {

  overflow:hidden;

  transition: all .5s;

}

.news .sca img {

  width: 100%;

  transition: all .5s;

}

.newsdt {

   margin: 8px 20px;

   overflow: hidden;

}

.newsdt .title{

  font-size: 16px;

  color: rgb( 34, 34, 34 );

  text-transform: uppercase;

  line-height: 2.5;

  display: -webkit-box;

     -webkit-box-orient: vertical;

     -webkit-line-clamp: 1;

      overflow: hidden;

}

.newsdt .title:hover {

  color: #296db0;

}

.newsdt .date {

  font-size: 14px;

  font-family: "Arial";

  color: rgb( 170, 169, 169 );

  line-height: 2.857;

}

.newsdt .date span {

  margin-right: 3px;

}

.newsdt .con {

  font-size: 14px;

  color: rgb( 168, 168, 168 );

  line-height: 1.714;

  margin-bottom: 15px;

  display: -webkit-box;

 -webkit-box-orient: vertical;

 -webkit-line-clamp: 3;

  overflow: hidden;

}

.myModal img {

  cursor: pointer;

}

.huoban {

  border:1px solid #dedede;

}

.huoban img {

  width: 100%;

}

.footname {

  font-size: 18px;

  color: rgb( 255, 255, 255 );

  line-height: 2.222;



}

.foot ul,.foot li {

  margin: 0;

  padding: 0;

}

.foot li a {

  font-size: 14px;

  color: rgb( 134, 147, 154 );

  line-height: 2.143;



}

.foot li a:hover {

  color: #296db0;

}

.foot span {

  margin-right: 5px;

}

.nei1 ul,.nei1 li {

  margin: 0;

  padding: 0;

}

.nei1 ul li {

   display: inline-block;

   padding: 8px 20px;

   border: 1px solid #dedede;

   color: #666;

}

.nei1 .active3 {

   background: #296db0;

  color: #fff;

}

.nei1 ul li:hover {

  background: #296db0;

  color: #fff;

}

.gsp  {

  text-indent: 2em;

}

.jishu {

  position: relative;

}

.jishu img {

  width: 100%

}

.jishu .sbname {

  color: #fff;

  line-height: 55px;

  padding-right: 20px;

}

.jishu .bottom {

  height: 55px;

  background: rgba(56,108,160,0.5);

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

}

.newicon {

  color: #dbdbdb;

  font-size: 34px !important;



}

.prdet .title1 {

  font-size: 18px;

  line-height: 1.556;



}

.prdet .title2 {

  font-size: 18px;

  font-family: "Arial";

  color: rgb( 93, 93, 92 );

  text-transform: uppercase;

  line-height: 1.556;

  padding-bottom: 10px;

  border-bottom: 1px solid #dedede;

}

.prdet .title3 {

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: rgb( 140, 141, 142 );

  text-transform: uppercase;

  line-height: 2.143;



}

.newsdttitle {

  padding: 15px;

  border-bottom: 1px solid #dedede;

  font-size: 22px;

}

.maximg {

  max-width: 500px;

  margin: 10px auto;

}

.zxbtn {

  background: #296db0;

  padding: 5px 15px;

  display: inline-block;

  font-size: 18px;

  margin-top: 15px;

}

.zxbtn a {

  color: #fff;

}

.zxbtn i {

  font-size: 24px !important;

  margin-right: 3px;

}

.pdtab ul,.pdtab li {

  margin: 0;

  padding: 0;

}

.pdtab {

  border-bottom: 1px solid #dedede;

}

.pdtab ul li {

  float: left;

}

.pdtab .xwtitle {

   padding: 10px 70px;

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: rgb( 255, 255, 255 );

  line-height: 1.5;

  background: #f5f4f4;

  margin-right: 5px;

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

}

.pdtab .xwtitle a {

  color: #666;

}

.pdtab .xwtitle:hover {

    background: #296db0;

}

.pdtab .xwtitle:hover a {

    color: #fff;

}

.pdtab .active1 {

  background: #296db0;



}

.pdtab .active1 a {

  color: #fff;

}

.circle {

  border-radius: 50%;

  background: #296db0;

  width: 87px;

  height: 87px;

  color: #fff;

  font-size: 18px;

   line-height: 87px;

   float: left;

}

.cirname {

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: rgb( 102, 113, 126 );

  text-transform: uppercase;

  line-height: 87px;

  margin-left: 5px;

  display: inline-block;

  float: left;

  text-align:left;

  width:80%;

}

.fazhan {

  padding-left:0;

}



#firstpane {

    background-color: #fff;

}

.menu_list .current{background: #296db0;color: #fff;}

.menu_body{

    line-height: 38px;

    border-left: 1px solid #f6f6f8;

    background: #fff;

    border-right: 1px solid #f6f6f8;

}

.menu_head {

  font-size: 16px;

  padding: 10px;

  background: #f6f6f6;

  cursor: pointer;

}

.menu_head p {

  background: #f6f6f6;

}

.menu_body {

  margin-top: 10px;

  margin-bottom: 10px;

}

#firstpane .menu_body{

  display: none;

}

#firstpane .menu_body:nth-child(2){

  display: block;

}

.address div {

  font-size: 14px;

  color: rgb( 119, 119, 120 );

  line-height: 2;



}

.inlianxi {

  font-size: 14px;

  color: rgb( 119, 119, 120 );

  line-height: 1.857;

  margin-bottom: 5px;

}

.inlxput input {

  width: 100%;

  padding: 8px;

  border: 1px solid #dedede;

}

.inlxput textarea {

  border-radius: 0;



}

.intijiao {

  padding: 8px 50px;

  background: #1469a1;

  color: #fff;

  margin-left: 15px;

}

.kuan {

	width: 50%;

	float: left;

}

.myModal img {

   width: 100%;

   min-height: 517px;

}

.chuangxin {

	padding-left: 20%;

	min-height: 517px;

}

.chouse {

  top: 95%;

  min-width:94px;

}

.chouse li {

  width: 100%;

}

.nav>li:last-child a {

   padding-right:0;

}

footer {

  background-color: #222533;

}

footer .foot {

  margin-top: 30px;

   padding-bottom: 30px;

}

footer .foot p {

  font-size: 14px;

  color: rgb( 255, 255, 255 );

  line-height: 2.286;

  margin: 0;

}

footer .footdown {

  background-color: #1a1c27;

}

footer .footdown .footdowncon {

  font-size: 14px;

  color: rgb( 255, 255, 255 );

  line-height: 2.286;

  text-align: center;

  padding: 10px;

}

/*手机底部*/

.mobile-foot {

    background: #296db0;

    padding: 8px 0;

    position: fixed!important;

    bottom: 0!important;

    left: 0!important;

    width: 100%;

    z-index: 999999;

}



.moble-bottom{

    width:100%;

    height:51px;



}

.mobile-foot a {

    color: #fff;

    height: 35px;

    line-height: 33px;

    border: 1px solid #fff;

    border-radius: 4px;

    text-align: center;

    padding: 0 15px;

    transition: .3s;

    -o-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

}

.mobile-foot a i {

    margin-right: 5px;

    color: #fff;

    font-size: 16px !important;

}

.mobile-foot a:hover {

    background: #fff;

    color: #1a3f73;

    transition: .3s;

    -o-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

}

.navbar-toggle {

  margin-top: 12px;

}



/* side */

.side{position:fixed;width:54px;height:275px;right:36px;top:214px;z-index:100;}

.side ul li{width:54px;height:54px; line-height:54px; display:inline-block; float:left;position:relative; vertical-align: middle; 

            text-align:center;position: relative;}

.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}

.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}

.side ul li .sidetop:hover{/*background:#ae1c1c;*/opacity:1;filter:Alpha(opacity=100);}

/*.side ul li img{float:left;}*/



@media screen and (max-width: 1300px) {

  .chuangxin {

    padding-left: 8%;

  }

}

@media screen and (max-width: 1070px) {

  .navbar-header {

      float: none;

  }

  .navbar-toggle {

    display: block;

  }



  .collapse.in {

    display: block !important;

  }

  .navbar-nav>li {

    width: 100%;

  }

    .navbar-collapse {

    width: 100%;

  }

}



@media (min-width: 768px) and (max-width: 1070px) {



   .navbar-collapse.collapse {

    display: none!important;

    height: auto!important;

    padding-bottom: 0;

    overflow: visible!important;

    }

    .collapse.in {

    display: block !important;

  }

  .nav>li>a {

  	padding: 20px 10px;

  }

  .top {

  	display: none;

  }

  .navbar-nav>li {

  	width: 53%;

  }

  .dropdown-menu>li>a {

  	text-align: left;

  }

  .container {

  	width: 975px;

  }



}

@media screen and (max-width: 768px) {

  .top {

    display: none;

  }

  .nav>li {

    width: 100%;

  }

  .nav>li>a {

    padding: 10px;

  }

  .navbar {

    margin-top: 0;

  }

  .navbar img {

   height: 55px;

  }

  .searchcon {

    float: left;

  }

  .sbal,.newsbal {

    left: 10%;

  }

  .sbar,.newsbar{

    right: 10%;

  }

  .ysal {

    left: 28%;

  }

  .ysar {

    right: 28%;

  }

  .xwal {

    left: 30%;

  }

  .xwar {

    right: 30%;

  }

   .lx .lxleft {

    width: 100%;

   }

   .lx .lxright {

    width: 100%;

   }

   .lx .lxtel img {

      width: 100%;

    }

    .xw .wencon {

      width: 80%;

    }

    .xw .wencon1 {

      width: 80%;

    }

    .xw .xwtitle {

      margin-top: 5px;

    }

    .pdlistdown .pdleft {

      width: 80%;

    }

    .pdlistdown .pdright {

      width: 20%;

    }

    .toplist {

      width: 100%;

    }

    footer {

      display: none;

    }

    .js .title {

    	margin-top: 40px;

    }

    .chuangxin {

    	min-height: auto;

      padding-bottom: 10px;

    }

    .myModal img {

      width: 100%;

      min-height: auto;

    }



    .neilist .title {

      font-size: 20px;

    }

    .neilist .con {

      font-size: 12px;

    }

    .neilist {

      top: 22%;

      

    }

    .swiper-container5 {

      min-height: 555px;

    }

    .fazhan {

      padding-left: 5%;

    }

    .kuan {

    	width: 100%;

    }

    .yscir {

      margin-left: 31%;

    }

    .mt {

      margin-top: 10px;

    }

    .side {

      display: none;

    }

    .swiper-slide .font-wrap {

      top: 0;

      position: relative;

      background-color: #296db0;

    }

    .swiper-slide .font-wrap h2 {

      font-size: 24px;

      margin: 0;

      padding: 15px 0;

    }

    .swiper-slide .font-wrap p {

      font-size: 12px;

      padding-bottom: 20px;

    }

    .toplist {

      display: none;

    }

    .swiper-container1 .swiper-pagination {

      display: none;

    }

    .swiper-container4 {

      min-height: 180px;

    }

    .caret {

      display: none;

    }

    .jishu .bottom {

      height: 30px;

    }

    .jishu .sbname {

      line-height: 30px;

    }

    .pdtab .xwtitle {

      padding: 10px 20px;

    }

    .g_senav {

    	display: none;

    }

.dropdown-menu>li>a {

  text-align:left;

}

  .navbar-toggle {

   margin-right:0;

   margin-bottom:0;

}

}



#myTab li {

   display:inline-block;

   

}

#myTab li a {

   font-size:18px;

margin-right:10px;

padding:5px 10px;

color:#999;

}

#myTab li.active a {

  color:#296db0;

}



#page{ clear:both; height:40px; margin:0 auto; text-align:center; display: table; }

#page li{ float:left; padding:5px 14px; border:1px solid #CCCCCC; margin-right:6px; color:#666; font-size:12px; list-style:none;}

#page li:hover{border:1px solid #0060ad;}

#page li:hover a{color:#0060ad}

#page li a{ color:#666}

#page li.active{border:1px solid #0060ad; background-color:#0060ad; color:#FFFFFF}

#page li.active a{ color:#fff}