﻿@charset "utf-8";



@font-face{font-family:'iconfont';src:url('//at.alicdn.com/t/font_1432720974_1547027.eot');src:url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}

@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}

.fa-icon-qq:before{content:"\e604"}

.fa-icon-weibo:before{content:"\e600"}

.fa-icon-weixin:before{content:"\e605"}

.fa-icon-zaixianzixun:before{content:"\e608"}



body{font-family:"微软雅黑"}

.glyphicon{top:0 !important}

.no-margin{margin:0 !important}

.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.container{max-width:1230px !important}

.container-fluid{max-width:1230px !important}



.sizeCover{ background-position: 50% 50%; background-size: cover; }





/*  header  */

.head_pc{position: relative;top: 0;left: 0;width: 100%;height: 90px;background: #fff;z-index: 100;box-shadow: 0 0 7px 0 rgba(0,0,0,.2);}

.head_pc .container{line-height: 80px;}

.head_pc .head_logo{-webkit-align-self: center;-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;vertical-align: middle;display: inline-block;width: auto;height: 59px;}

.head_pc .head_logo a,

.head_pc .head_logo img{display: block;}

.head_pc .head_list{float: right;white-space: nowrap;}

.head_pc .li_item{position: relative;line-height: 50px;vertical-align: top;padding: 0 10px;padding-top: 30px;float: left;}

.head_pc .li_item:last-child{margin-left:100px; padding-top:28px;}



.head_pc .li_item a{display: block;padding:0 15px 10px 15px;color: #666;font-size: 14px;font-family: "微软雅黑";letter-spacing: 1px;position: relative;}

.head_pc .li_item a::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background-color: #0063c5;opacity: 0;-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}

.head_pc .li_item a span{ position:absolute; right:3px; top:38%; width:7px; height:4px; background:url(../images/icon-jt.png) top center no-repeat}

.head_pc .li_item:hover a span,.head_pc .li_item.active a span{ background-position:bottom center;}

.head_pc .li_item:hover a::after,

.head_pc .li_item.active a::after,

.head_pc .li_item.act a::after{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;}



.head_pc .li_item.act a,

.head_pc .li_item.active a{ font-weight:bold;color: #0063c5;}

.head_pc .li_item .change{ position:relative;display:inline-block; margin-right:15px; padding-left:30px; padding-right:28px; background:url(../images/icon-eath.png) left center no-repeat; height:28px;  border-right:1px #ededed solid;line-height:28px;}

.head_pc .li_item .change:after{ position:absolute; content:''; top:50%; right:12px; margin-top:-2px; width:7px; height:4px; background:url(../images/icon-jt.png) top center no-repeat}

.head_pc .li_item .change:hover .lang{height:60px}

.head_pc .li_item .search{ margin-top:15px;display:block; float:right; width:20px; height:20px;background:url(../images/icon-search.png) left center no-repeat; cursor:pointer}

.head_pc .li_item .lang{ position:absolute; display:block; top:28px; left:50%; margin-left:-30px; width:80px; height:0px; background:#fff; z-index:99; overflow:hidden}

.head_pc .li_item .lang a{ display:block; font-size:12px; height:30px; line-height:30px; text-align: center;}

.head_pc .li_item .lang a:after{ height:0}











.xiala1{position: fixed;top: 90px;left: 0;width: 100%;background: url(../images/hbg.jpg) no-repeat bottom left;background-color: #e7edf2;height:240px;display: none;z-index: 99;box-shadow: 0 0 7px 0 #ddd;}

.xiala1[_t_nav="3"],

.xiala1[_t_nav="4"],

.xiala1[_t_nav="5"],

.xiala1[_t_nav="6"],

.xiala1[_t_nav="7"]{height: 240px;background: url(../images/hbg.jpg) no-repeat top left;background-color: #fff;}

.xiala .container,

.xiala .xiala_item{height: 100%;}

.xiala .xiala_l{float: left;width: 387px;height: 100%;padding-top: 48px;margin-left: 80px;}

.xiala .xiala_l span{color: #666;font-size: 36px;font-family: "微软雅黑";padding-left: 47px;padding-right: 53px;letter-spacing: .9px;}

.xiala .xiala_l span div{display: inline-block;}

.xiala .xiala_l span div p{color: #999;font-size: 24px;font-family: "微软雅黑";line-height: 1.9;text-align: right;cursor: pointer;}

.xiala .xiala_l span div p:nth-child(2){margin-top: 17px;}

.xiala .xiala_l span div p.active{color: #005bac;}

/*.xiala .xiala_r ul:nth-child(2){display: none;}

.xiala .xiala_r ul:nth-child(3){display: none;}*/

.xiala .xiala_l h4{color: #666;font-size: 16px;font-family: "微软雅黑";padding-left: 47px;padding-right: 53px;margin-top: 17px;line-height: 1.67;letter-spacing: .9px;}

.xiala .xiala_r{float: left;width: 733px;height: 100%;padding-top: 48px;background-color: #fff;}

.xiala .xiala_r ul{margin-left: -26px;}

.xiala .xiala_r li{width: 124px;width: 137px;display: inline-block;margin-bottom: 10.5px;margin-left: 63px;margin-left: 50px;vertical-align: top;}

.xiala .xiala_r li a{color: #666;font-size: 14px;font-family: "微软雅黑";line-height:1;letter-spacing: 1px;}

.xiala .xiala_r li a:hover{color: #005bac;}

.xiala .xiala_rc{padding-top: 24px;}

.xiala .xiala_r .ul1{width: 240px;margin-left: 0;}

.xiala .xiala_r .ul1:nth-child(1){margin-left: 35px;}

.xiala .xiala_r .ul1:nth-child(3){width: calc(100% - 515px);}

.xiala .xiala_r h3{color: #888; font-size:16px; font-weight:bold;margin-bottom: 26px;}

.xiala .xiala_r h3.act{color: #005bac;}

.xiala .xiala_r .ul1 li{display: block;margin-left: 0;margin-bottom: 10px;}

.xiala1[data-num="1"]{height: 375px;background: url(../images/xiala1.jpg) no-repeat top left;background-color: #fff;}



.xiala .mlclass{}

.xiala .mlclass li{ width:30%;}



/*手机版头部*/

.head_ph{display: none;border-bottom: 1px solid #dcdcdc;position: fixed;top: 0;left: 0;width: 100%;height: 60px;background-color: #fff;z-index: 200;border-bottom: 1px solid #ddd;}

.head_ph .container,

.head_ph .logo{position: relative;height: 100%;}

.head_ph .logo{line-height: 60px;text-align: center;}

.head_ph .logo img{height:50px;}

.head_ph .menuph{position: absolute;top: 21px;right: 15px;cursor: pointer;}

.head_ph .search{display:block; float:right; margin-left:10px; width:16px; height:16px;background:url(../images/icon-search.png) center center no-repeat; background-size:cover; cursor:pointer}





/*手机下拉菜单*/



.xialaph{position: absolute;top: 60px;left: 0;width: 100%;background-color: #fff;display: none;z-index: 198;padding-bottom: 38px;}

.xialaph .ul2,

.xialaph .ul3{display: none;}

.xialaph h4 a{color: #0075c1;font-size: 16px;font-family: "微软雅黑";line-height: 53px;}

.xialaph h4 a.z_a{float:left; display:block; width:80%;}

.xialaph h4{border-bottom: 1px solid #e6e6e6;height: 54px;}

.xialaph .container{padding-left: 30px;padding-right: 30px;}

.xialaph h5 a{color: #333;font-size: 15px;font-family: "微软雅黑";line-height: 54px;}

.xialaph h5 a.z_a2{float:left; display:block; width:80%;}

.xialaph h5{border-bottom: 1px solid #f1f1f1;background-color: #f1f1f1;}

.xialaph h4 img,

.xialaph h5 img{float: right;margin-top: 26px;}

.xialaph h4 img.img2,

.xialaph h5 img.img2{display: none;}

.xialaph h4.active img.img1,

.xialaph h5.active img.img1{display: none;}

.xialaph h4.active img.img2,

.xialaph h5.active img.img2{display: block;}

.xialaph .ul3{background-color: #fff;padding-bottom: 3px;border-bottom: 1px solid #ddd;}

.xialaph .ul3 li a{color: #333;font-size: 14px;font-family: "微软雅黑";line-height: 49px;}

.xialaph .ul3 li{padding-top: 5px;}

.xialaph .ul3 li:first-child{padding-top: 0;}



.s2{ font-size:15px; display:block; color:#0075c1 !important}

.s3 a{ display:block; float:left; width:50%; line-height:35px!important;}





.banner{ position:relative;}

.banner a{ display: block; font-size: 0; text-align: center;}

.banner a img{ max-width: 100%;}

.banner .swiper-pagination-ban, .banner .swiper-pagination-ban2{ position: absolute; left: 0; bottom: 20px; z-index: 1; width: 100%; font-size: 0; text-align: center;}

.banner .swiper-pagination-ban span, .banner .swiper-pagination-ban2 span{ margin: 0 5px; width: 15px; height: 15px; border:2px #fff solid; background:none;opacity: 1;}

.banner .swiper-pagination-ban span.swiper-pagination-bullet-active, .banner .swiper-pagination-ban2 span.swiper-pagination-bullet-active{ background: #00aeef; border-color:#00aeef}

.banner .arrow-left{background: url(../images/icon-arrow.png) no-repeat left top;position: absolute;left: 20px;top: 50%;margin-top: -30px;width: 50px;height:60px;z-index:999;}

.banner .arrow-right{background: url(../images/icon-arrow.png) no-repeat left bottom;position: absolute;right: 20px;top:50%;margin-top: -30px;width: 50px;height:60px;z-index:999;}



/*  home  */

.main-pad-3{ padding:50px 0 0px 0;}

.main-pad-4{ padding:50px 0;}

.main-pad-5{ padding:50px 0;}

.main-pad-pro{padding:50px 0 120px 0;}



.text-1{ margin:0 auto;width:900px;}

.text-1 h1{ margin-top:20px;font-size:30px; color:#333333;}

.text-1 .textbox{font-size:14px; line-height:24px;}

.text-1 .textbox p{ text-indent:30px;}

.proli{ margin:100px auto 50px auto; width:1030px;}

.proli ul li{ display:inline-block; float:left; width:20%}

/*.proli ul li:hover img{-webkit-transform: rotate(360deg);transform:rotateY(360deg); transition: transform 2s;}

*/.proli ul li:nth-child(even){ margin-top:-120px; margin-left:0px;}



.title{ color:#888;}

.title .en{ font: 12px Arial;}

.title .cn{ display:block; background:url(../images/bg-tit.png) center center no-repeat;font-size:30px; color:#333;}

.title .des{ font-size:14px;}



.pro-w{ display:block; margin:0 auto; max-width:960px; width:100%;}

.pro-box{ display:block; margin-top:50px; text-align:center}

.pro-box a{ display:block; margin:0 auto 20px auto; width:90%; padding:15px 0; font-size:16px; border:1px #ccc solid; border-radius:6px; background:#fff; text-align:center}

.pro-box a:hover{border-color:#0063c5}



/*.pro-li{ display:inline-block; margin:0 25px; width:300px; height:300px; border:1px #e5e5e5 solid; border-radius:100%; background:#fff;}

.pro-li .p-icon{ display:block;position:relative; margin:30px auto 20px auto; height:80px;}

.pro-li .p-icon i{ position:absolute; top:0; left:50%; margin-left:-40px;width:80px; height:80px;}

.pro-li .p-icon .icon{ background:url(../images/icon-pro.png);}

.pro-li .p-icon .p2{ background-position:-80px 0;}

.pro-li .p-icon .p3{ background-position:-160px 0;}

.pro-li .tit{ padding-bottom:10px;font-size:20px; font-weight:bolder; color:#454545;}

.pro-li .class{display:inline-block;}

.pro-li .class a{ display:block; padding-left:20px; font-size:16px; color:#666666; background:url(../images/icon-arrow2.png) left center no-repeat; line-height:30px; text-align:left;}

.pro-li .class a:hover{ color:#0063c5;}

*/











/* 精品推荐  */

#certify{position: relative;width: 100%;margin: 50px auto 0 auto}

#certify .swiper-container{padding-bottom: 60px;}

#certify .swiper-slide{padding-top:10px;width: 320px;height: 460px;background: #fff; box-shadow: 0 8px 30px #ddd; text-align:center}

#certify .swiper-slide img{ margin:0 auto;display:block; width:300px; height:400px;}

#certify .swiper-slide p{line-height: 50px;padding-top: 0;text-align: center;color: #636363;font-size: 1.1em;margin: 0;}

#certify .swiper-pagination{width: 100%;bottom: 20px;}

#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;background-color: #d8d8d8;width: 13px;height: 13px;opacity: 1;}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#666666;}

#certify .swiper-button-prev{left: -30px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;}

#certify .swiper-button-prev:hover{background-position: 0 -46px;background-size: 100%}

#certify .swiper-button-next{right: -30px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;}

#certify .swiper-button-next:hover{background-position: 0 -139px;background-size: 100%}



/*  应用领域 */

.app-li{margin-top:30px;}

.applist{ margin-top:30px;}

.applist .tit{ padding:10px 0;font-size:16px; font-weight:bold; color:#333;}

.applist .img{}

.applist .des{ padding:10px 0; height:60px;font-size:14px; line-height:1.5; color:#666666; text-align:left; overflow:hidden}

.applist .btn-more{ display:inline-block;width:100px; height:29px; font-size:14px; line-height:29px; background:url(../images/btn-more.png) top center no-repeat; text-indent:8px;}

.applist .btn-more:hover{ cursor:pointer;background:url(../images/btn-more.png) bottom center no-repeat; color:#FFF}



.other-case{ display:none}



/*  新闻 */



.news .menu{ margin-top:30px;overflow: hidden; text-align:center}

.news .menu ul{ margin:0; }

.news .menu ul li{ padding: 0 15px; display:inline-block;}

.news .menu ul li a{ display: block; padding:12px 30px; font-size: 14px;color: #888888; border:solid 1px #e3e7ea; }

.news .menu ul li a:hover, .news .menu ul li.cur a{background:#1dafec; border-color:#1dafec; color:#fff;}

.newslist{ margin-top:60px;}

.newslist .newsl{width:480px}

.newslist .newsr{width: calc(100% - 530px);}

.newsl .top .imgbox{ display:block; width:100%; overflow: hidden}

.newsl .top span{ display:block;width:100%; height:240px;}

.newsl .top-news{ display:block; padding:30px 30px 30px 0;background:#1dafec;color:#fff}

.newsl .top-news .data{ display:inline-block; width:100px; font-size:12px; font-family:'Arial'; text-align:center;}

.newsl .top-news .txt{ display:inline-block; float:right; width:calc(100% - 100px); font-size:14px;}

.newsl .top-news .data b{ display:block;font-size:40px; font-weight:bolder; line-height:1;}

.newsl .top-news .txt a{ display:block;color:#fff; font-size:16px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px rgba(255,255,255,.3) solid;}

.newsl .top-news .txt p{ color:rgba(255,255,255,.5)}

.newsr ul{ margin-top:30px;}

.newsr ul li{ display:block; border-bottom:1px #e3e7ea solid;height:58px; line-height:58px;}

.newsr ul li a{ display:inline-block;width:calc(100% - 100px);font-size:14px; color:#454545;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.newsr ul li a:hover{ color:#1dafec}

.newsr ul li span{ float:right;font:14px/58px Arial; color:#888888;}

.newsl .one{ display:block}

.newsr .one .txt{ display:inline-block; float:left; width:calc(100% - 120px); font-size:14px;}

.newsr .one .data{ display:inline-block; float:right; width:100px; font-size:12px; font-family:'Arial'; text-align:center;}

.newsr .one .data b{ display:block;font-size:40px; font-weight:bolder; line-height:1;}

.newsr .one .txt a{ display:block;color:#454545; font-size:16px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px #eee solid;}



.newsr .one .txt p{ color:#999999}



.join{ margin:0px; padding:50px;}

.join .tit{ font-size:18px; font-weight:bolder; color:#333;}

.join p{ display:block; margin:10px 0 20px 0; width:60%;font-size:14px; color:#888888;}





/* 内页 */

.lyban{ position:relative;height:376px;}

.location, .location a{ color:#999999; font-size:14px;}

.location span{ color:#0063c5;}

.page_tree_bg{ position:absolute; bottom:0; left:0;display:block; width:100%; background:rgba(0,117,193, .6);}

.page_tree_bg a{ display:inline-block; position:relative; color:#fff; font-size:18px; margin:0 50px; padding:20px 0;}

.page_tree_bg a:hover:after,.page_tree_bg a.cur::after{ position:absolute; content:''; bottom:-7px; left:50%; margin-left:-7px; width:15px; height:14px; background:url(../images/icon-curr.png) no-repeat;}

.page_tree_bg a:hover,.page_tree_bg a.cur{ font-weight:bold;}

.page-title h3{ font-size:36px; color:#333333;}

.page-cont{ font-size:16px; line-height:2}

.page-cont p{ text-indent:0px;}

.article_cont p{ text-indent:0;}

.page-cont img{ max-width:100%;}



.serNav{ background:url(../images/about/about-1.jpg) center center no-repeat; height:328px; color:#FFF}

.w-50{ display:block; margin-right:30px; width:600px; float:right;}

.w-50 .f24{ display:block; margin-top:60px; margin-bottom:30px;color:#fff; text-indent:50px;}

.w-50 .sli{ display:inline-block; float:left; width:50%; font-size:14px; text-align:center}

.w-50 .sli span{ font-size:80px; font-family:Arial;}

.w-50 .sli span b{ font-weight:normal}



.ali p{ display:block;margin:10px 0;font-size:16px;}

.ali a{ display:block; margin-top:20px;background:url(../images/icon-more.png) no-repeat; width:60px; height:24px;}



/*  newslist */

.pictrue-11 ul li{ margin-bottom:10px; padding:30px; background:#FFF}

.pictrue-11 ul li a{ display: block; }

.pictrue-11 ul li a .imgbox{ width: 235px; overflow: hidden; }

.pictrue-11 ul li a .imgbox span{ display: block; height: 195px; }

.pictrue-11 ul li a .textbox{ padding-left:50px; width: calc(100% - 235px); }

.pictrue-11 ul li a .textbox .biaoti{ margin-bottom: 10px; font-size: 18px; color: #333333;line-height: 24px; }

.pictrue-11 ul li a .textbox .jieshao{ margin-bottom: 5px; font-size:14px; height: 100px; color: #666666; line-height: 24px; overflow: hidden; }

.pictrue-11 ul li a .textbox .time{ font-size:18px;color: #999999; line-height: 24px; }

.pictrue-11 ul li .line{ display:block; margin:15px 0;}

.pictrue-11 ul li .line span{ display:block;width:30px; height:1px; background:#666666}

.pictrue-11 ul li a .textbox .more{}

.pictrue-11 ul li a .textbox .more span{ display:block; padding-left:12px; width:98px; height:28px; font-size:14px; background:url(../images/btn-more.png) top left no-repeat; color:#818181; line-height:26px;}

.pictrue-11 ul li a:hover .more span{ background-position:bottom left; color:#fff;}



.pro{ float:right; display:inline-block;width: 100%;}

.pro ul li{ border-bottom:1px #edf0f2 solid; padding:30px 0; margin-bottom:0}



.news-title{ font-size:30px; color:#444444}

.icon-all{ display:inline-block; width:28px; height:28px; background:url(../images/icon-all.png) no-repeat;}

.other a{ display:inline-block;font-size:16px; color:#666666;}

.other a.prev{ padding-left:40px;background:url(../images/icon-prev.png) left center no-repeat;}

.other a.next{ padding-right:40px;background:url(../images/icon-next.png) right center no-repeat;}



.honor-1 ul li{ display:inline-block; margin:0 1.5%; width:30%; box-shadow:0 2px 5px rgba(0,0,0,.1); text-align:center}

.honor-2 ul li{ display:inline-block; margin:0 8px; width:22.5%; box-shadow:0 2px 5px rgba(0,0,0,.1); text-align:center}

.honor-3 ul li{ display:inline-block; margin:0 1%; width:30%; box-shadow:0 2px 5px rgba(0,0,0,.1); text-align:center}



/* 产品 */

.w-245{ width:245px;}

.pro_tree a{ display:inline-block; margin:0 2px; background:#fff; width:180px; height:60px; font-size:18px; line-height:60px; color:#555555; border-radius:5px;}

.pro_tree a:hover, .pro_tree a.cur {background:#0075c1; color:#fff;}

.tab a{ width:150px; height:50px;font-size:16px; line-height:50px;}

.pro_tree_two{ display:block; text-align:center; margin-top:-10px; margin-bottom:30px;}

.pro_tree_two a{ margin:0 10px; font-size:14px;}

.pro_tree_two a.active {color:#0075c1;}





.nav1{border-radius: 4px 4px;background-color: #fff; margin-bottom: 5px;}

.nav1 h4{height: 50px;line-height: 50px;padding-left: 20px;font-size: 16px;color: #333;position: relative;cursor: pointer;border-radius: 4px 4px 0 0; background:#edf0f2}

.nav1 h4 a{color: #333;font-family: "微软雅黑";}

.nav1 h4 a.on{display:block;line-height:50px;}

.nav1 h4 a span{font-family: "Arial";}

.nav1 h4.active{background-color: #0075c1;}

.nav1 h4.active a{color: #fff;}

.nav1 h4.active .img_s{display: none;}

.nav1 h4.active .img_d{display: block;}

.nav1 h4 img{position: absolute;top: 50%;margin-top: -6.5px;right: 20px;}

.nav1 li img{margin-top: 15px;}

.nav1 ul{padding-left:20px;padding-right: 20px;border:1px #edf0f2 solid;display: none;}

.nav1 li{position: relative;}

.nav1 li::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;border-top: 1px #edf0f2 solid;}

.nav1 li:last-child::after{display: none;}

.nav1 li::before{content: '';position: absolute;top: 21px;left: -12px;width: 3px;height: 3px;background-color: #fff;border-radius: 50%;}

.nav1 li a{display: block;line-height: 43px;color: #555555;font-size: 14px;font-family: "Arial";}

.nav1 li a.active,

.nav1 li a:hover{color: #0075c1;}

.nav1 li a.active .img_d,

.nav1 li a:hover .img_d{display: block;}



.joinlist{ margin-bottom: 5px;}

.joinlist h4{height:60px;line-height:60px;padding-left: 20px;font-size: 16px;color: #333;position: relative; font-weight:bolder;cursor: pointer;background:#fff}

.joinlist h4 a{color: #333;font-family: "微软雅黑";}

.joinlist h4 a.on{display:block;line-height:50px;}

.joinlist h4 a span{font-family: "Arial";}

.joinlist h4.active{background-color: #ffffff;}

.joinlist h4.active a{color: #333;}

.joinlist h4.active .img_s{display: none;}

.joinlist h4.active .img_d{display: block;}

.joinlist h4 img{position: absolute;top: 50%;margin-top: -10px;right: 20px;}

.joinlist .join_cont{padding:40px 50px;display: none; font-size:14px; color:#666; line-height:2;}

.joinlist .btn-join{ display:block;font-size:14px; font-weight:bold; width:150px; height:40px; border-radius:40px; color:#fff; background:#f24a4a;  line-height:40px; text-align:center}





.page li{line-height: 35px;display: inline-block;width: 35px;height: 35px;margin-right: 3px;margin-left: 3px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;color: #fff;background: #888;}

.page li img{margin-bottom: 2px;}

.page li.activepage,

.page li:hover{background: #0075c1;}



.cart{ display:block; margin-bottom:50px; text-align:center}

.cart a{ display:inline-block; width:215px; height:55px; font-size:18px; font-weight:bold; color:#fff;background:url(../images/icon-cart.png) #0075c1 30px center no-repeat; line-height:55px; text-indent:40px; border-radius:5px;}



.contact{}

.contact ul li{ position:relative;display:block; margin-bottom:20px; padding-left:50px; font-size:16px; line-height:40px;}

.contact ul li i{ position:absolute; top:0; left:0; width:35px; height:35px; background:url(../images/icon-contact.png) no-repeat;}

.contact ul li i.i-tel{ background-position:-35px 0}

.contact ul li i.i-email{ background-position:-70px 0}

.contact ul li i.i-online{ background-position:-105px 0}



.map{ height:330px; width:100%}

.dl-li{ position:relative;display:block; margin:55px 30px 0 30px; width:300px; height:300px;}

.dl-li .dlcont{display:block; cursor:pointer}

.dl-li .icon-pdf{ display:block; position:absolute; top:45%; left:50%; width:121px; height:121px; background:url(../images/icon-pdf.png) no-repeat; margin-left:-60px; margin-top:-60px;}

.dl-li h3{ position:absolute; bottom:40px; left:0; width:100%; color:#fff; font-size:24px; font-weight:bold; text-align:center}

.dl-li:hover .dlcont{ height:400px;}



.dl-li2:nth-child(2) h3{ bottom:80px;}

.dl-li2:nth-child(2) .icon-pdf{top:50%; margin-top:-65px}

.dl-li2:nth-child(2){ margin-top:0;width:350px; height:392px;}





.app{ margin-top:50px; margin-bottom:50px;}

.app h3{ display:block; margin-bottom:20px; padding-bottom:20px; font-size:30px; color:#333; text-align:center; border-bottom:2px #f3f4f5 solid}

.other-tit{ display:block; padding:10px 0; font-size:24px;border-bottom:2px #f3f4f5 solid}

.other-tit span{ padding:0 10px 10px 10px; border-bottom:2px #0063c5 solid;}

.cont1{display:none; width:780px; margin:0 auto;}





.tanchuang { position:fixed; left:0; top:0; right:0; bottom:0; z-index:-999999; transition:all 0.3s; transform:scale(0.6); opacity:0;}

.tanchuang.active { z-index:999999; opacity:1; transform:scale(1);}

.tanchuang .bg{ position:absolute;left:0; top:0; right:0; bottom:0; z-index:1; background-color:rgba(0,0,0,0.7);}

.tanchuang .esc{ position:absolute; right:0; top:0; z-index:2; width:50px; height:50px;font-size:30px; color:#fff; line-height:50px; background:#00aeef; cursor:pointer;}

.tanchuang .search{ display:none; position:absolute; left:calc((100% - 600px) / 2); top:calc((100% - 50px) / 2); z-index:3; width:600px; height:50px;}

.tanchuang .search form{ display:block;}

.tanchuang .search form input{ display:block; padding:0 10px; width:calc(100% - 100px); height:50px; font-size:18px; color:#333; line-height:50px; background-color:#fff; border:none;}

.tanchuang .search form button{ display:block; width:100px; height:50px; font-size:18px; color:#fff; line-height:50px; background-color:#00aeef; border:none;}



.mulu{}

.mulu .title{ position:relative; display:block; padding:10px 0 10px 15px; font-size:16px; color:#0063c5; border-bottom:1px #CCC solid;}

.mulu .title:after{ position:absolute; content:''; top:50%; left:0; transform: translateY(-50%); width:5px; height:20px; background:#0063c5; border-radius:3px;}

.mulu .mllist{ display:block; padding:10px 0;}

.mulu .mllist ul li{ display:inline-block; float:left;  text-indent:15px;}

.mulu .mllist a{ font-size:14px; line-height:2.5; color:#666;}

.mulu .mllist a:hover{ text-decoration:underline}

a.btn-back{ display:inline-block; padding:10px 25px; border-radius:3px; font-size:14px; background:#0063c5; color:#FFF}



.mulu .mllist ul li.second{ display:block;width:100%; padding:10px 0; color:#000; font-size:15px; text-indent:0}



.fot-show{ display:none;}



@media (min-width:992px) {



.pictrue-11 ul li a:hover .imgbox span{ transform: scale(1.05); }

.pictrue-11 ul li a:hover .textbox .biaoti{ text-decoration: none !important; }



.newsl .top a:hover .imgbox span{ transform: scale(1.05); }

.dl-li:hover{ transform: scale(1.05); }



img.pro-pic{ height:320px; width:auto}



}

@media (max-width:1399px) {



}



@media screen and (max-width: 1199px) {

.header_top,.head_pc{display: none;}

.head_ph{display: block;}

.lyban{margin-top:60px;}

.banner{ margin-top:60px;}

.main-pad-3{ padding:20px 0 50px 0;}



.proli{ margin:100px auto 50px auto; width:100%;}

.proli ul li{ display:inline-block; float:left; width:19%}

.pro-li{margin: 0 5px;}

.swiper-button-prev,.swiper-button-next{ display:none}

.dl-li{margin:50px 5px 0 5px;}

.dl-li .dlcont{display:block}

}

@media (max-width:991px){

.text-1{ width:100%;}

.pt40{ padding:20px;}

.page_tree_bg a{ display:inline-block; position:relative; color:#fff; font-size:18px; margin:0 30px; padding:20px 0;}



.honor-1 ul li{ display:inline-block; margin:0 1%; width:46%; box-shadow:0 2px 5px rgba(0,0,0,.1); text-align:center}

.honor-2 ul li{ display:inline-block; margin:0 2% 2% 2%; width:44%; box-shadow:0 2px 5px rgba(0,0,0,.1); text-align:center}

.dl-li{ position:relative;display:block; margin:0px 10px 0 10px; width:30%; height:300px; overflow:hidden}

.dl-li:nth-child(2){width:30%; height:300px; margin-top:0px;}

.newslist .newsl,.newslist .newsr{width:100%;}

.newslist .newsr{ margin-top:30px;}

.newslist{ margin-top:20px;}



.join{ padding:40px 0;}

.main-pad-3{ padding:20px 0 0px 0;}



.cont1{width:100%;}



.tanchuang .search{ display:none; position:absolute; left:calc((100% - 80%) / 2); top:calc((100% - 50px) / 2); z-index:3; width:80%; height:50px;}

.tanchuang .search form{ display:block;}

.tanchuang .search form input{ display:block; padding:0 10px; width:calc(100% - 100px); height:50px; font-size:18px; color:#333; line-height:50px; background-color:#fff; border:none;}

.tanchuang .search form button{ display:block; width:100px; height:50px; font-size:18px; color:#fff; line-height:50px; background-color:#00aeef; border:none;}



.mulu .mllist ul li{ display:inline-block; float:left; width:50%;}



}

.banner_wap{ display:none}

@media (max-width:767px){



.w-50{ display:block; margin-right:0px; width:100%; float:right;}

.w-50 .f24{ display:block; width:100%; margin-top:60px;text-align:center; margin-bottom:30px;color:#fff; text-indent:0}

.w-50 .sli{ display:inline-block; float:left; width:50%; font-size:14px; text-align:center}

.w-50 .sli span{ font-size:30px; font-family:Arial;}

.w-50 .sli span b{ font-weight:normal}

.honor-1 ul li,.honor-3 ul li{ display:inline-block; margin:0 0 10px 0; width:100%; box-shadow:0 2px 5px rgba(0,0,0,.1); text-align:center}

	

.lyban{ position:relative; height:240px;}



.pictrue-11 ul li{ margin-bottom:10px; padding: 10px; }

.pictrue-11 ul li a .imgbox{ width: 180px; }

.pictrue-11 ul li a .imgbox span{ height: 120px; }

.pictrue-11 ul li a .textbox{ width: calc(100% - 180px); }

.pictrue-11 ul li a .textbox .biaoti{ font-size: 14px; }

.pictrue-11 ul li a .textbox .jieshao{ height: 48px; font-size: 12px; }



.news-title{ font-size:16px; color:#444444}

.pro_tree a{ display:inline-block; margin:0 2px; width:30%; height:50px; font-size:18px; line-height:50px; color:#555555;}

.tab a{ width:100%;}

.page-cont img{ max-width:100%;}



.joinlist .join_cont{padding:20px 20px;}

.app h3{ font-size:26px;}

.other-case{ display:block}

.other-case li{ display:block; margin:10px 0; width:100%; height:40px; line-height:40px; border:1px #eee solid; text-align:center}

.other-case li a{ display:block; height:100%; font-size:16px;}

.other-case li.cur{ background:#0075c1; border:1px #0075c1 solid;}

.other-case li.cur a{ color:#fff;}

#nr table{width:100%;}

}

@media (max-width:479px){

.main-pad-3{ padding:20px 0 0px 0;}

.main-pad-5{ padding:20px 0;}



.banner_pc{ display:none}

.banner_wap{ display:block; position:relative}

.banner .swiper-pagination-ban{ bottom:10px;}

.banner .swiper-pagination-ban span{ width: 10px; height: 10px;}



.banner_wap .swiper-pagination-ban2{ bottom:10px;}

.banner_wap .swiper-pagination-ban2 span{ width: 10px; height: 10px;}



.text-1 h1{ font-size:26px;}



.news .menu ul li{padding: 0;}

.pro-box a{ width:85%;}



.join{ padding:20px;}

.pictrue-11 ul li a .imgbox{ width: 120px; }

.pictrue-11 ul li a .imgbox span{ height: 90px; }

.pictrue-11 ul li a .textbox{ width: calc(100% - 120px);padding-left:20px; }

.pictrue-11 ul li a .textbox .biaoti{ margin-bottom: 0;}

.pictrue-11 ul li a .textbox .time{ display:none;}

.pictrue-11 ul li a .textbox .jieshao{ margin-bottom: 0; height: 40px; line-height: 20px;}

.pictrue-11 ul li .more{ display:none}

.pictrue-11 ul li .line{ display:none}



.f14{ font-size:12px;}

.dl-li{ position:relative;display:block; margin:30px 0px 0 0px; width:100%; height:300px; overflow:hidden}

.dl-li:nth-child(2){width:100%; height:300px; margin-top:30px;}

.pro-li{ margin:5px;}



.dl-li:nth-child(2) h3 {

    bottom: 40px;

}



.applist .des{height:55px;}

.mulu .mllist ul li{ display:block; float:none; width:100%;}

.fot-show{ display:inline-block}

}

@media (max-width:449px){}

@media (max-width:414px){



.about .pt40{ padding:20px 0;}



	

}

@media (max-width:375px){



.news .menu ul li a{ padding:5px 20px;}



	

}





/*清除样式*/

.clear {

    clear: both;

    font-family: '微软雅黑';

}



footer{ background:#262b30;}

footer .top_bar{ padding: 50px 0; }

footer .top_bar .menu{ width: calc(100% - 500px); }

footer .top_bar .menu ul{ margin:0; }

footer .top_bar .menu ul li{ padding-right: 60px; }

footer .top_bar .menu ul li .biaoti{ margin-bottom: 10px; font-weight:bold; font-size: 14px;color: #fff; line-height: 24px; }

footer .top_bar .menu ul li .biaoti a{ display:block; margin-top:5px; color:#fff;}

footer .top_bar .menu ul li .ul .li a{ display: block; font-size: 13px;color: #757575; line-height: 24px; }

footer .top_bar .ewm .imgbox{ margin:0 auto 5px; padding: 5px; max-width: 170px; font-size: 0; background: #fff; }

footer .top_bar .ewm .imgbox img{ width: 100%; }

footer .top_bar .ewm .textbox{color: #888888; font-size:14px;}

.textbox ul{ margin-left:30px;}

.textbox ul li{ position:relative;display:block; margin-bottom:10px; padding-left:30px; text-align:left;}

.textbox ul li span{ color:#fff; font-weight:bold}

.textbox ul li b{ display:block;font:bold 30px Arial; color:rgba(255,255,255,.6);}

.textbox ul li i{ position:absolute; top:4px; left:0; width:18px; height:18px; background:url(../images/icon-cont.png) top left no-repeat}

.textbox ul li i.icon-email{ background-position:0 -28px;}

.textbox ul li i.icon-address{ background-position:0 -54px;}



footer .bots{ color:#585c5f;}

footer .copy{ padding:20px 0;border-top:1px #585c5f solid;}



.no-text-indent p{ text-indent:0;}

.copy a, .copy a:hover{ color:#585c5f;}





