/*初始化*/
*{padding:0;margin:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body{width: 100%;height: auto;min-height: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body{font-family: 'PingFang SC','Microsoft YaHei','Microsoft YaHei UI','WenQuanYi Micro Hei','Arial','sans-serif',\5b8b\4f53;font-size:16px;color: #666;background: #f9f9f9;}
input,button{-webkit-appearance:none;border-radius: 0;}
a,a:hover,a:focus{text-decoration: none;}
textarea{resize: none;overflow: auto;}
input,button,textarea,select{border: 0;background:transparent;font-family: inherit;}
img{border: 0;vertical-align: top;}
table{margin:auto; height:auto;margin:0;padding:0; }
body , div , dl , dt , dd , ul , ol , li , pre , form , fieldset , input , textarea , p , blockquote , th , td,i {margin:0; padding:0;}
img {border:0px; vertical-align:middle;}
i , em{ font-style:normal;}
ul,dl,dt,dd,li,p,section{Margin:0px;Padding:0px;list-style:none}
h1,h2,h3,h4,h5,h6{ font-size:14px;margin:0;padding:0;font-weight:normal;}
/* placeholder修改 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{/* WebKit, Blink, Edge */color: #999 !important;}
input:-moz-placeholder, textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color: #999 !important;opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder{/* Mozilla Firefox 19+ */color: #999 !important;opacity: 1;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{/* Internet Explorer 10-11 */color: #999 !important;}
select{-webkit-box-sizing: border-box;box-sizing: border-box;white-space: nowrap;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand{display: none;}
a:link,a:visited,a:active {color: #333; text-decoration: none;}
a:hover {color: #06c;text-decoration:none;}

.clear:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{zoom: 1;}/* 触发 hasLayout */ 
.clearboth{clear:both; visibility:hidden}/*系统预设*/
.fr{float: right;display:inline;}
.fl{float: left;display:inline;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.f01{ color: #c00;}
.f02{ color: #323c55;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
/*圆角5px*/
.radius5{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
/*圆角10px*/
.radius10{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
/*图片变大*/
.tra{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.tra:hover{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
/*透明度50%*/
.opacity5{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.shadow1{-webkit-box-shadow: 0 0 70px rgba(29,56,75,.17);-moz-box-shadow: 0 0 70px rgba(29,56,75,.17);box-shadow: 0 0 70px rgba(29,56,75,.17);}
.shadow2{transition:all 0.3s ease 0s;-webkit-transform:all 0.3s ease 0s;}
.shadow2:hover{-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;-moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;-ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;-o-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;transition:all 0.3s ease 0s;-webkit-transform:all 0.3s ease 0s;}
/*投影*/
.shadow10{-webkit-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px;-moz-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px;-ms-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px;-o-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px;box-shadow:rgba(0,0,0,0.13) 0px 0px 10px;}
/*图片居中*/
.center{-webkit-align-items:center;display:-webkit-flex;-webkit-justify-content:star;}
/*图片居中2*/
.vertical{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-moz-flex;display:-ms-flexbox;display:flex;/* 水平居中*/
-webkit-box-align:center;-moz-box-align:center;-ms-flex-pack:center;/* IE 10 */
-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/
/* 垂直居中 */
-webkit-box-pack:center;-ms-flex-align:center;-moz-box-pack:center;/* IE 10 */
-webkit-align-items:center;-moz-align-items:center;align-items:center;}
/*图片翻转*/
.flip{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transition:all 0.3s ease;-webkit-transform:all 0.3s ease;}
.flip:hover{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);transition:all 0.3s ease;-webkit-transform:all 0.3s ease;cursor:pointer;}

.img img{ width:100%; height:auto; display:block;}
.pics{position: relative;width: 100%;background-color: #fff;text-align: center;overflow: hidden;-webkit-transition:all 0.7s ease;transition:all 0.7s ease;}
.pics img{ width:100%; position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.more1_2{ line-height:38px; border-color:#fff; background:#fff; color:#06c;}
.more1_2:hover{ background:#06c; border-color:#06c !important; color:#fff;}
.more1_3{ line-height:44px; padding:0 32px; border-color:#fff; color:#fff;}
.more1_3:hover{ background:#4c87ff; border-color:#4c87ff !important; color:#fff;}
.more1_4{ border-color:#ccc; line-height:42px; padding:0 30px; color:#666;}
.more1_4:hover{ background:#4c87ff; border-color:#4c87ff !important; color:#fff;}
.more1_5{ border-color:#4c87ff; line-height:32px; padding:0 30px; color:#4c87ff;}
.more1_5:hover{ background:#4c87ff; border-color:#4c87ff !important; color:#fff;}

.pages {text-align:center; width:100%;margin:50px 0 50px 0; float:right;}
.pages a{width: 40px; height: 40px; line-height: 40px; display: inline-block; text-align: center; background: #fff; color: #333333; border: 1px solid #dcdcdc;margin-left: -1px;}
.pages a:hover{background: #dee2e6; color: #333; border: 1px solid #dcdcdc;}
.pages .page-num-current{background: #ECAE3D; color: #fff; border: 1px solid #ECAE3D;display: inline-block;width: 40px; height: 40px; line-height: 40px;margin-left: -1px;}
.pages .page-num-current:hover{background: #ECAE3D; color: #fff; border: 1px solid #ECAE3D;}
.pages .prev,.pages .next{ width: 100px;}
.pages .shouwei{ width: 80px;}
.page-num:not(:disabled){cursor: pointer;}
.page-num{width: 40px; height: 40px; line-height: 40px; display: inline-block; text-align: center;border: 1px solid #dcdcdc;margin-left: -1px;}

.tit1{ margin-bottom:50px; text-align:center;}
.tit1 strong{  color:#333;font-size:36px; display:block; font-weight:normal; line-height:1;}
.tit1 em{ font-size: 14px; color: #e6e8e8 line-height:1.875; display:block; width:70%; margin:15px auto 0 auto;text-transform:uppercase; font-family: Georgia;}

.container{margin:auto auto;position:relative;width:1250px;}
.container_top{margin:auto auto;position:relative;width:100%; min-width:1250px;  padding: 0 3%;}

.header{  }
.header_top{ background:#333; height:32px; line-height:32px; border-bottom:1px solid #eee;font-size:13px; color:#666;  }
.header_left{color:#fff;display:inline-block; font-size: 12px;}
.header_right{height:32px;display:flex;}
.header_right a{display:flex;padding-right:15px;border-right:1px solid rgba(255,255,255,0.15);margin-right:15px;color:#fff;align-items:center;}
.header_right a i{display:block;margin-right:8px;}
.header_right a:last-child{margin:0;padding:0;border:none;}
.header_right a:hover{color:#f58020;}
.header_logo{ height:120px; background:#fff;}
.header_logo .logo_left{height:120px;display:flex;width:220px;}
.header_logo .logo_left img{ width:100%;}
.header_logo .summary {font-size: 16px; margin: 30px 0 0 20px; padding: 4px 0 4px 24px; border-left: 1px solid #ddd; color: #999;}
.header_logo .summary p:nth-child(1) { font-size: 20px; font-weight: bold; color: #000; margin: 0; }
.header_logo .summary p:nth-child(1) i { margin: 0 10px 0 5px; }
.header_logo .summary p:nth-child(2) { font-size: 14px; margin: 5px 0 0 0; }
.header_logo .toptel {margin-top: 35px; color: #999; width: 350px; font-size: 14px;}
.header_logo .toptel span { display: block; font-size: 26px; font-family: Impact; line-height: 1; color: #900; white-space:nowrap; }
.header_logo .toptel i{display:block;margin-right:10px; font-size:25px; color:#900; width:45px; height:45px; line-height:45px; text-align: center;border: 2px solid #903; border-radius: 100%; }

/*--下拉菜单--*/
.headNav{ width:100%; height:60px;background:#fff;box-shadow: 0 10px 10px rgba(19,100,170,.15);border-top: 1px solid #eee;}
.headNav li{height:60px; float:left;display: inline-block;vertical-align: middle; position: relative;z-index:10; border-right: 1px solid rgba(255,255,255,0.15);}
.headNav li:last-child{ border: none;}
.headNav li a{display: inline-block; padding:0 34px; font-size:16px; color:#000; height:60px; line-height:60px; text-align:center; cursor:pointer; text-decoration:none;}
.headNav li.cur{background:#087fd2;}
.headNav li.cur a{ color:#fff;}
.headNav li a:hover{background:#087fd2;}
.headNav li.default a{ color:#fff;}
.headNav li.first h3 a{ background:none;}
.headNav li .arrow-nav { float: right; height: 4px; width: 4px; position:absolute; top: 25px; right: 0; }
.nav-fixed{ position:fixed; left: 0; top: 0; z-index: 100; }
.nav-fixed .container_top{margin:auto auto;position:relative;width:1250px; padding: 0;}

.iBanner{}
.iBanner .img img{ height:750px; display:block;}
.iBanner .swiperDots{ display:block; bottom:0px;}
.iBanner .swiperDots span{ height:50px; width:35px; background:none !important; position:relative; box-shadow:none;}
.iBanner .swiperDots span:before{ content:''; width:100%; height:1px; position:absolute; left:0px; top:3px; right:0px; background:#fff;}
.iBanner .swiperDots span:after{ content:''; width:0%; height:1px; position:absolute; left:0px; top:3px; background:#4c87ff;}
.iBanner .swiperDots span.swiper-pagination-bullet-active{ width:75px;}
.iBanner .swiperDots span.swiper-pagination-bullet-active:after{ width:100%; transition:width linear 8000ms;}
.iBanner .swiperDots:hover span:before,
.iBanner .swiperDots:hover span:after{ height:3px; top:0px;}
.iBanner .swiperArrow{ display:block; color:#fff;}
.iBanner .swiperPrev{ left:50px;}
.iBanner .swiperNext{ right:50px;}
.iBanner .swiperArrow:hover{ color:#4c87ff;}
.pageNext{ position:absolute; right:140px; bottom:40px; z-index:2; cursor:pointer; width:25px; height:40px; display:none;}
.pageNext .pd{ position:relative; width:21px; height:36px; border:2px solid #fff; border-radius:12px;}
.pageNext span{ width:3px; height:3px; border-radius:1.5px; position:absolute; left:50%; top:50%; background:#fff; margin-left:-1.5px; transition:1s all ease;}
.pageNext span:nth-child(1){ margin-top:-3px;}
.pageNext span:nth-child(2){ margin-top:5px;}
.pageNext span:nth-child(3){ margin-top:-11px;}
.pageNext span.curr{ height:7px; transform:translateY(-2px);}

.search-output { padding: 10px 0; background-color: #fff;border-bottom:1px solid #eee;}
.search-output .search-hot { float: left; padding: 10px 0;}
.search-output .search-hot a { margin-right: 15px; }
.search-output .search-hot span { font-weight: bold; }
.search-output .search-form { float: right; padding:8px 0; }
.search-output .search-form input { float: left; border: 1px solid #eee; height: 34px; line-height: 32px; padding: 6px 12px; width: 210px; font-size: 14px; background: #fff; }
.search-output .search-form button { border: 0; padding: 0; float: left; cursor: pointer; outline: none; width:50px; height: 34px; color: #fff; background:#900; font-size: 20px; }

.index_title{margin:0 auto 50px;text-align: center;}
.index_title h3{font-size:30px;font-weight: bold;color: #333;text-align: center; padding-top:50px;padding-bottom:10px;letter-spacing: 2px;}
.index_title h3 span{ color:#903;}
.index_title p{line-height:25px; color: #999;text-align: center;margin-bottom:5px;}
.index_title em{ font-size: 12px; color: #999;text-align: center;}
.index_title:after { display: block; content: ''; width: 38px; height: 3px; margin: 10px auto 0; background-color: #323c55; }


/*产品展示
.pro-left{width: 23%;background: #fff;}
.pro-left .left-title{height:60px;line-height:60px; padding-left: 55px;color: #fff;font-size: 20px;font-weight: bold;background: #135091 url("../images/xiaobiao.png") no-repeat 15px center;}
.pro-left .left-category{ border: 1px solid #eee;  border-top: none;}
.pro-left .left-category ul li{height: 50px;line-height: 50px;padding-left: 10px;cursor: pointer;color: #999999; margin: 5px 0; overflow: hidden;}
.pro-left .left-category ul li:hover,.pro-left .left-category ul li:first-child{background: #087fd2;color: #fff; display: block;}
.pro-left .left-category ul li:hover a {  color: #fff;}
.pro-left .left-contact {margin-top: 37px;margin-bottom: 37px; text-align: center;}
.pro-left .left-contact p{color: #317fff;font-size: 16px;}
.pro-left .left-contact p.tel{font-size: 26px;padding-top: 15px;}
*/
.pro-category{background: #fff; padding: 1%; margin-bottom: 40px; font-size: 15px;}
.pro-category ul li{ width: 25%; float: left;height: 50px;margin: 2px 0; }
.pro-category ul li a{padding:10px 20px; display: inline-block;border-radius: 20px; overflow: hidden;white-space:nowrap; border: 1px solid #eee;}
.pro-category ul li a:hover,.pro-category ul li:first-child a{background: #087fd2;color: #fff;}
.pro-category ul li a:hover a {color: #fff;}

.pro-right{background: #fff;}
.pro-right ul li{display: block;width:25%;float:left;border-bottom: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1; text-align: center;padding-top: 10px; overflow: hidden;}
.pro-right ul li:nth-child(4n){margin-right:0px;}
.pro-right ul li h3{width:100%; margin-bottom: 10px; padding:10px;font-size:16px; color:#333;transition:all 500ms ease; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.pro-right ul li h3 a:hover{color:#c00; }
.pro-right ul li .picss{ padding:36%;position: relative;}
.pro-right ul li .picss img{max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0; right: 0; margin: auto; padding: 10px;}

.ruicheng-liyou{overflow: hidden;background: #087fd2 url("../images/b3.png") no-repeat center top;}
.ruicheng-liyou .liyou-left{display: block;width:68%;overflow: hidden;height: 340px;position: relative;}
.ruicheng-liyou .liyou-left span{color:rgba(255,255,255,.8);font-size: 30px;position: absolute;left:0;top: 60px;}
.ruicheng-liyou .liyou-left p.l3{position: absolute;left:0;color: #fff;font-size: 40px;top: 40px;}
.ruicheng-liyou .liyou-left p.l3 em{font-size: 100px;font-weight: bold; padding: 0 5px;}
.ruicheng-liyou .liyou-left p.l1{position: absolute;left:0;top: 230px;color:rgba(255,255,255,.1);font-size: 16px;}
.ruicheng-liyou .liyou-left p.l2{position: absolute;left:0;top: 255px;color:rgba(255,255,255,.3);font-size: 22px;}
.ruicheng-liyou .liyou-left ul{position: absolute;left:0;top: 180px;color:rgba(255,255,255,.8);}
.ruicheng-liyou .liyou-left ul li{display: block;float: left; margin:0 20px 10px 0; font-size: 16px;}
.ruicheng-liyou .liyou-left ul li i{font-size: 18px;}
.ruicheng-liyou .liyou-right{display: block;width:335px;overflow: hidden;text-align: right;height: 340px; padding-top: 195px;}
.ruicheng-liyou .liyou-right .hen{font-size: 14px; color:rgba(255,255,255,.3); line-height: 25px; text-align: left; padding-left: 70px;}
.ruicheng-liyou .liyou-right .num{line-height: 73px; height: 73px; font-family: Arial; font-size: 25px; color: #fff; font-weight: bold; width: 335px; display: flex; justify-content: space-between; margin-top: 15px;}
.ruicheng-liyou .liyou-right .num .qq{display: inline-block; text-indent: -99999px; width: 73px; height: 74px; background: url(../images/qq1.png) no-repeat center; position: relative; -webkit-transition: 0.5s; transition: 0.5s;}
.ruicheng-liyou .liyou-right .num .qq::before{content: ""; display: block; width: 73px; height: 74px; position: absolute; background: url(../images/qq2.png) no-repeat center; top: 0; left: 0; transform: scale(0); -webkit-transition: 0.5s; transition: 0.5s;}
.ruicheng-liyou .liyou-right .num .qq:hover{background: none;}
.ruicheng-liyou .liyou-right .num .qq:hover::before{transform: scale(1);}

.product-case{ margin:0 auto auto; background:#fff; padding:70px 0;}
.product-case ul{overflow:hidden; width: 100%; }
.product-case ul li{ width: 100%; }
.product-case ul li .pics{ height:265px;border: 1px solid #087fd2;border-radius: 5px;border: 1px solid #046fdb;padding: 5px; overflow: hidden;}
.product-case ul li .pics img{height: 100%;-webkit-transition: 0.5s;transition: 0.5s;border-radius: 5px;}
.product-case ul li .plaet{width: 100%; margin-top: 20px;}
.product-case ul li .plaet .title{font-size: 18px; color: #333; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; margin-top: 17px;}
.product-case ul li .plaet p{font-size: 16px; color: #999; line-height: 30px; position: relative;}
.product-case ul li .plaet p::before{content: ""; display: block; width: 400px; height: 1px; position: absolute; background: #dedede; top: 45px; left: 0;}
.product-case ul li .plaet p::after{content: ""; display: block; width: 0px; height: 1px; position: absolute; background: #046fdb; top: 45px; left: 0; -webkit-transition: 0.5s; transition: 0.5s;}
.product-case ul li .plaet .text{font-size: 14px; color: #666; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 60px; margin-top: 30px;}
.product-case ul li .plaet .more{display: block; font-size: 16px; color: #333; margin-top: 25px; position: relative;}
.product-case ul li .plaet .more::before{content: ""; display: block; width: 20px; height: 2px; position: absolute; background: #333; top: 13px; left: 92px;}
.product-case ul li:hover .plaet .title{color: #046fdb;}
.product-case ul li:hover .plaet p::after{width: 100%;}

.product-case .swiper-pagination{ width:100%; margin:auto; bottom:0px;text-align: center;height: 16px;line-height: 16px;font-size: 0;z-index: 3;}


.index_aboutus{margin:auto; padding:70px 0; background: url("../images/bg06.jpg") no-repeat center top;}
.index_aboutus_left{ width:49%; overflow:hidden;}
.index_aboutus_right{width:47.5%;}
.index_aboutus_right h3{ padding-top:30px; height:100px; font-size:30px; font-weight:bold; color:#333; margin-bottom:50px; position: relative; background-size:40px;}
.index_aboutus_right h3:before{content: "";width:100px;height:3px;position: absolute;left:-100px;bottom:-10px;background: #903; z-index:999;}
.index_aboutus_right h3 span{ color:#903;}
.index_aboutus_right p{ height:210px; line-height:30px; overflow:hidden;}
.index_aboutus_right .kuailian{ margin-top:35px;}
.index_aboutus_right .kuailian ul li{ width:100px; height:45px; float:left; margin-right:20px; text-align:center;}
.index_aboutus_right .kuailian ul li a{ display:inline-block; width:100%; height:100%; line-height:45px; background:#666; color:#fff;}
.index_aboutus_right .kuailian ul li a:hover{background:#903;}
.index_aboutus_right .kuailian ul li i{ font-size:20px; display:block; margin-top:10px;}
.index_aboutus_right .kuailian ul li a.cur{background:#903;}
.index_aboutus_right .kuailian ul li:last-child{ margin-right: 0;}
.index_aboutus_right .zhuanli{ margin-top: 35px; width: 100%; overflow: hidden;}
.index_aboutus_right .zhuanli .swiper-slide{ width: 25%;}
.index_aboutus_right .zhuanli .swiper-slide img{border-radius: 5px; padding: 5px; background: #fff;}
.index_aboutus_right .zhuanli .swiper-slide span{ height: 30px;}
.index_aboutus_right .zhuanli .swiper-pagination{ width:48%; margin:auto; bottom:10px;text-align: center;height: 16px;line-height: 16px;z-index: 3; }


.index_news{ margin-bottom:50px; }
.top_news{}
.top_news ul li{ width: 48%; float:left; margin-right:4%; }
.top_news ul li:nth-child(2n){margin-right:0;}
.top_news ul li .pics{ width: 200px; height:150px; border:1px solid #ddd; float: left;}
.top_news ul li .text{ float:right; width:63%; }
.top_news ul li .text a{ height: 25px; line-height:25px; font-size:18px; color:#000; display: inline-block; overflow: hidden;}
.top_news ul li .text a:hover{ color:#d80808; }
.top_news ul li .text p{ height:114px; overflow: hidden; color:#999; margin-top:5px; line-height:28px;}

.top_newslist ul {}
.top_newslist ul li{ width: 48%; float:left; margin:0 4% 20px 0; border:1px solid #eee;  padding:10px 0px 10px 10px; }
.top_newslist ul li:nth-child(2n){margin-right:0;}
.top_newslist ul li:hover{ border-color:#fc5959; }
.top_newslist ul li span{ color:#d80808; font-family:"PingFang SC, Hiragino Sans GB, Microsoft YaHei"; font-size:28px; font-weight:normal; letter-spacing:1px; display:inline-block; vertical-align:middle; margin-right:10px; }
.top_newslist ul li a{ color:#000; display:inline-block; }
.top_newslist ul li a:hover{ color:#d80808; }

.top_faq{}
.top_faq h3{ margin-bottom:25px; font-size:20px; border-bottom:1px dashed #ccc; padding-bottom:10px; }
.top_faq ul li{ width: 48%; float:left; margin:0 4% 15px 0; border:1px solid #eee;  padding:15px; }
.top_faq ul li:nth-child(2n){margin-right:0;}

.top_faq_q{ margin-bottom:15px;}
.top_faq_q span{ display:inline-block; background:#999; color:#fff; padding:3px 5px; }
.top_faq_q a{color:#000; width: 94%; display: inline-block;float:right; }
.top_faq_q a:hover{ color:#d80808; }
.top_faq_a span{ display:inline-block; float:left; padding:3px 5px; background:#9e1009; color:#fff; }
.top_faq_a p{ width: 94%; display: inline-block;float:right; color:#999; line-height:25px; margin-top:-5px; max-height: 100px; overflow: hidden;}

.hezuo{ background: #fff; padding: 30px 0 50px 0;}
.hezuo ul li{border:1px solid #ccc; width: 23.5%; margin: 0 2% 2% 0; float: left;}
.hezuo ul li img{ width: 100%; height: 100px;}
.hezuo ul li:nth-child(4n){margin-right:0;}

/* 内页 */
.content_text{ padding-top:20px; line-height:35px;}
.content_text p{ padding-bottom:20px; text-indent:2em;}
.content_text img{ max-width:1400px;display: block; text-align:center; margin-bottom:8px;}

.bread_box{padding:15px 0px; text-align: right;}
.bread_box span{display:inline-block; height:12px; width:15px;margin-right:5px;}
.bread_box a{font-size:14px;color:#333;}
.bread_box i{font-size:14px;display:inline-block; height:9px; width:25px; background:url(../images/jiantou.png) no-repeat center center;}
.bread_box a.on{color:#ff7019;}
.bread_box a:hover{color:#ff7019;}
.bread_box .back-btn{float: right; color: #999;}
.bread_box .back-btn em{ margin-right:10px; font-size:18px; }
.article_head .bread_box{ background: #f9f9f9; border-bottom: none;}
.article_head .bread_box .container{ padding:0; }


.nbanner_box{height:400px; background-position: center; background-repeat: no-repeat; position:relative;background-color:rgba(0,0,0,0.2);}
.nbanner_pNav{ text-align:center; height:55px; background: #f3f3f3; border-bottom: 1px solid #eee;position: relative; z-index: 2;}
.nbanner_box_nav{}
.nbanner_box_nav>a{padding:0 50px; height:55px; line-height:55px; color:#333; text-align: center; margin-right: 2px; display: inline-block; float: left;}
.nbanner_box_nav>a:hover,.nbanner_box_nav .cur{ background: #1364AA; color: #fff;}
.nbanner_box_nav>a:nth-child(1){margin-left: 0;}
.banner_1{ background-image:url(../images/banner_aboutus.jpg)}
.banner_2{ background-image:url(../images/banner_creative.jpg)}
.banner_5{ background-image:url(../images/banner_product.jpg)}
.banner_8{ background-image:url(../images/banner_lesson.jpg)}
.banner_10{ background-image:url(../images/banner_news.jpg)}
.banner_11{ background-image:url(../images/banner_contact.jpg)}

.swiperpn .swiperDots{ display:block; bottom:0px;}
.swiperpn .swiperDots span{ height:50px; width:35px; background:none !important; position:relative; box-shadow:none;}
.swiperpn .swiperDots span:before{ content:''; width:100%; height:1px; position:absolute; left:0px; top:3px; right:0px; background:#ccc;}
.swiperpn .swiperDots span:after{ content:''; width:0%; height:1px; position:absolute; left:0px; top:3px; background:#631C82;}
.swiperpn .swiperDots span.swiper-pagination-bullet-active{ width:75px;}
.swiperpn .swiperDots span.swiper-pagination-bullet-active:after{ width:100%; transition:width linear 5000ms;}
.swiperpn .swiperDots:hover span:before,
.swiperpn .swiperDots:hover span:after{ height:3px; top:0px;}
.swiperpn .swiperArrow{ display:block; color:#fff; background: #D6D6D6; border-radius: 100%; width: 65px; height: 65px; line-height: 65px; font-size:20px;}
.swiperpn .swiperPrev{ top: 30%; left:-80px;}
.swiperpn .swiperNext{ top: 30%; right:-80px;}
.swiperpn .swiperArrow:hover{ color:#fff;background:#06c;}


/*关于我们*/
.tit2{ line-height:1; color:#333; font-size:30px; margin-bottom:1em;}
.tit2 em{ display:block; font-size:1.2em; margin-bottom:0.5em; font-weight:bold;}
.tit2 strong{ display:block; font-size:1em; font-weight:normal;}

.aboutCon1{ background:url(../images/aboutCon1.jpg) no-repeat bottom center #f9fafc; background-size:100% auto;padding:90px 0;}
.aboutCon1_1{ padding-bottom:180px;}
.aboutCon1_2{ position:absolute; left:0px; bottom:-90px; right:0px; background:rgba(0,102,204,.7); padding:50px 0; color:#fff;}
.aboutCon1_2 li{ float:left; text-align:center; width:25%; box-sizing:border-box; border-right:1px solid #fff;}
.aboutCon1_2 li:last-child{ border-right:none;}
.aboutCon1_2 .pd{ display:inline-block; vertical-align:bottom; text-align:left;}
.aboutCon1_2 .h3{}
.aboutCon1_2 .h3:after{ content:'：';}
.aboutCon1_2 .em{}
.aboutCon1_2 .em span{ font-size:2.25em;}
.aboutCon1_2 .em em{}

.bgfff{ padding:80px 0; background: #fff;}

.bg04 { padding:80px 0; background:url("../images/bg04.jpg") no-repeat center top;}


.ideaList ul {}
.ideaList ul li { float: left; width:48%; margin:25px 4% 25px 0; border: 1px solid #e5e5e5; overflow: hidden;  background: #fff;}
.ideaList ul li:nth-child(2n){ margin-right: 0px;}
.ideaList ul li .con { padding: 0px 15px 0px 0px; width:65%; float: right; display: block; line-height: 30px;}
.ideaList ul li .con .t { padding: 20px 0px; font-size: 24px; }
.ideaList li:hover{ background-color:#06c; color: #fff; }
.ideaList li:hover .zybox { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);color: #06c; }
.ideaList ul li .zybox{ width: 30%; padding-top:40px;color: #fff;  float: left; height:170px; background: #C5CFD0; text-align: center;transition: 500ms;}
.ideaList ul li .zybox h3{ font-size: 22px; font-weight: bold;}
.ideaList ul li .zybox i{font-size:50px; margin-bottom:10px; display: block;}

.hhjingshen{ padding:80px 0;}
.hhjingshen ul li{margin-top:50px; width:30.6666%; margin-right: 4%; float: left;box-shadow: 3px 3px rgba(195,195,195,.21); position: relative; top: 0; transition: all .3s; }
.hhjingshen ul li:last-child{ margin-right: 0px;}
.hhjingshen ul li .img{overflow: hidden;}
.hhjingshen ul li img{width: 100%; transition: all .3s;}
.hhjingshen ul li .text{background-color: #fff; padding: 40px 40px 50px;}
.hhjingshen ul li .tit{font-size: 30px; color: #010101;}
.hhjingshen ul li .con{color: #4c4c4c; font-size: 20px; margin-top: 20px; height:100px; line-height:40px; overflow: hidden; color: #666;}
.hhjingshen ul li .con i{ display: inline-table; margin-right: 30px;}

/*证书*/

.honor_box1{position: relative; padding: 100px 0 0 0;}
.honor_box1 .swiper-container{padding-bottom: 120px;}
.honor_box1 .swiper-slide{width:330px;height: 536px;}
.honor_box1 .swiper-slide img{display:block;width:330px;height: 466px;box-shadow: 0 8px 30px #ddd; padding: 15px; background: url("../images/honbg.jpg") no-repeat center top; border-radius: 5px;}
.honor_box1 .swiper-slide p{line-height:70px;padding-top: 0;text-align: center;color: #636363;font-size:18px;margin: 0;opacity: 0; filter: alpha(opacity=0); transition: all .3s;}
.honor_box1 .swiper-slide-active p{opacity: 1; filter: alpha(opacity=100);}
.honor_box2{position: relative; background: #ebf0f5;padding: 130px 0 0px 0;}
.honor_box2 .swiper-container{padding-bottom: 100px;}
.honor_box2 .swiper-slide{width:330px;height: 260px;}
.honor_box2 .swiper-slide img{display:block;width:330px;height: 220px;box-shadow: 0 8px 30px #ddd;padding: 15px; background: url("../images/honbg2.jpg") no-repeat center top; border-radius: 5px;}
.honor_box2 .swiper-slide p{line-height:60px;padding-top: 0;text-align: center;color: #636363;font-size:18px;margin: 0;opacity: 0; filter: alpha(opacity=0); transition: all .3s;}
.honor_box2 .swiper-slide-active p{opacity: 1; filter: alpha(opacity=100);}

/*news*/
.newsList{ margin-top: 50px;}
.newsList ul{}
.newsList li{ margin-bottom:30px; border: 1px solid #e1e1e1;overflow:hidden; padding:15px; background: #f9f9f9;}
.newsList .img{ width:300px; float:right; margin-left:30px;}
.newsList .text{ padding:30px 30px 30px 180px; position:relative;}
.newsList h3{ font-size:20px; line-height:1.2; height:1.2em; overflow:hidden; margin-bottom:20px;}
.newsList .em{ position:absolute; left:36px; width:110px; background:#C6C6C6; padding:22px 0; color:#fff; line-height:1; text-align:center; top:30px;}
.newsList .em strong{ display:block; font-size:24px; font-weight:normal;}
.newsList .em em{ display:block; font-size:20px; padding-top:12px;}
.newsList .p{ color:#666; line-height:1.8; overflow:hidden; height:4.8em; margin-bottom:20px;}
.newsList .m{ overflow:hidden;}
.newsList .m em{ color:#333; float:left; border-bottom:1px solid #333; line-height:1.2;}
.newsList li:hover{ margin-bottom:30px; border: 1px solid #ccc;background: #fff;}
.newsList li:hover .em{background:#697C87;}

.lessonlist{display: flex;flex-wrap: wrap;align-items: flex-start;}
.lessonlist li{width: 100%;border: 1px solid #eff1f5; background: #fff; margin-bottom: 45px;}
.lessonlist li .img_box{ width:25%; height:260px;overflow: hidden; margin-right:2.5%; float:left;}
.lessonlist li .img_box img{width: 100%;height: 100%;object-fit: cover;transition: 1s;}
.lessonlist li:hover .img_box img{transform: scale(1.05, 1.05);-webkit-transform: scale(1.05, 1.05);}
.lessonlist li .text_box{padding:2%;position: relative; overflow:hidden;}
.lessonlist li .text_box .c_title{height: 30px;font-size: 22px;line-height: 30px;color: #333; margin-bottom:20px; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 1;}
.lessonlist li .text_box .c_text{height:90px;line-height:28px;color: #999;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
.lessonlist li .text_box .c_time{ margin-top:20px;position: relative;padding-top:25px;border-top: 1px solid #eff1f5;font-family: "futurabt";font-size: 14px;color: #999;}
.lessonlist li .text_box .c_time::before{content: "";position: absolute;top: -1px;left: 0;height: 1px;width: 0;background: #323c55;transition: .5s;}
.lessonlist li .text_box .c_time i{float:right;font-size:25px;}
.lessonlist li:hover .text_box .c_time::before{width: 100%;}
.lessonlist li:hover{ box-shadow: 0px 5px 15px rgba(0,0,0,.1);}


.caselist ul li{ width: 31%; margin-right: 3%; display: inline-block; box-shadow: 0px 0px 10px rgba(0,0,0,.08); margin-bottom: 3.5%;}
.caselist ul li:nth-child(3n){ margin-right: 0px;}
.caselist ul li .pics{height: 260px;}
.caselist ul li .text{ background: #fff;}
.caselist ul li .text .list_txt_title{ padding: 25px;}
.caselist ul li .text .list_txt_title dd{ font-size: 18px; color: #000000; margin-bottom: 22px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.caselist ul li .text .list_txt_title dt{ font-size: 14px; color: #666666; line-height: 26px;display: -webkit-box; height: 52px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.caselist ul li .text .list_txt_time{ line-height: 54px; background:#fff; padding: 0px 20px; font-size: 14px; color: #999999; line-height: 55px;transition: all 0.5s ease 0s; border-top: 1px solid #dcdcdc;}
.caselist ul li:hover .text .list_txt_title dd{ color: #C52625;}
.caselist ul li:hover .text .list_txt_time{ color: #fff; background:#C52625;transition: all 0.3s ease 0s;}


.article_head{background: #fff;}
.article_head .container{ padding:50px 0 60px;}
.article_head .ndate{float: left;padding-top:5px;width: 80px;height: 75px;background: #ECAE3D;font-family: Georgia;color: #FFF;text-align: center;}
.article_head .ndate .day{display: block;font-size: 40px;}
.article_head .ndate .month{display: block;font-size: 12px;}
.article_head .ntit{margin-left:130px;}
.article_head .ntit h1{font-size: 32px;line-height: 50px; font-weight: bold;}
.article_head .ntit p{font-size: 13px;color: #999;line-height: 30px;}
.article_show{ margin-top: 50px;}
.article_show_left{ width: 70%; background: #fff; padding: 3%;}
.article_show_left .particle_detail{ width: 100%;}
.article_show_right{ width: 26%; }




.article_side{padding: 30px 29px 10px;background: #fff;}
.article_side h3{margin-bottom: 24px;font-size: 18px;color: #2C3E66;font-weight: bold;}
.article_side li{margin-bottom: 20px;}
.article_side li img{ width: 100%;}
.article_side li .tit{padding: 12px 0;}
.article_side li .tit h4{font-size: 15px;font-weight: normal;line-height: 24px;}
.article_side li p{padding-top: 8px;font-size: 13px;color: #999;line-height: 20px;}

.article_rlist{padding: 30px 29px 20px;background: #fff;}
.article_rlist h3{margin-bottom:10px;font-size: 18px;color: #2C3E66;font-weight: bold;}
.article_rlist ul li{display: block;width: 100%; height: 35px; line-height: 35px; overflow: hidden;position: relative; padding-left: 15px;}
.article_rlist ul li:after{position: absolute;left: 0;top: 15px;width:5px;height:5px;background:#999;content: "";}


.news_page{padding:15px 0; font-size: 16px; color: #333333; line-height:35px; }
.news_page a{ color: #333333;}
.news_page a:hover{ color: #C52625;}
.news_page .list-btn{height:40px; transition: all .3s; font-size:30px; color: #ccc; margin-top: 15px;}

/*contact*/
.joinCon1{padding:80px 0; background:#fff; }
.joinCon1 .img{ width:50%; float:left;}
.joinCon1 .text{ margin-left:50%; padding:76px 0 0 76px; position:relative;}
.joinCon1 .text:before{ content:''; width:25px; height:25px; position:absolute; right:0px; top:0px; background:#06c;}
.joinCon1 .p{ color:#404458; line-height:2;}

.joinCon2{padding:80px 0;}
.chancecontain{ position:relative;}
.chancecontain li{ margin-bottom:5px;}

.joinTit{ background:#fff; height:60px; line-height:60px;  cursor:pointer;}
.joinTit .li{ color:#333; float:left; text-align:center;}
.joinTit .li1{ width:90%; text-align:left; padding-left:20px; overflow:hidden; text-overflow:ellipsis;white-space: nowrap; box-sizing:border-box;}
.joinTit .lermore_box{ width:60px; float:right; border-left:solid 1px #f6f6f6;}
.joinTit .lermore{ float:right; width:100%; height:60px; cursor:pointer; background:url(../images/btn_06.png) no-repeat center; background-size:contain !important; transition: all 0.1s ease-out 0s;}

.joinTit.curr .lermore{ background:url(../images/btn_06_h.png) no-repeat center;}
.joinTit.curr .li{ color:#ed6d00;}

.joinFirst{ margin-top:0;}
.joinFirst .joinTit{ background:#06c;height:60px;}
.joinFirst .joinTit .pd{ color:#fff; line-height:60px;  font-weight:bold;}
.joinFirst .joinTit .li{ color:#fff;}
.joinFirst .joinTit.curr .li{ color:#fff;}

.joinDeta{ display:none; overflow:hidden; background:#fff; padding:30px 50px 60px 50px; line-height:2; font-size:14px; color:#697c87; position:relative; border-top:1px solid #ccc;}
.joinDeta span{ color:#333;}
.joinDeta strong{ color:#333; font-weight:normal; font-weight: bold;}


.contact_tel{padding:100px 0 40px 0;border-bottom: 1px solid #ccc;text-align: center; margin-bottom: 50px;}
.contact_tel .hotline{display: inline-block;padding-left: 140px;background: url(../images/hotline_tit.png) no-repeat left center;font-size: 40px;color: #2C3E66;letter-spacing: -1px;}
.contact_item{float: left;width: 45%; margin-bottom: 50px;}
.contact_item li{margin-bottom: 20px;padding:20px;height: 85px;border-radius: 6px;background: #fff;line-height:25px;}
.contact_item li i{float: left;display: inline-block;margin-right: 16px;width: 50px;height: 50px; line-height: 50px;background: #f6f6f6; color: #06c; font-size:24px; text-align: center;border-radius: 100%; }
.contact_item li h3{font-size: 16px;}
.contact_item li p{}
.contact_qrcode{float: right;padding-top: 100px;width: 600px;height: 400px;background: url(../images/gray_map.png) no-repeat center 60px;text-align: center;}
.contact_qrcode img{border: 1px solid #E0E0E0;}
.contact_qrcode p{padding-top: 12px;font-size: 14px;line-height: 24px;}

.contact2{width:100%; position:relative;}
.contact2 .ditu{width:100%; height:698px;}
.contact2 .ditu .BMap_shadow img,.contact2 .ditu .BMap_pop{display:none !important;}
.contact2 .contact2Body{position:absolute; right:60px; top:60px; background:rgba(255,255,255,0.9); box-shadow:0 0 10px rgba(0,0,0,0.06); padding:32px 40px 40px 40px; width:550px;}
.contact2 .contact2Body h3{width:100%; font-size:30px; color:#06c; line-height:47px; font-weight:bold; padding-left:22px; position:relative;}
.contact2 .contact2Body h3:before{content:''; width:6px; height:30px; background:#06c; position:absolute; left:0; top:50%; margin-top:-15px;}
.contact2 .contact2Body h5{width:100%; margin-top:5px; font-size:16px; color:#333; line-height:23px; position:relative; letter-spacing:1px;}
.contact2 .contact2Body ul{width:100%; float:left; margin-top:12px;}
.contact2 .contact2Body ul li{width:100%; float:left; margin-top:14px; border:solid 1px #e7e7e7; padding:0 30px 0 105px; position:relative;}
.contact2 .contact2Body ul li .name{position:absolute; left:0; top:0; line-height:52px; font-size:16px; color:#333; text-align:center; width:105px;}
.contact2 .contact2Body ul li .name:before{content:''; width:1px; height:22px; position:absolute; right:0; top:50%; margin-top:-11px; border-right:dashed 1px #b2b2b2;}
.contact2 .contact2Body ul li span{position:absolute; right:19px; top:0; line-height:52px; font-size:16px; color:#dd6e0f;}
.contact2 .contact2Body ul li input{display:block; width:100%; height:52px; line-height:22px; padding:10px; font-size:14px; color:#333; background:none;appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border:0}
.contact2 .contact2Body ul li.l1{border:0; padding:0; margin-top:20px;}
.contact2 .contact2Body ul li.l1 input{width:100%; cursor:pointer; height:58px; line-height:58px; background:#06c; text-align:center; color:white; font-size:16px; overflow:hidden; padding:0;
-moz-border-radius:29px;
-webkit-border-radius:29px;
-khtml-border-radius:29px;
border-radius:29px;}
.contact2 .contact2Body ul li.l1 input:hover{opacity:0.8;}

.yanzheng{ width:100%; height:52px;}
.yanzheng div{ height:52px; float:left;}
.yanzheng div input{ width:50%; height:52px;line-height:62px;padding: 0px 20px;box-sizing: border-box;font-size:16px;}
.yanzheng div .codeimg{width:100%; height:52px;border-left:none; }



/*产品*/



.product_left{ width: 23%;margin-bottom: 50px;}
.product_right{ width: 75%; background: #fff; margin-bottom: 50px;}
.product_right .news_page{ width: 100%; margin:40px auto 0; padding: 15px 25px;border-top: 1px solid #eee;}
.product_right .hr{margin: 20px 0; width: 100%; height: 2px; background: #ccc; font-size: 0px; }
.product_right .xtit{margin: 20px 0; width: 100%; height: 45px; line-height: 45px; border-top: 1px solid #eee;border-bottom: 1px solid #eee; padding: 0 25px; background: #f9f9f9; color: #333; font-size: 18px;}

.product_title { margin: 25px auto 20px; width: 95%; height: 30px; }
.product_title h1 {font-size:25px; height:30px; line-height: 30px; position: relative;font-weight:bold; padding-left: 20px; color: #000;}
.product_title h1:after{position: absolute;left: 0;top: 5px;width:8px;height:20px;background:#903;content: "";}

.product_leimu{display: block; height: 50px; line-height: 50px; font-size: 18px; padding: 0 15px; color: #fff; background-color: #1364aa;}
.product_leimu i{ font-size: 16px; font-weight: normal;}
.product_type{ background: #fff;}
.product_type ul{ padding: 15px;}
.product_type ul li a{display: block;background: url(../images/select1.png) left center no-repeat;height: 30px;line-height: 30px;padding-left: 25px;margin-top: 10px; overflow: hidden;}
.product_type ul li a.cur,.product_type ul li a:hover{background: url(../images/select2.png) left center no-repeat !important; color:#C52625;}

.product_cases{ background: #fff; }
.product_cases ul{padding: 15px;}
.product_cases ul li{display: block;width: 100%;overflow: hidden;margin-top: 20px; text-align: center;}
.product_cases ul li img{width:100%;border: 1px solid #ddd;height:auto;}
.product_cases ul li span{width: 100%;height: 35px;line-height: 35px;font-size: 14px;display: block; overflow:hidden;}
.product_cases ul li:hover img{border: 1px solid #C52625;}
.product_cases ul li:hover span{color: #C52625;}

.product_baike{ background: #fff; }
.product_baike ul{padding: 15px;}
.product_baike ul li{display: block;width: 100%; height: 35px; line-height: 35px; overflow: hidden;position: relative; padding-left: 15px;}
.product_baike ul li:after{position: absolute;left: 0;top: 15px;width:5px;height:5px;background:#999;content: "";}

.product_list{ width:100%; margin: auto;border-top: 1px solid #f1f1f1; }
.product_list ul li{display: block;width:33.3333%;float:left;border-bottom: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1; text-align: center;padding-top: 10px;}
.product_list ul li:nth-child(3n){margin-right:0px;}
.product_list ul li h3{width:100%; margin-bottom: 10px; padding:10px;font-size:16px; color:#333;transition:all 500ms ease; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.product_list ul li h3 a:hover{color:#c00; }
.product_list ul li .picss{ padding:36%;position: relative;}
.product_list ul li .picss img{max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0; right: 0; margin: auto; padding: 10px;}

.particle_detail{font-size:16px; line-height:35px; width: 95%; margin: auto;}
.particle_detail p{ padding-bottom:15px; text-indent: 2em;}
.particle_detail img,
.particle_detail iframe,
.particle_detail embed{ width: 100%;display: block; text-align:center;padding:5px; border:1px solid #ebebeb; margin:15px 0; max-width: 100%;}
.particle_detail a{text-decoration:underline;}
.particle_detail strong{ color:#333;}

.product_otlist{ width:95%; margin: auto;border-left: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1; }
.product_otlist ul li{display: block;width:25%;float:left;border-bottom: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1; text-align: center;padding-top: 10px;}
.product_otlist ul li:nth-child(4n){margin-right:0px;}
.product_otlist ul li h3{width:100%; margin-bottom: 10px; padding:10px;font-size:16px; color:#333;transition:all 500ms ease; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.product_otlist ul li h3 a:hover{color:#c00; }
.product_otlist ul li .picss{ padding:33%;position: relative;}
.product_otlist ul li .picss img{max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0; right: 0; margin: auto; padding: 10px;}

.pro-dingzhi{ margin: 50px auto; padding: 40px; background: #fff;}
.pro-dingzhi .dingzhi_left{ width: 39%;}
.pro-dingzhi .dingzhi_left img{ width: 95%; object-fit: cover;}
.pro-dingzhi .dingzhi_right{ width: 57%; margin-left: 4%;}
.pro-dingzhi .dingzhi_right .dingzhi_title{ margin-bottom: 35px;}
.pro-dingzhi .dingzhi_right .dingzhi_title dd{ font-size: 22px; color: #222; margin-bottom: 8px;}
.pro-dingzhi .dingzhi_right .dingzhi_title dt{ font-size: 14px; color: #333333;}
.pro-dingzhi .dingzhi_right .dingzhi_form input{ width: 100%; line-height: 32px; padding: 10px 15px; border: 1px solid #dcdcdc; margin-bottom: 20px;}
.pro-dingzhi .dingzhi_right .dingzhi_form textarea{ width: 100%; line-height: 32px; height: 150px; padding: 10px 15px; border: 1px solid #dcdcdc; margin-bottom: 20px;}
.pro-dingzhi .dingzhi_right .dingzhi_form button{ font-size: 16px; color: #fff; width: 145px; line-height: 55px; text-align: center; background: #903; cursor: pointer;}
.pro-dingzhi .dingzhi_right .dingzhi_form .right_form_submit input{ font-size: 16px; color: #fff; width: 145px; line-height: 55px; text-align: center; background: #327bf6; margin-left: 25px; cursor: pointer;}
.pro-dingzhi .dingzhi_right .dingzhi_form .right_form_Label{ color: #f11f1f; font-size: 14px; margin-top: 24px;}
.dingzhi_form .yanzheng{ width:100%; height:52px;margin-bottom: 20px;}
.dingzhi_form .yanzheng ul li{ height:52px;}
.dingzhi_form .yanzheng ul li:nth-child(1){width: 80%;}
.dingzhi_form .yanzheng ul li:nth-child(2){width: 20%;}
.dingzhi_form .yanzheng ul li input{ width:100%; height:50px;line-height:50px;border: 1px solid #dadada;padding: 0px 20px;box-sizing: border-box;}
.dingzhi_form .yanzheng ul li .codeimg{width:100%; height:50px;border: 1px solid #dadada; border-left:none; }
.dingzhi_form .yanzheng ul li:nth-child(3){ width:220px; margin-left:20px;}




/* footer */
.footer{background: #135091;color:rgba(255,255,255,0.7);}
.footer .footerbox{padding: 80px 0 50px;}
.footer a{color:rgba(255,255,255,0.7);}
.footer a:hover{color: #FFF;}
.footer .nav{float: left;width: 58%;}
.footer .nav .item{float: left; display: inline-block; margin-right:7%;}
.footer .nav .item h3{position: relative;height: 32px;font-size: 18px;font-weight: normal;color: #BDBFC8;}
.footer .nav .item h3:after{position: absolute;left: 0;bottom: 0;width: 12px;height: 2px;background:rgba(255,255,255,0.7);content: "";}
.footer .nav .item h3 a{color:#fff;}
.footer .nav .item ul{padding-top: 12px;}
.footer .nav .item li{line-height: 30px;}
.footer .nav .item:last-child{ margin-right:0px;}
.footer .weixin{float: left;width: 120px;background: #FFF;}
.footer .weixin h3{height: 30px;font-size: 13px;font-weight: normal;color: #727686;line-height: 24px;text-align: center;}
.footer .contact{float: right;text-align: left;}
.footer .contact .tel{rgba(255,255,255,0.7);}
.footer .contact .tel h3{height: 24px;font-weight: normal;}
.footer .contact .tel p{font-size: 22px;}
.footer .contact .tel .ico{}
.footer .contact .item{padding-top: 28px;line-height: 30px;}
.footer .copyright{border-top: 1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.7); line-height:30px; padding: 25px 0 50px 0; font-size: 14px;}