.baseWidth{ max-width: 1200px; margin: 0 auto; }
/*header*/
.header{ /*background: #19c5eb;*/ background:#111; /*height: 65px;*/ height:100px; line-height: 65px; _line-height: 65px; *line-height: 65px; }
.header .baseWidth{ height: 65px; padding-top:17px; }
.header .logo{ margin-top: -8px; margin-left: 10px;}
.header .logo1{margin-left: 10px;  width:200px;}
.header .nav{ margin-right: 20px;}
.header .nav li{ float: left; padding: 0 37px;}
.header .nav li.on{ background: #fff; }
.header .nav li.on a.title,.header .nav_list a:hover{ color: #19c5eb;}
.header .nav li a{ line-height: 65px; height: 65px; display: block;}
.header a{ color: #f3f3f3; font-size: 16px;}
.header .language,.header .menu{ width: 40px; cursor: pointer; height: 65px; background-position: center; background-repeat: no-repeat; background-size: 15px auto; float: right; right: 0; text-align: center;}
.header .menu{ background: url(../images/icon5.png) center center no-repeat; background-size: 20px; display: none;}
.header .search_box{ position: relative; width: 40px; height: 65px; border: 0px solid #fff;}
.header .search_box input[type='text']{ color: #fff; position: absolute; top: 0; left: 0; width: 0px; padding: 0; background: none; border: none; height: 30px; line-height: 30px; _line-height: 30px; *line-height: 30px; }
.search_btn{ width: 100%; height: 100%; border: none; background: url(../images/icon1.png) center center no-repeat; cursor: pointer;}
::-webkit-input-placeholder { color: #999;}
:-moz-placeholder { color: #999;}
::-moz-placeholder { color: #999;}
:-ms-input-placeholder { color: #999;}
.header .nav_list{ display: none; position: absolute; /*width: 1068px;*/ width: 978px; padding: 0 66px; background: #fff; z-index: 999; /*right: -89px;*/ right: 0;}
.header .nav_list a{ color: #666; }
.header .nav li:hover .nav_list{ display: block;}
.header .nav li ul{ height: 83px; }
.header .nav li ul li{ padding: 0 50px; height: 83px; line-height: 83px; _line-height: 83px; *line-height: 83px;}
.header .nav li ul li a{ height: 83px; line-height: 83px; _line-height: 83px; *line-height: 83px;}

/*footer*/
.footer_content{ width: 100%; padding: 60px 0; background: #323437;}
.footer_content span{ color: #9fa6b0; font-size: 14px; vertical-align: middle; margin-left: 8px;}
.f_logo{ margin-bottom: 32px; }
.f_left p{ margin-bottom: 15px; }
.f_mid a{ font-size: 16px; }
.f_mid a.title{ color: #fff; float: left; margin-bottom: 52px;}
.f_mid,.ewm{ padding-top: 35px; }
.f_mid li a p{ font-size: 18px; margin-bottom: 25px;}
.f_mid li{ float: left; width: 180px;}
.f_mid li ul{ clear: both; }
.f_mid li ul a{ margin-bottom: 15px; display: block; color: #999;}
.f_mid li ul li{ padding-left: 0; clear: both; width: auto;}
/*.copyright{ text-align: center; font-size: 14px; background: #212121; height: 80px; line-height: 80px; color: #666;}*/
.copyright{ text-align: center; font-size: 14px; background: #212121; height: 80px; line-height: 20px; color: #666; display: table; width: 100%; padding: 0 1%; box-sizing: border-box;}
.copy_box{ display: table-cell; vertical-align: middle; text-align: center; }
.copyright .hunuo{color:#666; margin-left:10px;}
.copyright .hunuo1{color:#666;}
.copyright .br{display:none;}
.copyright .tongji{margin-left:10px;}
/*首页*/
.slick-slider{position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{z-index: 0; position: relative; display: block; overflow: hidden;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{outline: none; display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block; position:relative;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto;}
.slick-arrow.slick-hidden{display: none;}
.banner{position: relative;}
.banner img{width: 100%;}
.banner .slick-arrow{background-color: rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000); outline: none;border: none;width: 80px; height: 80px; top: 50%; margin-top: -40px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute; z-index: 10;}
.banner .slick-prev{background-image: url("../images/btn_left.png"); left: 18.75%;}
.banner .slick-next{background-image: url("../images/btn_right.png"); right: 18.75%;}
.banner-wrap .banner-bg{background-size:cover;background-position: center center; height: 800px; display: block;}
.slide .banner-bg{background-size:cover;background-position: center center; height: 700px; display: block;}
.slick-dots { position: absolute; bottom: 80px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li{ cursor: pointer; width: 20px; overflow: hidden; height: 20px; background: #ccc; border-radius: 10px; display: inline-block; zoom: 1; *display: inline; margin: 0 6px;}
.slick-dots li button{ background: none; border: none; outline: none; font-size: 0; }
.slick-dots li.slick-active{ background: #19c5eb; }
.banner-wrap .slick-dots{ bottom: 30px; }
.pro_type{ margin: 87px auto 47px; }
.pro_type li{ float: left; padding: 0 48px;}
.pro_type li a{ font-size: 16px; color: #999; height: 42px; line-height: 42px; _line-height: 42px; *line-height: 42px; display: block;}
.pro_type li.on{ background: url(../images/li_bg.png) no-repeat; background-size: contain;}
.pro_type li.on a,.pro_type li:hover a{ color: #19c5eb;}
.adv_box{ width: 100%; border-top: 1px solid #dedede; margin-bottom: 100px; }
.adv_box div.fl{ width: 49.9%; }
.adv_box div.fl:first-child{ border-right: 1px solid #dedede;}
.adv_box div.fl img{ width: 100%; }
.adv_box div.fl .item{ height: 350px; position: relative;}
.adv_box div.fl .item .more{ position: absolute; left: 62px; top: 228px; width: 55px; height: 55px; background: url(../images/more.png) no-repeat; }
.adv_box div.fl a:first-child .item{ border-bottom: 1px solid #dedede; }
.news_box{ width: 100%; background: #f8f8f8; padding-top: 120px; }
.news_line{ width: 379px; height: 1px; background: #666; margin: 0 auto 85px;}
.news_line h1{ font-size: 24px; margin-bottom: 15px;}
.news_line a{ font-size: 14px; color: #666; }
.news_line a:hover,.news_ul h2:hover{ color: #189dc1; }
.news_line .d_ib{ margin-top: -26px; background: #f8f8f8; padding: 0 20px;}
.news_ul li,.brand_ul li{ width: 33.3%; float: left; margin-bottom: 100px;}
.news_ul h2{ color: #666; font-size: 16px; display: inline-block; zoom: 1; *display: inline;}
.news_ul,.news_ul a,.brand_ul{ color: #666; font-size: 14px;}
.news_ul p,.brand_text,.brand_ul p{ line-height: 23px; _line-height: 23px; *line-height: 23px; }
.news_ul .read_more{ display: block; margin: 45px 0; width: 140px; border: 1px solid #666; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; text-align: center; height: 30px; line-height: 30px; _line-height: 30px; *line-height: 30px; }
.news_ul .read_more:hover{ color: #189dc1; border-color: #189dc1;}
.news_ul li div.d_ib{ text-align: left; }
.news_tit{ width: 40px; height: 2px; background: #666; margin: 20px 0 15px; }
.news_tit2{ width: 284px; height: 1px; background: #dbdbdb;}
.brand_wrap .news_line{ background: #dedede; margin: 120px auto 30px;}
.brand_wrap .news_line .d_ib{ background: #fff; }
.brand_text{ width: 67%; color: #999; font-size: 14px; margin: 0 auto 35px;}
.brand_round{ width: 179px; height: 117px; padding-top: 62px; background: url(../images/round.png) no-repeat; background-size: cover; margin: 0 auto 40px;}
.brand_round h2{ font-size: 24px; color: #333; margin-bottom: 6px;}
.brand_round span{ text-transform: uppercase; font-size: 16px; color: #999;}
.brand_tit{ width: 100%; height: 1px; background: #dedede; margin-bottom: 35px; border-top: 1px solid #fff;}
.brand_ul p{ width: 300px; color: #999; margin: 0 auto; }
.brand_ul li:hover .brand_round{ background: url(../images/round_bg.png) no-repeat; background-size: contain;}
.brand_ul li:hover .brand_round h2,.brand_ul li:hover .brand_round span{ color: #fff; }
.brand_ul li:hover p{ color: #189dc1; }
.brand_ul li:hover .brand_tit{ border-top: 1px solid #189dc1; background: #189dc1; }
.nav-pop{ width: 100%; height: 100%; position: fixed; z-index:5000; top: 0;overflow: auto; left: 0; background: #ffffff; left: 100%; bottom: 0; display: none;}
.nav-pop-tit{height: 65px; line-height: 65px;}
.nav-pop-tit span{color: #fff; font-size: 15px; /*position: fixed;*/ position:absolute; left:10px;}
.nav-pop-tit h5{color: #fff; font-size: 20px; text-align: center; background: #19c5eb;}
.menu-list li{border-bottom: 1px solid #d2d2d2; width: 100%; text-align: center; height: 65px; line-height: 65px; _line-height: 65px; *line-height: 65px;}
.menu-list li a{font-size: 16px; color: #19c5eb;}
.honor_banner .banner-wrap .banner-bg{ background-size: contain; background-repeat: no-repeat; }
.honor_banner .slick-slider{ padding: 100px 0; background: url(../images/bg3.jpg);}
.honor_banner .slick-dots li.slick-active{ background: #fff; }
.honor_banner .banner-wrap .slick-dots{ bottom: 40px; }
.honor_banner .slick-dots li{ width: 10px; height: 10px; margin: 0 5px; }

/*内页banner*/
.wbanner{ height: 535px; background-position: center; background-repeat: no-repeat; background-size:cover;}
.wbanner_text{ left: 23%; top: 38%; width: 40%; max-width: 485px; border-top: 2px solid #f0f0f1; border-bottom: 2px solid #f0f0f1; padding: 8px 0; }
.wbanner_box{ background: rgba(255,255,255,0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF); width: 92%; padding: 20px 0 20px 8%; }
.wbanner_box h2,.wbanner_box h3{ font-size: 36px; }
.wbanner_box h2{ color: #b6b6b7; text-transform: uppercase;}
.wbanner_box h3{ color: #686868; font-family: '黑体';}

/*产品列表*/
/*.pro_nav{ margin: 100px 0 60px; width:1200px;}
.pro_nav li{ float: left; padding: 0 26px 10px; border-bottom: 1px solid #999; float:right;}*/

.pro_nav{ margin: 90px 0 60px;}
.pro_nav li{ float: left; /*float:right;*/ padding: 10px 26px; border-bottom: 1px solid #999;}

.pro_nav li:first-child{ padding-left: 0; }
.pro_nav li:last-child{ padding-right: 0; }
.pro_nav a{ font-size: 14px; color: #999;}
.pro_nav li.on{ border-bottom: 1px solid #19c5eb; }
.pro_nav li.on a,.pro_nav li:hover a,.pro_list li p:hover,.news_list li h2:hover{ color: #19c5eb;}

.pro_nav1{ margin: -35px 0 60px;}
.pro_nav1 li{ float: left; padding: 0 26px 10px; /*border-bottom: 1px solid #999;*/}
.pro_nav1 li:first-child{ padding-left: 0; }
.pro_nav1 li:last-child{ padding-right: 0; }
.pro_nav1 a{ font-size: 14px; color: #999;}
.pro_nav1 li.on{ border-bottom: 1px solid #19c5eb; }
.pro_nav1 li.on a,.pro_nav1 li:hover a{ color: #19c5eb;}

.pro_list{ width: 1260px; margin-bottom: 25px;}
.pro_list li{ width: 360px; float: left; margin-right: 60px; margin-bottom: 56px;}
.pro_list li h2{ font-size: 14px; color: #999; padding: 20px 0 10px; border-bottom: 1px solid #dedede; margin-bottom: 15px; }
.pro_list li p{ font-size: 16px; color: #999;}
.pro_list li img{ border: 1px solid #dedede;}
.pages{ margin-bottom: 100px; }
/*.pages a{ vertical-align: top; color: #999; font-size: 14px; text-align: center; width: 26px; height: 26px; line-height: 26px; _line-height: 26px; *line-height: 26px; border-radius: 1px; display: inline-block;}
.pages a.on{ font-size: 18px; color: #fff; background: #2597cd; }
.pages a:hover{ color: #fff; background: #2597cd; }
.pages .total{ font-size: 14px; color: #666; height: 26px; line-height: 26px; _line-height: 26px; *line-height: 26px; }
.pages .next,.pages .next:hover{ background: url(../images/next.png) center center no-repeat; }*/


/*.page{ padding:40px 0 70px 0;}*/
.page a{ font-size:15px; color:#666; /*border:#262626 1px solid;*/  line-height:22px; padding:0 10px; margin-left:3px;}
.page .cpb{font-size:15px; /*border:#262626 1px solid;*/ background:#2597cd; line-height:22px; padding:0 10px; margin-left:3px; color:#fff;}


.pro_content{ padding-top: 80px; margin-bottom: 120px;}
.pro_content .pro_left img{ display: block; }
.pro_content .pro_right{ left: 50%; width: 505px; float: right; padding-top: 20px; margin-left: 79px;}
.pro_content .pro_right h2{ padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #dedede; font-size: 20px; color: #4c4a4a; line-height: 36px; _line-height: 36px; *line-height: 36px; }
.pro_content .pro_right p{ font-size: 14px; line-height: 48px; _line-height: 48px; *line-height: 48px; color: #999;}
.pro_content .pro_right p span{ color: #4c4a4a; }

/*新闻动态*/
.news_list{ width:1260px; margin-top: 100px; }
.news_list li{ width: 360px; padding-bottom: 40px; margin-right: 60px; margin-bottom: 60px; float: left; border-bottom: 1px solid #dedede; }
.news_list li h2{ font-size: 16px; color: #333; margin: 28px 0 16px;}
.news_list li p{ font-size: 14px; color: #999; line-height: 25px; _line-height: 25px; *line-height: 25px; margin-bottom: 26px;}
.news_list li span{ color: #333; font-size: 14px;}
.news_content h2{ font-size: 24px; color: #333; margin: 75px 0 30px;}
.news_content p{ color: #666; font-size: 14px; }
.news_text img{ margin: 50px auto; display: block;}
.news_text p{ line-height: 23px; _line-height: 23px; *line-height: 23px; text-indent: 2em;}
.news_text{ padding: 0 36px 50px; border-bottom: 1px solid #dedede; margin-bottom: 30px; }
.news_text a{ color: #666; }
.news_link{ border: none;}
.news_link p,.news_link a{ font-size: 16px; line-height: 26px; _line-height: 26px; *line-height: 26px;}
.share_box span{ font-size: 14px; }

/*关于我们*/
.about_text{ margin: 100px 0 42px; width: 1200px; min-height: 87px; background: url(../images/about_bg.png) center center no-repeat; }
.about_text .item:first-child p,.about_text .item:first-child span{ color: #0bc0ef; }
.about_text .item p{ font-size: 24px; color: #503c8e; margin-bottom: 10px;}
.about_text .item span{ font-size: 14px; color: #503c8e;}
.brand_box{ padding: 95px 0; background: #41b8e2; color: #fff; }
.brand_box li{ padding: 0 105px; margin-top: 65px;}
.brand_box li:first-child{ margin-top: 0; }
.round_bg{ text-align: center; width: 199px; height: 123px; padding: 38px 0; line-height: 62px; _line-height: 62px; *line-height: 62px; font-size: 36px; background: url(../images/brand_round.png) no-repeat;}
.brand_box h2{ font-size: 24px; margin-bottom: 25px;}
.brand_box p{ font-size: 16px; line-height: 26px; _line-height: 26px; *line-height: 26px;}
.round_text{ width: 655px; margin-left: 130px; }
.advantage,.pro_info{ padding: 100px 0 80px; }
.advantage h3,.pro_info h3{ font-size: 24px; color: #333; margin-bottom: 40px;}
.advantage p{ width: 395px; margin-left: 60px; font-size: 16px; color: #666; line-height: 36px; _line-height: 36px; *line-height: 36px; }
.pro_info{ background: #f8f8f8; border-top: 1px solid #dedede;}
.pro_info li{ margin-bottom: 32px; background: url(../images/info_bg.png) left center no-repeat; text-indent: 75px;}
.pro_info p{ font-size: 20px; margin-bottom: 5px;}
.pro_info span{ font-size: 12px; text-transform: uppercase;}
.img_box{ width: 300px; height: 181px; background: url(../images/pic_bg.png) no-repeat; margin-top: 15px;}
.img_box img{ margin-left: 5px; margin-top: 5px;}
#allmap,.map_box{ width: 100%; min-height: 723px; }
.map_info{ z-index: 999; top: 0; padding: 120px 0 100px; }
.map_info h2{ color: #333; font-size: 36px; margin-bottom: 32px;}
.map_info p{ color: #666; font-size: 24px; line-height: 72px; _line-height: 72px; *line-height: 72px;}
.shadow{ width: 100%; position: absolute; top: 0; left: 0; pointer-events: none; z-index: 999; height: 723px; background: url(../images/map_shadow.png) repeat-y; }

/*客户服务*/
.ser_content{ top: 0; width: 1200px;}
.box1,.box2{ padding: 0 125px; }
.ser_content h2{ font-size: 36px; color: #333; padding-top: 100px; margin-bottom: 45px;}
.ser_content .box1 h3{ font-size: 30px; color: #333; margin-bottom: 12px;}
.ser_content .box1 p{ font-size: 16px; color: #999; padding-bottom: 30px; border-bottom: 1px solid #bfbfbf;}
.box2 h4{ font-size: 20px; color: #333; line-height: 72px; _line-height: 72px; *line-height: 72px;}
.box2 p{ font-size: 12px; color: #999; line-height: 72px; _line-height: 72px; *line-height: 72px; position: relative; top: -120px;}
.honor_title{ padding: 95px 0 50px; font-size: 36px; color: #333; }

/*产品证书*/
.mod18Box{ margin-bottom: 10px; background: #dedede;}
.mod18{ width: 100%; position: relative;}
.mod18 .btn{position: absolute; top: 152px; width: 45px; height: 78px; cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(../images/slide_left.png) no-repeat;}
.mod18 .next{right:0;background:url(../images/slide_right.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .picBox{height:710px;position:relative;overflow:hidden; width: 1200px; margin: 0 auto; padding-top: 90px;}
.mod18 .picBox ul{height:710px;position:absolute;}
.mod18 .picBox li{width:1200px;height:710px; text-align: center;}
.mod18 .picBox li img{ width:400px;height:557px; border: 10px solid #dedede;}
.mod18 .listBox{ width: 1040px; height: 243px; position: relative; overflow: hidden; left: 80px; padding: 70px 0 98px;}
.mod18 .listBox ul{height:243px;position:absolute; width: 999999px;}
.mod18 .listBox li{border: 6px solid #fff; margin-right: 31px; cursor: pointer;}
.mod18 .sm_list li p{ font-size: 24px; color: #fff; margin-top: 35px;}
.mod18 .listBox li.on{border-color: #5584d4;}
.mod18 .listBox li img{width: 171px;height: 231px;}
.picBox_bg{ background: url(../images/bg3.jpg) center center no-repeat; width: 100%; height: 800px;}

@media screen and (min-width: 1201px){
.header .nav{ display: block !important}
}
@media screen and (max-width: 1440px){
.wbanner{ height: 490px; }
.ser_content h2{ padding-top: 60px; margin-bottom: 20px;}
.banner-wrap .banner-bg{ height: 700px;}
}

@media screen and (max-width: 1400px){
.wbanner{ height: 450px; }
.ser_content h2{ padding-top: 50px;}
.banner-wrap .banner-bg{ height: 600px;}
}

@media screen and (max-width: 1370px){
.wbanner{ height: 400px; }
.ser_content h2{ padding-top: 40px;}
.banner-wrap .banner-bg{ height: 500px;}
}

@media screen and (max-width: 1280px){
.ser_content h2{ margin-bottom: 10px}
.mod18Box{ display: none; }
.honor_banner{ display: block; }
}

@media screen and (max-width: 1200px){
.nav-pop{ display: block; }
.header{ position: fixed; top: 0; width: 100%; z-index: 999; }
.header .baseWidth{ width: 100%; padding: 0; }
.main{ margin-top: 65px; width: 100%; overflow: hidden;}
.header .nav{ box-shadow: 0 1px 5px #ccc; display: none; position: fixed; top: 65px; left: 0; z-index: 999; width: 100%;}
.header .nav li{ padding: 0; width: 100%; border-bottom: 1px solid #d2d2d2; text-align: center; background: #fff;}
.header .nav li a{ color: #19c5eb;}
.header .nav li:hover .nav_list,.header .nav li.on .nav_list{ display: none; }
.header .menu{display: block;}
.map_info p{ font-size: 20px; }
.f_mid li { width: 140px;}
.pro_type li { padding: 0px 45px;}
.baseWidth,.about_text,.pro_list,.pro_content,.news_list{ width: 98%; padding: 0 1%;}
.mod18 .picBox{ width: 98%; padding: 90px 1% 0; }
.pro_list li{ width: 30%; margin: 0 1.6% 30px; }
.pro_list li img{ width: 100%; }
.pro_left{ width: 100%; }
.pro_left img{ width: 48%; margin: 1%; float: left; }
.pro_content .pro_right{ width: 90%; margin: 5%; position: inherit; display: block; float: inherit;}
.ser_content { width: 100%;}
.box2 p{ top: -80px;}
.box2 p,.box2 h4{ line-height: 50px; _line-height: 50px; *line-height: 50px; }
.ser_content .box1 p{ padding-bottom: 10px; }
.brand_box li{ padding: 0 6%; }
.round_text { width: 70%; margin-left: 5%;}
.shadow{ width: 50%;}
.map_info{ width: 48%; padding-top: 100px;}
.advantage { padding: 50px 0; }
.advantage img{ width: 50%; }
.news_list li{ width: 30%; margin: 0 1.6% 40px; }
.news_list li img{ width: 100%; }
.honor_title{ padding: 50px 0; }
.news_text img{ max-width: 100%; }
.ewm{ display: none; }
}

@media screen and (max-width: 1050px){
.adv_box div.fl{ width: 100%;}
.adv_box div.fl:first-child,.adv_box div.fl a:first-child .item{ border: none; }
.adv_box div.fl .item{ width: 50%; float: left;}
.slide .banner-bg{ height: 500px; background-size: contain; background-repeat: no-repeat;}
.slick-dots{ bottom: 30px; }
.adv_box div.fl .item{ height: 300px; background-size: cover;}
.news_box{ padding-top: 60px; }
.news_line{ margin-bottom: 65px; }
.news_ul li{ margin-bottom: 40px;}
.news_ul li,.news_ul .d_ib,.news_tit2{ width: 100%;}
.news_ul li .detail_text p{ float: left; margin-right: 40px; }
.news_ul li .read_more { float: right; margin: 5px 0 20px 0;}
.news_ul li .news_tit2{ clear: both; }
.brand_ul p { width: 80%; color: #999; margin: 0 auto;}
.f_mid li{ width: 100px; }
.shadow{ display: none; }
.map_info{ padding: 50px 0; position: inherit; width: 80%; margin-left: 5%;}
.map_info h2{ display: none; }
.map_info p{ font-size: 16px; line-height: 40px; _line-height: 40px; *line-height: 40px; }
#allmap,.map_box{ width: 100%; min-height: 520px; }
}

@media screen and (max-width: 960px){
.about_text{ background: none; margin: 40px 0;}
.about_text .item{ display: block; width: 100%; margin-bottom: 10px; }
.about_text .item.fr{ text-align: right; }
.brand_box li { padding: 0px 1%;}
.advantage p{ float: right; }
.round_text { width: 65%; margin-left: 5%;}
.advantage img,.advantage p{ width: 80%; margin-left: 10%; float: inherit; }
.img_box{ background: none; width: 100%; height: auto; text-align: center; }
.img_box img{ margin: 0; width: 50%; }
.advantage h3, .pro_info h3{ text-align: center; }
.round_bg{ width: 100px; height: 100px; background-size: contain; padding: 21px 0 0; font-size: 24px; line-height: 30px; }
.pro_info li{ padding-left: 75px; text-indent: 0; }
}

@media screen and (max-width: 768px){
.pro_list li { width: 48%; margin: 0 1% 30px;}
.news_list li { width: 48%; margin: 0 1% 40px;}
.adv_box div.fl .item { width: 100%; height: 350px; background-size: contain; background-repeat: no-repeat;}
.wbanner_text { left: 10%; top: 27%; width: 60%;}
.pro_nav{ margin: 50px auto; float: inherit; display: inline-block;}
.pro_wrap{ text-align: center;}
.ser_wrap img{ opacity: 0.5;}
.box2 p { top: -120px; }
.wbanner{ height: 300px;}
.banner-wrap .banner-bg{ height: 400px;}
.pro_type{ width: 100%; }
.pro_type li{ width: 30%; margin: 0 1.4%; padding: 0;}
.pro_type li.on{ width: 50%; background: none; border: 2px solid #53bbc1; float: inherit; margin: 0 auto 10px;}
.news_ul li{ width: 90%; margin-left: 5%; }
.header .logo1{display:none;}
}


@media screen and (max-width: 700px){
.ser_content .box1 h3{ margin-bottom: 0; font-size: 18px; }
.ser_content h2{ padding: 30px 0 10px; margin-bottom: 0; text-align: center; font-size: 24px;}
.ser_content{ position: inherit; }
.ser_wrap img{ display: none; }
.box1,.box2{ text-align: left; width: 80%; margin-left: 10%; margin-bottom: 20px; padding: 0;}
.box2 p, .box2 h4 { line-height: 20px;}
.box2 h4 { font-size: 16px;}
.box2 p { top: 0; margin: 10px 0 25px;}
}


@media screen and (max-width: 600px){
.brand_text{ width: 90%; text-align: left; }
.brand_ul li{ float: inherit; width: 100%; margin-bottom: 20px; }
.brand_round{ padding-top: 0; width: 100px; height: 100px; display: inline-block; vertical-align: middle; margin-left: 3%; }
.brand_ul p{ width: 58%; margin-left: 4%; display: inline-block; vertical-align: middle; }
.brand_round{ background-size: contain; line-height: 100px; margin-bottom: 0;}
.brand_round h2{ font-size: 16px; margin-bottom: 0;}
.brand_round span{ display: none; }
.brand_tit{ display: none; }
.brand_ul{ margin-bottom: 30px; }
.brand_wrap .news_line{ margin-top: 40px; }
.header .logo1{display:none;}
}

@media screen and (max-width: 415px){
.wbanner{ height: 200px;}
.wbanner_text { top: 24%; width: 70%;}
.pro_right{ font-size: }
.f_mid{ display: none;}
.footer_content .baseWidth{text-align: center;}
.f_left{ text-align: left; float: inherit;}
.pro_content .pro_right p{ line-height: 35px;}
.pro_content .pro_right h2{ font-size: 16px; margin-bottom: 10px; line-height: 22px;}
.pro_left img{ width: 98%;}
.wbanner_box h2, .wbanner_box h3{ font-size: 24px;}
.footer_content{ padding: 35px 0;}
.f_logo{ margin-bottom: 20px; width: 60%;}
.banner-wrap .banner-bg{ height: 250px;}
.news_list li{ width: 98%; margin: 0 1% 20px; padding-bottom: 15px;}
.news_list{ margin-top: 20px;}
.news_list li p{ margin-bottom: 5px;}
.news_list li h2{ margin: 15px 0 10px;}
.news_text{ padding: 0 2% 20px;}
.news_text img{ margin: 10px auto;}
.news_content h2{ margin: 20px auto 10px; font-size: 18px;}
.slide .banner-bg{ height: 400px ; }
.adv_box div.fl .item{ height: 200px; }
.adv_box div.fl .item .more{ left: 45px; top: 139px; background-size: 40px; width: 40px; height: 40px;}
.adv_box{ margin-bottom: 40px; }
.pro_type{ margin: 30px auto 15px; }
.slick-dots li{ width: 15px; height: 15px; }
/*.copyright{ height: 50px; line-height: 50px; }*/
.copyright{ /*height: 70px;*/ height: 60px; /*line-height: 35px;*/ }
.copyright .br{display:block;}
.copyright .tongji{display:none;}
.footer_content{ padding: 20px 0 5px; }
.pro_list li{ width: 46%; margin: 0 2% 10px; }
.pro_list li h2{ padding: 5px 0; }
.pro_list li h2{ margin-bottom: 10px }
.pro_list li{ margin-bottom: 10px; }
.pages{ margin-bottom: 40px; }
.pro_nav{ margin: 30px auto; }
.pro_nav li{ width: 33%;  line-height: 30px; padding: 0;}
.honor_title,.ser_content h2{ padding: 20px 0; text-align: center; font-size: 24px; }
.box1,.box2{ text-align: left; width: 80%; margin-left: 10%; margin-bottom: 20px; padding: 0;}
.ser_wrap img{ display: none; }
.ser_content{ position: inherit; }
.box2 h4{ font-size: 16px; }
.box2 p, .box2 h4{ line-height: 20px; }
.box2 p{ top: 0 ; margin: 10px 0 25px;}
.box1 h3,.box1 p{ text-align: left; }
.ser_content .box1 h3{ margin-bottom: 0; font-size: 18px; }
#allmap, .map_box{ min-height: 300px; }
.map_info{ padding: 30px 0; position: inherit; width: 90%;}
.map_info p{font-size: 14px;}
.news_ul li{ margin-bottom: 20px; }
.news_ul li:last-child{ margin-bottom: 0; }
.news_ul li:last-child .news_tit2{ display: none; }
.news_ul .read_more{ font-size: 12px; width: 120px; }
.news_link p, .news_link a{ font-size: 14px; }
.share_box span.d_ib{ margin-bottom: 10px; }
.adv_box div.fl:first-child { border-bottom: 1px solid #dedede;}
.news_line{ width: 100%; }
.about_text{ margin: 20px 0; }
.about_text .item{ margin-bottom: 20px; }
.brand_box{ padding: 40px 0; }
.brand_box li{ margin-top: 30px; }
.brand_box h2 { font-size: 20px; margin-bottom: 10px;}
.brand_box p,.advantage p{ font-size: 14px; line-height: 22px;}
.pro_info{ padding: 40px 0; }
.pro_info h3{ margin-bottom: 20px; }
.pro_info p{ font-size: 16px; }
.about_text .item p{ font-size: 18px; }
.about_text .item span{ font-size: 12px; }
.f_logo{ width: 45%; }
.pro_info ul{ padding: 0 2%; }
.menu-list li{ height: 50px; line-height: 50px; }
.about_text{ text-align: center; }
.about_text .item,.about_text .item.fr{ float: inherit; text-align: center;}
.header .logo1{display:none;}
/*.copyright,.footer_content span{ font-size: 12px; }*/
}

@media screen and (max-width: 320px){
.banner-wrap .banner-bg{ height: 200px; }
.slide .banner-bg{ height: 300px; }
.copyright,.footer_content span{ font-size: 12px; }
.wbanner_box h2, .wbanner_box h3{ font-size: 20px; }
.honor_banner .slick-slider{ padding: 50px 0; }
.honor_banner .banner-wrap .slick-dots{ bottom: 20px; }
.map_info p{ line-height: 25px; }
.round_bg{ display: none; }
.round_text { width: 90%; margin-left: 5%;}
.box2 h4{ font-size: 14px; }
.pro_info li{ padding-left: 60px; background-size: 50px; }
.header .logo{ width: 80px; }
.header .logo1{display:none;}
.header .language, .header .menu{ width: 35px; }
}


.x_pro .pro_nav{ margin: 90px 0 25px;}
.x_pro .pro_nav1{ margin: 0px 0 25px;}
.spro_nav{ clear: both; float: right; margin-bottom: 60px; }
.spro_nav li{ float: left; padding: 10px 26px;}
.spro_nav li a:hover,.spro_nav li.on a{ color: #19c5eb;}
.spro_nav li:last-child{ padding-right: 0; }
.spro_nav a{ font-size: 14px; color: #999;}

@media screen and (max-width: 768px){
	.x_pro .pro_nav{ margin: 50px auto 25px;}
	.spro_nav{ width: 94%; margin: 0 auto 40px; float: inherit;}
	.spro_nav li{ padding: 0; text-align: center; line-height: 25px; width: 20%;}
}
@media screen and (max-width: 600px){
	.spro_nav{ width: 100%; margin-bottom: 20px; }
	.spro_nav li{ width: 33%;}
}
@media screen and (max-width: 415px){
	.x_pro .pro_nav{ margin: 30px auto;}
}


.adv_box div.fl .item h2{ position: absolute; left: 50px; top: 90px; font-size: 26.5px; font-weight: bold; color: #646464;}
.adv_box div.fl .item p{ position: absolute; left: 50px; top: 130px; font-size: 21.7px; color: #999;}
.adv_box div.fl .banner h2{ position: absolute; top: 104px; left: 64px; font-size: 26.5px; font-weight: bold; color: #646464; }
.adv_box div.fl .banner p{ position: absolute; top: 142px; left: 64px; font-size: 21.7px; color: #999; }
.adv_box div.fl .banner:hover h2,.adv_box div.fl .item:hover h2{ color: #19c5eb;}

@media screen and (max-width: 1200px){
.adv_box div.fl .banner h2,.adv_box div.fl .banner p{ left: 35px; }
}

@media screen and (max-width: 1050px){
.adv_box div.fl .banner h2,.adv_box div.fl .banner p{ left: 105px; }
}

@media screen and (max-width: 768px){
.adv_box div.fl .banner h2{ top: 54px;}
.adv_box div.fl .banner p{ top: 92px;}
}

@media screen and (max-width: 700px){
.adv_box div.fl .banner h2,.adv_box div.fl .item h2{ font-size: 22px; }
.adv_box div.fl .banner p,.adv_box div.fl .item p{ font-size: 18px; }
}

@media screen and (max-width: 600px){
.adv_box div.fl .item h2{ top: 50px; }
.adv_box div.fl .item p{ top: 90px; }
}

@media screen and (max-width: 415px){
.adv_box div.fl .banner h2,.adv_box div.fl .item h2{ font-size: 20px; left: 3%; top: 30px; }
.adv_box div.fl .banner p,.adv_box div.fl .item p{ font-size: 16px; left: 3%; top: 60px; }
.adv_box div.fl .banner h2{ top: 40px; }
.adv_box div.fl .banner p{ top: 70px; }
}