@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; }
body{ font-size:12px; font-family: " "; color:#525252; background:#fff;}
a { text-decoration:none;  outline:none; transition:all 0.2s; } 
a:hover{ text-decoration:none; }

img{ border:0;}
table{ margin:auto;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none; font-family: " ";}
/*定义新型浏览器特性*/
::-webkit-scrollbar{width:0px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#dedede}
::-webkit-scrollbar-thumb:vertical{background-color:#004383;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#004383}
::-webkit-scrollbar-corner:vertical{background-color:#004383}
::-webkit-scrollbar-resizer:vertical{background-color:#004383;}

.clear{ width:100%; height:0; font-size:0; line-height:0; clear:both;}



.header{ width:100%; height:108px; background:#fff; position: fixed; top:0; z-index:9;}

.head{ width:1200px; height:108px; margin:auto;}
.head_logo{ float:left; height:108px; cursor:pointer;}
.head_logo img{ padding-top:26px;}

.head_right{ float:right; height:108px;}
.nav{ float: left; height:108px; margin:auto; margin-right:60px;}
.nav_1{ float:left; height:108px; position:relative; z-index:8;}
.nav_1 a{ display:block; font-size:16px; color:#000000;height:108px;line-height:108px; position:relative; cursor:pointer; z-index:9; min-width:72px; text-align:center; overflow:hidden; margin:0px 10px; -webkit-transition: all 0.4s ease-in-out;}

.nav_1 a:hover{ color:#003f98;}
.nav_1 a:hover .nav_xian{ width:100%;}
.nav_1 a.nav_1_a{ color:#003f98;}
.nav_1 a.nav_1_a .nav_xian{width:100%;}

.nav_xian{ width:0px; height:2px; background-color:#003f98; overflow: hidden; position:absolute; bottom:0; -webkit-transition: all 0.4s ease-in-out;}


.head_qie{ float:right; height:30px; margin-top:40px;}
.select{ width:80px; height:28px; position: relative;cursor: pointer;  border:1px solid #dddddd; z-index:9; border-radius:30px;}
.select::after{content: "";display: block;width: 7px;height: 7px;border-left: 1px solid #333;border-bottom: 1px solid #333;top:9px;right:15px;position: absolute;transform: rotate(-46deg);transition: all .3s ease-in;}
.select p{width:62px; padding-left:18px;line-height: 28px; font-size: 14px;font-family: " "; color: #666;}
.select ul{width: 100%;display: block;font-size: 14px;background: #FFFFFF;position: absolute;top:25px;left: 0px;max-height: 0px;overflow: hidden;transition: max-height .3s ease-in;}
.select ul li{width:62px; padding-left:18px;height:28px;line-height: 28px; list-style: none;color: #093a7b; font-size:14px;}
.select ul li.Selected{background:#003f98;color: #FFFFFF;}
.select ul li:hover{background: #003f98;color: #FFFFFF;}
.select ul li a{color: #093a7b; width: 100%;height: 24px;}
@-webkit-keyframes slide-down{
	0%{transform: scale(1,0);}
	25%{transform: scale(1,1.2);}
	50%{transform: scale(1,0.85);}
	75%{transform: scale(1,1.05);}
	100%{transform: scale(1,1);}
}
.select.open ul{max-height:450px;transform-origin: 50% 0;-webkit-animation: slide-down .5s ease-in;transition: max-height .2s ease-in;}
.select.open::after{transform: rotate(134deg);transition: all .3s ease-in;top:11px;}




.headerxiao{ width:100%; height:72px; background:#fff; /*overflow:hidden;*/}
.headerxiao .head{ width:1200px; height:72px; margin:auto;}
.headerxiao .head_logo{ float:left; height:72px; cursor:pointer;}
.headerxiao .head_logo img{ padding-top:15px; height:42px;}
.headerxiao .head_right{ float:right; height:72px;}
.headerxiao .nav{ float: left; height:72px; margin:auto; margin-right:60px;}
.headerxiao .nav_1{ float:left; height:72px; position:relative; z-index:8;}
.headerxiao .nav_1 a{ display:block; font-size:16px; color:#000000;height:72px;line-height:72px;}
.headerxiao .head_qie{ float:right; height:30px; margin-top:20px;}



/*首页*/
.section{ width:100%; height:100vh; overflow:hidden;}

.ping{ width:100%; height:100vh;  overflow:hidden;}


.big{ width:100%; height:807px; margin:auto;position:relative; overflow:hidden; bottom:-100px; opacity:0; -webkit-transition: all 1s 0.5s ease; margin-top:108px;}
.big .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}
.big .swiper-slide{ overflow:hidden;}
.big .swiper-slide.swiper-slide-active .big_div{opacity:1; -moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.big-left {position: absolute; left:9%; top:45%; z-index:10; cursor:pointer;  font-size:42px; color:#fff; font-family: "宋体"; overflow:hidden; width:78px; height:78px; text-align:center; line-height:78px; outline: none; background-color:rgba(0,0,0,0.2); border-radius:50%;}
.big-left:hover{ background-color:#000; -webkit-transition: all 0.4s ease-in-out;}
.big-right {position: absolute; right:9%; top:45%; z-index:10; cursor:pointer;  font-size:42px; color:#fff; font-family:"宋体"; overflow:hidden; width:78px; height:78px; text-align:center; line-height:78px; outline: none; background-color:rgba(0,0,0,0.2); border-radius:50%;}
.big-right:hover{ background-color:#000; -webkit-transition: all 0.4s ease-in-out;}



	
.big_div{ width:100%; height:807px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 2s ease-in;-moz-transition: all 2s ease-in;-o-transition: all 2s ease-in;-ms-transition: all 2s ease-in;transition: all 2s ease-in; opacity:0;}	





#s1.active .header { top:0px;}
#s1.active .big{ bottom:0px; opacity:1; }





/*第二屏*/
.about{ width:1200px; height: auto; overflow:hidden; margin: auto; position:relative;}
.about_ti{ width:100%; text-align:center; font-size:40px; color:#000; background: url(../images/serve_05.png) no-repeat center bottom; height:95px; line-height:95px; position:relative; top:-200px; opacity:0;-webkit-transition: all 1s ease;}
.about_ti span{ font-weight:bold; color:#004098;}

.about_xia{ width:1200px; height:360px; overflow:hidden; margin-top:65px; position:relative;}
.about_mune{ width:640px; height:42px; position: absolute; z-index:9; overflow:hidden; top:0; right:-200px; opacity:0;-webkit-transition: all 1s 0.8s ease;}
.about_mune a{ display:block; float:left; font-size:16px; color:#5d5d5e; text-align:center; border:1px solid #b6b7ba; width:133px; height:40px; line-height:40px; border-right:none; cursor:pointer;}
.about_mune a.about_mune_1{ border-right:1px solid #b6b7ba;}
.about_mune a:hover{ background-color:#004098; border:1px solid #004098; border-right:none; color:#fff;-webkit-transition: all 0.4s ease-in-out;}
.about_mune a.about_mune_1:hover{ background-color:#004098; border:1px solid #004098;  color:#fff;-webkit-transition: all 0.4s ease-in-out;}
.about_mune a.about_mune_a{ background-color:#004098; border:1px solid #004098; border-right:none; color:#fff;}
.about_mune a.about_mune_1.about_mune_a{ background-color:#004098; border:1px solid #004098;color:#fff;}

.about_con{ width:1200px; height:360px; margin-top:0px; display:none;}


.about_left{ float:left; width:505px; height:360px; position:relative; left:-200px; opacity:0;-webkit-transition: all 1s 0.5s ease;}
.about_right{ float:right; width:640px; height:295px; position:relative; padding-top:65px; right:-200px; opacity:0;-webkit-transition: all 1s 1s ease;}
.about_tit{ width:610px; font-size:22px; color:#181818; height:65px; line-height:65px; background:url(../images/index_06.jpg) no-repeat left; padding-left:30px;}
.about_tit span{ font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-left:10px;}

.about_nei{ width:100%; height:140px; overflow:hidden; font-size:15px; color:rgba(24,24,24,0.8); line-height:28px; }
.about_more{ width:119px; height:38px; position:absolute; bottom:0; left:0;}
.about_more a{ display:block; width:117px; height:36px; background-color:#004098; text-align:center; line-height:36px; font-size:15px; color:#fff; cursor:pointer; border:1px solid #004098; border-radius:30px;}
.about_more a:hover{ background-color:transparent;color:#004098;-webkit-transition: all 0.4s ease-in-out}


#s2.active .about_ti { top:0; opacity:1;}
#s2.active .about_left{  left:0; opacity:1; }
#s2.active .about_right{ right:0; opacity:1;}
#s2.active .about_mune{ right:0; opacity:1;}




/*******************333333333333333333333333333333333333333333333***************************/
.news{ width:1200px; height: 646px; overflow:hidden; margin: auto; position:relative;}
.news_ti{ width:100%; text-align:center; font-size:40px; color:#000; background: url(../images/serve_05.png) no-repeat center bottom; height:95px; line-height:95px; position:relative; top:-200px; opacity:0;-webkit-transition: all 1s ease;}
.news_ti span{ font-weight:bold; color:#004098;}
.news_mune{ width:100%; height:33px; margin-top:33px; text-align:center;position:relative; top:-50px; opacity:0;-webkit-transition: all 1s 0.5s ease;}
.news_mune a{ display: inline-block; font-size:16px; color:#fff; text-align:center; width:133px; height:33px; line-height:33px; cursor:pointer; border-radius:30px; margin:0px 10px; background-color:rgba(0,0,0,0.15);}
.news_mune a:hover{ background-color:#004098; -webkit-transition: all 0.4s ease-in-out;}
.news_mune a.news_mune_a{ background-color:#004098;}

.news_all{ width:1200px; height:452px; margin-top:33px;position:relative; bottom:-200px; opacity:0;-webkit-transition: all 1s 1s ease;}
.news_left{ float:left; width:505px; height:452px;}
.news_left a{ display:block; width:505px; height:452px;}
.news_left a:hover .news_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.news_img{ width:505px; height:270px; overflow:hidden;}
.news_img img{ width:505px; height:270px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.news_con{ width:505px; height:160px; margin-top:22px;}
.news_time{ float:left; font-size:27px; color:#000; font-family:Arial, Helvetica, sans-serif; width:125px; height:45px; line-height:45px;}
.news_rong{ float:right; width:380px; height:160px; position:relative;}
.news_1{ width:100%; height:45px; line-height:45px; overflow:hidden; font-size:18px; color:#000;}
.news_2{ width:100%; height:40px; line-height:20px; overflow:hidden; font-size:14px; color:rgba(0,0,0,0.5);}
.news_3{ width:41px; height:41px; background-color:#004098; border-radius:50%; position:absolute; bottom:0; left:0;}

.news_right{ float:right; width:600px; height:452px; position:relative;}
.news_list{ width:600px; height:auto; overflow:hidden;}
.news_list ul li{ width:600px; height:63px; list-style:none;}
.news_list ul li a{ display:block; width:560px; height:62px; background:url(../images/index_12.png) no-repeat left; padding-left:40px; border-bottom:1px solid #dfe1e5;}
.news_list ul li a:hover{ background:url(../images/index_16.png) no-repeat left; -webkit-transition: all 0.4s ease-in-out;}
.news_list ul li a:hover .news_top{ width:88px;}
.news_list ul li a:hover .news_mid{ color:#000000;}
.news_list ul li a:hover .news_xian{ width:45px;}
.news_top{ float:left; font-size:27px; color:#004098; font-family:Arial, Helvetica, sans-serif; height:62px; line-height:62px; width:0px; overflow:hidden; -webkit-transition: all 0.4s ease-in-out;}
.news_xian{ float:left; width:0px; height:62px; line-height:62px; overflow:hidden;background:url(../images/xian_03.png) no-repeat left; -webkit-transition: all 0.4s ease-in-out; }
.news_mid{ float:left; font-size:16px; color:rgba(0,0,0,0.5); height:62px; line-height:62px; width:345px; overflow:hidden; -webkit-transition: all 0.4s ease-in-out;}
.news_bottom{ float:right;font-size:14px; color:rgba(0,0,0,0.5); height:62px; line-height:62px;}   

.news_more{ width:100%; height:38px; position:absolute; bottom:0; right:0;}
.news_more a{ display: block; font-size:14px; color:#fff; text-align:center; width:118px; height:36px; line-height:36px; cursor:pointer; border-radius:30px; background-color:#004098; border:1px solid #004098; float:right;}
.news_more a:hover{ background-color: transparent;color:#004098; -webkit-transition: all 0.4s ease-in-out;}



#s3.active .news_ti { top:0; opacity:1;}
#s3.active .news_mune{  top:0; opacity:1; }
#s3.active .news_all{ bottom:0; opacity:1;}




/*第四屏*/
.contact{ width:1200px; height:455px; margin: auto; position:relative;}
.contact_ti{ width:100%; text-align:center; font-size:40px; color:#000; background: url(../images/serve_05.png) no-repeat center bottom; height:95px; line-height:95px; position:relative; top:-200px; opacity:0;-webkit-transition: all 1s ease;}
.contact_ti span{ font-weight:bold; color:#004098;}
.contact_all{ width:1200px; height:455px;  margin-top:120px;}
.contact_left{ float:left; width:500px; height:auto; overflow:hidden;position:relative; bottom:-200px; opacity:0;-webkit-transition: all 1s 0.5s ease;}
.contact_logo{ width:100%; height:56px; cursor:pointer;}
.contact_con{ width:100%; height:auto; overflow:hidden; font-size:15px; color:#000000; line-height:21px; margin-top:70px;}
.contact_con span{ display:inline-table; width:350px; height:auto; overflow:hidden; padding-bottom:3px;}
.contact_mid{ float:left; width:400px; height:455px; margin-left:10px;position:relative; bottom:-200px; opacity:0;-webkit-transition: all 1s 0.8s ease;}
.contact_tel{ background:url(../images/index_25.png) no-repeat left; height:71px; padding-left:85px; width:315px;}
.contact_tel_1{ width:100%; font-size:15px; color:#000; height:25px; line-height:25px;}
.contact_tel_2{ width:100%; font-size:28px; color:#000; height: auto; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-top:8px;}
.contact_wei{ width:100%; height:37px; margin-top:56px;}
.contact_1{ float:left; width:130px; height:37px; position:relative;}
.contact_1:hover .contact_1_2{ top:43px; opacity:1;}
.contact_1_1{ width:130px; height:37px; background-color:#03428e; border-radius:30px; text-align:center; line-height:37px;}
.contact_1_1 span{ font-size:14px; color:#fff; background:url(../images/index_38.png) no-repeat left; padding-left:32px;}
.contact_1_2{ width:130px; height:130px; position:absolute; top:53px; opacity:0; -webkit-transition: all 0.4s ease-in-out;}

.contact_2{ float:left; width:130px; height:37px; position:relative; margin-left:35px;}
.contact_1:hover .contact_1_2{ top:43px; opacity:1;}
.contact_2 a{ display:block; width:130px; height:37px; background-color:#03428e; border-radius:30px; text-align:center; line-height:37px; cursor:pointer;}
.contact_2 span{ font-size:14px; color:#fff; background: url(../images/index_41.png) no-repeat left; padding-left:32px;}


.contact_right{ float:right; width:207px; height:207px;position:relative; bottom:-200px; opacity:0;-webkit-transition: all 1s 1.1s ease;}

.contact_typeright{ width:100%; text-align:center; font-size:14px; color:#6b6b6b; height:60px; line-height:60px; position:absolute; bottom:-200px; opacity:0;-webkit-transition: all 1s 1.3s ease;}



#s4.active .contact_ti { top:0px; opacity:1;}
#s4.active .contact_left{ bottom:0px;  opacity:1;}
#s4.active .contact_mid{ bottom:0px;  opacity:1;}
#s4.active .contact_right{ bottom:0px;  opacity:1;}
#s4.active .contact_typeright{ bottom:0px;  opacity:1;}



.carte { position: fixed; right: 2%; top: 47%; height: auto; width:155px; z-index:9; }
.carte li {  width:155px; height:30px; transition: 400ms; -webkit-transition: 400ms; cursor: pointer; list-style:none;}
.carte li .tii { display:block; width:130px; height:30px; padding-right:40px;line-height: 30px; text-align:right;  font-size:14px; color:#333; background: url(../images/index_31.png) no-repeat right;}

.carte li span{ opacity:0;}
.carte li:hover .tii {background:url(../images/index_34.png) no-repeat right; }
.carte li:hover span {opacity:1; }

.carte li.active .tii {background:url(../images/index_34.png) no-repeat right; }
.carte li.active span{ opacity:1;}


.cai{ display:none;}
.btn-nav {
  position: absolute;
  top: 16px;
  right:0px;
  background: transparent;
  border: none; padding-right:10px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  z-index: 99999;
}

.btn-nav:focus { outline: 0;}
.icon-bar {
  display: block;
  margin: 6px 0;
  width: 30px;
  height: 2px;
  background-color: #003f98;
}
.btn-nav:hover .icon-bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color: #003f98;
}
.nav-item { margin: 40px auto;text-align: center;}
.animated { display: block;  margin: 0 auto;}
.animated:hover .icon-bar,.animated:focus .icon-bar{ background-color: #003f98;}
.animated:focus { cursor: pointer;z-index: 9999;}
.middle { margin: 0 auto;}
.icon-bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  z-index: 999999;
}
.animated .icon-bar {
  z-index: 999999;
  background-color: #003f98;
}
.animated .topt {
  webkit-transform: translateY(5px) rotateZ(45deg);
  -moz-transform: translateY(5px) rotateZ(45deg);
  -ms-transform: translateY(5px) rotateZ(45deg);
  -o-transform: translateY(5px) rotateZ(45deg);
  transform: translateY(5px) rotateZ(45deg);
}
.animated .bottom {
  -webkit-transform: translateY(-11px) rotateZ(-45deg);
  -moz-transform: translateY(-11px) rotateZ(-45deg);
  -ms-transform: translateY(-11px) rotateZ(-45deg);
  -o-transform: translateY(-11px) rotateZ(-45deg);
  transform: translateY(-11px) rotateZ(-45deg);
}
.animated .middle { width: 0;}
.news_lun{ display:none;}


@media screen and (max-width:1919px)and (min-width:1440px){
	
	
.header{ width:100%; height:88px; background:#fff; position: fixed; top:0; z-index:9;}

.head{ width:1200px; height:88px; margin:auto;}
.head_logo{ float:left; height:88px; cursor:pointer;}
.head_logo img{ padding-top:21px; height:46px; width:auto;}

.head_right{ float:right; height:88px;}
.nav{ float: left; height:88px; margin:auto; margin-right:60px;}
.nav_1{ float:left; height:88px; position:relative; z-index:8;}
.nav_1 a{ display:block; font-size:16px; color:#000000;height:88px;line-height:88px; font-weight:bold; position:relative; cursor:pointer; z-index:9; min-width:40px; text-align:center; overflow:hidden; margin:0px 20px; -webkit-transition: all 0.4s ease-in-out;}



.head_qie{ float:right; height:30px; margin-top:30px;}
.select{ width:80px; height:28px; position: relative;cursor: pointer;  border:1px solid #dddddd; z-index:9; border-radius:30px;}

.select p{width:62px; padding-left:18px;line-height: 28px; font-size: 12px;font-family: " "; color: #666;}
.select ul{width: 100%;display: block;font-size: 14px;background: #FFFFFF;position: absolute;top:25px;left: 0px;max-height: 0px;overflow: hidden;transition: max-height .3s ease-in;}
.select ul li{width:62px; padding-left:18px;height:28px;line-height: 28px; list-style: none;color: #093a7b; font-size:14px;}



.headerxiao{ height:72px;}
.headerxiao .nav_1 a{ display:block; font-size:16px; color:#000000;height:72px;line-height:72px;}




/*首页*/

.big{ margin-top:88px;}
	
	
	.about_mune a{ font-size:14px;}
	.about_tit{ font-size:18px;}
	.about_tit span{ font-size:12px;}
	.about_nei{ font-size:13px;}
	.about_more a{ font-size:13px;}
	
	
	.news_ti{ font-size:34px;}
	.news_mune a{ font-size:14px;}
	.news_time{ font-size:24px;}
	.news_1{ font-size:16px;}
	.news_2{ font-size:13px;}
	
	.news_top{ font-size:20px;}
	.news_mid{ font-size:14px;}
	.news_bottom { font-size:12px;}
	.news_more a{ font-size:12px;}
	
	.contact_ti{ font-size:34px;}
	
	.contact_con{ font-size:14px;}
	.contact_tel_1{ font-size:14px;}
	.contact_tel_2{ font-size:24px;}
	.contact_typeright{ font-size:13px;}
	.contact_1_1 span{ font-size:13px;}
	.carte li .tii{ font-size:12px;}
	
	.about_ti{ font-size:34px;}
}

@media screen and (max-width:1439px)and (min-width:1366px){
	
.header{ width:100%; height:88px; background:#fff; position: fixed; top:0; z-index:9;}

.head{ width:1200px; height:88px; margin:auto;}
.head_logo{ float:left; height:88px; cursor:pointer;}
.head_logo img{ padding-top:21px; height:46px; width:auto;}

.head_right{ float:right; height:88px;}
.nav{ float: left; height:88px; margin:auto; margin-right:60px;}
.nav_1{ float:left; height:88px; position:relative; z-index:8;}
.nav_1 a{ display:block; font-size:14px; color:#000000;height:88px;line-height:88px; font-weight:bold; position:relative; cursor:pointer; z-index:9; min-width:72px; text-align:center; overflow:hidden; margin:0px 20px; -webkit-transition: all 0.4s ease-in-out;}


.head_qie{ float:right; height:30px; margin-top:30px;}
.select{ width:80px; height:28px; position: relative;cursor: pointer;  border:1px solid #dddddd; z-index:9; border-radius:30px;}

.select p{width:62px; padding-left:18px;line-height: 28px; font-size: 12px;font-family: " "; color: #666;}
.select ul{width: 100%;display: block;font-size: 14px;background: #FFFFFF;position: absolute;top:25px;left: 0px;max-height: 0px;overflow: hidden;transition: max-height .3s ease-in;}
.select ul li{width:62px; padding-left:18px;height:28px;line-height: 28px; list-style: none;color: #093a7b; font-size:14px;}

.headerxiao{ height:72px;}
.headerxiao .nav_1 a{ display:block; font-size:14px; color:#000000;height:72px;line-height:72px;}

.big{ margin-top:88px;}
	
	
	
.big-left {font-size:34px;  width:58px; height:58px; text-align:center; line-height:58px;}
.big-right { font-size:34px; width:58px; height:58px; text-align:center; line-height:58px;}



/*第二屏*/
.about{ width:1200px; height: auto; overflow:hidden; margin: auto; position:relative;}
.about_ti{ width:100%; text-align:center; font-size:28px; height:70px; line-height:70px; }
.about_xia{ width:1200px; height:360px; overflow:hidden; margin-top:45px; position:relative;}






/*******************333333333333333333333333333333333333333333333***************************/
.news{ width:1200px; height: 646px; overflow:hidden; margin: auto; position:relative;}
.news_ti{ width:100%; text-align:center; font-size:28px; height:70px; line-height:70px; }

.news_mune{ width:100%; height:33px; margin-top:20px;}


.news_all{ width:1200px; height:387px; margin-top:20px;}
.news_left{ float:left; width:505px; height:387px;}
.news_left a{ display:block; width:505px; height:387px;}

.news_con{ width:505px; height:95px; margin-top:12px;}
.news_rong{ float:right; width:380px; height:95px; position:relative;}
.news_3{ width:36px; height:36px; display:none;}


.news_right{ float:right; width:600px; height:387px; position:relative;}
.news_list{ width:600px; height:auto; overflow:hidden;}
.news_list ul li{ width:600px; height:54px; list-style:none;}
.news_list ul li a{ display:block; width:560px; height:53px;}

.news_top{ float:left; font-size:27px; height:53px; line-height:53px; width:0px;}
.news_xian{ float:left; width:0px; height:53px; line-height:53px; overflow:hidden;}
.news_mid{ float:left; font-size:16px; color:rgba(0,0,0,0.5); height:53px; line-height:53px; width:345px;}
.news_bottom{ float:right;font-size:14px; color:rgba(0,0,0,0.5); height:53px; line-height:53px;}   



/*第四屏*/
.contact{ width:1200px; height:455px; margin: auto; position:relative;}
.contact_ti{ font-size:28px; height:70px; line-height:70px;}
.contact_all{ width:1200px; height:455px;  margin-top:60px;}


.about_mune a{ font-size:14px;}
	.about_tit{ font-size:18px;}
	.about_tit span{ font-size:12px;}
	.about_nei{ font-size:13px;}
	.about_more a{ font-size:12px;}
	
	

	.news_mune a{ font-size:14px;}
	.news_time{ font-size:24px;}
	.news_1{ font-size:16px;}
	.news_2{ font-size:13px;}
	
	.news_top{ font-size:20px;}
	.news_mid{ font-size:14px;}
	.news_bottom { font-size:12px;}
	.news_more a{ font-size:12px;}
	

	.contact_con{ font-size:14px;}
	.contact_tel_1{ font-size:14px;}
	.contact_tel_2{ font-size:24px;}
	.contact_typeright{ font-size:13px;}
	.contact_1_1 span{ font-size:13px;}
	.carte li .tii{ font-size:12px;}	


}
@media screen and (max-width:1365px)and (min-width:300px){
	
	/*头部*/
	.cai{ display: block; width:100%; height:60px; position: fixed; top:0px; z-index:99; background-color:#fff;border-bottom: 1px solid #f1f1f1;}
	.cai_list{ width:100%; height:100vh; background-color:#fff; display:none;}
	
	
	/*mnav*/
	.zhez{ width:100%; height:100vh; position:fixed;background-color:#fff; top:0px; z-index:999; display:none;}
	.mnav{  width:100%; max-width:510px; height:auto; margin:auto; background:#FFF; position: relative; margin:auto; z-index:1000; border-radius:10px; left:0px; display:none; top:63px;}
	.mnav li{line-height:39px; border-bottom:1px #f2f1f1 solid; padding:0px 3%; width:94%; font-size:14px; background:url(../images/jl.png) no-repeat; background-position:96% 17px; list-style:none;}
	.mnav li a{ width:100%; display:block; color:#000;}
	.mnav li a:hover{ color:#003f98;}
	.mnav li.mnav_li a{ color:#003f98;}
	
	.mnav .mnavhor dl{ display:block;}
	
		
	/*头部*/
	.header{ width:100%; height:60px; position: fixed;}
	.head{ width:1200px; height:90px; margin:auto; display:none;}
	.head_logo{ float:none; position:absolute; left:2%; top:0px; height:60px;  width: auto; z-index:9999;}
	.head_logo img{ padding-top:15px;  height:30px; width:auto;}
	.select{ width:80px; height:28px; position: absolute;cursor: pointer;margin-top:16px; margin-left:30px; z-index:9999; right:50px;}

	.carte{ display:none;}
	
	
	/*首页*/
	.big{ width:100%; height:807px; margin:auto;position:relative; overflow:hidden; bottom:-100px; opacity:0; -webkit-transition: all 1s 0.5s ease; margin-top:0px;}
	.big .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}
	.big .swiper-slide{ overflow:hidden;}
	
	.big-left {position: absolute; left:4%; top:48%; z-index:10; cursor:pointer;  font-size:22px; width:38px; height:38px; text-align:center; line-height:38px;}
	.big-right {position: absolute; right:4%; top:48%; z-index:10; cursor:pointer;  font-size:22px; width:38px; height:38px; text-align:center; line-height:38px;}


	
	/*第二屏*/
	.about{ width:96%; height: auto; overflow:hidden; margin: auto; position:relative;}
	.about_ti{ width:100%; text-align:center; font-size:18px; color:#000; background: url(../images/serve_05.png) no-repeat center bottom; height:45px; line-height:30px; position:relative; top:-200px; opacity:0;-webkit-transition: all 1s ease;}
	
	
	.about_xia{ width:100%; height: auto; overflow:hidden; margin-top:35px; position:relative;}
	.about_mune{ width:306px; height:40px; position:  relative; margin:auto; z-index:9; overflow:hidden; top:0; right:-200px; opacity:0;-webkit-transition: all 1s 0.8s ease;}
	.about_mune a{ display:block; float:left; font-size:14px; color:#5d5d5e; text-align:center; border:1px solid #b6b7ba; width:100px; height:38px; line-height:38px; border-right:none; cursor:pointer;}
	.about_mune a.about_mune_1{ border-right:1px solid #b6b7ba;}
	.about_mune a:hover{ background-color:#004098; border:1px solid #004098; border-right:none; color:#fff;-webkit-transition: all 0.4s ease-in-out;}
	.about_mune a.about_mune_1:hover{ background-color:#004098; border:1px solid #004098;  color:#fff;-webkit-transition: all 0.4s ease-in-out;}
	.about_mune a.about_mune_a{ background-color:#004098; border:1px solid #004098; border-right:none; color:#fff;}
	.about_mune a.about_mune_1.about_mune_a{ background-color:#004098; border:1px solid #004098;color:#fff;}
	
	.about_con{ width:100%; height:270px; margin-top:0px; display:none;}
	
	
	.about_left{ display:none;}
	.about_right{ float:none; width:100%; height:295px; position:relative; padding-top:15px; right:-200px; opacity:0;-webkit-transition: all 1s 1s ease;}
	.about_tit{ width:100%; font-size:18px; color:#181818; height:45px; line-height:45px; background:none; padding-left:0px; text-align:center;}
	.about_tit span{ font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:10px;}
	
	.about_nei{ width:100%; height:140px; overflow:hidden; font-size:14px; color:rgba(24,24,24,0.8); line-height:28px; }
	.about_more{ width:119px; height:38px; position: relative; bottom:0; left:0; margin:auto; margin-top:30px;}
	.about_more a{ display:block; width:117px; height:36px; background-color:#004098; text-align:center; line-height:36px; font-size:14px; color:#fff; cursor:pointer; border:1px solid #004098; border-radius:30px;}




	
	/*******************333333333333333333333333333333333333333333333***************************/
	.news{ width:96%; height: 646px; overflow:hidden; margin: auto; position:relative;}
	.news_ti{ width:100%; text-align:center; font-size:18px; color:#000; background: url(../images/serve_05.png) no-repeat center bottom; height:45px; line-height:30px;}
	
	.news_mune{ width:100%; height:33px; margin-top:25px; text-align:center;position:relative; top:-50px; opacity:0;-webkit-transition: all 1s 0.5s ease;}
	.news_mune a{ display: inline-block; font-size:14px; color:#fff; text-align:center; width:100px; height:33px; line-height:33px; cursor:pointer; border-radius:30px; margin:0px 10px; background-color:rgba(0,0,0,0.15);}
	
	
	.news_all{ width:100%; height: auto; overflow:hidden; margin-top:23px;position:relative; bottom:-200px; opacity:0;-webkit-transition: all 1s 1s ease;}
	.news_left{ float:left; width:505px; height:452px; display:none;}
	
	.news_right{ float:none; width:100%; height:330px; position:relative;}
	.news_list{ width:100%; height:auto; overflow:hidden;}
	.news_list ul li{ width:100%; height:43px; list-style:none;}
	.news_list ul li a{ display:block; width:100%; height:42px; background:none; padding-left:0px; border-bottom:1px solid #dfe1e5;}
	.news_list ul li a:hover{ background:none;}
	.news_list ul li a:hover .news_mid{ color:#000000;}
	
	.news_top{ display:none;}
	.news_xian{ display:none; }
	.news_mid{ float:left; font-size:14px; color:rgba(0,0,0,0.5); height:42px; line-height:42px; width:290px; overflow:hidden; -webkit-transition: all 0.4s ease-in-out;}
	.news_bottom{ float:right;font-size:12px; color:rgba(0,0,0,0.5); height:42px; line-height:42px;}   
	
	.news_more{ width:100%; height:38px; position:absolute; bottom:0; right:0;}
	.news_more a{ display: block; font-size:14px; color:#fff; text-align:center; width:118px; height:36px; line-height:36px; cursor:pointer; border-radius:30px; background-color:#004098; border:1px solid #004098; float:none; margin:auto;}




	/*第四屏*/
	.contact{ width:96%; height:455px; margin: auto; position:relative;}
	.contact_ti{ width:100%; text-align:center; font-size:18px; color:#000; background: url(../images/serve_05.png) no-repeat center bottom; height:45px; line-height:30px; }
	
	.contact_all{ width:100%; height: auto; overflow:hidden;  margin-top:30px;}
	.contact_left{ float:none; width:100%; height:auto; overflow:hidden;position:relative; bottom:-200px; opacity:0;-webkit-transition: all 1s 0.5s ease;}
	.contact_logo{ width:100%; height:36px; cursor:pointer;}
	.contact_logo img{ height:36px; width:auto;}
	
	.contact_con{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#000000; line-height:24px; margin-top:30px;}
	.contact_con span{ display: block; width: auto; height:auto; overflow:hidden; padding-bottom:3px;}
	
	.contact_mid{ float:none; width:100%; height: auto; overflow:hidden; margin-left:0px;position:relative; bottom:-200px; opacity:0;-webkit-transition: all 1s 0.8s ease;}
	.contact_tel{ background:url(../images/index_25.png) no-repeat left; height:71px; padding-left:85px; width:315px; display:none;}
	
	.contact_wei{ width:100%; height:37px; margin-top:36px;}
	.contact_1{ float:left; width:130px; height:37px; position:relative; display:none;}
	
	.contact_2{ float:left; width:130px; height:37px; position:relative; margin-left:0px;}
	.contact_1:hover .contact_1_2{ top:43px; opacity:1;}
	.contact_2 a{ display:block; width:130px; height:37px; background-color:#03428e; border-radius:30px; text-align:center; line-height:37px; cursor:pointer;}
	.contact_2 span{ font-size:14px; color:#fff; background: url(../images/index_41.png) no-repeat left; padding-left:32px;}
	
	
	.contact_right{ display:none;}
	.contact_typeright{ width:100%; text-align:center; font-size:12px; color:#6b6b6b; height:45px; line-height:45px; position:absolute; bottom:-200px; opacity:0;-webkit-transition: all 1s 1.3s ease;}


	}