@font-face {
  font-family: 'Conv_DINCOND-MEDIUM';
  src: url('../fonts/DINCOND-MEDIUM.eot');
  src: local(''), url('../fonts/DINCOND-MEDIUM.woff') format('woff'), url('../fonts/DINCOND-MEDIUM.ttf') format('truetype'), url('../fonts/DINCOND-MEDIUM.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


* { margin: 0; padding: 0; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; }

body {color: #333333;  margin: 0 auto; font-size: 12px; line-height: 1.25em; font-family: 'microsoft yahei'; -webkit-text-size-adjust: none;overflow-x: hidden;height: 100%;-webkit-background-size: cover;background-size: cover; }

ol, ul, li { list-style: none; }

img { border: none; vertical-align: top; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }

a { color: #333333; text-decoration: none; outline: none; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }

a:hover{color: #024f97;}

button, input, select, textarea { font-size: 100%; font-family: 'microsoft yahei'; margin: 0; outline: 0 none; vertical-align: baseline; *vertical-align: middle; }

input { outline: none; border-radius: 0; font-family: 'microsoft yahei'; }

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.3s linear; transition: all 0.3s linear; }

.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.3s linear; transition: all 0.3s linear;}

.w_1280{width: 1280px;margin: auto;}

.pc_header{width: 1280px;margin: auto;position: absolute;top:28px;line-height: 34px;z-index: 5;left: 50%;margin-left: -640px;color: #fff; z-index:9;}
.pc_logo {width: 1280px;margin: auto;position: absolute;top:28px;line-height: 34px;z-index: 5;left: 50%;margin-left: -640px;color: #fff; z-index:3;}
.head_left { margin-left:363px;}
.head_left a,.head_right a,.pc_top_nav a{color: #fff;}
.head_left a:hover,.head_right a:hover{opacity: 0.6;filter: alpha(opacity=60);}
.head_left,.head_right{font-size: 18px;float: left;margin-top: 20px;}
.head_right{ color:#ff0000; font-weight:bold;}
.head_left em:first-child,.head_right em:first-child{display: none;}
.head_left em,.head_right em{margin: 0 12px;opacity: 0.3;filter: alpha(opacity=30);}
.head_right{float: right;background: url(../images/b_30.png);-webkit-border-radius: 25px;padding: 0 20px;border-radius: 25px;}


.mb_top_nav{ display:none;}
.pc_logo{top: 28px}
.pc_sear_one{position: absolute;left:50%;margin-left: -220px;top:266px;width: 434px;height: 54px;padding: 3px;background: url(../images/h_20.png);z-index: 5;}
.pc_sear_one input{float: left;height: 54px;border:none;}
.pc_sear_one input[type=text]{width: 87.5%;font-size: 16px;color: #666;text-indent: 24px;}
.pc_sear_one input[type=submit]{width: 12.5%;background: url(../images/ico1.png) center center no-repeat #069be5;}

.pc_top_nav{width: 1200px;margin:0 auto;position: absolute;top:28px;line-height: 34px;z-index: 5;left: 18%;color: #fff; }
.pc_top_nav{font-size: 16px;font-weight:normal;top:45%;margin-top: -70px;height: 30px;line-height: 30px;text-align: center;}
.pc_top_nav img { margin-bottom:21px;}
.pc_top_nav .yw {font-size: 12px;font-weight:normal; line-height:19px;}
.pc_top_nav a{width: 16.3%;display: inline-block;float: left;border-left:1px solid rgba(255,255,255,0.2);}
.pc_top_nav a:first-child{border-left: none;}
.pc_top_nav a:hover{ padding-top:30px;}
.pc_top_nav .nLi1 { opacity: 0; -webkit-animation: nav_ani 0.5s 0.7s ease-out forwards; -moz-animation: nav_ani 0.5s 0.7s ease-out forwards; animation: nav_ani 0.5s 0.7s ease-out forwards; }

.pc_top_nav .nLi2 { opacity: 0; -webkit-animation: nav_ani 0.5s 0.75s ease-out forwards; -moz-animation: nav_ani 0.5s 0.75s ease-out forwards; animation: nav_ani 0.5s 0.75s ease-out forwards; }

.pc_top_nav .nLi3 { opacity: 0; -webkit-animation: nav_ani 0.5s 0.8s ease-out forwards; -moz-animation: nav_ani 0.5s 0.8s ease-out forwards; animation: nav_ani 0.5s 0.8s ease-out forwards; }

.pc_top_nav .nLi4 { opacity: 0; -webkit-animation: nav_ani 0.5s 0.83s ease-out forwards; -moz-animation: nav_ani 0.5s 0.83s ease-out forwards; animation: nav_ani 0.5s 0.83s ease-out forwards; }

.pc_top_nav .nLi5 { opacity: 0; -webkit-animation: nav_ani 0.5s 0.86s ease-out forwards; -moz-animation: nav_ani 0.5s 0.86s ease-out forwards; animation: nav_ani 0.5s 0.86s ease-out forwards; }

.pc_top_nav .nLi6 { opacity: 0; -webkit-animation: nav_ani 0.5s 0.9s ease-out forwards; -moz-animation: nav_ani 0.5s 0.9s ease-out forwards; animation: nav_ani 0.5s 0.9s ease-out forwards; }

.pc_top_nav .nLi7 { opacity: 0; -webkit-animation: nav_ani 0.5s 0.93s ease-out forwards; -moz-animation: nav_ani 0.5s 0.93s ease-out forwards; animation: nav_ani 0.5s 0.93s ease-out forwards; }

.pc_top_nav .nLi8 { opacity: 0; -webkit-animation: nav_ani 0.5s 0.96s ease-out forwards; -moz-animation: nav_ani 0.5s 0.96s ease-out forwards; animation: nav_ani 0.5s 0.96s ease-out forwards; }

@-webkit-keyframes nav_ani { 0% { -webkit-transform: translateY(30px); opacity: 0; }
  100% { -webkit-transform: translateY(0px); opacity: 1; } }
@-moz-keyframes nav_ani { 0% { -moz-transform: translateY(30px); opacity: 0; }
  100% { -moz-transform: translateY(0px); opacity: 1; } }
@keyframes nav_ani { 0% { transform: translateY(30px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; } }

/*banner*/
.banner{width: 100%;height:100%;}
.banner .swiper-slide,.bann{height: 100%;}
.bann{display: block;height: 100%;-webkit-transform: scale(1.3);transform: scale(1.3);-webkit-transition: all 3s linear; transition: all 3s linear;}
.banner .swiper-slide-active .bann{-webkit-transform: scale(1);transform: scale(1);}

/*banner2*/
.banner2{width: 100%;height:500px;}
.banner2 .swiper-slide,.bann2{height: 100%;}
.bann2{display: block;height: 100%;-webkit-transform: scale(1.3);transform: scale(1.3);-webkit-transition: all 3s linear; transition: all 3s linear;}
.banner2 .swiper-slide-active .bann2{-webkit-transform: scale(1);transform: scale(1);}



/*内页BAN文字*/
.pc_bantxt {width: 1280px;margin: auto;position: absolute;top:28px;line-height: 34px;z-index: 5;left: 50%;margin-left: -640px;color: #fff; z-index:3;}
.pc_bantxt{top: 184px; text-align:center;}
.pc_bantxt .big_name { font-size:36px; font-weight:bold; color:#FFF;line-height: 200%;}
.pc_bantxt .small_name { font-size:12px;  color:#FFF;line-height: 200%;}
.pc_bantxt .an_book p{ width:90px; margin:25px auto 0;line-height: 30px; border:1px solid #dfdbdd; -webkit-border-radius: 25px;padding: 0 20px;border-radius: 25px;}
.pc_bantxt .an_book a { color:#FFF;}
.pc_bantxt .an_book a:hover { color:#ff8f8f;}

.w1200{width: 1200px;margin: 0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}
.h20 { width:100%; height:20px;}
.xian { width:100%; height:60px; background:url(../images/dian.png) repeat-x; margin:50px auto 0;}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*公司简介BEG*/
.nyNav{width: 100%;border-bottom: 1px solid #d7d6d6;font-size: 0;}
.nyNav ul li{display: inline-block;*display: inline;*zoom: 1;margin-right: 13px;position: relative;}
.nyNav ul li a{display: block;font-size: 16px;color: #333333;line-height: 70px;padding: 0 31px;position: relative;z-index: 2;}
.nyNav ul li.on a{color: #ffffff;font-weight: bold;background: #0076ab;}
.nyNav ul li:hover a{color: #0076ab;}
.nyNav ul li.on:hover a{color: #fff;}
.nyMain{min-height: 300px;margin: 47px auto 98px;}

.nyTit{width: 100%;margin-bottom: 44px;text-align: center;font-size: 0;}
.nyTit h3{font-family: Times New Roman; font-size: 36px;line-height:200%;color: #000000;font-weight: normal;}
.nyTit h3 span {color: rgb(255, 102, 0);font-size: 14px;line-height: 200%;letter-spacing: 0px; padding-left:10px;}
.nyTit i {display: block; width:660px;font-size: 12px;color: #808080;line-height: 27px;margin:0 auto;}

.p1Tit{margin-bottom: 40px;}
.p1Tit h4{font-size: 19px;color: #333333;line-height: 30px; font-weight:bold;}
.p1Tit h5{font-size: 12px;line-height: 22px;color: #c0bfbf;font-weight: normal;font-family: "Arial";text-transform: uppercase;margin-bottom: 16px;}
.p1Tit i{display: block;width: 15px;height: 2px;background: #0076ab;}

.detail{font-size: 14px;line-height: 30px;color: #666666;text-align: justify;word-break: break-all;}
.detail *{max-width: 100% !important;}

.about .pic{width: 42%;padding-top: 8px;}
.about .text{width: 55%;}
.about .ul1{padding: 18px 0 37px;border-bottom: 1px solid #dfdfdf;margin-bottom: 38px;}
.about .ul1 li{padding: 0 60px;text-align: center;position: relative;}
.about .ul1 li:before{content: "";width: 1px;height: 55px;background: #d6d6d6;position: absolute;left: 0;top: 23px;}
.about .ul1 li.li1{padding-left: 0;}
.about .ul1 li.li1:before{display: none;}
.about .ul1 li em{display: block;font-size: 60px;color: #0076ab;line-height: 60px;margin-bottom: 6px;font-family: "HELVETI1";}
.about .ul1 li p{font-size: 14px;color: #666666;line-height: 24px; text-align:left;}
.about .mid{padding: 50px 0 57px;border-bottom: 1px solid #dfdfdf;margin-bottom: 43px;}
.about .mid dt{width: 165px;height: 66px;position: relative;margin-right: 44px;font-size: 36px;color: #0076ab;font-weight: bold;line-height: 51px;}
.about .mid dt:before{content: "";width: 1px;height: 55px;background: #d6d6d6;position: absolute;right: 0;top: 8px;}
.about .mid dd{font-size: 16px;line-height: 34px;color: #666666;}
.about .mid dd em{color: #0076ab;}
/*公司简介END*/

.pc_txt{width: 1280px;margin: auto;position: absolute;bottom:48px;left: 50%;margin-left: -640px;color: #dfdbdd; z-index:9;}
.ico1{position: absolute;width: 50%;bottom: 15px;left: 0;text-align: left;color: #dfdbdd;z-index: 3;}
.ico1 p{line-height: 20px;}
.ico1 img{-webkit-animation:icoUpDown  2s infinite ease 0.8s;-moz-animation:icoUpDown  2s infinite  ease 0.8s;animation:icoUpDown  2s infinite ease 0.8s; }

.ico2{position: absolute;width:240px;bottom: 15px;right: 0;text-align: center;color: #dfdbdd;z-index: 3;}
.ico2 p{line-height: 30px; border:1px solid #dfdbdd; -webkit-border-radius: 25px;padding: 0 20px;border-radius: 25px;}
.ico2 a { color:#FFF;}
.ico2 a:hover { color:#ff8f8f;}
/*.ico2 img{-webkit-animation:icoUpDown  2s infinite ease 0.8s;-moz-animation:icoUpDown  2s infinite  ease 0.8s;animation:icoUpDown  2s infinite ease 0.8s; }*/

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}
.tran5000{-webkit-transition:all 5s linear; -moz-transition:all 5s linear; -ms-transition:all 5s linear; transition:all 5s linear;}

.scaleimg:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}

.fl{ float:left;}
.prodList{width: 100%;padding-bottom: 60px;background: #fff;position: relative;z-index: 3;}
.prodList ul{padding-bottom: 40px;}
.prodList ul li{width: 33%; float:left;}
.prodList ul li a{display: block;padding: 0 10px;}
.prodList ul li a .pic{width: 100%;height: 0;padding-bottom: 84.7%;position: relative;overflow: hidden;}
.prodList ul li a .pic img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.prodList ul li a h5{font-size: 14px;line-height: 18px;color: #666;text-align: center;padding: 13px 0 30px;box-sizing: border-box;font-weight: normal;}
.prodList ul li a:hover h5{color: #0b78cb;}

@-webkit-keyframes icoUpDown{
  0%{-webkit-transform:translateY(6px);opacity: 0.5;  filter: alpha(opacity=50); }
  50%{-webkit-transform: translateY(0); opacity:1;  filter: alpha(opacity=100);}
  100%{-webkit-transform: translateY(6px);opacity: 0.5; filter: alpha(opacity=50);}
}
@-moz-keyframes icoUpDown{
  0%{-moz-transform:translateY(6px);opacity: 0.5; filter: alpha(opacity=50); }
  50%{-moz-transform: translateY(0);  opacity:1;  filter: alpha(opacity=100);}
  100%{-moz-transform: translateY(6px);opacity: 0.5;  filter: alpha(opacity=50);}
}
@keyframes icoUpDown{
  0%{transform:translateY(6px); opacity: 0.5; filter: alpha(opacity=50);}
  50%{transform: translateY(0);  opacity:1; filter: alpha(opacity=100);}
  100%{transform: translateY(6px);opacity: 0.5; filter: alpha(opacity=50);}
}



.fix{position: fixed;right: 10px;top: 30%;width: 120px;z-index: 5;}
.fix .ewm{margin-bottom: 10px;}
.fix .ad_close{display: block;text-align: right;}
.ad_close img{display: inline-block;cursor: pointer;}
.m_header{width:100%; height:80px;display: none;z-index: 5;padding-bottom: 10px; z-index:999; position:absolute; text-align:center;}
.m_logo{position: relative;z-index: 5; }
.m_logo img{width: 120px; margin-top:15px;}
.sear_p{margin-top: 15px;}
.sear_btn{width: 30px;height: 30px;background: url(../images/sear.png) center center no-repeat;border:none;}
.sear_txt{height: 28px;border:1px solid #d7d7d7;float: left;width: 130px;margin-left: 10px;}
/*以下是导航*/
.menu_box{height:79px;background:#fff;position: relative;z-index: 99;display: none;position: fixed;top: 0;left: 0;width: 100%;}
.menu_box .nav_box{float: right;height:79px;margin-right: 12px;}
.menu_box .nav_box > li{float:left;list-style:none;}
.menu_box .nav_box > li h5 a{text-align: center;display:block;height:79px;padding: 0 18px;float: left;line-height:79px;position:relative;overflow:hidden;color: #1a1a1a;font-size: 16px;}
.menu_box .nav_box > li h5 a:hover,.menu_box .nav_box > li h5 a.current{background: #069be5;color: #fff;}
.menu_box .nav_box > li .boxli{width:100%;height:359px;position:absolute;top:79px;left:0;background:#f0f0f0;display:none;}
.boxli dt{width: 57%;height: 359px;float: left;position: relative;}
.boxli dt h5{font-size: 30px;color: #1a1a1a;position: absolute;left: 5.5%;top: 8%;line-height: 40px;}
.boxli dd{width: 35%;padding-left: 2%;float: left;}
.boxli dd h5{padding: 47px 0 15px;font-size: 24px;color: #1a1a1a;line-height: 30px;}
.boxli dd ul li{width: 100%;line-height: 37px;float: left;}
.boxli dd ul li a{display: inline-block;position: relative;    font-size: 16px;    color: #1a1a1a;    padding-left: 15px;}
.boxli dd ul li a:after{width: 2px;height: 10px;background: #e71818;content: '';position: absolute;left: 0;top: 13.5px;-webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.boxli dd ul li a:hover{color: #888;}
.boxli dd ul li a:hover:after{width: 10px;}
.menu_logo{float: left;margin-left: 2%;margin-top: 18px;}
.menu_logo img{max-width: 364px;}
.searchBtn{float: right;margin-right: 2%;margin-top: 30px;cursor: pointer;}
/*弹窗*/
.hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444;background: none;border:none;font-family: "Microsoft Yahei";}
.hidden_search .btn{ display: block;cursor: pointer; background: url(../images/search_icon.jpg) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em;border:none; }
.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 56px; padding-left: 20px; height: 36px; }
.hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }
.hidden_search .close_btn:after, .hidden_search .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; }
.hidden_search .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); }
.hidden_search .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; }
.hidden_search .close_btn:hover { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #dfa783; }

.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background: url(../images/h_50.png) repeat;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; height: 36px; 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-popup0, .cd-popup1, .cd-popup2, .cd-popup3 { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; }
.cd-popup0.is-visible, .cd-popup1.is-visible, .cd-popup2.is-visible, .cd-popup3.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-container0, .cd-popup-container1, .cd-popup-container2, .cd-popup-container3 { position: relative; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 20%; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; 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; }
.cd-popup-container1 { top: 10%; }
.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); }
/*搜索end*/
.box_h{height: 2000px;background: #f7f7f7;}
.index_tit{font-size: 30px;line-height: 40px;color: #1a1a1a;text-align: center;padding: 3% 0;}
.index_tit a{color: #1a1a1a;font-size: 30px;}
.section1{padding-top: 2%;}
.sec_1_box{background: #fff;width: 1220px;margin: auto;padding: 30px ;}
.sec_1_swiper{width: 43%;height: 380px;float: left;}
.sec_1_swiper a{display: block;position: relative;height: 100%;}
.sec_1_swiper .sec1_img{width: 100%;height: 100%;display: block;}
.sec_1_swiper .sec1_i{display: block;background: url(../images/h_50.png) ;padding: 0 5%;height: 20px;line-height: 20px;padding-bottom: 30px;position: absolute;left: 0;bottom: 0;width: 90%;color: #fff;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.sec_1_swiper .swiper-pagination{text-align: right;padding-right: 3%;width: 97% !important;bottom: 16px !important}
.sec_1_swiper .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 6px !important;background: #fff !important;}
.sec_1_swiper .swiper-pagination-bullet-active{background: #069be4 !important;}
.sec_1_swiper a:hover .sec1_img{-webkit-transform: scale(1.1);transform: scale(1.1);}

.sec1_rig{width: 54%;float: right;max-height: 380px;overflow: hidden;}
.sec1_rig dl{border-bottom: 1px solid #dbdbdb;padding-bottom: 18px;}
.sec1_rig dl dt a{padding: 3px 0 8px;display: block;font-size: 18px;font-weight: bold;color: #069be5;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;line-height: 30px;}
.sec1_rig dl:hover dt a{-webkit-transform: translateY(-3px);transform: translateY(-3px);color: #333;}
.sec1_rig dl dd{font-size: 14px;color: #666;line-height: 26px;height: 52px;overflow: hidden;}
.sec1_rig ul{padding-top: 13px;}
.sec1_rig ul li{height: 38px;line-height: 38px;}
.sec1_rig ul li a{display: block;height: 30px;}
.sec1_rig ul li a i{margin-right: 11px;margin-top: 17.5px;float: left;width: 5px;height: 5px;background: #333;-webkit-border-radius: 100%;border-radius: 100%;display: inline-block;}
.sec1_rig ul li a em{font-size: 16px;color: #333;display: inline-block;width: 65%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.sec1_rig ul li a span{float: right;font-size: 16px;color: #808080;}
.sec1_rig ul li a:hover i{width: 15px;background: #069be5;-webkit-border-radius: 5px;border-radius: 5px;}
.sec1_rig ul li a:hover em{color: #069be5;}
.index_more{text-align: center;margin: 60px 0 78px;}
.index_more a{display: inline-block;color: #fff;background: #069be5;line-height: 60px;width: 200px;font-size: 16px;-moz-box-shadow:0px 3px 7px #069be5; -webkit-box-shadow:0px 3px 7px #069be5; box-shadow:0px 3px 7px #069be5;}
.index_more a:hover{-moz-box-shadow:0px 3px 7px #333; -webkit-box-shadow:0px 3px 7px #333; box-shadow:0px 3px 7px #333;}

.section_2,.section_3,.section4{height: 100%;background:url(../images/bg1.jpg) center center no-repeat;-webkit-background-size: cover;background-size: cover;background-attachment: fixed;position: relative;}
.section_2:after{width: 50%;height: 100%;content: '';position: absolute;left: 0;top: 0;background:  url(../images/h_40.png) ;display: block;}
.section_2 .w_1280{position: relative;z-index: 3;height: 100%;}
.sec_2_left{width: 39%;float: left;color: #fff;position: absolute;top: 50%;margin-top: -247px;}
.sec_2_left h5 a{font-size: 30px;line-height: 40px;color: #fff;}
.sec_2_left_box{margin-top: 58px;margin-bottom: 109px;font-size: 14px;line-height: 28px;overflow: hidden;}
.sec_2_left_box a{color: #fff;}
.sec_2_left ul{border-top: 1px solid rgba(255,255,255,0.5);border-bottom: 1px solid rgba(255,255,255,0.5);}
.sec_2_left ul li{float: left;margin-left: 18%;text-align: center;padding: 33px 0;}
.sec_2_left ul li:first-child{margin-left: 0;}
.sec_2_left ul li i{font-family: 'Conv_DINCOND-MEDIUM';font-size: 50px;line-height: 50px;}
.sec_2_left ul li p{font-size: 14px;line-height: 28px;}
.sec_2_right{float: right;width: 39%;position: absolute;top: 50%;margin-top: -144px;right: 0;}
.sec_2_right li{float: left;margin-left: 4px;background:url(../images/b_80.png) ;font-size: 16px;width: 32.5%;text-align: center;margin-bottom: 4px;padding-top: 22px;}
.sec_2_right li a{color: #333;display: block;}
.sec_2_right li:first-child{width: 65.8%;}
.sec_2_right li i{display: block;line-height: 56px;}
.sec_2_right li a:hover img{-webkit-transform: translateY(-5px);transform: translateY(-5px);opacity: 0.7;filter: alpha(opacity=70);}
.sec_2_right li a:hover i{color: #4196db;}
/*section2*/
.section_3{background:url(../images/bg2.jpg) center center no-repeat;background-attachment: fixed;}
.section_3 .w_1280{height: 646px;position: absolute;top: 50%;margin-top: -323px;left: 50%;margin-left: -640px;}
.sec_3_txt{width: 73%;text-align: center;font-size: 16px;color: #4c4c4c;line-height: 26px;margin: auto;}
.sec_3_txt a{color: #4c4c4c;}
.gallery-thumbs {margin:103px auto 36px !important;}
.gallery-thumbs span{display: inline-block;width: 100%;text-align: center;height: 40px;line-height: 40px;color: #fff;background-repeat: no-repeat;background-position: center center;-webkit-border-radius: 5px;border-radius: 5px;font-size: 14px;}
.gallery-thumbs span.span1{background-image: url(../images/img9.png);}
.gallery-thumbs span.span2{background-image: url(../images/img10.png);}
.gallery-thumbs span.span3{background-image: url(../images/img11.png);}
.gallery-thumbs span.span4{background-image: url(../images/img12.png);}
.gallery-thumbs span.span5{background-image: url(../images/img13.png);}
.gallery-thumbs span.span6{background-image: url(../images/img14.png);}
.gallery-thumbs span.span7{background-image: url(../images/img15.png);}
.gallery-thumbs span.span8{background-image: url(../images/img16.png);}
.gallery-top{padding: 10px 0;}
.gallery-top li{float: left;width: 22.7%;margin-left: 3%;-moz-box-shadow:0px 3px 7px #555; -webkit-box-shadow:0px 3px 7px #555; box-shadow:0px 3px 7px #555;}
.gallery-top .swiper-slide ul li:first-child{margin-left: 0;}
.gallery-top a{display: block;position: relative;}
.gallery-top .gat_img{display: block;width: 100%;height: 260px;-webkit-border-radius: 5px;border-radius: 5px;}
.gallery-top a i{position: absolute;background: url(../images/jb.png) left bottom repeat-x;display: block;width: 100%;padding-top: 40px;left: 0;bottom: 0;font-size: 16px;color: #fff;line-height: 43px;height: 43px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.gallery-thumbs .swiper-slide-active span{background: #4196db;}
.gallery-thumbs .swiper-slide{cursor: pointer;}
.gallery-top a:hover .gat_img{opacity: 0.7;filter: alpha(opacity=70);}
/*section3 end*/
.section_4{background:url(../images/bg3.jpg) center center no-repeat;height: 790px;background-attachment: fixed;position: relative;}
.section_4 .w_1280{height: 414px;position: absolute;left: 50%;top: 50%;margin: -260px 0 0 -640px;}
.section_4 ul{margin-top: 140px;text-align: center;}
.section_4 li{width: 170px;display: inline-block;margin-left: 103px;}
.section_4 li a{display: block;position: relative;color: #fff;}
.section_4 li a .sec4_img{margin: auto;position: relative;display: block;padding: 17.5px;width: 55px;height: 55px;text-align: center;}
.section_4 li a .sec4_img img{height: 100%;display: inline-block;}
.section_4 li a .sec4_img:after{display: block;width: 90px;height: 90px;background: url(../images/ico9.png) center center no-repeat;content: '';left: 0;top: 0;position: absolute;-webkit-transition: all 0.5s linear; transition: all 0.5s linear;}
.section_4 li a:hover .sec4_img:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);opacity: 0.5;filter: alpha(opacity=50);}
.section_4 li a:hover em{opacity: 0.7;filter: alpha(opacity=70);}
.section_4 li a em{margin-top: 16px;font-size: 14px;line-height: 24px;text-align: center;display: block;height: 48px;overflow: hidden;}
.section_4 li:first-child{margin-left: 0;}

/*section4 end*/
footer{background: #fff;color: #7f7f7f;font-size: 13px;line-height: 40px;padding: 10px 0; text-align:center;}
footer a{color: #ff0000;}
footer a:hover{opacity: 0.7;filter: alpha(opacity=70);color: #ff0000;}

/*内页底部BGI*/




/*footer*/
.footer{ background:#222222; padding-top:40px;}
.footer_nav{overflow: hidden;float: left; padding-bottom:41px; }

.footer_nav dl{float: left;  padding-left: 10px;padding-right: 197px; padding-bottom: 999em;margin-bottom: -999em;}
.footer_nav dl dt{ margin-bottom: 15px; line-height:45px; float:left;padding-right: 65px;}
.footer_nav dl dd{ float:left;}
.footer_nav dl dd .bot_me { font-size:12px; color:#cccccc; text-align:left;}
.footer_nav dl dd .bot_me a{ font-size: 12px;color: #ffffff; line-height:72px; }
.footer_nav dl dd .bot_txt {color:#c4c4c4; font-size:12px; line-height:24px; text-align:left;}

.footer_right{float: right;width:216px; padding-top:20px;}
.footer_right dt{   }
.footer_right dd{ font-size:12px; }

.footer_right .fou{ font-size:14px; color:#c2c2c2; margin-bottom:5px; }


.footer_bot{ line-height: 24px; padding: 28px 0;font-size: 12px; border-top:1px solid #333333; }
.footer_bot .left{float: left;color: #b2b2b3; }
.footer_bot .left span{  padding-right: 15px;}
.footer_bot .right{float: right;font-size: 12px;color: #b2b2b3; }
.footer_bot .right a ,.footer_bot .left a{color: #b2b2b3; transition:all 0.3s ease 0s; }
.footer_bot .right a:hover{ color: #ef8924;}
.footer_bot .right .bottel {font-size: 18px; font-weight:bold; color:#FFF;}
.footer_nav dl dt a,.footer_nav dl dd a{transition:all 0.3s ease 0s;}
.footer_nav dl dt a:hover,.footer_nav dl dd a:hover{ color: #ef8718;}
 

/*内页底部END*/
.to_top{cursor: pointer;}

/*产品展示*/
.prodbox{width: 100%;text-align: center;}
.prodNav{ width:780px; margin:0 auto 30px;}
.prodNav li{min-width: 120px;height: 40px;margin: 0 10px 7px 0;}
.prodNav li a{display: block;font-size: 14px;color: #333333;line-height:40px;text-align: center;padding: 0 5px;border-radius: 25px; border:1px solid #cccccc; -webkit-border-radius: 25px;}
.prodNav li.on a,.prodNav li:hover a{color: #ff6600;border-radius: 25px; border:1px solid #ff6600; -webkit-border-radius: 25px;}

.prodNav2{ width:520px; margin:0 auto 30px;}
.prodNav2 li{min-width: 120px;height: 40px;margin: 0 53px 7px 0;}
.prodNav2 li a{display: block;font-size: 14px;color: #333333;line-height:40px;text-align: center;padding: 0 5px;border-radius: 25px; border:1px solid #cccccc; -webkit-border-radius: 25px;}
.prodNav2 li.on a,.prodNav li:hover a{color: #ff6600;border-radius: 25px; border:1px solid #ff6600; -webkit-border-radius: 25px;}

.prodNav3{ width:700px; margin:0 auto 30px;}
.prodNav3 li{min-width: 120px;height: 40px;margin: 0 53px 7px 0;}
.prodNav3 li a{display: block;font-size: 14px;color: #333333;line-height:40px;text-align: center;padding: 0 5px;border-radius: 25px; border:1px solid #cccccc; -webkit-border-radius: 25px;}
.prodNav3 li.on a,.prodNav li:hover a{color: #ff6600;border-radius: 25px; border:1px solid #ff6600; -webkit-border-radius: 25px;}

/*新闻*/
.list_newspage { padding: 2.5%; background: #fff;  }
.list_newspage .list_newsimg li{ margin-bottom: 2.5%;padding-bottom: 2.5%; border-bottom: 1px solid #f0f2f5; }
.list_newspage .list_newsimg li a{  display: block; width: 100%; overflow: hidden; }
.list_newspage .list_newsimg li .img{float: left;margin-right: 20px;width: 160px;height: 120px;overflow: hidden; position: relative;  }
.list_newspage .list_newsimg li .img em{  position: absolute; left: 0;top: 0;width: 100%; height: 100%; display: block; background-size: cover;  transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.list_newspage .list_newsimg li .txt{ }
.list_newspage .list_newsimg li .txt .title{ overflow: hidden; line-height:42px;
white-space: nowrap; 
text-overflow: ellipsis; color: #2a333c;font-size: 18px; margin-bottom: 10px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.list_newspage .list_newsimg li .txt .detail{ overflow: hidden; 
text-overflow: ellipsis; 
display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
line-height: 20px;max-height: 40px; margin-bottom: 10px; font-size: 14px; color: #76838f; }
.list_newspage .list_newsimg li .txt .meta{color: #a3afb7; }
.list_newspage .list_newsimg li .txt .meta span{margin-right: 14px; }
.list_newspage .list_newsimg li .txt .meta .view{ background: url(../images/view_bg.jpg) no-repeat left center; padding-left: 19px; }
.list_newspage .list_newsimg li a:hover .txt .title{ color: #ff6600;}
.list_newspage .list_newsimg li a:hover .img em{
    -webkit-transform:scale(1.15); transform:scale(1.15);}
/*产品列表*/

.list_p2 { width: 1200px; margin: 18px auto;min-height: 400px; }
.list_p2 * { -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.list_p2 dl { width: 100%; float: left; padding: 40px 0; border-bottom: 1px solid #e3e2e2; }
.list_p2 dl dt { float: left; width: 400px; height: 277px; overflow: hidden; border:0px solid #CCC; }
.list_p2 dl dt a { display: block; width: 100%; height: 100%; }
.list_p2 dl dd { width:710px; float: right; }
.list_p2 dl dd a { display: block; }
.list_p2 dl dd a h5 { font-size: 20px; font-weight: bold; color: #000;opacity: 0.9;
filter: alpha(opacity=90); line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.list_p2 dl dd a h6 { font-size: 14px; color: #ff6600; padding: 3px 0 46px 0; }
.list_p2 dl dd a p { font-size: 14px; color: #888; line-height: 26px; overflow: hidden; }
.list_p2 dl dd a em { margin-top: 22px; float: right; display: inline-block; border: 1px solid #d4d4d4; text-align: center; color: #555; font-size: 14px; width: 129px; height: 32px; line-height: 32px; }
.list_p2 dl:hover dt a { -webkit-transform: scale(1.05); transform: scale(1.05); }
.list_p2 dl:hover dd a h5 { color: #2982c6; -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); }
.list_p2 dl:hover dd a em { border-color: #2982c6; background: #2982c6; color: #fff; }
/*在线预定*/
.msgBtm{margin-bottom: 50px;}
.msgBtm dl{margin-bottom: 22px;}
.msgBtm dl dt{font-size: 14px;color: #545454;line-height: 38px;margin-right: 6px;}
.msgBtm dl dd label{display: block;float: left;margin-right:10px;font-size: 14px;color: #545454;line-height: 38px;cursor: pointer;}
.msgBtm dl dd label input{margin-right: 6px;}
.msgBtm .formItem{margin-bottom: 22px;}
.msgBtm .formItem select,.msgBtm .formItem .text,.msgBtm .formItem textarea{width: 580px;height: 40px;background: #ffffff;border:1px solid #e7e4e4;box-sizing: border-box;padding: 0 18px;font-size: 14px;color: #545454;line-height: 40px;font-family: "Microsoft Yahei";}

.msgBtm .formItem select,.msgBtm .formItem .text2{width: 550px;height: 40px;background: #ffffff;box-sizing: border-box;padding: 0 26px;font-size: 14px;color: #545454;line-height: 40px;font-family: "Microsoft Yahei";}

.msgBtm .formItem textarea{width: 100%;height: 200px;overflow: auto;}
.msgBtm .formItem textarea::-webkit-scrollbar{width:3px;height:3px}
.msgBtm .formItem textarea::-webkit-scrollbar-button:vertical{display:none}
.msgBtm .formItem textarea::-webkit-scrollbar-corner,
.msgBtm .formItem textarea::-webkit-scrollbar-track{background-color:#ccc}
.msgBtm .formItem textarea::-webkit-scrollbar-thumb{border-radius:0;background-color:#37a255; }
.msgBtm .formItem textarea::-webkit-scrollbar-thumb:vertical:hover{ }
.msgBtm .formItem textarea::-webkit-scrollbar-thumb:vertical:active{ }
.msgBtm .formItem span{width: 90px;font-size: 18px;line-height: 52px;color: #545454;}
.msgBtm .formItem .codeText{width: 116px;height: 50px;border:1px solid #e7e4e4;background: #ffffff;text-align: center;line-height: 50px;color: #545454;font-family: "Microsoft Yahei";font-size: 18px;}
.msgBtm .formItem .codeImg{width: 124px;height: 52px;margin-left: 9px;cursor: pointer;}
.msgBtm .btm{padding-top: 18px;}
.msgBtm .btm .subm{width: 336px;height: 46px;border:none;background: #fa741c;font-size:22px;color: #ffffff;text-align: center;line-height: 46px;font-family: "Microsoft Yahei";cursor: pointer;margin-bottom: 40px;}
.msgBtm .btm .text{font-size: 14px;line-height: 23px;color: #757575;}
.msgBtm .btm .text p span{color: #d44340;}
.msgBtm .formItem .date{background: url(../images/icon.png) no-repeat right center;}


/*联系我们*/
.contactTop{margin: 36px auto 42px;}
.contactTop .left{height: 288px;width: 658px;background: #f4f5f6;box-sizing: border-box;padding: 37px 20px 0 58px;}

.contactTop .left .tit{font-size: 32px;color: #323232;line-height: 44px;padding: 5px 0; font-weight:bold; margin-bottom:10px;}
.contactTop .left .text{font-size: 14px;line-height: 24px;color: #777777;margin-bottom: 32px;}
.contactTop .left .tel{padding-left: 66px;background: url(../images/telIcon.png) no-repeat left top;line-height: 46px;color: #37a255;font-family: "DINCondMid";font-size: 32px;word-break: break-all;}
.contactTop .left .tel span{margin-right: 20px;}
.contactTop .left .tel span:last-child{margin-right: 0;}

.contactTop .right{width: 542px;height: 288px;background: #e6e7e9;box-sizing: border-box;padding: 48px 22px 54px 20px;}
.contactTop .right dl{width: 100%;height: 100%;background: #ffffff;box-sizing: border-box;padding: 14px 14px 10px 170px;position: relative;}
.contactTop .right dl dt{width: 135px;height: 135px;position: absolute;left: 14px;top:14px;}
.contactTop .right dl dt img{width: 100%;height: 100%;}
.contactTop .right dl dd{width: 100%;padding-top: 4px;}
.contactTop .right dl dd .tit{font-size: 18px;line-height: 46px;color: #37a255;}
.contactTop .right dl dd .text{font-size: 14px;line-height: 21px;color: #777777;}

.contactMid{padding: 0 58px 44px;}
.contactMid .contSlideTxtBox .hd{height: 58px;line-height: 58px;border-bottom: 1px solid #dbdbdb;margin-bottom: 30px;}
.contactMid .contSlideTxtBox .hd ul li{float: left;margin-right: 30px;font-size: 16px;color: #666666;font-weight: bold;cursor: pointer;position: relative;}
.contactMid .contSlideTxtBox .hd ul li:last-child{margin-right: 0;}
.contactMid .contSlideTxtBox .hd ul li:before{content: "";width: 0;height: 3px;background: #37a255;position: absolute;left: 0;bottom: -2px;z-index: 2;
-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.contactMid .contSlideTxtBox .hd ul li.on{color: #37a255;}
.contactMid .contSlideTxtBox .hd ul li.on:before{width: 100%;}
.contactMid .contSlideTxtBox .bd .bdItem{display: none;}
.contactMid .contSlideTxtBox .bd .bdItem ul li{min-width: 25%;box-sizing: border-box;padding: 0 16px 0 0;margin-bottom: 42px;}
.contactMid .contSlideTxtBox .bd .bdItem ul li .tit{font-size: 22px;color: #353535;line-height: 40px;font-weight: normal;}
.contactMid .contSlideTxtBox .bd .bdItem ul li .cont{font-size: 24px;color: #666666;line-height: 38px;font-family: "DINCondMid";}
.contactMid .contSlideTxtBox .bd .bdItem ul li .cont span{margin-right: 56px;}
.contactMid .contSlideTxtBox .bd .bdItem ul li .cont span em{font-size: 14px;font-family: "Microsoft Yahei";}

.contactBtm{border-top: 7px solid #e5e5e5;height: 580px;margin-bottom: 50px;}

/*详细*/
/*cont_infopage*/
.cont_infopage { position: relative; overflow: hidden; background: #fff; padding: 3%; }
.post_article {  }
.post_article .wrap { position: relative; }
.post_article .post_header { padding-bottom: 15px; }
.post_article .post_header .title { text-align: center; font-size: 20px; font-weight: bold; color: #4c4c4c; margin-bottom: 15px; line-height: 32px; }
.post_article .post_header .meta { line-height: 20px; height: 20px; overflow: hidden; border: 1px solid #dbdbdb; border-width: 1px 0; padding: 15px 0; }
.post_article .post_header .meta .left { float: left; }
.post_article .post_header .meta .left span { font-size: 12px; color: #808080; margin-right: 5px; }
.post_article .post_header .meta .right { float: right; font-size: 12px; color: #808080; }
.post_article .post_cont { font-size: 14px; color: #4c4c4c; line-height: 32px; margin-bottom: 60px; }
.post_article .post_cont img { max-width: 100%; height: auto; }
.post_article .turnpage li { line-height: 32px; overflow: hidden; height: 32px; }
.post_article .turnpage a { font-size: 14px; color: #333333; font-weight: bold; transition: all 0.3s ease 0s; }
.post_article .turnpage a span { color: #4c4c4c; font-weight: normal; transition: all 0.3s ease 0s; }
.post_article .turnpage a:hover { color: #3DA679; }
.post_article .turnpage a:hover span { color: #3DA679; }

.post_solutionarticle .post_header { padding-bottom: 0; }


.post_article .post_header .meta .right .bdsharebuttonbox { height: 16px; line-height: 16px; }

.post_article .post_header .meta .right .bdshare-button-style2-16 span { float: left; }

.post_article .post_header .meta .right .bdshare-button-style2-16 a { width: 20px; height: 20px; line-height: 20px; margin: 0px 0px 0px 6px; padding-left: 0; background: url(../images/share_icon2.png) no-repeat; }

.post_article .post_header .meta .right .bdshare-button-style2-16 a.bds_tsina { background-position: -26px center; }

.post_article .post_header .meta .right .bdshare-button-style2-16 a.bds_tqq { background-position: right center; }


.section1_piclist ul li .img .icon{ position: absolute; left: 50%;   top: 50%;  background: #fff; border-radius: 50%; text-align: center; line-height: 67px; overflow: hidden; color: #3DA679;font-size: 26px;  width: 67px;height: 67px; margin-top: -33.5px;margin-left: -33.5px; transform:translateY(-50px); -webkit-transform:translateY(-50px); opacity: 0;
transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;
  }

.section1_piclist ul li a:hover .img .icon{ transform:translateY(0px);-webkit-transform:translateY(0px); opacity: 1;}
.section1_piclist ul li a:hover .img em{ transform:scale(1.05); -webkit-transform:scale(1.05);}
/*index_end*/
.n_pc_header,.n_pc_logo{position: static;margin: 0 auto;width: 1280px;}
.n_pc_sear_one{position: static;margin: 0;float: right;}
.n_pc_logo{padding-top: 35px;}
.n_pc_top_nav{margin: 38px auto 0;position: static;}

.bgfff{background: #fff;width: 1220px;margin: auto;padding: 10px 30px;}
.location{border-bottom: 1px solid #dbdbdb;line-height: 54px;font-size: 14px;color: #4c4c4c;}
.location a{color: #4c4c4c;}
.location em{font-family: simsun;margin: 0 9px;}
.location img{margin-top: 18px;}
.location > i{display: inline-block;float: right;}
.location > i a{position: relative;display: inline-block;margin-left: 40px;font-size: 14px;color: #1a1a1a;}
.location > i a:after,.location > i a:before{width: 0;position: absolute;bottom: -1px;content: '';height: 2px;background: #069be5;-webkit-transition: all 0.4s linear; transition: all 0.4s linear;}
.location > i a:before{left: 50%;}
.location > i a:after{right: 50%;}
.location > i a:hover:after,.location > i a:hover:before,.location > i a.on:after,.location > i a.on:before{width: 50%;}
.location > i a:first-child{margin-left: 0;}
/*location end*/
.recruit { width: 100%;margin: 33px 0 53px;}
.recruit li{margin-bottom: 10px;}
.recruit li .problem { position: relative; background: #e6e6e6;  font-size: 18px; color: #333333;  padding: 0 30px; height: 66px; line-height: 66px; cursor: pointer; }

.recruit li .problem span {  display: block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;width: 80%;}

.recruit li .problem em { float: right; display: block; width: 16px; height: 16px; background: url(../images/jt1.png) no-repeat 0 0; margin-top: 22px; }

.recruit li.on .problem em {  background: url(../images/jt2.png) no-repeat 0 0; margin-top: 30px;}

.recruit li.on .problem {background: #069be5;color: #fff;}

.recruit li .answer { display: none; text-align: justify;overflow: hidden;margin-top: 20px;padding-bottom: 10px; }

.recruit li .answer img,.recruit li .answer table,.recruit li .answer iframe { max-width: 100%; }

.recruit li:first-child .answer { display: block; }
/*service*/
.list_news li{position: relative;height: 50px;line-height: 50px;background: url(../images/xu.jpg) left bottom repeat-x;-webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.list_news li span{font-size: 16px;color: #1a1a1a;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;width: 70%;float: left;}
.list_news li i{font-size: 16px;color: #4c4c4c;float: right;}
.list_news li:after{-webkit-transition: all 0.3s linear; transition: all 0.3s linear;background: #069be5;height: 2px;display: inline-block;float: left;position: absolute;left: 0;top:24px;content: '';width: 0;}
.list_news li:hover span{margin-left: 20px;}
.list_news li:hover:after{width: 10px;}
.list_news li:hover span{color: #069be5;}
.page{text-align: center;padding: 70px 0 90px;}
.page a{border:1px solid #dbdbdb;line-height: 42px;margin: 0 10px;padding: 0 16px;display: inline-block;font-size: 14px;color: #4c4c4c;}
.page a:hover,.page a.on{background: #069be5;border-color: #069be5;color: #fff;}
.page .page_a{padding: 0 33px;}



.box_ttt { font-size:18px; line-height:36px; padding:30px 80px;}
@media screen and (max-width: 1600px) {
.pc_top_nav{left: 11%; }
}

@media screen and (max-width: 1440px) {
  .pc_top_nav{margin-top: 0;}
  .n_pc_top_nav{margin: 40px auto 0 !important;}
  .bgfff,.page{padding: 0 3%;width: 94%;}
  .page{margin: 7% 0;}
  .pc_top_nav{width: 940px;margin:0 auto;position: absolute;top:40%;line-height: 34px;z-index: 5;left:16%;color: #fff; }
  .pc_txt{width: 1280px;margin: auto;position: absolute;bottom:48px;left: 50%;margin-left: -640px;color: #dfdbdd; z-index:9;}
  .w1200{width: auto;padding: 0 5%;}
  .contactTop .right{width: 550px;height: 272px;background: #e6e7e9;box-sizing: border-box;padding: 58px 22px 54px 20px;}
}
@media screen and (max-width: 1280px) {
	.w1200{width: auto;padding: 0 5%;}
  .pc_header,.pc_logo,.pc_bantxt{width: 94%;padding: 0 3%;margin: 0;left: 0;}
  .pc_txt{width: 94%;padding: 0 3%;margin: 0;left: 0;}
  .pc_top_nav{width: 100%;margin: 0;top: 60%;left: 0;}
  .sec_1_box{width: 94%;padding: 3%;}
  .sec_1_swiper,.sec1_rig{width: 48%;}
  .section_2{height: auto;padding:70px 0 50px;}
  .sec_2_left,.sec_2_right{position: static;margin-top:0;}
  .section_2 .w_1280,.sec_3_txt{width: 92%;padding: 0 4%;}
  .sec_2_left ul li{margin-left: 2%;}
  .sec_2_left_box{margin: 5% 0;}
  .section_3 .w_1280,.section_4 .w_1280{position: static;margin: 0;padding: 0 4%;width: 92%;height: auto;}
  .section_3,.section_4{height: auto;padding: 40px 0 80px;}
  footer .w_1280{padding: 20px 4%;width: 92%;}
  footer .foot_left,footer .foot_right{width: 100%;}
  .menu_logo img{width: 350px;}
  .menu_box .nav_box > li h5 a{padding: 0 6px;}
  .n_header{display: none;}
  .n_m_header{display: block;}
  .head_left { margin-left:307px;}
  .pc_top_nav{font-size: 16px;font-weight:normal;top:45%;margin-top: -70px;height: 30px;line-height: 30px;text-align: center;}
   .list_p2 { width: 94%; padding: 0 3%; }

  .list_p2 dl dd { width: 100%; }
  .msgBtm .formItem select, .msgBtm .formItem .text{width: 48%;}
}
@media screen and (max-width: 1024px){

  .head_left { margin-left:200px;}
  .list_newspage .list_newsimg li .img{ margin-right: 16px;
    width: 128px;height: 96px;}
.list_newspage .list_newsimg li .txt .meta{ display: none;}
}
@media screen and (max-width: 1002px){
  .pc_header,.pc_logo,.pc_bantxt,.pc_top_nav,.pc_sear_one,.fix{display: none;}
  .banner{height: 300px;}
  .m_header{display: block;}
  .sec_2_left, .sec_2_right,.section_2:after{width: 100%;}
  .sec_2_right li:first-child{width: 65.5%;}
  .sec_2_left ul li{margin-left: 5%;}
  .sec_2_left ul{margin-bottom: 5%;}
  .gallery-thumbs{margin: 30px auto 2.5% !important;}
  .gallery-top li,.gallery-top ul li:first-child{width: 45%;margin: 0 2.5% 2.5% 2.5% !important;}
  .section_4 li{width: 45%;float: left;margin: 0 2.5% 5% 2.5%;}
  .section_4 ul{margin-top: 10%;}
.section_4 li:first-child{margin: 0 2.5% 5% 2.5%;}
  .recruit li .problem{font-size: 16px;padding: 0 3%;height: 46px;line-height: 46px;}
  .recruit li.on .problem em{margin-top: 20px;}
  .recruit li .problem em{margin-top: 14px;}
  .location > i{display: block;width: 100%;}
  .head_left { margin-left:207px;}
  .list_newspage .list_newsimg li .img{ margin-right: 16px;
    width: 128px;height: 96px;}
.list_newspage .list_newsimg li .txt .meta{ display: none;}

}
@media screen and (max-width: 740px){
	
  .sec_1_swiper,.sec1_rig{width: 100%;margin-bottom: 2% !important;}
  .section1{padding-top: 8%;}
  .sec_1_swiper{height: auto;}
  .sec_1_swiper .sec1_img{padding-bottom: 70%;height: 0;}
  .gallery-top .gat_img{padding-bottom: 100%;height: 0;}
  .sec_2_right li{width: 48%;margin: 0 1% 1% 1%;}
  .sec_2_right li:first-child{width: 98%;}
  .section_4{background: #226fa3;}
  .list_news li i,.page a{display: none;}
  .list_news li span{width: 90%;}
  .page a.page_a{display: block;width: 45%;-webkit-box-sizing: border-box; box-sizing: border-box;margin: 0 2.5%;float: left;}
  
.prodNav{ width:100%; margin:0 auto 30px;}
.prodNav li{min-width:24%;height: 35px;margin: 0 1% 7px 0;}
.prodNav li a{display: block;font-size: 14px;color: #333333;line-height:35px;text-align: center;padding: 0 5px;border-radius: 25px; border:1px solid #cccccc; -webkit-border-radius: 25px;}
.prodNav li.on a,.prodNav li:hover a{color: #ff6600;border-radius: 25px; border:1px solid #ff6600; -webkit-border-radius: 25px;}
  
.msgBtm{padding: 10px}
.msgBtm .formItem{margin-bottom: 0;}
.msgBtm .formItem.codeWrap{margin: 22px 0;}
.msgBtm .formItem select, .msgBtm .formItem .text{width: 100%;margin-bottom: 22px}
.banner{width:100%;height:100%;}
.banner .swiper-slide,.bann{height: 100%;}

.nyTit h3{font-family: Times New Roman; font-size: 32px;line-height:200%;color: #000000;font-weight: normal;}
.mb_top_nav { display:block;}
.mb_top_nav{width: 88%;position: absolute;top:28px;line-height: 34px;z-index: 5;color: #fff; padding:6%; }
.mb_top_nav{font-size: 14px;font-weight:normal;top:45%;margin-top: -70px;height: 30px;line-height: 30px;text-align: center; color:#fff;}
.mb_top_nav img { margin-bottom:21px; width:140px;}
.mb_top_nav .yw {font-size: 12px;font-weight:normal; line-height:19px;color:#fff;}
.mb_top_nav a{width:49%;display: inline-block;float: left;border-left:1px solid rgba(255,255,255,0.2);color:#fff; margin-top:30px;}
.mb_top_nav a:first-child{border-left: none;}
.mb_top_nav a:nth-child(3){border-left: none;}
.mb_top_nav a:nth-child(5){border-left: none;}
.mb_top_nav a:hover{ padding-top:30px;}
.mb_top_nav .nLi1 { opacity: 0; -webkit-animation: nav_ani 0.5s 0.7s ease-out forwards; -moz-animation: nav_ani 0.5s 0.7s ease-out forwards; animation: nav_ani 0.5s 0.7s ease-out forwards; }

.mb_top_nav .nLi2 { opacity: 0; -webkit-animation: nav_ani 0.5s 0.75s ease-out forwards; -moz-animation: nav_ani 0.5s 0.75s ease-out forwards; animation: nav_ani 0.5s 0.75s ease-out forwards; }

.mb_top_nav .nLi3 { opacity: 0; -webkit-animation: nav_ani 0.5s 0.8s ease-out forwards; -moz-animation: nav_ani 0.5s 0.8s ease-out forwards; animation: nav_ani 0.5s 0.8s ease-out forwards; }

.mb_top_nav .nLi4 { opacity: 0; -webkit-animation: nav_ani 0.5s 0.83s ease-out forwards; -moz-animation: nav_ani 0.5s 0.83s ease-out forwards; animation: nav_ani 0.5s 0.83s ease-out forwards; }
.mb_top_nav .nLi5 { opacity: 0; -webkit-animation: nav_ani 0.5s 0.83s ease-out forwards; -moz-animation: nav_ani 0.5s 0.83s ease-out forwards; animation: nav_ani 0.5s 0.83s ease-out forwards; }
.mb_top_nav .nLi6 { opacity: 0; -webkit-animation: nav_ani 0.5s 0.83s ease-out forwards; -moz-animation: nav_ani 0.5s 0.83s ease-out forwards; animation: nav_ani 0.5s 0.83s ease-out forwards; }

.pc_txt .ico1 { display:none;}


.pc_txt .ico2 { display:none;}

.ico2{position: absolute;width:30%; padding:0 35%;bottom: 15px;text-align: center;color: #dfdbdd;z-index: 3;}
.ico2 p{line-height: 30px; border:1px solid #dfdbdd; -webkit-border-radius: 25px;padding: 0 20px;border-radius: 25px;}
.ico2 a { color:#FFF;}
.ico2 a:hover { color:#ff8f8f;}
.ico2 img{-webkit-animation:icoUpDown  2s infinite ease 0.8s;-moz-animation:icoUpDown  2s infinite  ease 0.8s;animation:icoUpDown  2s infinite ease 0.8s; }
footer{background: #fff;color: #7f7f7f;font-size: 13px;line-height: 20px;padding: 0px 0; text-align:center;}

.banner2{width: 100%;height:250px;}

.mb_bigtxt { width:100%; height:50px; text-align:center; font-size:18px; font-weight:bold; color:#FFF; clear:both; line-height:50px; padding-top:20px;}
.an_book p{ width:90px; margin:0 auto 0;line-height: 30px; border:1px solid #dfdbdd; -webkit-border-radius: 25px;padding: 0 20px;border-radius: 25px;}
.an_book a { color:#FFF;}
.an_book a:hover { color:#ff8f8f;}
.nyMain{min-height: 300px;margin:1px auto 28px;}

.nyTit{width: 100%;margin-bottom: 24px;text-align: center;font-size: 0;}
.nyTit i {display: block; width:98%;font-size: 12px;color: #aaaaaa;line-height: 27px; padding:0 1%}
.p1Tit{margin-bottom: 20px;}

.about .pic{width: 100%;padding-top: 8px; text-align:center;}
.about .pic img{ width: 80%; margin-bottom:25px;}
.about .text{width:100%;}

.list_p2 dl dt {  width: 100%; height:230px; overflow: hidden; border:0px solid #CCC; text-align:center; margin:0 auto 10px; }
.list_p2 dl dt a { display: block; width: 100%; height: 100%; }
.list_p2 dl dd em{ display:none;}

.prodNav2{ width:100%; margin:0 auto 30px;}
.prodNav2 li{min-width: 32%;height: 40px;margin: 0 1.2% 7px 0;}
.prodNav2 li a{display: block;font-size: 14px;color: #333333;line-height:40px;text-align: center;padding: 0 5px;border-radius: 25px; border:1px solid #cccccc; -webkit-border-radius: 25px;}
.prodNav2 li.on a,.prodNav li:hover a{color: #ff6600;border-radius: 25px; border:1px solid #ff6600; -webkit-border-radius: 25px;}


.prodNav3{ width:100%; margin:0 auto 30px;}
.prodNav3 li{min-width: 23%;height: 40px;margin: 0 1.2% 7px 0;}
.prodNav3 li a{display: block;font-size: 14px;color: #333333;line-height:40px;text-align: center;padding: 0 5px;border-radius: 25px; border:1px solid #cccccc; -webkit-border-radius: 25px;}
.prodNav3 li.on a,.prodNav li:hover a{color: #ff6600;border-radius: 25px; border:1px solid #ff6600; -webkit-border-radius: 25px;}


.mb_ne { display:block; clear:both; margin-bottom:20px;}
.msgBtm .formItem select,.msgBtm .formItem .text2{width:100%;height: 65px;background: #ffffff;box-sizing: border-box;padding: 0 18px;font-size: 14px;color: #545454;line-height: 35px;font-family: "Microsoft Yahei";}

.contactTop{margin: 36px auto 42px;}
.contactTop .left{height: 250px;width:100%;background: #f4f5f6;box-sizing: border-box;padding: 27px 20px 0 20px;}

.contactTop .left .tit{font-size: 18px;color: #323232;line-height: 44px;padding: 5px 0; font-weight:bold;}
.contactTop .right{width:100%;height:220px;background: #e6e7e9;box-sizing: border-box;padding: 27px 10px 20px 10px;}
.contactTop .right dl{width: 100%;height: 100%;background: #ffffff;box-sizing: border-box;padding: 14px 14px 10px 150px;position: relative;}
.contactTop .right dl dt{width: 125px;height: 125px;position: absolute;left: 14px;top:24px;}
.contactTop .right dl dt img{width: 100%;height: 100%;}
.contactTop .right dl dd{width: 100%;padding-top: 4px;}
.contactTop .right dl dd .tit{font-size: 16px;line-height: 46px;color: #37a255;}
.contactTop .right dl dd .text{font-size: 14px;line-height: 21px;color: #777777;}
.mb_none { display:none;}
.contactBtm{border-top: 7px solid #e5e5e5;height: 350px;margin-bottom:10px;}

.footer{ background:#222222; padding-top:10px; width:100%;}
.footer_nav{overflow: hidden; float:none;padding-bottom:20px;  }
.footer_nav dl{ padding-left:10px;padding-bottom: 1em;margin-bottom: -1em; width:100%;}
.footer_nav dl dt{ margin-bottom: 1px; line-height:45px; width:100%; padding-right: 0;}
.footer_nav dl dd{ float:none; width:100%;}
.footer_nav dl dd .bot_me { font-size:12px; color:#cccccc; text-align:center; width:100%;}
.footer_nav dl dd .bot_me a{ font-size: 12px;color: #ffffff; line-height:72px; }
.footer_nav dl dd .bot_txt {color:#c4c4c4; font-size:12px; line-height:24px; text-align:left; display:none;}

.footer_right{float: right;width:100%; padding-top:0px;}
.footer_right dt{  }
.footer_right dd{ font-size:12px; }
.footer_right .fou{ font-size:14px; color:#c2c2c2; margin-bottom:5px; }


.footer_bot{ line-height: 24px; padding: 1px 0;font-size: 12px; border-top:1px solid #333333; }
.footer_bot .left{float: left;color: #b2b2b3; }
.footer_bot .left span{  padding-right: 15px;}
.footer_bot .right{float: right;font-size: 12px;color: #b2b2b3; display:none; }
.footer_bot .right a ,.footer_bot .left a{color: #b2b2b3; transition:all 0.3s ease 0s; }
.footer_bot .right a:hover{ color: #ef8924;}
.footer_bot .right .bottel {font-size: 18px; font-weight:bold; color:#FFF;}
.footer_nav dl dt a,.footer_nav dl dd a{transition:all 0.3s ease 0s;}
.footer_nav dl dt a:hover,.footer_nav dl dd a:hover{ color: #ef8718;}
}
