* { margin: 0; padding: 0; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;  background: #fff;}

body {background: #fff;color: #444;  margin: 0 auto; font-size: 12px; line-height: 1.25em; font-family: 'microsoft yahei', Helvetica,arial;-webkit-text-size-adjust: none;overflow-x: hidden; }

ol, ul, li { list-style: none; }

img { border: none; vertical-align: top; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; }

a { color: #444; text-decoration: none; outline: none; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; }

a:hover{color: #007cba;}

button, input, select, textarea { font-size: 100%; font-family: 'microsoft yahei', Helvetica,arial;margin: 0; outline: 0 none; vertical-align: baseline; *vertical-align: middle; }

input { outline: none; border-radius: 0; font-family: 'microsoft yahei', Helvetica,arial;appearance:none;-moz-appearance:none;-webkit-appearance:none;}

input:focus, textarea:focus { outline: none; }

input:focus { -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only; }

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }

textarea { -webkit-appearance: none; }

/*select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background: #fff;}
*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; }

.clearfix:before, .clearfix:after { content: ''; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.none { display: none; }

em, i, span, b {  font-style: normal; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
/*滚动条*/
body *::-webkit-scrollbar{width: 2px;height: 2px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #007cba;border-radius: 2px;}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
 
.ov_hide{white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
input::-moz-placeholder{color: #007cba;  }
input:-moz-placeholder{color: #007cba;   }
input:-ms-input-placeholder{color: #007cba;   }
.fl{float: left;}
.fr{float: right;}
.w_1370{max-width: 1370px;width: 96%;margin: auto;position: relative;}

.menuLine{display: none;width: 25px;float: right;margin-left: 20px;margin-top: 30px;}
.menuLine span{display: block;width: 100%;height: 2px;background: #0c4f9f;border-radius: 2px;animation: navBtn 2s infinite ease;}
.menuLine span:nth-child(2){margin: 6px 0;animation-delay: 0.5s;}
.menuLine span:nth-child(3){animation-delay: 1.0s;}
@keyframes navBtn{
  50%{width: 60%;}
  100%{width: 100%;}
}
.logo{margin: 10px 0;display: block;}
.logo img{max-height: 90px;}
.nav-box{margin-top: 25px;}
.nav-box .headerText{ text-align: right; color: #007cba; font-size: 18px; font-weight: bold;}
.nav-box .headerText span{ padding-right: 20px;}
.nav-box .headerText a{ color: #007cba; }
.sear_ico{cursor: pointer;float: right;color: #0b7fba; font-size: 28px !important; margin-left: 26px;}
.nav-box .nav > li{position: relative;float: left;margin: 0 12px;line-height: 70px;}
.nav-box .nav > li:first-child{margin-left: 0;}
.nav-box .nav > li:last-child{margin-right: 0;}
.nav-box .nav > li > a{position: relative;display: block;font-size: 18px;}
.nav-box .nav > li > a:after{content: "";position: absolute;left: 0;bottom: 20px;width: 100%;height: 2px;background-color: #007cba;transform: scaleX(0);transition: 0.3s;}
.nav-box .nav > li.on > a{color: #000;}
.nav-box .nav > li.on > a:after,.nav-box .nav > li:hover > a:after{transform: scaleX(1);}
.nav-box .nav-2nd{display: none;z-index: 3;position: absolute;left: 50%;top: 70px;width: 100%;min-width: 120px;padding: 8px 0;background-color:#fff;border-radius: 5px;transform: translateX(-50%);}
.nav-box .nav-2nd > li{}
.nav-box .nav-2nd > li > a{position: relative;display: block;padding: 10px;line-height: 16px;text-align: center;color: #333; font-size: 14px;}
.nav-box .nav-2nd > li > a:before{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #333;transition: 0.3s;}
.nav-box .nav-2nd > li > a:hover{background-color: #f5f5f5;}
.nav-box .nav-2nd > li > a:hover:before{top: 0;height: 100%;}

.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background:rgba(0,0,0,0.5);visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.cd-popup-container1 { top: 10%; }
.close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }
.is-visible .cd-popup-container0, .is-visible .cd-popup-container1, .is-visible .cd-popup-container2, .is-visible .cd-popup-container3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.sear_p{float: left;border:1px solid #ccc;margin: 20px 0 0 10px;width: 145px;}
.sear_txt{float: left;width: calc(100% - 70px);height: 50px;font-size: 16px;line-height: 50px;font-family: 'microsoft yahei';border: none;background: none;color: #666;text-indent: 15px;}
.sear_btn{float: right;background: url('../images/index_ico1.png') center center no-repeat;text-indent: 999px;overflow: hidden;-webkit-background-size: 25px;background-size: 25px;width: 50px;height: 50px;border:none;cursor: pointer;}
.close_btn:after, .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }
.close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; }
.search_wrap{border:1px solid #ccc;border-radius: 25px}

.index_title{position: relative; font-size: 26px;color: #333;text-align: center;line-height: 40px;}
.index_title .indexMore{position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: block; width: 60px; text-align: center; line-height: 28px; border: 1px #007cba solid; color: #007cba; border-radius: 4px; font-size: 12px; transition: 0.3s;}
.index_title .indexMore:hover{ background: #007cba; color: #fff;}
.index_title span{ font-weight: bold;}
.index_title p{color: #999;font-size: 15px;}
.index_title em{font-size: 15px;color: #999;line-height: 26px;display: block;margin-top: 5px;}
.bg_gray{background: #f4f4f4;}
.bgwhite{background: #fff;}
.banner{position: relative;overflow: hidden;}
.banner a{display: block;height: calc(100vh - 80px);background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
.ban_pag{position: absolute;width: 100%;text-align: center;bottom: 40px !important;z-index: 2;}
.ban_pag span{position: relative;background: #fff;opacity: 1;filter: alpha(opacity=100);width: 10px;height: 10px;margin: 0 12px !important;}
.ban_pag span.swiper-pagination-bullet-active:after{border:1px solid #fff;content: '';left: -5px;width: 18px;height: 18px;-webkit-border-radius: 50%;border-radius: 50%;position: absolute;top: -5px;-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; }
.idx_one_ul{padding-top: 32px;}
.index_one{padding: 63px 0 60px;}
.idx_one_ul li{margin-bottom: 7px;float: left;height: 227px;width: 49.6%;-webkit-box-shadow: 0 0 5px #eee;box-shadow: 0 0 5px #eee;background: #fff;}
.idx_one_ul li:first-child{width: 49.6%;height: 460px;margin-right: 0.8%;}
.idx_one_ul li a{position: relative;display: block;height: 100%;}
/* .idx_one_ul li a span{display: block;} */
.idx_one_ul li a span.img{margin: 28.5px 30px 0 25px;background-repeat: no-repeat;-webkit-background-size: contain;background-size: cover;background-position: center;}
.idx_one_ul li a span.tit{padding-top: 60px;font-size: 22px;color: #333;line-height: 30px; padding-right: 26px;}
.idx_one_ul li a span.txt{padding-top: 16px;font-size: 14px;color: #666666;line-height: 26px; padding-right: 26px;}
.idx_one_ul li a span.img{width: 23%;padding-bottom: 170px;float: left;}
/* .idx_one_ul li:first-child a span.img{position: absolute;left:5%;padding-bottom: 280px;width: 90%;bottom: 68px;margin: 0;}
.idx_one_ul li:first-child a span.tit,.idx_one_ul li:first-child a span.txt{padding: 0px 20px 0 20px;text-align: center; }
.idx_one_ul li:first-child a span.txt{ height: 52px;  -webkit-line-clamp: 2;}
.idx_one_ul li:first-child a span.tit{margin:40px 0 10px;} */
.idx_one_ul li:first-child a span.txt{ height: 260px;  -webkit-line-clamp: 10;}
.idx_one_ul li:first-child a span.img{ padding-bottom: 59%; width: 39%;}




.idx_one_ul li a:hover span.img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.idx_one_ul li a:hover span.tit{color: #007cba;-webkit-transform: translateX(3px);transform: translateX(3px);}

.index_two{padding: 50px 0 40px;}
.idx_two_ul{padding-top: 28px;}
.idx_two_ul li{float: left;	margin: 0 0 20px 1.3333%;width: 24%;}
.idx_two_ul li:nth-child(4n+1){margin-left: 0;}
.idx_two_ul li a{display: block;position: relative;}
.idx_two_ul li a > span{display: block;}
.idx_two_ul li a span.img{padding-bottom: 250px;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
.idx_two_ul li a span.txt{position: absolute;width: 100%;height: 100%;top: 0;background: rgba(81,118,148,0.5);color: #fff;text-align: center;}
.idx_two_ul li a span.txt *{display: block;}
.idx_two_ul li a span.txt i{font-size: 26px;line-height: 36px;padding: 76px 0 27px}
.idx_two_ul li a span.txt .iconfont{font-size: 35px;}
.idx_two_ul li a:hover span.txt{background: rgba(81,118,148,0.8);}

.index_three{padding: 70px 0;}
.index_three .index_title{margin-bottom: 34px;}
.idx_three dt{background: #fff;width: 49.5%; background-size: cover; background-position: center; margin-bottom: 10px;}
/* .idx_three dt a{ background: rgba(255,255,255,0.8);} */
.idx_three dt:nth-child(2n){ float: right;}
.idx_three dt a{height: 360px;overflow: hidden;}
.idx_three dt a,.idx_three dt a > *{display: block;}
.idx_three dt a span.tit{padding: 66px 0 30px;font-size: 26px;color: #333;text-align: center;line-height: 36px;margin: 0 20px}
.idx_three dt a span.txt{font-size: 16px;color: #666;line-height: 26px;margin: 0 8% 36px;max-height:104px;overflow: hidden; }
.idx_three dt a span.more{border:1px solid #007cba;width: 118px;line-height: 38px;color: #007cba;font-size: 16px;text-align: center;margin: auto;-webkit-border-radius: 5px;border-radius: 5px;}
.idx_three dd{width: 50%;}
.idx_three dd a{display: block;overflow: hidden;position: relative;}
.idx_three dd a span.img{width: 100%;display: block;padding-bottom: 360px;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
.idx_three dd a span.btn{position: absolute;top: 50%;color: #fff;font-size: 70px;left: 50%;top: 50%;margin: -35px 0 0 -35px;line-height: 70px;}
.idx_three dt a:hover span.more{background: #007cba;color: #fff;width: 138px;}
.idx_three dd a:hover span.img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.idx_three dd a:hover span.btn{-webkit-transform: translateY(-15px);transform: translateY(-15px);}

.index_four{margin: 60px 0;}
.index_four .box{ margin-top: 40px;}
.index_four .itemBox{width: 48.75%; padding: 20px; box-sizing: border-box; background: url(../images/indexFoueBg.jpg) no-repeat center; background-size: cover;}
.index_four .itemBox .pic{ width: 70.28%; overflow: hidden;}
.index_four .itemBox .pic a{ display: block; padding-bottom: 111.36%; background-size: cover; background-position: center; transition: none;}
.index_four .itemBox .list{ width: 26%;}
.index_four .itemBox .list h3{font-size: 24px; color: #333333; padding-top: 16px; line-height: 36px;}
.index_four .itemBox .list h4{font-size: 40px; color: #dfdfdf; text-transform: uppercase; line-height: 52px;}
.index_four .itemBox .list ul{ padding-top: 20px;}
.index_four .itemBox .list ul li a{position: relative; display: block; transition: 0.3s; font-size: 18px; color: #666666; line-height: 24px; margin-top: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index_four .itemBox .list ul li a::before{ content: ""; position: absolute; top: 50%; left: 0; width: 0; height: 2px; background: #007cba; margin-top: -1px; transition: 0.3s; }

.index_four .itemBox .list ul li a:hover{ color: #007cba; padding-left: 22px;}
.index_four .itemBox .list ul li a:hover::before{ width: 16px;}
.index_four .itemBox .list ul li.on a{ color: #007cba; padding-left: 22px;}
.index_four .itemBox .list ul li.on a::before{ width: 16px;}

.index_five{ padding: 40px 0;}
.index_five .fiveBox{ margin-top: 30px; position: relative; overflow: hidden; padding-bottom: 60px;}
.index_five .fiveBox a{ position: relative; display: block; height: 100px;background: #fff; }
.index_five .fiveBox a .tet{position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); padding: 0 10px; box-sizing: border-box; font-size: 16px; text-align: center; height: 100%;}
.index_five .fiveBox a .tet img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 100%; max-height: 100%;}
.index_five .fiveBox .swiper-pagination-bullet-active{background: #007cba;}

.footer{background: #333;padding: 57px 0 40px;border-bottom: 1px solid #717171;}
.footer div.fl ul{}
.footer div.fl ul:first-child{margin-left: 0;}
.footer div.fl ul li{line-height: 30px;}
.footer div.fl ul li h6 a,.footer div.fr h6{font-size: 16px;color: #fff;}
.footer div.fl ul li > a{font-size: 14px;color: #fff;opacity: 0.5;filter: alpha(opacity=50);display: block;}
.footer div.fl ul li > a:hover{opacity: 1;filter: alpha(opacity=100);}
.footer div.fr{width: 240px;}
.footer div.fr h6,.footer div.fl ul li h6{line-height: 30px;padding-bottom: 4px;}
.footer div.fr p{font-size: 14px;line-height: 28px;}
.footer div.fr p i,.footer div.fr p span{color: #fff;opacity: 0.5;filter: alpha(opacity=50);}
.footer div.fr p em{color: #fff;font-size: 16px;}
.footer div.fr a{margin-top: 24px;display: block;background: #007cba;font-size: 16px;color: #fff;width: 143px;text-align: center;line-height: 34px;-webkit-border-radius: 5px;border-radius: 5px;}
.footer div.fr a:hover{opacity: 0.7;filter: alpha(opacity=70);}
.copyright{background: #333;color: #fff;font-size: 14px;}
.copyright .fl{opacity: 0.5;filter: alpha(opacity=50);line-height: 43px;}
.copyright .fl a{color: #fff;}
.copyright .fr a{color: #808080;line-height: 43px;display: inline-block;}
.copyright .fr a:hover{color: #fff;}
.linka a{position: relative;padding: 0 0 0 20px;margin-left: 20px;}
.linka a:after{width: 1px;height: 10px;background: #808080;content: '';position: absolute;left: 0;top: 50%;margin-top: -5px;}
.btn_share a{position: relative;font-size: 20px;margin-right: 20px;}
.copyright .fr span{float: left;}
.btn_share a img{position: absolute;bottom: 37px;left: -43px;width: 100px;display: none;}
.btn_share a:hover img{display: block;}
.copyright .fl a:hover {text-decoration: underline;}
.footer div.ma{width: 116px; text-align: center; margin-right: 1.6%;}
.footer div.ma img{max-width: 100%;}
.footer div.ma p{ color: #fff; margin-top: 6px;}

.n_banner{background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;height: 450px;font-size: 30px;color: #222;text-align: center;}
.location{margin-bottom: 30px;}
.nth-rd{background: #eee;padding: 10px 0;}
.location a{display: inline-block;font-size: 20px;color: #333;margin-left: 3.4%;line-height: 40px;position: relative; font-weight: bold;}
.location a:first-child{margin-left: 0;}
.location .nth-3rd a:after{width:0;position: absolute;bottom: 0;height: 2px;content: '';background: #007cba;left: 0;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; }
.location a.on,.location a:hover{color: #007cba;}
.location .nth-3rd a.on:after,.location .nth-3rd a:hover:after{width: 100%;}

.list_photo{padding-bottom: 80px;}
.list_photo ul li{margin-bottom: 20px;text-align: center;float: left;-webkit-box-shadow: 0 0 5px #ddd;box-shadow: 0 0 5px #ddd;width: 23.7%;margin-left: 1.73%; }
.list_photo ul li:nth-child(4n+1){margin-left: 0;}
.list_photo ul li *{display: block;}
.list_photo ul li a{background: #fff;padding-bottom: 36px;position: relative;padding-top: 30px;}
.list_photo ul li span.img{width: 80%;margin-left: 10%;padding-bottom: 190px;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
.list_photo ul li span.new{padding: 0 25px;line-height: 30px;position: absolute;right: 0;top: 0;background: #24b510;color: #fff;font-size: 16px;}
.list_photo ul li span.tit{padding: 8px 0 6px;font-size: 18px;color: #333;line-height: 28px; font-weight: bold;}
.list_photo ul li span.txt{font-size: 15px;color: #999;line-height: 26px; height: 26px;padding: 0 10px; box-sizing: border-box; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list_photo ul li span.more{padding-top: 21px;font-size: 14px;color: #007cba;line-height: 24px;}

.page{text-align: center;position: relative;margin: 40px 0 0;}
.page > a{display: inline-block;width: 163px;height: 58px;border:1px solid #444444;margin: 0 0.85%;color: #333;font-size: 16px;text-align: center;line-height: 58px;}
.page > a:hover{background: #007cba;color: #fff;border-color: #007cba;}
.page .page_num{position: absolute;right: 0;line-height: 58px;top: 0}
.page .page_num span{margin-left: 38px;font-size: 16px;color: #888;}
.page .page_num span i{margin: 0 20px;}
.page .page_num a{font-size: 18px;color: #333;font-weight: bold;font-family: simsun;}
.page .page_num em{font-size: 16px;color: #333;margin: 0 30px;}

.cont_news{padding: 47px 0 100px;}
.cont_tit{font-size: 24px;color: #222;text-align: center;margin: 0 10% 30px;line-height: 30px;}
.cont_em{margin-bottom: 24px;font-size: 14px;color: #888;text-align: center;line-height: 30px;}
.cont_em em{margin: 0 20px;}
.cont_txt{min-height: 300px;font-size: 16px;color: #555;line-height: 30px;}
.cont_txt img,.cont_txt iframe,.cont_txt table,.cont_txt video{max-width: 100%;height: auto}

.page_f{line-height: 32px;padding-top: 50px;font-size: 16px;color: #3a3a3a;font-weight: bold;}
.page_f a{font-weight: normal;}

.list_news{padding-bottom: 80px;}
.list_news dl {margin-bottom: 21px;border-bottom: 1px solid #cdcdcd;padding: 45px 0 35px}
.list_news dl dt{position: relative;top:-5px;width: 110px;text-align: center;}
.list_news dl dt *{display: block;}
.list_news dl dt span{font-weight: bold;font-size: 55px;color: #999;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;line-height: 60px;}
.list_news dl dt em{font-size: 18px;color: #999;line-height: 30px;}
.list_news dl dd{padding-left: 150px;}
.list_news dl dd *{display: block;}
.list_news dl dd a span{font-size: 18px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1.3;}
.list_news dl dd a em{padding-top: 18px;font-size: 15px;color: #666;line-height: 24px;height: 48px;overflow: hidden;}
.list_news dl:hover dd a span,.list_news dl:hover dt a span,.list_news dl:hover dt a em{color: #007cba;}

.list_news_txt li{margin: 15px 0;}
.list_news_txt li a{height: 40px;display: block;line-height: 40px;border-bottom: 1px dashed #bbb;}
.list_news_txt li a span{font-size: 16px;display: inline-block;max-width: calc(100% - 90px);}
.list_news_txt li a em{float: right;font-size: 14px;}
.list_news_txt li a:hover span{color: #007cba;}
.list_news_txt{padding-bottom: 60px;}

.newsNav .box{ text-align: center;}
.newsNav .box a{ display: inline-block; line-height: 46px; padding: 0 30px; border: 1px #ddd solid; font-size: 16px; margin: 0 10px;}
.newsNav .box a.on{ background: #007cba; border-color: #007cba; color: #fff;}



.piao{position: fixed;right:0;bottom:0;z-index: 3;}
.piao span{position: absolute;left: -10px;top: -10px;cursor: pointer;}
.footLeft{width: calc(100% - 560px);display: flex;justify-content: space-between;}

pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; }
.nth-3rd{padding-top: 15px;}
.nth-3rd a{font-size: 16px;}
.listmap{width: 100%;height: 400px !important; }


/*产品详情*/
.productTop{ display: flex; justify-content: space-between;}
.productTop .prductBox{ width: 40%;}
.productTop .prductBox .pic{position: relative; width: 100%; padding-bottom: 100%;border: 1px solid #CDCDCD; box-sizing: border-box; background: #fff; overflow: hidden;}
.productTop .prductBox .pic img{position: absolute;top: 50%; left: 50%; width: 100%; max-height: 100%; transform: translate(-50%,-50%); display: block;}
.productTop .prductBox .smallBox{overflow: hidden; margin-top: 20px;}
.productTop .prductBox .smallBox span{float: left; position: relative; display: block; width: 19%; height:74px;border: 1px solid #CDCDCD; box-sizing: border-box; margin-right: 1.25%; cursor: pointer;}
.productTop .prductBox .smallBox span:last-child{ margin-right: 0;}
.productTop .prductBox .smallBox span.on{border-color: #C30008;}
.productTop .prductBox .smallBox span img{position: absolute;top: 50%; left: 50%; max-width: calc(100% - 2px); max-height: calc(100% - 2px); transform: translate(-50%,-50%); display: block;}
.productTop .textBox{position: relative; width: 56%;}
.productTop .textBox h3{ padding-bottom: 10px; border-bottom: 1px #ddd solid; font-size: 22px; color: #007cba; margin-bottom: 30px;}
.productTop .textBox .word{text-align: justify; background: #FFFCF3; border: solid 1px #FFEFC6; padding: 20px; box-sizing: border-box; height: 480px; overflow-y: auto;}
.productTop .textBox i{ position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; display: block;    background: #FFFCF3; border: solid 1px #FFEFC6; height: 26px;display: none;}

.productBtm{ margin-top: 40px;}
.productBtm .tit{font-size: 16px; color: #fff; background: #007cba; display: block; width: 150px; text-align: center; line-height: 40px;}
.productBtm .word{ border: 1px #007cba solid; padding: 20px;}
.productBtm .word img{max-width: 100%; height: auto !important;}

.share-wrap{font-size: 0; text-align: right; margin-top: 30px; line-height: 40px;}
.share-wrap .pre{display: inline-block;vertical-align: bottom;font-size: 16px;color: #666666;}
.share-wrap .item{position: relative;display: inline-block;vertical-align: top;width: 28px;height: 28px;margin-left: 10px;border: 1px solid #ddd;border-radius: 50%;cursor: pointer; top: 4px; transition: 0.3s;}
.share-wrap .item:first-child{margin-left: 0;}
.share-wrap .item .icon{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}


@media screen and (max-width:1380px){
	.nav-box .nav > li{ margin: 0 8px;}
	.nav-box .nav > li > a{ font-size: 17px;}
	.productTop .textBox .word{height: 430px;}
}

@media screen and (max-width:1200px){
    .nav-box .nav{display: none;}
	.nav-box .headerText *{display: none;}
	.nav-box .headerText .sear_ico{ display: block; margin-top: 4px; padding-right: 0;}
    .menuLine{display: inline-block; margin-top: 50px;}
	.productTop .textBox .word{height: 380px;}
}
@media screen and (max-width:1080px){
    .banner a{height: 0;padding-bottom: 45%;}
    .list_photo ul li,.list_photo ul li:nth-child(4n+1){width: 30%;margin: 0 1.5% 20px !important;}
	.footLeft{ display: none;}
	.footer div.fr{ float: left;}
	.productTop .textBox .word{height: 350px;}
	
	.index_four .itemBox .pic{ width: 65%;}
	.index_four .itemBox .list{ width: 30%;}
	.index_four .itemBox .list h4{ font-size: 28px;}
	.index_four .itemBox .list ul{ padding-top: 0;}
    
}
@media screen and (max-width:991px){
    .menuLine{ margin-top: 28px;}
    .header h1 img{height: 60px;}
    .sear_ico{margin-top: 30px;}
    .index_one,.index_three,.index_two{padding: 30px 0;}
    .idx_one_ul{padding-top: 15px;}
    .idx_one_ul li:first-child a span.tit{margin-top: 20px;}
    .w_1370{width: 90%;}
    .banner a{padding-bottom: 65%;}
    .n_banner{height: 0;padding-bottom: 30%;}
	.productTop .textBox .word{height: 250px;}
	
	.index_four .itemBox{ width: 100%; margin-bottom: 20px;}
}

@media screen and (max-width:760px){
	.index_title .indexMore{ position: initial; top: auto; right: auto; transform: none; margin: 0 auto; font-size: 14px; line-height: 28px; margin-top: 6px;}
	
    .idx_one_ul li{width: 100% !important;margin-right: 0 !important;height: auto;}
    .footLeft{display: none;}
 .idx_one_ul li a{padding:  25px 2% 15px;box-sizing: border-box;float: left;width: 100%;}
    .idx_one_ul li a span.img,.idx_one_ul li:first-child a span.img,.idx_two_ul li a span.img,.idx_three dd a span.img,.list_photo ul li span.img{padding-bottom: 65%;}
	.idx_one_ul li a span.img,.idx_one_ul li:first-child a span.img{ padding-bottom: 110%;}
    .idx_one_ul li a span.img{margin: 0;position: inherit;}
    .idx_one_ul li:first-child{height: auto;}
    .idx_one_ul li:first-child a span.img{position: inherit;bottom: 0;left: 0;}
    .idx_one_ul li a span{width: 100% !important;float: left !important;text-align: center;}
    .idx_one_ul li a span.tit{padding-top: 20px;}
    .idx_two_ul li{width: 100%;margin-left: 0;}
  .idx_three dd{width: 100%;float: left;}
  .idx_three dt,.footer div.fr,.list_photo ul li{width: 100% !important;}
  .idx_three dt a span.tit{padding: 30px 0 15px;font-size: 18px;}
  .idx_three dt a{height: auto;padding-bottom: 30px;}
  .idx_three dt a span.txt{font-size: 14px;line-height: 1.6;margin: 0 4% 20px;max-height: inherit;}
    .copyright .fl{line-height: 2;padding: 15px 0;}
    .copyright .w_1370 >.fr{display: none;}
    .footer{padding: 30px 0;}
    .footer div.fr p{font-size: 14px;line-height: 1.7;}
    .list_photo ul li, .list_photo ul li:nth-child(4n+1){margin: 0 0 20px !important;}
    .page .page_num{position: inherit;width: 100%;}
    .page{margin-top: 20px;}
    .list_photo{padding-bottom: 40px;}
    .page > a{width: 120px;line-height: 40px;height: 40px;}
    .location{margin: 15px 0;}
    .cont_em em{margin: 0 5px;}
    .cont_tit{margin-bottom: 15px;}
    .list_photo ul li a{padding-bottom: 15px;}
    .cont_news{padding: 20px 0 40px;}
    .list_news dl dt span{font-size: 35px;line-height: 45px;}
    .list_news dl dt em,.page .page_num span{font-size: 14px;}
    .list_news dl{padding: 20px 0;}
    .list_news dl dt{width: 70px;}
    .list_news dl dd{padding-left: 90px;}
    .list_news dl dd a em{height: auto ;max-height: 48px;}
    .listmap{height: 300px !important;}
    .cont_txt,.idx_one_ul li a span.txt,.index_title p{font-size: 14px;line-height: 26px;}
	.cont_txt,.idx_one_ul li a span.txt{ height: auto; line-height: 26px; -webkit-line-clamp: 2; box-sizing: border-box; padding-right: 0; padding-top: 0;}
    .idx_one_ul li a span.tit{font-size: 18px;line-height: 26px; box-sizing: border-box; padding-right: 0;}
    .idx_three dt a span.more{font-size: 14px;line-height: 2;}
	.footer div.ma{ display: inline-block; width: 36% !important; margin-right: 5%; margin-top: 10px;}
    
	.productTop{display: block; overflow: hidden;}
	.productTop .prductBox{ width: 100%;}
	.productTop .textBox{ width: 100%; margin-top: 20px;}
	.productTop .textBox h3{ font-size: 18px; margin-bottom: 10px;}
	.productTop .textBox .word i{display: block;}
	.productTop .textBox i{ display: none;}
	.productBtm{margin-top: 20px;}
	
	.index_four{ margin: 30px 0 14px 0;}
	.index_four .box{ margin-top: 20px;}
	.index_four .itemBox .list{ width: 100%;}
	.index_four .itemBox .list ul{ overflow: hidden; margin-bottom: 14px;}
	.index_four .itemBox .list ul li{ float: left; margin-right: 10px;}
	.index_four .itemBox .list ul li a{ font-size: 16px; margin-top: 0;}
	.index_four .itemBox .list ul li a:hover{ padding-left: 0;}
	.index_four .itemBox .list ul li.on a{ padding-left: 0;}
	.index_four .itemBox .list ul li a::before{ display: none;}
	.index_four .itemBox .pic{ width: 100%;}
	
	.index_five{ padding: 26px 0; }
	.idx_one_ul li:first-child a span.tit{ margin-top: 0;}
	.idx_one_ul li:first-child a span.tit, .idx_one_ul li:first-child a span.txt{ box-sizing: border-box;height: 52px;
    -webkit-line-clamp: 2;}
	
	.newsNav .box a{ margin: 0 1px; padding: 0 6px; height: 36px; line-height: 36px; font-size: 15px;}
}