@charset "utf-8";

body{font-family:"微软雅黑"}
.glyphicon{top:0 !important}
.no-margin{margin:0 !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a{text-decoration:none !important;cursor:pointer !important}
.container-fluid{max-width:1230px !important}
.container-fluid-cz-1{max-width:100% !important}
.tr{transition:all 0.3s;}
.tr3{transition:all 1s;}
p{ margin: 0px !important; }
input,button,textarea,.swiper-pagination span,.swiper-button{ outline: none; }
.sizeCover{ background-position: 50% 50%; background-size: cover; }

.sizeCover1{ background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; }

.main-mar-1{ margin-top: -23px; }
.main-Background-1{ background:rgba(0,0,0,0.6);}
.main-Background-2{ background: #f5f5f5; }
.main-Background-3{ background: #fff; }

header{ position: relative; z-index:99999;}
header .logo a{ display:block; font-size:0;}
header .qita .language{ padding-left: 25px; line-height: 99px; background: url(../images/language.png) no-repeat left; }
header .qita .language ul li:nth-child(1){ position:relative; margin-right: 23px; }
header .qita .language ul li:nth-child(1):before{ content: "/"; position: absolute; right: -23px; z-index: 1; width: 23px; color: #8a8a8a;  text-align: center; }
header .qita .language ul li a{ display: block; color: #8a8a8a; }
header .qita .language ul li.active a{ color: #034f9c; }

#homebanner {position:relative;overflow:hidden;height: 1000px;}
#homebanner .li {position:relative;display:block;height:100%;top:0px;left:0px;float:left;width:100%}
#homebanner .li .imgwarpper img {width:100%;height:100%;display:block;padding:0;margin:0}
#homebanner div.img-part-right {height:100%;width:50%;overflow:hidden;position:absolute;right:0;top:0}
#homebanner div.img-part-right .img-part-wrapper {height:100%;width:200%;position:absolute;top:0;right:0;}
#homebanner div.img-part-left {height:100%;width:50%;overflow:hidden;position:absolute;left:0;top:0}
#homebanner div.img-part-left .img-part-wrapper {height:100%;width:200%;position:absolute;top:0;left:0;}
#homebanner .pagination2 {position:absolute;bottom:15px;left:0px;z-index:2;width:100%;text-align:center;display:none}
#homebanner .pagination2 a {display:inline-block;width:12px;height:12px;overflow:hidden;text-indent:-99px;background:url(../images/pagination.png) no-repeat top;margin:0 5px;}
#homebanner .pagination2 a.selected {background-position:bottom;}
.banner2{ position: relative; padding: calc(120px + 100px) 0 75px; }
.banner2 .biaoti{ margin-bottom: 55px; }
.banner2 .biaoti .cn{ margin-bottom: 10px; font-size: 36px; line-height: 40px; color: #fff; }
.banner2 .biaoti .en{ font-size: 18px; line-height: 24px; color: rgba(255,255,255,0.5); }
.banner2 .jiantou{font-size: 0; }

.title-1{ position: relative; padding: 56px 0 0 35px; background: #004da0; }
.title-1:before{ content: ""; position: absolute; left: 0; top: 100%; z-index: 1; width: 108px; height: 108px; background: #16b09c; }
.title-1:after{ content: ""; position: absolute; left: 128px; top: calc(100% + 108px); z-index: 1; width: 32px; height: 32px; background: rgba(0,77,160,0.33); }
.title-1 .cn{ margin-bottom: 15px; font-size: 36px;color: #fff; line-height: 40px;}
.title-1 .en{ color: rgba(255,255,255,0.6); }
.title-1 .en .max{ margin-bottom: 8px; font-size: 60px; line-height: 60px; }
.title-1 .en .min{ font-size: 24px; line-height: 24px; }
.title-2{ position: relative; padding:47px 20px 0 45px; }
.title-2:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,2px calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 2px,2px 2px,2px calc(100% - 2px),0% 100%);
background:#0974a2;background:-moz-linear-gradient(45deg,#0974a2 0%,#16b09c 100%);background:-webkit-linear-gradient(45deg,#0974a2 0%,#16b09c 100%);background:linear-gradient(45deg,#0974a2 0%,#16b09c 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0974a2',endColorstr='#16b09c',GradientType=1 ); }
.title-2 > div{ position: relative; z-index: 2 }
.title-2 .biaoti{ margin-bottom: 50px; }
.title-2 .biaoti .cn{ margin-bottom: 20px; font-size: 36px; color: #fff; line-height: 40px; }
.title-2 .biaoti .en { margin-bottom: 45px; color: rgba(255,255,255,0.5); }
.title-2 .biaoti .en .max{ margin-right: 20px; font-size: 72px; line-height: 72px; }
.title-2 .biaoti .en .min{ padding-top: 40px; font-size: 24px; }
.title-2 .biaoti .jiangexian{ width:65px; height: 1px; background: rgba(255,255,255,0.5); }
.title-2 .jieshao{ font-size: 18px; color: #fff; line-height: 34px; }
.title-2 .jieshao b{ font-size: 21px; }
.title-3{ margin-bottom: 40px; line-height: 93px; border-bottom: solid 1px #dedede; }
.title-3 .biaoti{ font-size: 24px;color: #414141; }
.title-3 .right a{ display: block; }
.title-3 .right a .icon{ margin-right:15px; font-size: 0; }
.title-3 .right a .mc{ color: #6c6c6c; }
.title-4{ margin-bottom:20px; padding-bottom: 20px; border-bottom:solid 1px #cecece; }
.title-4 .biaoti{ margin-bottom: 10px; font-size: 24px;color: #434343; line-height: 30px; }
.title-4 .time{ font-size: 12px;color: #b0b0b0; line-height: 24px; }

.text-1{ font-size: 16px;color: #333; line-height: 30px; }
.text-2{ width: calc(50% - 20px); }
.text-2 .biaoti{ margin-bottom: 20px; font-size:18px; color: #535353; line-height: 24px; }
.text-2 form{ display: block; }
.text-2 form ul li:nth-child(n+2){ margin-top: 10px; }
.text-2 form ul li input{ display: block; padding: 0 10px; width: 100%; height: 40px; color: #494949; line-height:38px; background: none; border:solid 1px #c2c2c2; }
.text-2 form ul li input::-webkit-input-placeholder{color:#494949}
.text-2 form ul li input:-moz-placeholder{color:#494949}
.text-2 form ul li input::-moz-placeholder{color:#494949}
.text-2 form ul li input:-ms-input-placeholder{color:#494949}
.text-2 form ul li textarea{ display: block; padding: 0 10px; width: 100%; max-width: 100%; min-width: 100%; height: 160px; min-height: 160px; color: #494949; line-height:38px; background: none; border:solid 1px #c2c2c2; }
.text-2 form ul li textarea::-webkit-input-placeholder{color:#494949}
.text-2 form ul li textarea:-moz-placeholder{color:#494949}
.text-2 form ul li textarea::-moz-placeholder{color:#494949}
.text-2 form ul li textarea:-ms-input-placeholder{color:#494949}
.text-2 form ul li button{ display: block; width: 100%; height: 58px; font-size: 18px; color: #fff; line-height: 58px; background: #034f9c; border:none; }
.text-3{width: calc(50% - 20px); }
.text-3 .biaoti{ margin-bottom: 20px; font-size:18px; color: #535353; line-height: 24px; }
.text-3 .imgbox{ position: relative; margin-bottom: 40px; border:solid 1px #aaaaaa; }
.text-3 .imgbox .mb{ font-size: 0; }
.text-3 .imgbox .mb img{ max-width: 100%; }
.text-3 .imgbox .map{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1 }
.text-3 .textbox{color: #494949; line-height: 28px;}
.text-3 .textbox .mc{ font-size: 16px;font-weight: bold; }
.text-4 .biaoti{ margin-bottom:20px; font-size: 18px;color: #434343; line-height: 24px; font-weight: bold; }
.text-4 .jieshao{ font-size: 16px;color: #434343; line-height: 36px; }
.text-4.active{ margin-bottom: 50px; }
.text-5{ color: #717171; line-height: 24px; padding-bottom: 12px; font-size:16px; line-height:2; }
.text-5 img{ max-width:100% !important; height:auto !important; padding:2px !important; display:block; margin:0 auto;}
.text-5 table{width:100% !important; height:auto !important; border-collapse:collapse; border:1px solid #CCCCCC !important;}
.text-5 table tr td{width:auto !important; height:auto !important; border-collapse:collapse; border:1px solid #CCCCCC !important;}

.text-6 .biaoti{ margin-bottom: 30px; border-bottom: solid 1px #cbcdcd; }
.text-6 .biaoti .mc{ margin-bottom: 15px; font-size: 18px; color: #2a2a2a; line-height: 20px; }
.text-6 .biaoti .jiangexian{ margin-bottom: -1px; width:37px; height: 3px; background: #004ea0; }
.text-6 .jieshao{ font-size: 16px;color: #585858; line-height: 30px; }
.text-7{ margin-top: 25px; }
.text-7 > .biaoti{ padding: 0 15px; font-size: 20px;color: #fff; font-weight: bold; line-height: 55px;
background:#004eaa;background:-moz-linear-gradient(left,#004eaa 0%,#11b198 100%);background:-webkit-linear-gradient(left,#004eaa 0%,#11b198 100%);background:linear-gradient(to right,#004eaa 0%,#11b198 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#004eaa',endColorstr='#11b198',GradientType=1 ); }
.text-7 .bot { margin-top: 20px; }
.text-7 .bot .ul{ font-size: 16px; line-height: 2 }
.text-7 .bot .ul img{ max-width: 100% !important; height: auto !important;}
.text-7 .bot .ul .li{ margin-bottom: 1px; background: #eef1f3; cursor: pointer; }
.text-7 .bot .ul .li .left{ padding: 0 30px 0 0; line-height: 48px; }
.text-7 .bot .ul .li .left .icon{ width: 45px; font-size:0; text-align: center; }
.text-7 .bot .ul .li .left .mc{ font-size: 16px;color: #3d3d3d; }
.text-7 .bot .ul .li .jiantou{ position: relative; margin-top: 13px; margin-right: 20px; width: 21px; height: 21px; font-size: 0; line-height: 21px; text-align: center; transform: rotate(-90deg); }
.text-7 .bot .ul .li .jiantou > img{ transition: all 0.3s; }
.text-7 .bot .ul .li .jiantou span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; transition: all 0.3s; opacity: 0 }
.text-7 .bot ul{ display: none; padding: 4px 50px 	25px; }
.text-7 .bot ul li{ padding:10px 0; border-bottom: solid 1px #cecece; }
.text-7 .bot ul li .icon{ width: 50px; font-size: 0; line-height: 40px; }
.text-7 .bot ul li .textbox{ padding-right: 15px; width: calc(100% - 50px - 30px); }
.text-7 .bot ul li .textbox .mc{ color: #3d3d3d; line-height: 20px; }
.text-7 .bot ul li .textbox .qita{ font-size: 12px; color: #a0a0a0; line-height: 20px; }
.text-7 .bot ul li .icon2{ width: 30px; font-size: 0; line-height: 40px; }
.text-7 .bot .ul .li.active .left{ background: #fff; }
.text-7 .bot .ul .li.active .jiantou{ transform: rotate(0deg); }
.text-7 .bot .ul .li.active .jiantou > img{ opacity: 0 }
.text-7 .bot .ul .li.active .jiantou span{ opacity: 1}



.pictrue-1 .left .biaoti{ padding: 139px 0 0 60px; }
.pictrue-1 .left .biaoti .cn{ margin-bottom: 11px; }
.pictrue-1 .left .biaoti .cn span{ position: relative; display: block; font-size: 36px;color: #fff; line-height: 41px; }
.pictrue-1 .left .biaoti .cn span:before{ content: ""; position: absolute; top: -69px; right: -76px; z-index: 1; width: 105px; height: 96px; border:solid 2px rgba(255,255,255,0.5); clip-path: polygon(0% 0%,100% 0%,100% 100%,44px 100%,44px 58px,0% 58px); }
.pictrue-1 .left .biaoti .en{ font-size: 72px;color: rgba(255,255,255,0.5); line-height: 81px; font-weight: bold; }
.pictrue-2-list a{ display: block; position: relative; overflow: hidden; background:#0b1430; }
.pictrue-2-list a .imgbox{ font-size: 0; opacity: 0.7; }
.pictrue-2-list a .imgbox img{ max-width: 100%; }
.pictrue-2-list a .textbox{ position: absolute; left: 0; top:calc((100% - 205px) / 2); z-index: 1; padding: 0 15px; width: 100%; font-size: 0; transition:all 0.5s; }
.pictrue-2-list a .textbox .box{ position: relative;display: inline-block; vertical-align: top; max-width: 100%; width: 320px; }
.pictrue-2-list a .textbox .box:before{ content: ""; position: absolute; right: 0; top: 0; z-index: 1; width:200px; height: 1px; background: #fff; transform-origin: right top; transform: rotate(-35deg); opacity: 0.5;  }
.pictrue-2-list a .textbox .box:after{ content: ""; position: absolute; left: 45px; bottom: 0; z-index: 1; width:250px; height: 1px; background: #fff; transform-origin: left bottom; transform: rotate(-35deg);  }
.pictrue-2-list a .textbox .box .icon{ margin-bottom: 25px; height: 40px; line-height: 40px; }
.pictrue-2-list a .textbox .box .cn{ width: 175px; font-size: 36px; color: #fff; line-height: 40px; }
.pictrue-2-list a .textbox .box .en{ padding-top: 30px; padding-left: 175px; color: rgba(255,255,255,0.5); }
.pictrue-2-list a .textbox .box .en .max{ margin-bottom: 10px; font-size: 36px; line-height: 36px; }
.pictrue-2-list a .textbox .box .en .min{ font-size: 24px; line-height: 24px; }
.pictrue-2-list a .textbox2{ position: absolute; left: 0; top: calc((100% - 40px) / 2); right: 0; z-index: 2; font-family: arial; font-size:30px; color: #fff; line-height:40px; text-shadow: 0 0 15px rgba(0,0,0,1); opacity: 0; transition: all 0.5s;}
.pictrue-3-box{ position: relative; padding: 30px 15px 45px 35px; background: rgba(255,255,255,0.8); }
.pictrue-3-box .swiper-button{ top: 0; margin-top: 60px; width: 28px; height: 51px; font-size: 0; background: none; }
.pictrue-3-box .swiper-button img:first-child{ display: none; }
.pictrue-3-box .swiper-button.swiper-button-prev{ left: inherit; right: 118px; }
.pictrue-3-box .swiper-button.swiper-button-next{ right: 45px; }
.pictrue-3-box .swiper-button.swiper-button-disabled img:last-child{ display: none; }
.pictrue-3-box .swiper-button.swiper-button-disabled img:first-child{ display: block; }
.pictrue-3 .swiper-slide:nth-child(even){ margin-top:125px;}
.pictrue-3-list a{ display: block; padding: 25px; margin:25px; background: #fff; box-shadow:14px 14px 25px rgba(0,0,0,0.1); }
.pictrue-3-list a .imgbox{ margin-bottom: 10px; height: 220px; font-size: 0; line-height: 220px; }
.pictrue-3-list a .imgbox img{ max-width: 100%; max-height: 100%; }
.pictrue-3-list a .textbox .biaoti{ padding-bottom: 20px; font-size: 18px;color: #333; line-height: 24px; border-bottom:solid 1px #e1e1e1; }
.pictrue-3-list a .textbox .more{ padding: 20px 0 10px; line-height: 24px; }
.pictrue-3-list a .textbox .more .en{ font-family: arial; font-size: 12px;color: #747474; }
.pictrue-3-list a .textbox .more .icon{ font-size: 0; }
.pictrue-3 ul{ margin:0 -10px -20px; }
.pictrue-3 ul li{ padding: 0 10px; margin-bottom: 20px; width:25%; }
.pictrue-3 ul li a{ margin:0; padding-bottom: 5px; box-shadow: 10px 10px 20px rgba(0,0,0,0.1); }
.pictrue-3.active{ padding: 0; margin:0; }
.pictrue-4 ul{ margin:0 -2px; }
.pictrue-4 ul li{ padding:0 2px; width: 25%; }
.pictrue-4 ul li:nth-child(n+5){ margin-top: 4px; }
.pictrue-4 ul li a{ display: block; position: relative; height: 202px;}
.pictrue-4 ul li:nth-child(-n+7) a{ padding: 10px; background: #fff; }
.pictrue-4 ul li:nth-child(-n+7) a .imgbox{ height: 182px; font-size: 0; line-height: 182px; text-align: center; }
.pictrue-4 ul li:nth-child(-n+7) a .imgbox img{ max-height: 100%; max-width: 100%; transition: all 1s; }
.pictrue-4 ul li:nth-child(-n+7) a .textbox{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background: rgba(22,176,156,0.9);  transform: scale(0); opacity: 0; }
.pictrue-4 ul li:nth-child(-n+7) a .textbox .box{ position: relative; top:calc((100% - 100px) / 2); }
.pictrue-4 ul li:nth-child(-n+7) a .textbox .box .biaoti{ font-size: 24px;color: #fff; line-height: 30px; }
.pictrue-4 ul li:nth-child(-n+7) a .textbox .box .more{ margin:35px auto 0; width: 100px; height: 35px; font-size: 16px;color: #fff; line-height: 33px; border:solid 1px rgba(255,255,255,0.5); border-radius:18px; }
.pictrue-4 ul li:last-child a{ background: rgba(255,255,255,0.2); }
.pictrue-4 ul li:last-child a .textbox2{ position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; z-index: 1; border:solid 1px rgba(255,255,255,0.8); }
.pictrue-4 ul li:last-child a .textbox2 .box{ position: relative; top: calc((100% - 80px) / 2); }
.pictrue-4 ul li:last-child a .textbox2 .box .icon{ font-size: 0; }
.pictrue-4 ul li:last-child a .textbox2 .box .mc{ margin-top: 20px; font-size: 18px; color: #fff; line-height: 24px; }
.pictrue-5{ font-size: 0; }
.pictrue-5 img{ max-width: 100%; }
.pictrue-6 ul{ margin:0 -2px -30px; }
.pictrue-6 ul li{ padding: 0 2px; margin-bottom:30px; width: calc(100% / 6); }
.pictrue-6 ul li a{ display: block; }
.pictrue-6 ul li a .imgbox{ padding: 0 10px; margin-bottom: 10px; height: 122px; font-size: 0; line-height: 122px; background: #fff; overflow: hidden; }
.pictrue-6 ul li a .imgbox img{ max-width: 100%; max-height: 100%; transition: all 1s; }
.pictrue-6 ul li a .mc{ font-size: 16px;color: #333; line-height: 24px; }
.pictrue-7 ul li:nth-child(n+2){ margin-top: 15px; }
.pictrue-7 ul li a{ display:block; padding: 2px; background: #fff; }
.pictrue-7 ul li a .imgbox{ width: 170px; overflow: hidden; }
.pictrue-7 ul li a .imgbox span{ display: block; height: 135px; }
.pictrue-7 ul li a .textbox{ padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; width: calc(100% - 170px); }
.pictrue-7 ul li a .textbox .biaoti{ font-size: 18px;color: #000; line-height: 30px; }
.pictrue-7 ul li a .textbox .time{ font-size: 12px; color: #999; line-height: 24px; }
.pictrue-7 ul li a .textbox .jieshao{ height: 48px; color: #717171; line-height: 28px; overflow: hidden; font-size: 14px;}
.pictrue-8 img{ max-width: 100%; }	

footer .link{ padding: 25px 0; border-bottom: solid 1px #bcbcbc; }
footer .link .biaoti{ color: #333; line-height: 30px;}
footer .link .biaoti .cn{ font-size:24px; }
footer .link .biaoti .en{ margin-left: 10px; font-family: arial; font-size:24px; }
footer .link .menu{ padding: 8px 0 0 30px; width: calc(100% - 160px); }
footer .link .menu ul li{ margin-bottom: 10px; }
footer .link .menu ul li a{ display: block; height: 14px; color: #333; line-height: 14px; padding-right: 10px; margin-right: 10px; border-right: solid 1px #333; }
footer .top{ padding: 50px 0 20px; }
footer .top .left{ width: 290px; }
footer .top .left .logo{ margin-bottom: 30px; }
footer .top .left .logo a{ display: block; font-size: 0; line-height: 70px; }
footer .top .left .tel .icon{ margin-right: 5px; font-size: 0; line-height: 24px; }
footer .top .left .tel .mc{ padding-top: 4px; color: #3c3c3c; line-height: 20px; }
footer .top .left .tel .shuzi{ padding-top: 4px; font-size: 20px;color: #0152a6; line-height: 20px; }
footer .top .center{ padding-top: 10px; width: calc(100% - 290px * 2); }
footer .top .center .search{ margin-bottom:44px; padding: 0 15px; }
footer .top .center .search form{ display: block; border-bottom: solid 1px #bcbcbc; }
footer .top .center .search form input{ display: block; padding: 0 10px 0 0; width: calc(100% - 35px); height: 44px; font-size: 12px;color: #afafaf; line-height: 44px; background: none; border:none; }
footer .top .center .search form input::-webkit-input-placeholder{color:#afafaf}
footer .top .center .search form input:-moz-placeholder{color:#afafaf}
footer .top .center .search form input::-moz-placeholder{color:#afafaf}
footer .top .center .search form input:-ms-input-placeholder{color:#afafaf}
footer .top .center .search form button{ display: block; width: 35px; height: 44px; background: url(../images/search2.png) no-repeat center; border:none; }
footer .top .center .menu ul li{ width: calc(100% / 6); text-align: center; line-height: 24px; }
footer .top .center .menu ul li a{font-size: 16px;color: #414141;}
footer .top .right{ padding-top: 14px; width: 290px; }
footer .top .right .ewm ul{ float: right; margin:0; max-width: 208px; }
footer .top .right .ewm ul li{ padding: 0 14px; width: 128px; }
footer .top .right .ewm ul li .imgbox{ font-size: 0; }
footer .top .right .ewm ul li .imgbox img{ width: 100px; }
footer .top .right .ewm ul li .mc{ margin-top: 10px; font-size: 13px;color: #6f6f6f; line-height: 24px; }
footer .bot{ padding: 30px 0; border-top: solid 1px #cccccc; }
footer .bot .copyright{ color: #3c3b3b; line-height: 30px; opacity: 0.7; }
footer .bot .fenxiang .mc{ margin-right: 10px; color: #868686; line-height: 30px; }
footer .bot .fenxiang ul li:nth-child(n+2){ margin-left: 13px; }
footer .bot .fenxiang ul li a{ display: block; width: 30px; height: 30px; font-size: 16px;color: #fff; line-height: 30px; background: #b7b7b7; border-radius: 50%; }
footer .bot .fenxiang ul li a.icon-qq{ font-size: 18px; }
footer .bot .fenxiang ul li a.icon-weixin{ font-size: 24px; }
footer .bot .fenxiang ul li a.icon-xinlangweibo{ font-size: 22px; }

@media (min-width:992px){
	.main-pad-1{ padding:130px 60px 0 0;}
	.main-pad-2{ padding:60px 45px;}
	.main-pad-3{ padding: 0 45px; }
	.main-pad-4{ padding: 0 0 50px; }
	.main-pad-5{ padding: 0 55px 55px; }
	.main-pad-6{ padding:40px 0; }
	header{ position: fixed; left: 0; top: 0; right: 0; }
	header.active{ background: rgba(255,255,255,0.8); box-shadow: 0 3px 5px rgba(0,0,0,0.1);}
	header .box{ border-bottom: solid 1px #fff; }
	header .logo a{line-height:99px;}
	header .menu{ width: calc(100% - 306px - 313px); font-size: 0; }
	header .menu ul li{ position:relative; display: inline-block; vertical-align: top; padding: 0 35px;}
	header .menu ul li > a{ position: relative; display:block; font-size:16px; line-height:99px; color:#303030;}
	header .menu ul li > a:before{ content: ""; position: absolute; left: 0; bottom: -1px; z-index: 1; width: 100%; height: 2px; background: #034f9c; transition: all 0.3s; opacity: 0; }
	header .menu ul li.active > a{ color: #034f9c; }
	header .menu ul li.active > a:before{ opacity: 1; }	
	header .menu ul li:hover > a{ color: #034f9c; }
	header .menu ul li:hover > a:before{ opacity: 1; }	
	header .menu ul li .ul{ display: none; position:absolute; left: calc((100% - 160px) / 2); top: 100%; z-index: 1; width: 160px; background: rgba(0,0,0,0.3) }
	header .menu ul li .ul .li{overflow:hidden;width:100%;}	
	header .menu ul li .ul .li a{ display: block; padding: 0 10px; font-size: 14px; color: #fff; line-height: 36px; text-align: center; }
	header .menu ul li .ul .li:hover a{ background: #14b19c; }
	header .qita .search{ position: relative; cursor: pointer; margin-right:17px; }
	header .qita .search .searchbtn{ width:48px; height: 99px; background: url(../images/search.png) no-repeat center; }
	header .qita .search form{ display: none; position:absolute; right: 0; top: 100%; z-index: 1; padding: 5px; width: 250px; background: rgba(255,255,255,0.8); }
	header .qita .search form input{ display: block; padding: 0 10px; width: calc(100% - 50px); height: 34px; background: #fff; border:none; box-shadow: inset 3px 5px 10px rgba(0,0,0,0.1) ,inset -1px -1px 0 0 rgba(0,0,0,0.1); }
	header .qita .search form button{ display: block; width:50px; height: 34px; color: #fff; line-height: 34px; background:#015aad; border:none; }
	header .qita .search form button:hover{ background: #17ab98; }
	header .qita .tel{ margin-right: 30px; padding-left: 27px; font-size: 18px;color: #6e6e6e; line-height: 99px; background: url(../images/tel.png) no-repeat left; }
	header .qita .language ul li a:hover{ text-decoration: underline !important; }
	.title-1{ float: right; width: 247px; height: 247px; }
	.title-2{ float: left; width: 400px; height: 408px; }
	.title-3 .right a:hover .mc{ color: #17ab98; }
	.text-2 form ul li input:hover{ border:solid 1px #17ab98;}
	.text-2 form ul li textarea:hover{ border:solid 1px #17ab98; }
	.text-2 form ul li button:hover{ background: #17ab98; }
	.text-3 .imgbox{ height: 370px; }
	.text-6{ float: left; width: calc(100% - 474px); }
	.text-7 .bot ul li:hover .textbox .mc{ color: #17ab98; text-decoration: underline; }
	.pictrue-1 .left,.pictrue-1 .right{ float: left; width: 50%; height: 500px; }
	.pictrue-1 .left{ padding-top: 50px; }	
	.pictrue-1 .right{ background: rgba(0,0,0,0.5); }
	.pictrue-1 .right .icon{ width: 90px; height: 79px; font-size: 0; line-height: 79px; background: #12b098; }
	.pictrue-1 .right .textbox{ padding: 43px 60px 0 66px; }
	.pictrue-1 .right .textbox .biaoti{ margin-bottom: 40px; font-size: 18px;color: #fff; font-weight: bold; line-height: 24px; }
	.pictrue-1 .right .textbox .jieshao{ margin-bottom: 60px; height: 120px; font-size: 16px; color:rgba(255,255,255,0.8); line-height: 30px; overflow: hidden; }
	.pictrue-1 .right .textbox .more{ padding: 4px; width: 180px; border:solid 1px rgba(255,255,255,0.3); }
	.pictrue-1 .right .textbox .more a{ display: block; height: 42px;font-size: 16px;color: #e5e5e5; line-height: 42px; background:rgba(255,255,255,0.3); }
	.pictrue-1 .right .textbox .more:hover{ border:solid 1px #17ab98; }
	.pictrue-1 .right .textbox .more:hover a{ background: #17ab98; }
	.pictrue-2-list a:hover .imgbox{ -webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
	.pictrue-2-list a:hover .textbox{ opacity: 0; }
	.pictrue-2-list a:hover .textbox2{ opacity: 1; }
	.pictrue-3-box{ float: left; width: calc(100% - 247px); }
	.pictrue-3-list a .imgbox img{ transition: all 1s; }
	.pictrue-3-list a:hover .imgbox img{ transform:scale(1.05); }
	.pictrue-3-list a:hover .textbox .biaoti{ color: #17ab98; }
	.pictrue-4{ float:right; width: calc(100% - 400px - 15px); }
	.pictrue-4 ul li a:hover img{ transform: scale(1.05); }
	.pictrue-4 ul li:nth-child(8) a:hover{ background: #17ab98; }
	.pictrue-6 ul li:hover a .imgbox img{ transform: scale(1.05); }
	.pictrue-6 ul li:hover a .mc{ color: #17ab98; }
	.pictrue-7 ul li a:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.1); }
	.pictrue-7 ul li a:hover .imgbox span{ transform: scale(1.05); }
	.pictrue-7 ul li a:hover .textbox .biaoti{ color: #17ab98;text-decoration:underline; }
	.pictrue-8{ float: right; width: 454px; font-size: 0; text-align: center; margin-left: 20px;}
	footer .top .center .search form:hover{ border-bottom: solid 1px #17ab98; }
	footer .top .center .menu ul li a:hover{ color: #17ab98; text-decoration:underline !important; }
	footer .bot .fenxiang ul li a:hover{ background: #17ab98; }
}

@media (max-width:1699px){
	header .menu ul li{ padding: 0 20px; }
}

@media (max-width:1499px){
	.main-pad-1{ padding: 40px 15px 0 0; }
	.main-pad-2{ padding: 40px 0; }
	.main-pad-3{ padding: 0; }
	header .logo a img{ width: 240px; }
	header .qita .tel{ display: none; margin-right: 20px; }
	header .menu{ padding:0 2%; width: calc(100% - 240px - 303px); }
	header .menu ul li{ padding: 0; width: calc(100% / 7); }
	header .menu ul li > a{ font-size: 16px; }
	.title-1{ padding:10px; width: 140px; height: 140px; }
	.title-1:before{ width: 60px; height: 60px; }
	.title-1:after{left: 80px; top:calc(100% + 80px);}
	.title-1 .cn{ margin-bottom: 10px; font-size:18px; line-height:24px; }
	.title-1 .en .max{ margin-bottom: 0; font-size: 24px; line-height:30px; }
	.title-1 .en .min{ font-size: 14px; }
	.title-2{ width: 350px; }
	.pictrue-1 .left{ padding-top:50px; height: 400px; }
	.pictrue-1 .left .logo img{ width: 200px; }
	.pictrue-1 .left .biaoti{ padding:100px 0 0 40px;}
	.pictrue-1 .left .biaoti .cn span{ font-size:24px; }
	.pictrue-1 .left .biaoti .en{ font-size: 50px; line-height: 60px; }
	.pictrue-1 .right{ height: 400px; }
	.pictrue-1 .right .icon{ width: 70px; height: 60px; line-height: 60px; }
	.pictrue-1 .right .icon img{ width: 25px; }
	.pictrue-1 .right .textbox{ padding:30px 0 0 30px; }
	.pictrue-1 .right .textbox .biaoti{ margin-bottom: 20px; }
	.pictrue-1 .right .textbox .jieshao{ margin-bottom:30px; font-size: 14px; }
	.pictrue-1 .right .textbox .more{ width: 160px; }
	.pictrue-1 .right .textbox .more a{ height: 34px; font-size: 14px; line-height: 34px; }
	.pictrue-2-list a .textbox .box .icon{ height: 30px; line-height: 30px; }
	.pictrue-2-list a .textbox .box .icon img{ height: 25px; }
	.pictrue-2-list a .textbox .box .cn{ font-size: 24px; line-height: 30px; }
	.pictrue-3{ margin:0 -15px; }
	.pictrue-3-list a{ margin:0 15px; box-shadow: none; }
	.pictrue-3-box{ padding-left: 15px; width: calc(100% - 140px); }
	.pictrue-4{ width: calc(100% - 370px); }
}

@media (max-width:1199px){
	header .logo a{ line-height: 70px; }
	header .qita .search .searchbtn{ height: 70px; }
	header .qita .search form{ top:calc((100% - 44px) / 2); right:100%; }
	header .qita .tel{ line-height: 70px; }
	header .qita .language{ line-height: 70px; }
	header .box{ position: relative; margin:0 -15px; padding:0 15px 40px; }
	header .menu{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; }
	header .menu ul li a{ line-height: 40px; }
	.banner2{ padding: calc(111px + 50px) 0 50px; }
	.banner2 .biaoti{ margin-bottom: 30px; }
	.banner2 .biaoti .cn{ font-size: 24px; line-height: 30px; }
	.banner2 .biaoti .en{ font-size: 16px; }
	.title-2{ padding: 20px 20px 0; height: 324px; }
	.title-2 .biaoti{ margin-bottom: 30px; }
	.title-2 .biaoti .cn{ font-size: 24px; line-height: 30px; }
	.title-2 .biaoti .en{ margin-bottom: 20px; }
	.title-2 .biaoti .en .max{ font-size: 34px; line-height: 34px; }
	.title-2 .biaoti .en .min{ padding-top:10px; font-size: 18px; line-height: 24px; }
	.title-2 .jieshao{ font-size: 14px; }
	.text-1{ font-size: 14px; line-height: 26px; }
	.pictrue-2-list a .textbox{ top: calc((100% - 163px) / 2); }
	.pictrue-2-list a .textbox .box .icon{ margin-bottom: 15px; padding-left: 10%; }
	.pictrue-2-list a .textbox .box .cn{padding-left: 10%; font-size: 18px; line-height: 24px; }
	.pictrue-2-list a .textbox .box .en{ padding-left:60%; }
	.pictrue-2-list a .textbox .box .en .max{ font-size: 24px; line-height: 30px; }
	.pictrue-2-list a .textbox .box .en .min{ font-size: 18px; }
	.pictrue-3 .swiper-slide:nth-child(even){ margin-top: 50px; }
	.pictrue-3{ margin:0 -10px; }
	.pictrue-3-list a{ padding: 15px; margin:0 10px; }
	.pictrue-3-list a .imgbox{ margin-bottom: 10px; height: 200px; line-height: 200px; }
	.pictrue-3-list a .textbox .biaoti{ padding-bottom: 10px; font-size: 15px; }
	.pictrue-3-list a .textbox .more{ padding-bottom: 0; padding-top: 10px; }
	.pictrue-3-box .swiper-button{ margin-top: 40px; }
	.pictrue-4 ul li a{ height: 160px; }
	.pictrue-4 ul li:nth-child(-n+7) a .imgbox{ height: 140px; line-height: 140px; }
	.pictrue-4 ul li:nth-child(8) a .textbox2 .box .mc{ font-size: 14px; }
	footer .top{ padding: 30px 0; }
	footer .top .left .logo{ margin-bottom: 20px; }
	footer .top .center .search{ margin-bottom: 30px; }
	footer .top .center .menu ul li a{ font-size: 12px; }
	footer .top .right .ewm ul li .mc{ font-size: 12px; }
	footer .bot{ padding: 20px 0; }

} 

@media (max-width:991px){
	.main-mar-1{ margin:0; }
	.main-pad-1{ padding: 0; }
	.main-pad-2{ padding: 30px 0; }
	.main-pad-4{ padding: 30px 0; }
	.main-pad-5{ padding: 20px; }
	.main-pad-6{ padding: 30px 0; }
	header .logo a{line-height:80px;}
	.menu-box{ display: none; position: absolute;top: 80px; right: 0; z-index:2147483645; width: 120px; }
	.menu-box ul li{ margin-bottom:1px;}
	.menu-box ul li a{ display: block; font-size: 14px; color: #004dae; text-align:center; line-height:40px; background:rgba(255,255,255,0.8); }
	.menu-box ul li.active a{ color: #fff; background: #004dae; }
	.menu-btn{ position: relative; top: 31px; width: 46px; }
	.menu-btn b{ display: block; height:2px; background: #00368c;}
	.menu-btn b:nth-child(2){ margin:5px 0; }
	.menu-btn.active b:nth-child(1){ transform:rotate(45deg) translate(0,10px); }
	.menu-btn.active b:nth-child(2){ opacity: 0; }
	.menu-btn.active b:nth-child(3){ transform:rotate(-45deg) translate(0,-10px); }
	header .box{ padding-bottom: 0; }
	header .qita .language{ line-height: 80px; margin-right: 20px; }
	.banner{ position: relative; }
	.banner a{ display: block; font-size: 0; }
	.banner a img{ max-width: 100%; }
	.banner .swiper-pagination{ position: absolute; left: 0; bottom: 20px; z-index: 1; width: 100%; font-size: 0; text-align: center;}
	.banner .swiper-pagination span{ margin: 0 5px; width: 10px; height: 10px; background:none; border:solid 1px #fff; opacity: 1;}
	.banner .swiper-pagination span.swiper-pagination-bullet-active{ background:rgba(255,255,255,0.8);}
	.banner2{ padding: 50px 0; }
	.title-1{ padding: 20px 15px; width: calc(100% - 70px); height: 70px; }
	.title-1:before{ left:100%; top: 0; width: 70px; height: 70px; }
	.title-1:after{ left: calc(100% + 70px - 30px); top: calc(100% - 30px); z-index: 2; width: 30px; height: 30px; }
	.title-1 .cn{ float: left; margin-right: 10px; margin-bottom: 0; font-size: 24px; line-height: 30px; }
	.title-1 .en{ float: left; margin-top: 8px; }
	.title-1 .en .max{ float: left; margin-right: 10px; font-size: 18px; line-height: 20px; }
	.title-1 .en .min{ float: left; font-size: 18px; line-height: 20px; }
	.title-2{ margin-bottom: 20px; padding: 15px; width: 100%; height: auto; }
	.title-2 .biaoti{ margin-bottom: 10px; }
	.title-2 .biaoti .cn{ float:left; margin-right: 10px; margin-bottom: 10px; font-size: 24px; line-height: 30px; }
	.title-2 .biaoti .en{ float:left;  margin-top: 8px; margin-bottom: 10px; }
	.title-2 .biaoti .en .max{ margin-right: 10px; font-size: 18px; line-height: 20px;}
	.title-2 .biaoti .en .min{ padding-top: 0; line-height: 20px;}
	.title-2 .jiangexian{ float: left; margin-right: calc(100% - 65px); }
	.title-2 .jieshao br{ display: none;}
	.title-2 .jieshao{font-size: 18px; }
	.title-3{ margin-bottom: 20px; padding-bottom: 15px; line-height: 24px; }
	.title-3 .biaoti{ font-size: 18px; }
	.title-3 .right a .icon{ margin-right: 10px; }
	.title-3 .right a .icon img{ width: 20px; }
	.title-3 .right a .mc{ font-size: 12px;}
	.text-2{ margin-bottom: 20px; width: 100%; }
	.text-2 .biaoti{ margin-bottom: 10px; font-size: 16px; }
	.text-2 form ul li input{ font-size: 12px; }
	.text-2 form ul li textarea{ font-size: 12px; }
	.text-2 form ul li button{ height: 50px; font-size: 16px; line-height: 50px; }
	.text-3{ width: 100%; }
	.text-3 .biaoti{ margin-bottom: 10px; font-size: 16px; }
	.text-3 .imgbox{ margin-bottom: 20px; }
	.text-3 .textbox .mc{ font-size: 14px; }
	.text-3 .textbox .jieshao{ font-size: 12px; }
	.text-4.active{ margin-bottom: 20px; }
	.text-4 .jieshao{ font-size: 14px; line-height: 30px; }
	.text-6{ margin-bottom: 20px; }
	.text-6 .biaoti{ margin-bottom: 20px; }
	.text-6 .biaoti .mc{ font-size: 16px; }
	.text-6 .jieshao{ font-size: 14px; line-height: 26px; }
	.text-7 > .biaoti{ font-size: 18px; line-height: 45px; }
	.text-7 .bot .ul .li .left{ padding-right: 15px; line-height: 34px; }
	.text-7 .bot .ul .li .left .mc{ font-size: 14px; }
	.text-7 .bot .ul .li .jiantou{ margin-top:6px; margin-right: 15px; }
	.text-7 .bot ul{ padding: 15px 0; }
	.text-7 .bot ul li .icon{ width: 40px; }
	.text-7 .bot ul li .icon img{ width: 30px; }
	.text-7 .bot ul li .textbox{ width: calc(100% - 40px - 30px) }
	.text-7 .bot ul li .textbox .mc{ font-size: 12px; }
	.text-7 .bot ul li .icon2 img{ width: 25px; }
	.pictrue-1 .left{ padding: 50px 0; height: auto; }
	.pictrue-2-list a .textbox .box .icon{ margin-bottom: 10px; }
	.pictrue-2-list a .textbox .box .icon img{ height: 20px; }
	.pictrue-2-list a .textbox .box .cn{ font-size: 16px; }
	.pictrue-2-list a .textbox .box .en .max{ margin-bottom: 10px; font-size: 18px; line-height: 24px; }
	.pictrue-2-list a .textbox .box .en .min{ font-size: 14px; }
	.pictrue-3{padding: 0 15px; margin:0; }
	.pictrue-3 a{ margin: 0; padding: 0 15px; }
	.pictrue-3-box{ padding: 30px 0; width: 100%; }
	.pictrue-3-box .swiper-button{ display: none; }
	.pictrue-3 .swiper-slide:nth-child(even){ margin-top: 0; }
	.pictrue-3-list a{ margin: 0; }
	.pictrue-3-list a .imgbox{ height: 350px; line-height: 350px; }
	.pictrue-3 ul li{ width: 50%; }
	.pictrue-4{ width: 100%; }
	.pictrue-4 ul li{ width: calc(100% / 3); }
	.pictrue-4 ul li:nth-child(n+4){ margin-top: 4px; }
	.pictrue-4 ul li:nth-child(n+7){ display: none; }
	.pictrue-6 ul{ margin-bottom: -20px; }
	.pictrue-6 ul li{ margin-bottom: 20px; width:20%; }
	.pictrue-6 ul li a .mc{ font-size: 14px; }
	.subnav .biaoti{ position: relative; font-size: 18px;color: #fff; line-height:50px; background: #004ca4; }
	.subnav .biaoti:before{ content: ""; position: absolute; right: 15px; top: calc((100% - 20px) / 2); z-index: 1; width: 20px; height: 20px; background: url(../images/subnav_jt.png) no-repeat center; background-size:12px auto; transition: all 0.3s; }
	.subnav .biaoti.active:before	{ transform: rotate(90deg); }
	.subnav ul li a{ display:block; color: #4c4c4c; line-height:40px; border-bottom: solid 1px #dddddd; }
	.subnav ul li.active a{ color: #fff; background: #14b19c; border-bottom: solid 1px #14b19c;  }
	footer .link{ padding: 20px 0; }
	footer .link .biaoti{ margin-bottom: 5px; width: 100%; line-height: 24px; }
	footer .link .biaoti .cn,footer .link .biaoti .en{ font-size:16px; }
	footer .link .menu{ padding-left: 0; width: 100%; }
	footer .link .menu ul li a{ height: 12px; font-size: 12px; line-height: 12px; }
	footer .top{ padding: 20px 0; }
	footer .top .left{ width: 100%; }
	footer .top .left .logo{ margin-bottom: 0; float: left; }
	footer .top .left .logo a{ line-height:50px; }
	footer .top .left .tel{ float: right; padding: 13px 0; }
	footer .top .center{ padding-right: 20px; width: calc(100% - 208px); }
	footer .top .center .search{ padding: 0; margin-bottom: 20px; }
	footer .top .center .menu ul li a{ font-size: 14px; }
	footer .top .right{ width:208px;}
	footer .bot .copyright{ width: 100%;text-align: center; }
	footer .bot .fenxiang{ display: none; }
}

@media (max-width:767px){
	.main-pad-2{ padding: 20px 0; }
	.main-pad-4{ padding: 20px 0; }
	.main-pad-5{ padding: 15px; }
	.main-pad-6{ padding: 20px 0; }
	header .logo a{line-height:60px;}
	header .qita .language{ line-height: 60px; }
	.banner .swiper-pagination{ bottom: 15px; }
	.menu-box{top: 60px; width: 100px; }
	.menu-box ul li a{ font-size: 12px; line-height: 34px;}
	.menu-btn{ top: 21px; width: 30px;}
	#tabBar{ position: fixed; right:20px; bottom:20px; z-index: 99; width:50px; height: 50px;}
	#tabBar.active{ width: calc(100% - 40px); animation: tabBarAnimation 3s 1s infinite linear; -webkit-animation: tabBarAnimation 3s 1s infinite linear; -moz-animation: tabBarAnimation 3s 1s infinite linear; -o-animation: tabBarAnimation 3s 1s infinite linear;  }
	#tabBar .clickbtn{ position: absolute; right: 0; bottom: 0; z-index: 2; width:50px; height:50px; font-size: 0; line-height: 50px; background: rgba(255,255,255,0.8); border-radius: 50%; }
	#tabBar .clickbtn span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; }
	#tabBar .clickbtn img{ width: 22px; }
	#tabBar .clickbtn.on{ animation:clickbtnAnimation 10s 0s infinite linear; -moz-animation:clickbtnAnimation 10s 0s infinite linear; -webkit-animation:clickbtnAnimation 10s 0s infinite linear; -o-animation:clickbtnAnimation 10s 0s infinite linear; box-shadow: 0 3px 5px rgba(0,0,0,0.5); }
	#tabBar .clickbtn.on:before{ content: ""; position: absolute; left: 0; bottom: -5px; z-index: 1; width: 20px; height: 5px;}
	#tabBar .clickbtn.active{ background:url(../images/tabBar/xian2.png) #1eb19c; background-size: 100% 100%; }
	#tabBar .clickbtn.active:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; border:solid 1px rgba(255,255,255,0.2); border-radius: 50%; }
	#tabBar .clickbtn.active > img{ opacity: 0; }
	#tabBar .clickbtn.active span{ opacity: 1; }
	#tabBar .navigation{ position: absolute; left:calc(100% - 100px); bottom: 0; z-index: 1; width:0; height: 50px; border-radius: 25px; transition: all 0.3s;}
	#tabBar .navigation:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border-radius: 25px; 
background:-moz-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:linear-gradient(to right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff',endColorstr='#99ffffff',GradientType=1 );}
	#tabBar .navigation ul{ position: relative; z-index: 2; padding: 0 60px 0 20px; }
	#tabBar .navigation ul li{ width: calc(100% / 3); font-size: 0; }
	#tabBar .navigation ul li a{ position: relative; left: 10px; display: inline-block; vertical-align: top; line-height: 50px;opacity: 0; }
	#tabBar .navigation ul li a .tab-icon{ margin-right: 5px; }
	#tabBar .navigation ul li a .tab-icon img{ width: 22px; }
	#tabBar .navigation ul li a .tab-title{ font-size: 12px;color: #333; }
	#tabBar .navigation.active{ box-shadow: 5px 5px 10px rgba(0,0,0,0.2); animation: navigationAnimation 0.5s 0s linear forwards; -webkit-animation: navigationAnimation 0.5s 0s linear forwards; -moz-animation: navigationAnimation 0.5s 0s linear forwards; -o-animation: navigationAnimation 0.5s 0s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(1) a{animation:navigationAAnimation 0.3s 0.5s linear forwards; -webkit-animation:navigationAAnimation 0.3s 0.5s linear forwards; -moz-animation:navigationAAnimation 0.3s 0.5s linear forwards; -o-animation:navigationAAnimation 0.3s 0.5s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(2) a{animation:navigationAAnimation 0.3s 0.6s linear forwards; -webkit-animation:navigationAAnimation 0.3s 0.6s linear forwards; -moz-animation:navigationAAnimation 0.3s 0.6s linear forwards; -o-animation:navigationAAnimation 0.3s 0.6s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(3) a{animation:navigationAAnimation 0.3s 0.7s linear forwards; -webkit-animation:navigationAAnimation 0.3s 0.7s linear forwards; -moz-animation:navigationAAnimation 0.3s 0.7s linear forwards; -o-animation:navigationAAnimation 0.3s 0.7s linear forwards; }		

	@keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}
	@-webkit-keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}
	@-moz-keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}
	@-o-keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}

	@keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}
	@-webkit-keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}
	@-moz-keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}
	@-o-keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}

	@keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}
	@-moz-keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}
	@-webkit-keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}
	@-o-keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}

	@keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	@-moz-keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	@-webkit-keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	@-o-keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	.title-2 .biaoti .cn{ font-size: 18px; line-height: 24px; }
	.title-2 .biaoti .en{  margin:0;}
	.title-3 .biaoti{ font-size: 16px; }
	.title-4{ padding-bottom: 10px; margin-bottom: 10px; }
	.title-4 .biaoti{ margin-bottom: 5px; font-size: 18px; line-height: 24px; }
	.text-1{ font-size: 12px; line-height: 24px; }
	.text-2 .biaoti{ font-size: 14px; }
	.text-2 form ul li input{ height: 34px; line-height: 32px; }
	.text-2 form ul li textarea{ height: 140px; min-height:140px; }
	.text-2 form ul li button{ height: 40px; font-size: 14px; line-height: 40px; }
	.text-4 .biaoti{ margin-bottom: 10px; font-size: 16px; }
	.text-4 .jieshao{ font-size: 12px; line-height: 24px; }
	.text-5{ font-size: 12px; }
	.text-6 .jieshao{ font-size: 12px; line-height: 24px; }
	.text-7 > .biaoti{ font-size: 16px; }
	.text-7 .bot .ul .li .left .icon img{ width: 20px; }
	.text-7 .bot ul li .icon img{ width: 20px; }
	.text-7 .bot ul li .icon2 img{ width: 20px; }
	.pictrue-1 .left{ padding: 30px 0; }
	.pictrue-1 .left .logo{ width: 30%; }
	.pictrue-1 .left .logo img{ max-width: 100%; }
	.pictrue-1 .left .biaoti{ padding: 0 0 0 20px; margin-top: 50px; width:70%; }
	.pictrue-1 .left .biaoti .cn span{ font-size: 18px; line-height: 24px; }
	.pictrue-1 .left .biaoti .cn span:before{ top: -45px; right: -40px; width:70px; height:60px;clip-path:polygon(0% 0%,100% 0%,100% 100%,44px 100%,44px 40px,0% 40px); }
	.pictrue-1 .left .biaoti .en{ font-size: 30px; line-height: 40px; }
	.pictrue-2-list a .textbox{ top: calc((100% - 72px) / 2); }
	.pictrue-2-list a .textbox .box .icon{ display: none; }
	.pictrue-2-list a .textbox .box .cn{ padding-left: 0; }
	.pictrue-2-list a .textbox .box:before{ display: none; }
	.pictrue-2-list a .textbox .box:after{ display: none; }
	.pictrue-2-list a .textbox .box .en{ padding-left: 0; padding-top: 0; }
	.pictrue-2-list a .textbox .box .en .max{ margin-bottom: 0; }
	.pictrue-3-list a .imgbox{ height: 200px; line-height: 200px; }
	.pictrue-3-list a .textbox .biaoti{ font-size: 14px; }
	.pictrue-3-list a .textbox .more{ padding-bottom: 10px; }
	.pictrue-3-box{ padding: 20px 0; }
	.pictrue-4 ul li a{ height:auto; }
	.pictrue-4 ul li:nth-child(-n+7) a .imgbox{ height: 100px; line-height: 100px; }
	.pictrue-6 ul li{ width:calc(100% / 3); }
	.pictrue-6 ul li a .mc{ font-size: 12px; }
	.pictrue-7 ul li a .textbox .biaoti{ font-size: 14px; }
	.pictrue-7 ul li a .textbox .jieshao{ font-size: 12px; }
	footer .top .left .logo a img{ width:180px; }
	footer .top .left .tel .shuzi{ font-size: 16px; }
	footer .top .center{ width: 100%; }
	footer .top .center .menu ul li a{ font-size: 12px; }
	footer .bot .copyright{ font-size: 12px; line-height: 24px; }
	footer .top .right{ width: 100%; font-size: 0; text-align: center; }
	footer .top .right .ewm{ display: inline-block; vertical-align: top; }
}

@media (max-width:479px){
	.main-pad-5{ padding: 10px; }
	header .logo a img{ width: 160px; }
	header .qita .language{ margin-right: 10px; }
	header .qita .language ul li a{ font-size: 12px; }
	.banner2{ padding: 40px 0; }
	.banner2 .biaoti{ margin-bottom: 20px; }
	.banner2 .biaoti .cn{ margin-bottom:5px; }
	.title-1{ padding: 15px; }
	.title-1 .cn{ font-size: 18px; line-height: 24px; }
	.title-1 .en{ margin-top:0;}
	.title-1 .en .max{ font-size: 12px; }
	.title-1 .en .min{ font-size: 12px; }
	.title-2 .biaoti .cn{ font-size: 16px; }
	.title-2 .biaoti .en .max{ font-size: 12px; }
	.title-2 .biaoti .en .min{ font-size: 12px; }
	.title-2 .jieshao{ font-size: 14px; line-height: 24px; }
	.title-2 .jieshao b{ font-size: 16px; }
	.pictrue-2-list a .textbox{ top: calc((100% - 56px) / 2); }
	.pictrue-2-list a .textbox .box .cn{ font-size: 14px; }
	.pictrue-2-list a .textbox .box .en .max{ font-size: 16px; line-height: 18px; }
	.pictrue-2-list a .textbox .box .en .min{ font-size: 12px; line-height: 14px; }
	.pictrue-3-list a .imgbox{ height: 120px; line-height: 120px; }
	.pictrue-3-list a .textbox .biaoti{ font-size: 12px; }
	.pictrue-4 ul li{ width: 50%; }
	.pictrue-4 ul li:nth-child(n+3){ margin-top: 4px; }
	.pictrue-4 ul li:nth-child(-n+7) a .imgbox{ height: 60px; line-height: 60px; }
	.pictrue-6 ul li{ width: 50%; }
	.pictrue-6 ul li a .imgbox{ height:90px; line-height:90px; }
	.pictrue-7 ul li a .imgbox{ width: 120px; }
	.pictrue-7 ul li a .imgbox span{ height: 90px; }
	.pictrue-7 ul li a .textbox{ padding-left: 15px; padding-right: 10px; padding-bottom: 0; padding-top: 0; width: calc(100% - 120px); height: 90px; }
	.pictrue-7 ul li a .textbox .biaoti{ font-size: 12px; }
	.pictrue-7 ul li a .textbox .jieshao{ line-height: 20px; height: 40px; }
	footer .top{ padding-bottom: 10px; }
	footer .top .left .logo{ width: 100%; text-align: center; }
	footer .top .left .tel{ padding-top: 0; padding-bottom: 0; width: 100%; text-align: center; }
	footer .top .left .tel div{ float: none !important; display: inline-block; vertical-align: top; }
	footer .top .center .search{ margin-bottom: 10px; }
	footer .top .center .search form input{ height: 34px; line-height: 34px; }
	footer .top .center .search form button{ height: 34px; background-size: 15px auto; }
	footer .top .center .menu ul li{ width: calc(100% / 3); }
	footer .bot{ padding: 10px 0; }

}


.jlfanye{ width:100%;margin:0 auto; text-align: center; }
.jlfanye a{ padding:5px 15px;  border: solid 1px #dedede; float:none; display: inline-block; min-width:8px; margin:8px 2px; color:#999;}
.jlfanye a:hover{ color:#c41313;}

 /*手机底部*/
@media (max-width:991px) {
	.banner a img{width: 100%;display: block;}

    footer{margin-bottom: 51px;}
    .sjdibu{height:50px;background:#004ca4;position:fixed; bottom:0; left:0; z-index:113; border-top:solid 1px #fff;width: 100%;text-align: center;font-size: 0;}
    .sjdibu .box1 a{display: inline-block;vertical-align: top;color: #fff;padding: 5px;}
    .sjdibu .box1 a span{ color:#fff; font-size:16px; line-height:20px;}
    .sjdibu .box1 a h6{ font-size:12px; line-height:20px;margin: 0;}
    .sjdibu .box2{ position: fixed; left: 0; bottom:60px; z-index:112; width: 100%;background: #fff;box-shadow: 0 -2px 4px rgba(0,0,0,.1);padding: 6px 0;display: none;}
    .sjdibu .box2 img{max-height: 140px;display: block;margin: 0 auto;} 
}




/*#homebanner{height: auto!important;}
#homebanner div{height: auto!important;position: relative!important;}
#homebanner .li .imgwarpper img{height: auto!important;}
#slider{position: relative!important;}
.imgwarpper{height: auto!important;top: auto!important;}

*/



#homebanner .li .imgwarpper img{object-fit: cover;}