@charset "utf-8";
@import url(/static/css/pintuer.min.css);
@import url(/static/css/anim.css);
@import url(/static/css/fontawesome4.7.0.css);
@import url("/static/css/animate.min.css");
@import url("/static/css/iconfont.css");
html { *overflow-y:auto;/* 去掉IE7下默认出现的滚动条 */}
html, body {overflow-x: hidden;}
*{padding: 0px; margin:0px; border:0px; box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
body{color: #000;background: #fff;height: 100%;position: relative; font: 13px/1.5em "Microsoft YaHei";}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{ font: 14px/1.5em "Microsoft YaHei";}
body, dl, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend {margin: 0;padding:0;}
p, ul, ol, fieldset {margin: 0;padding: 0;}
li {list-style: none;}
em, i {font-style: normal;}
table {font-size: inherit;border-collapse: collapse;border-spacing: 0;}
tbody {display: table-row-group;vertical-align: middle;border-color: inherit;}
fieldset, img {border: none;}
h1, h2, h3, h4, h5, h6 {font-size: 1.5em;font-weight: normal;}
input {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}
input, button, textarea, select {outline: none;font-family: "微软雅黑", Helvetia, "lucida Grande", Verdana, Arial;font-size: inherit;line-height: inherit;}
textarea {vertical-align: top;overflow: auto;/* 移除IE下的纵向滚动条 */}
a {color: #000;background-color: transparent;-webkit-text-decoration-skip: objects;text-decoration: none;}
a:focus, a:hover{ color: #000;}
img {
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}
.clear{ clear: both; margin: 0px; height: 0px; padding: 0px; display: block;}
.browserupgrade { position: absolute; width: 100%; height:100%; left: 0; top: 0; text-align:center; background: #333; color: #fff; z-index: 9999999; padding-top:20%; }
.browserupgrade  p,.browserupgrade  p a{ font-size:25px;  }
.browserupgrade  p a{ color: red; }
.text-lowercase {text-transform: lowercase;}
.text-uppercase, .initialism {text-transform: uppercase;}
.text-capitalize {text-transform: capitalize;}
ul,li{ margin:0; padding:0; list-style:none}
.header{ width: 100%; background: #fff; z-index: 9999999;}
.header .navbar-head{ padding-bottom: 5px;}
.language_show a{ margin-left: 15px;line-height: 30px;}
.language_show a span{ color: #2086C8; margin-right: 8px;}
.language_show a img{ padding-right: 5px;line-height: 30px;}
.header .navbar-head .web_logo img{ height: 70px;}
.navbar-head{ padding: 5px 0px;}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{outline: none;}
.slides,.flex-control-nav,.flex-direction-nav{margin: 0;padding: 0;list-style: none;}
.flexslider{margin: 0;padding: 0;position:relative}
.flexslider .slides > li{display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img{width: 100%;display: block;margin:0 auto}
.flex-pauseplay span{text-transform: capitalize;}
.slides:after{content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides{display: block;}
.no-js .slides > li:first-child{display: block;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center; font-size:0px; }
.flex-control-nav li{display:inline-block;margin:0 3px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;cursor:pointer;width:30px;height:5px;border-radius:10px;float:left;text-indent:-2000px;border:1px solid #fff;background: #fff; font-size: 0; }
.flex-control-nav .flex-active{background:#2086c8; border-color: #2086c8;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; display:block}/* display:none隐藏左右按钮*/
.flex-direction-nav li a{display:block;width:38px;height:38px;overflow:hidden;cursor:pointer;position:absolute;margin-top:-38px;text-indent:-999em; background: url(/static/images/prev.png) no-repeat left center;}
.flex-direction-nav li a.flex-next{ left: 10px;}
.flex-direction-nav li a.flex-prev{right:10px;background: url(/static/images/next.png) no-repeat left center;}
.home-ys{ padding: 4rem 0px; background: #f1f1f1;}

.global-title{ text-align: center; margin-bottom: 25px;}
.global-title .title{ font-size: 2rem; font-weight: 500; line-height: 2.2rem;}
.global-title .desc{ margin-top: 25px; color: #666; font-size: 16px; letter-spacing: 2px;}

.home-ys .ys_box{margin:15px 20px; background: #fff; padding:80px 15px 45px 15px; position: relative; margin-top: 80px;}
.home-ys .ys_box .icon{ position: absolute; width: 100px; height: 100px;top:-50px; }
.home-ys .ys_box .icon img{ width: 100%;}
.home-ys .ys_box h3{ text-align: center; padding: 0px 15px; overflow: hidden; white-space: nowrap; font-size: 20px; font-weight: 500; }
.home-ys .ys_box .desc{padding: 0px 35px; font-size: 15px; color: #888; line-height: 30px; margin-top: 26px; min-height: 89px;}

.home-product{ margin: 4rem 0;} 
.home-pro-nav{ text-align: center;}
.home-pro-nav a{ line-height: 45px;padding: 0px 20px; font-size: 16px; font-weight: 400; display: inline-block; background: #2086C8; color: #fff;margin: 0px 8px;}
.home-pro-nav a:hover{ color:#fff !important;}
/* .home-pro-nav a:first-child{ padding-left: 0px;}
.home-pro-nav a:last-child{ padding-right: 0px;} */
.home-product-box{margin: 35px 15px 0px 15px;}
.home-product-box .pic img{ width: 100%; padding-bottom: 15px;}
.home-product-box .title{ text-align: center; line-height:40px; }
.home-product-box .title a{color: #223260; font-size: 18px;}

.more a{ display: block; width: 200px; height: 50px;line-height: 50px; margin: 50px auto 0; text-align: center; color: #fff; background: #2086C8; }
.more a img{ margin-right: 10px; margin-top: -5px;}

.home-advantage{background: url(/static/images/advantage_bg1.jpg); padding: 4rem 0;}
.home-advantage .advantage-box{ width: 150px; height: 120px; margin: 0 auto; border: 2px solid #fff; border-top: none; position: relative;}
.home-advantage .advantage-box:before,.home-advantage .advantage-box:after{ content: ''; position: absolute; top: 0; width: 40px; border-top: 2px solid #fff; left: 0;}
.home-advantage .advantage-box:after{ left: auto; right: 0;}
.home-advantage .advantage-box .img{ height: 45px; text-align: center;}
.home-advantage .advantage-box .img span:before{font-family: "iconfont" !important; font-size: 34px; height: 28px;vertical-align: middle; margin-top: -20px; color: #fff;}
.home-advantage .advantage-box .img img{ margin-top: -15px; vertical-align: middle;}
.home-advantage .advantage-box .text{ color: #fff; text-align: center;padding: 0px 10px;}
.home-advantage .advantage-box .text h4{ height: 26px; font-size: 18px;}
.home-advantage .advantage-box .text p{ font-size: 14px;}

.home-news{ padding: 4rem 0px; background: url(/static/images/news_bg.jpg) no-repeat left center; background-size: 100% 100%;}
.home-news .news-box{ margin: 35px 15px 0px 15px;}
.home-news .news-box .date_time{ color: #888; font-size: 14px; border-bottom: 1px dashed #999; padding-bottom: 10px; margin-bottom: 15px;}
.home-news .news-box  a h3{ font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;word-break:keep-all; line-height: 35px;}
.home-news .news-box  a p{ color: #888; line-height: 22px; max-height: 43px; overflow: hidden; white-space: normal; text-overflow: ellipsis;}
.home-news .news-box  a.more{ margin-top: 20px; display: block; width: 100px; height: 35px; font-size: 16px; color: #666; border: 1px solid #ccc; line-height: 35px; text-align: center;}
.home-news .news-box  a:hover h3{ color: #2086C8;}
.home-news .news-box  a.more:hover{ background: #2086C8; color: #fff;}

.home-hezuo{ padding: 4rem 0px;}
.home-hezuo .hezuo-list{ width: 100%; display: table; table-layout: auto; margin-top: 15px;text-align: justify;text-align-last: justify;text-justify: inter-ideograph;text-align-last: justify; }
.home-hezuo .hezuo-list .hezuo-list-box{display: flex; text-align:center; }
.home-hezuo .hezuo-list .hezuo-list-box .icon_img{ padding: 0px 15px;}
.home-hezuo .hezuo-list .hezuo-list-box img{width: 100%;}

.footer{ background: #333; padding-top:4rem; color: #ccc;}
.footer_box div:nth-child(2){ padding:0px 25px; padding-left: 120px;}
.footer_box h3{ font-size: 18px; font-weight: 500; line-height: 45px; color: #fff;}
.footer_box p{line-height: 25px;color: #888;}
.footer_box .qrcode { text-align: center;}
.footer_box .qrcode img{ max-width: 115px;}
.banquan{ margin-top: 35px; border-top:1px solid #484848; padding: 15px 0px; text-align: center; color: #999;}
.banquan a{ color: #999;}

.contact_show{ background: url(/static/images/contact.png) no-repeat left center; background-size: cover; padding: 65px 0px;}
.contact_show .contact_box{ margin: 35px 15px;}
.contact_h3{ text-align: center;}
.contact_h3 img{ max-width: 100%;}
.contact_show .contact_box .contact_address{ background: rgba(249, 112, 112, 1);padding: 50px 65px 50px; color: #fff;}
.contact_show .contact_box .contact_tel{ background: rgba(203, 180, 52, 1);padding: 50px 65px 50px; color: #fff;}
.contact_show .contact_box .contact_kefu{ background: rgba(49, 160, 225, 1);padding: 50px 65px 50px; color: #fff;}
.contact_show .contact_box .iconfont:before{font-family: "iconfont" !important; font-size: 61px;} 
.contact_show .contact_box { text-align: center;}
.contact_show .contact_box .title{ margin-top: 25px; font-size: 16px; margin-bottom: 10px;}
.contact_show .contact_box .info p{ line-height: 2.2;}
#map{ width: 100%; height: 450px;}
.contact_map{ margin-bottom: 55px;}
.contact_map .address{ line-height: 55px; background: #f2f2f2; text-align: center; font-size: 16px;} 
.position{ background: rgba(246, 246, 246, 1); line-height: 55px;}
.position_show { line-height: 55px;}
.position_show span{ padding: 0px 10px;}
.about_show{ margin-bottom: 65px;} 
.about_title{ margin: 55px 0px; text-align: center;}
.about_title h3{ font-size: 30px; padding-bottom: 10px; font-weight: 500; letter-spacing: 5px;}
.about_title h5{ color: #666; font-size: 14px;}
.about_content .about_profile{ margin-right: 25px;}
.about_content .about_profile p{ text-indent: 2em; line-height: 30px; font-size: 16px; color: #333;}
.about_pic { margin-left: 25px;}
.about_pic img{ width: 100%;}
.culture_show{ margin-bottom: 65px;}
.culture_list .pic{ margin: 0px 15px 35px;border: 1px solid #ddd;}
.culture_list img{ width: 100%;padding:20px; }
.about_timeline{ background: #e9f0f5;color: #333; padding:45px 0px;}
.about_culture{ background: #E8E8E8;padding: 35px 0px;}
.about_culture_list .about_culture_box{ text-align: center; margin: 0px 25px 45px 25px; border: 1px solid #fff; border-radius: 15px; background: #fff;padding:35px 15px;-moz-box-shadow:0px 0px 8px 4px #ddd; -webkit-box-shadow:0px 0px 8px 4px #ddd; box-shadow:0px 0px 8px 4px #ddd;}
.about_culture_list img{ width: 75px;}
.about_culture_list .about_culture_box h3{ font-size: 20px; margin-top: 20px;}
.about_culture_list .about_culture_box p{ margin-top: 10px; font-size: 13px; color: #555; height: 60px; line-height: 30px; overflow: hidden; white-space: normal; text-overflow: ellipsis;}

.bt{ text-align: center; margin: 55px 0px;}
.bt h4{ font-size: 30px; font-weight: 550; letter-spacing: 4px;}
.bt p{ font-size: 14px; color: #888; margin-top: 10px; text-transform: uppercase;}

.news-list-show .news-list-box{ margin: 0px 20px;}
.news-list-show .news-list-box a{display: block;padding:13.74322% 20px 16.27486%;overflow:hidden;border-top:1px solid #d9d9d9;-webkit-transition:all ease .2s;-o-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s}
.news-list-show .news-list-box a:hover{background-color:#f2f2f2;}
.news-list-show .news-list-box a:hover .title{ color: #2086C8;}
.news-list-show .news-list-box .date{margin-bottom:20px;font-size:18px;line-height:24px;color:#666}
.news-list-show .news-list-box .date .line{display:block;width:25px;height:0;padding-top:15px;border-bottom:3px solid #d9d9d9}
.news-list-show .news-list-box .title{margin-bottom:32px;font-size:18px;font-weight:500;color:#1a1a1a;display:-webkit-box;height:48px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-list-show .news-list-box .desc{font-size:14px;line-height:24px;color:#666;display:-webkit-box;height:96px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}

.page_nav{ margin: 55px 0px;line-height: 33px; overflow-y: hidden; overflow-x: auto; white-space: nowrap;padding: 5px 0px;}
.page_nav a{padding:10px 15px;margin: 0 3px;background: #fff;border: 1px solid #ddd;-webkit-border-radius: 2px;border-radius: 2px; }
.page_nav a.page-num-current{ color: #fff; background: #2086C8; border-color:#2086C8 ;}

.news-show-con,.product-content{ margin: 55px 0px 0px;}
.news-show-title,.pro-show-title{ text-align: center;}
.news-show-title h3,.pro-show-title h3{ font-size: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 65px;}
.news-show-title p,.pro-show-title p{ color: #888; line-height: 32px; font-size: 14px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }
.news-content-show img{ max-width: 100% !important;}
.news-content-show{ margin-top: 55px;}
.news-content-show p,.news-content-show *{ line-height: 30px;}
.text-num{ border-top: 1px dashed #cdcdcd; padding: 25px 0px; margin-top: 55px;}
.text-num p a:hover{ color: #2086C8;}
.news-content-show table{width: 100%;border-collapse: collapse;}
.news-content-show table tr:nth-child(even) {background-color: rgba(242,242,242,.5);}
.news-content-show table tr:nth-child(odd) {background-color: #ffffff;} 
.news-content-show table th{background:#2086C8; color: #fff; padding: 8px 0px; text-align: center;border: 1px solid #fff;}
.news-content-show table td{border: 1px solid #ddd;padding: 8px 15px;text-align: left; line-height: 1.5}
.news-content-show table td.td_left{ font-weight: 400;}

.pro_nav{ text-align: center; margin-bottom: 45px;}
.pro_nav a{ margin: 10px; border: 1px solid #ddd;padding: 10px 15px; display: inline-block;}
.pro_nav a.active,.pro_nav a:hover{ background: #2086C8; color: #fff;}
.product-list-box{ margin: 0px 15px 35px; text-align: center;}
.product-list-box img{ width: 100%; border: 1px solid #ddd;}
.product-list-box .title{ font-size: 18px; padding: 15px 0px;}
.product-list-box  a:hover .title{ background: #2086C8; color: #fff;}

.pro_content_show{ margin: 55px 0px;}
.pro_content_show .info_box-right{ margin-left: 60px;}
.pro_content_show .pic{ margin-right: 100px;}
.pro_content_show .pic img{ width: 100%;}
.pro_content_show .info_box h3{ font-size:28px ; height: 80px; border-bottom: 1px solid #ddd;}
.pro_content_show .info_box .text{ margin-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #ddd;}
.pro_content_show .info_box .text p{ line-height: 45px; font-size: 16px;}
.pro_zx{ margin-top: 35px;}
.pro_zx a.more{ width: 180px; height: 50px; display: block; font-size: 18px; color: #fff; background: #2086C8; line-height: 50px; border-radius: 50px; text-align: center;}
.pro_zx a.more span{ padding-right: 8px;}
.pro_zx a.more span:before{ font-size: 18px; }
.pro_zx .dzrx{ margin-left: 55px; font-size: 15px;}
.pro_zx .dzrx p{ font-size: 15px;}
.pro_zx .dzrx .call{ font-size: 26px; color: #2086C8;}

.pro_content_xq .dz_list .ico_dz span:before{font-family: "iconfont" !important;}
.pro_content_xq .dz_list li{ float: left; width: 20%; text-align: center;position: relative; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all;}
.pro_content_xq .dz_list li .ico_dz{ width: 150px; height: 150px; border-radius: 50%; background: #2086C8; color: #fff; margin: 0 auto;}
.pro_content_xq .dz_list li .ico_dz span{ font-size: 50px; line-height: 150px;  display: inline-block;}
.pro_content_xq .dz_list li p{ margin: 25px 0px; font-size: 18px;}
.process{ background: #2086C8; padding: 25px 0px 55px; color: #fff;}
.process .bt { margin-bottom: 30px;}
.process .bt p{ color: #fff;}
.process .phone_zx{ text-align: center;}
.process .phone_zx a{ display: inline-block; width: 170px; border-radius: 20px 0 0 20px; background: #fff; color: #333; height: 40px; transition: all .4s; line-height: 40px;}
.process .phone_zx span{ display: inline-block; width: 170px; border-radius: 0 20px 20px 0; background: #fff; color: #333; height: 40px; line-height: 40px;  transition: all .4s;}
.process .liuch{ margin-top: 120px;}
.application_list { margin-bottom: 65px;}
.process .liuch img{ width: 100%;}
.application_list img{ width: 100%;}
.application_list .item{padding: 0px 10px; text-align: center;}
.application_list .item .title{ line-height: 45px; font-size: 16px;}
.application_list .pager-prev,.application_list .pager-next{ color: #2086C8; border-color:#2086C8;}
.application_list .pointer  li{ border-color: #2086C8; background-color: #fff;}
.application_list .pointer  li.active{ border-color: #2086C8; background-color: #2086C8;}

.about_nav{ margin: 45px 0px; text-align: center;}
.about_nav a{ line-height: 45px;padding: 0px 20px; font-size: 16px; font-weight: 400; display: inline-block; margin: 0px 8px; border: 1px solid #ddd; border-radius: 5px;}
.about_nav a:hover,.about_nav a.active{ background: #2086C8; color:#fff !important;}
.about_content img{ width: 100%;}
.hezuo-list-box  .hezuo_box{ margin:10px 10px;}
.nav-pro_cnc { display: block;  margin-bottom: 55px;}
.nav-pro_cnc *{ line-height: 25px; font-size: 16px; }
.nav-pro_cnc img{ max-width: 100%;  }
.pro_model_list .pro_model_con img{width: 100%;}

.sles_main{ width: 100%; position: relative;}
.sles_main h2{font-size: 32px;  font-weight: lighter;padding: 0px; margin: 0px; padding-left: 90px; color: #6A9EFF; position: absolute;top:15px; z-index: 999;}
.sles_main #sales{ width: 100%;height:550px;}
.sales_show  .sles_main_02{ margin-top: 100px;}
.sales_show  #industry{ text-align: center;}
.sales_show  #industry img{ max-width: 100%; width: auto; height: auto;}
.sort_info{ width: 100%; height: auto; padding-bottom: 100px;}
.sort_info .sort_h2{ text-align: center; font-size: 2rem; margin-bottom: 20px;}
.sort_info img{ width: 100%; height: auto;}
.culture_list  .banner .pointer{ bottom: 5px;}
.culture_list  .carousel .item{ margin-bottom: 25px;}
.culture_list  .banner .border-red li,.culture_list  .banner .border-red{border-color: #2086C8;}
.culture_list  .banner .border-red li.active{ background: #2086C8; border-color: #2086C8;}
.culture_list  .banner .pager-prev{ display: none !important;}
.culture_list  .banner .pager-next{display: none !important;}
@media(max-width: 760px){
	.header .container{ padding: 0px;}
	.header .navbar {border-bottom: 1px solid #DDEEDD;}
	.header .navbar-head{ padding: 5px; border-bottom: 1px solid #2086C8;}
	.header .navbar-head img{ height: 70px;}
	.header .icon-navicon{ margin-top: 5px; border: 0px;}
	.header .icon-navicon:before{ font-size: 32px; color: #333;}
	.header ul.nav  { padding: 0px 15px;}
	.header ul li{border-bottom: 1px solid #ddd;}
	.header .nav a{ line-height: 35px;}
	.flex-direction-nav{ display: none;}
	.global-title .title{ font-size: 1.5rem; line-height: 1.9rem;}
	.global-title .desc{ margin-top: 18px; margin-bottom: 55px;}
	.home-ys .ys_box{ padding: 80px 0px 45px 0px;margin: 55px 0px;}
	.home-ys .ys_box .icon{ left: 35.5%;}
	.home-pro-nav,.about_nav{ width: 100%; float: left; overflow-y: hidden; overflow-x: auto; white-space: nowrap;}
	
	.home-product-box{ margin: 35px 10px 0px 10px;}
	.home-advantage{ padding-top: 0px;}
	.home-advantage .advantage-box{ margin-top: 4rem;}
	.home-news .global-title .desc{margin-bottom: 0px; }
	.home-news .news-box{ margin: 45px 0px 0px 0px;}
	.home-hezuo .hezuo-list .hezuo-list-box .icon_img{ padding: 0px 5px;}
	.footer_box div:nth-child(2){ padding-left: 0px;margin: 25px 0px;}
	.about_content .about_profile{ margin-right: 0px; margin-bottom: 35px;}
	.about_pic{ margin-left: 0px;}
	.about_culture_list .about_culture_box{ margin: 0px 0px 45px;}
	.pro_content_show .pic{ margin-right: 0px; margin-bottom: 35px;}
	.pro_content_show .info_box-right{ margin-left: 0px;}
	.pro_zx a.more{ width: 150px;}
	.pro_zx .dzrx{ margin-left: 15px;}
	.pro_zx .dzrx .call{ font-size: 18px;}
	.pro_content_xq .dz_list li{ text-align: center;}
	.pro_content_xq .dz_list li .ico_dz{width: 65px; height: 65px; line-height: 65px;}
	.pro_content_xq .dz_list li .ico_dz span{ font-size: 30px;line-height: 65px;}
	.pro_content_xq .dz_list li p{ font-size: 12px;}
	.process .liuch{ margin-top: 65px;}
	.news-list-show .news-list-box{ margin: 0px;}
	.text-num .pre,.text-num .next{ float: unset; width: 100%;}
	.text-num .next{ margin-top: 15px;}
	.contact_show .contact_box{ margin: 35px 0px;}
	.contact_map .address{ line-height: 25px; font-size: 12px; padding:5px 0px}
  .sales_show .container{ width: 100%; overflow-x: auto;}
  .sales_show .container .sles_main { min-width: 1200px;}
  .language_show a:first-child{ display: none;}
  .header .navbar-head .web_logo img{ height: 50px;}
  .language_show a:last-child{ margin-right: 15px;}
  .news-content-show table tbody{ width: 100%;overflow: hidden; overflow-x: scroll; }
}
@media(min-width:761px) and (max-width:1199px){
	.container{ width: 100% !important;}
	.header .nav-navicon ul li a{ line-height: 80px; padding: 0px; font-size: 18px; position: relative;}
	.header .nav-navicon ul li { padding: 5px 30px;}
  .sales_show .container{ width: 100%; overflow-x: auto;}
  .sales_show .container .sles_main { min-width: 1200px;}
}
@media(min-width:761px) and (max-width:810px){
	.header .navbar-head img{ height: 70px;}
	.header .nav-navicon ul li { padding: 5px 8px;}
	.header .nav-navicon ul li a{ line-height: 70px; font-size: 12px;}
	.flex-direction-nav li a{ margin-top: -18px;}
	.home-ys .global-title .desc{ margin-bottom: 85px;}
	.home-ys .ys_box{ margin: 15px 10px; padding: 80px 5px 45px 5px;}
	.home-ys .ys_box .desc{ padding: 0px 15px; min-height: 148px;}
	.home-ys .ys_box .icon{ left: 28%;}
	.global-title .desc{ font-size: 14px;}
	.home-hezuo .hezuo-list .hezuo-list-box .icon_img{ padding: 0px 5px;}
	.footer_box div:nth-child(2){ padding-left: 32px;}
}
@media(min-width:811px) and (max-width:900px){
	.header .navbar-head img{ height: 70px;}
	.header .nav-navicon ul li { padding: 5px 11px;}
	.header .nav-navicon ul li a{ line-height: 70px; font-size: 16px;}
	.flex-direction-nav li a{ margin-top: -18px;}
	.home-ys .global-title .desc{ margin-bottom: 85px;}
	.home-ys .ys_box{ margin: 15px 10px; padding: 80px 5px 45px 5px;}
	.home-ys .ys_box .desc{ padding: 0px 15px; min-height: 148px;}
	.home-ys .ys_box .icon{ left: 28%;}
	.global-title .desc{ font-size: 14px;}
	.home-hezuo .hezuo-list .hezuo-list-box .icon_img{ padding: 0px 5px;}
	.footer_box div:nth-child(2){ padding-left: 50px;}
}
@media(min-width:901px) and (max-width:1080px){
	.header .navbar-head img{ height: 75px;}
	.header .nav-navicon ul li { padding: 5px 16px;}
	.header .nav-navicon ul li a{ line-height: 75px; font-size: 16px;}
	.flex-direction-nav li a{ margin-top: -18px;}
	.home-ys .global-title .desc{ margin-bottom: 85px;}
	.home-ys .ys_box{ margin: 15px 10px; padding: 80px 5px 45px 5px;}
	.home-ys .ys_box .desc{ padding: 0px 15px; min-height: 148px;}
	.home-ys .ys_box .icon{ left: 34%;}
	.global-title .desc{ font-size: 14px;}
	.home-hezuo .hezuo-list .hezuo-list-box .icon_img{ padding: 0px 5px;}
	.footer_box div:nth-child(2){ padding-left: 100px;}
}
@media(min-width:1081px) and (max-width:1199px){
	.header .navbar-head img{ height: 75px;}
	.header .nav-navicon ul li { padding: 5px 16px;}
	.header .nav-navicon ul li a{ line-height: 75px; font-size: 16px;}
	.flex-direction-nav li a{ margin-top: -18px;}
	.home-ys .global-title .desc{ margin-bottom: 85px;}
	.home-ys .ys_box{ margin: 15px 10px; padding: 80px 5px 45px 5px;}
	.home-ys .ys_box .desc{ padding: 0px 15px; min-height: 148px;}
	.home-ys .ys_box .icon{ left: 34%;}
	.global-title .desc{ font-size: 14px;}
	.home-hezuo .hezuo-list .hezuo-list-box .icon_img{ padding: 0px 5px;}
	.footer_box div:nth-child(2){ padding-left: 100px;}
	.contact_show .contact_box .contact_address{ padding:50px 35px 50px;}
}
@media(min-width: 1200px){
	.container{padding: 0px;}
	.header .nav-navicon ul li a{ line-height: 80px; padding: 0px; font-size: 18px; position: relative;}
	.header .nav-navicon ul li { padding: 5px 25px;}
  .header .nav-navicon ul li:first-child{ padding-left: 0px;}
  .header .nav-navicon ul li:last-child{padding-right: 0px;}
	.header .nav-navicon ul li.active a{ color: #2086C8; font-weight: 450;}
	.header .nav-navicon ul li.active a:after,.header .nav-navicon ul li:hover a:after{ content: ''; position: absolute; bottom: 20px; left:0; width: 100%; height: 1px; background: #2086C8; }
	/* .header .nav-navicon ul li.active{ background: #2086C8;}
	.header .nav-navicon ul li.active a,.header .nav-navicon ul li.active a:hover{ color: #fff !important; font-weight: 500;} */
}
@media(min-width:1200px) and (max-width:1679px) {
	.container{  width: 1215px; }
	.home-ys .ys_box .icon{ left: 34.8%;}
	.home-ys .ys_box .desc{ padding: 0px 30px;}
	.footer_box div:nth-child(2){ padding-left: 170px;}
	.about_content .about_profile p{line-height: 30px;}
  .header .nav-navicon ul li{padding: 5px 12px}
}
@media(min-width: 1680px){
	.container{ width: 1360px; }
	.home-ys .ys_box .icon{ left: 38%;}
	.footer_box div:nth-child(2){ padding-left:200px;}
}

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #75ce66;
}
.cd-timeline-img.cd-movie {
  background: #c03b44;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
.product-list .pro_cnc{ margin-bottom: 85px;}
.product-list .pro_cnc .pro_cnc_h3{ text-align: center; font-size: 18px; font-weight: 500; padding: 35px 0px; }
.product-list .pro_cnc  table{border-collapse:collapse;}
.product-list .pro_cnc  table td{display:table-cell; vertical-align:middle}
.product-list .pic_top{ margin-bottom: 45px; }
.product-list .pic_top img{ width: 100%;}
.product-list .pic_top .pic_xs_1{ text-align: left; }
.product-list .pic_top .pic_xs_2{text-align: right;}
.product-list .pic_top .pic_xs img{ width: 83%; }
.product-list .pic_bottom{ margin-bottom: 55px; }
.product-list .pic_bottom .pic_xs2{ text-align: center; padding: 8px;}
.product-list .pic_bottom .pic_xs2 img{ width: 100%; }
.pro_list_title_h3{ font-size: 18px; padding: 30px 0px; }

.pro_model_list{ margin: 55px 0px; }
.pro_model_list img{ max-width: 100%; vertical-align: middle; }
.pro_model_list .pro_model_title{ text-align: center; } 
.pro_model_list .pro_model_title h3{ font-size: 25px; line-height: 38px; }
.pro_model_list .pro_model_title h6{ font-size: 16px; color: #888; }
.pro_model_list .pro_model_con {margin: 35px 0px 35px;}
.pro_model_list .pro_model_con *{ font-size: 16px; line-height: 32px; }
.pro_model_list .pro_model_con .model_pic_list .model_pic{padding: 10px;}
.pro_model_list .pro_model_con .model_pic_list .model_pic img{ width: 100%; max-width: auto; }
.pro_model_list .pro_model_con .mjzzao_pic_big{ padding: 20px 10px; }
.pro_model_list .pro_model_con .mjzzao_pic_big img{ width: 100%; max-width: auto;}
.pro_model_list .pro_model_con .mjzzao_pic_small div{ padding: 20px ; }
.pro_model_list .pro_model_con .mjzzao_pic_small div img{ width: 100%; max-width: auto; }
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #ffffff;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #d7e4ed;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: #ffffff;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #ffffff;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .cd-timeline-content p {
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.1em;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #ffffff;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #ffffff;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}<!--0.00021696090698242-->