a:hover {text-decoration: none;}
a {transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
img{ max-width:100%; max-height:100%;}
/*头部样式*/
#header {position: relative;}
#header .logo {}
#header .tel {}
#header .menu_icon {position: absolute;top: 20%;right: 3%;width: 12%;}
.p0{ padding:0}
.ov{ overflow:hidden}
@media (min-width: 1360px){
.container {
    width: 1300px;
}}
@media all and (max-width: 992px) {
	#header .logo{ height:70px;}
	.logo img{ max-height:100%;max-width:none}
}
@media all and (max-width: 992px) {
.p0{ padding:0 10px;}
}

/*pc导航*/
.pc_menu{ background:#4aaed3; position:relative}
.pc_menu:before{ display:block; content:" "; position:absolute;  left:0px;position:absolute; background:url(../images/nav_bg.png) bottom; height:18px; width:100%; bottom:-16px; z-index:7}
.pc_menu .menu .nLi {float: left;width: 16.6%;position: relative; background:url(../images/nav_hr.jpg) no-repeat right}
.pc_menu .menu .menu_2:before{display:block; content:" "; position:absolute;  left:0px;position:absolute; background:url(../images/nav_bg.png) -3px bottom ; height:18px; width:100%; top:3px; z-index:10}
.pc_menu .menu .nLi h3 { font-size:16px;}
.pc_menu .menu .nLi:hover  h3{ background:url(../images/nav_ico.png) no-repeat 20% center}
.pc_menu .menu .nLi h3 a {display: block;text-align: center;color: #fff;line-height: 55px; height:55px;}
.pc_menu .menu .nLi .menu_2 {display: none;background: #4aaed3; border-bottom-left-radius:10px;border-bottom-right-radius:10px;position: absolute;top: 50px;width: 100%;z-index: 8;padding:25px 0 20px 0}
.pc_menu .menu .nLi .menu_2 li{ width:90%; margin:auto;}
.pc_menu .menu .nLi .menu_2 li a {display: block;color: #fff;line-height:30px; height:30px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size:12px; padding:0 8%;}
.pc_menu .menu .nLi .menu_2 li a:hover{ background:#fff; color:#4aaed3; border-radius:15px;}
.pc_menu .menu .nLi:last-child{ background:none}

/*大图样式*/
#banner {position: relative; overflow: hidden;}
#banner .owl-theme .owl-controls .owl-dots {position: absolute;bottom: 2%;width: 100%;}/*大图下方点点的位置*/
#banner .owl-theme .owl-controls .owl-nav .owl-prev,#banner .owl-theme .owl-controls .owl-nav .owl-next{ position:absolute; bottom:50%;max-width:5%; padding:10px 5px}/*箭头的设置*/
#banner .owl-theme .owl-controls .owl-nav .owl-prev img,#banner .owl-theme .owl-controls .owl-nav .owl-next img{ max-width:80%}
#banner .owl-theme .owl-controls .owl-nav .owl-prev{ left:5%;}
#banner .owl-theme .owl-controls .owl-nav .owl-next{ right:5%;}
#banner #owl-demo a.item { display:block; background-position:top center; background-repeat:no-repeat;height: 100%;width: 100%; background-size:auto 100%}
#owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item,#banner,#banner a {height: 700px;}/*大图记得修改高度*/
#banner{ position:relative}
#banner:before{display:block; content:" "; position:absolute; bottom:0%; left:0px; width:100%; background:url(../images/banner_bg.png); height:12px; z-index:11}
#banner a{ display:block; background-repeat:no-repeat; background-size:auto 100%; background-position:center}

@media all and (max-width: 992px) {
  #owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item,#banner {height: 400px;}
}
@media all and (max-width: 640px) {
  #owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item,#banner {height: 200px;}
 #banner .owl-theme .owl-controls .owl-nav .owl-prev img,#banner .owl-theme .owl-controls .owl-nav .owl-next img{ max-width:100%}
#banner .owl-theme .owl-controls .owl-nav .owl-prev,#banner .owl-theme .owl-controls .owl-nav .owl-next{ padding:5px;}/*箭头的设置*/
#banner .owl-theme .owl-controls .owl-nav .owl-prev{ left:0%; bottom:45%}
#banner .owl-theme .owl-controls .owl-nav .owl-next{ right:0%;bottom:45%}

}


/*pc右侧快捷按钮*/
.right_nav {}
.right_nav .aside li > p,.right_nav .aside > li > div {background-color: #6a757c;color: #fff;}
.right_nav .aside {position: fixed;right: 0;top: 20%;z-index: 10000;}
.right_nav .aside > li {width: 60px;line-height: 60px;text-align: center;margin-bottom: 2px;cursor: pointer;position: relative;}
.right_nav .aside > li > p {position: relative;z-index: 1005;line-height: 60px;}
.right_nav .aside > li img {vertical-align: middle;}
.right_nav .aside > li p img {width: 80%;}
.right_nav .aside > li p:hover img {width: 85%;}
.right_nav .aside > li .img2 {display: none;}
.right_nav .aside > li > div {background-image: url(../images/global/white_bg.png);background-repeat: repeat;position: absolute;display: none;}
.right_nav .aside > li .phone_meassage {right: -240px;top: 0;width: 300px;text-align: center;font-size: 25px;line-height: 50px;padding: 5px 0;}
.right_nav .aside > li .qq_online {top: 0;right: -127px;width: 187px;padding: 0 20px 0 15px;}
.right_nav .aside > li .qq_online .qq_online_title {text-align: left;font-size: 15px;line-height: 30px;border-bottom: 1px solid #fff;}
.right_nav .aside > li .qq_online .qq_online_box {margin-top: 11px;}
.right_nav .aside > li .qq_online .qq_online_box ul li {line-height: 35px;}
.right_nav .aside > li .qq_online .qq_online_box ul li a{ color:#fff}
.right_nav .aside > li .qq_online .qq_online_box ul li i {float: left;margin-top: -17px;}
.right_nav .aside > li .qq_online .qq_online_box ul li span {float: left;margin-top: -16px;margin-left: 10px;}
.right_nav .aside > li .qq_online .qq_online_box ul li span:hover {text-decoration: underline;}
.right_nav .aside > li .ewm {top: -20px;right: 60px;width: 100px;height: 100px;}
.right_nav .aside > li .search_box {position: absolute;top: 0;right: -205px;width: 265px;text-align: center;height: 100%;}
.right_nav .aside > li .search_box .search_input {width: 220px;height: 36px;position: relative;margin: 12px auto;}
.right_nav .aside > li .search_box .search_input span {position: absolute;line-height: 34px;left: 10px;z-index: 101;}
.right_nav .aside > li .search_box .search_input input {width: 220px;border: none;background-color: transparent;height: 36px;padding-left: 10px;position: absolute;line-height: 30px;z-index: 1;top: 0;left: 0;background: url(../images/global/black_bg.png);}
.right_nav .aside > li .search_box ::-webkit-input-placeholder {color: #fff;}


/*底部样式*/
#footer{ position:relative}
#footer .top {position: absolute;right: 10px;top: 25px;width: 30px;height: 30px;border-radius: 50%;z-index: 10;}
#footer .top img {width: 80%;top: 2px;z-index: 100;position: absolute;left: 3px;}
#footer .top:before {background: #4cb0d5;display: block;content: " ";border-radius: 50%;z-index: 99;position: absolute;top: 0;left: 0;width: 30px;height: 30px;}

/*wap底部快捷按钮*/
.wap_footer {width: 100%;position: fixed;left: 0;bottom: 0;padding: 10px 0 5px 0;z-index: 10;background:url(../images/foot_bg1.png) repeat-x top ;}
.wap_footer dl {width: 20%;float: left;text-align: center; margin-bottom:0;}
.wap_footer dt {height: 26px;}
.wap_footer dd {color: #fff; font-size:12px;}
.wap_footer dl dt img {width: 30%;}

/*手机底部搜索*/
.wap_search_input {position: fixed;bottom: 65px;left: 100%;width: 100%;z-index: 1000;padding: 8px 2%;background: #3fa3c7;}
.wap_search_input:after {background-color: rgba(0, 0, 0, 0.1);display: block;content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;}
.wap_search_input input {float: left;width: 80%;border-radius: 4px;height: 30px;line-height: 30px;padding-left: 2%;color: #333;position: relative;z-index: 100;box-sizing: border-box;}
.wap_search_input p {float: left;height: 30px;line-height: 30px;color: #fff;position: relative;z-index: 100;margin-left: 2%;width: 18%;text-align: center;border-radius: 5px;background: rgba(255, 255, 255, 0.2);}

/*黑色遮罩*/
.black_cloth {position: fixed;z-index: 100;width: 100%;height: 100%;background: url(../images/global/black_cloth.png) repeat;display: none;top: 0;left: 0;}

/*手机左边弹出导航*/
.wap_menu {position: fixed;height: 100%;text-align: left;z-index: 101;background: #4aaed3; overflow-y:scroll}
.wap_menu {width: 250px;top: 0px;left: -250px;}/*导航从左边滑进*/
/*.wap_menu {width: 250px;top: 0px;right: -250px;}*//*导航从右边滑进*/
/*.wap_menu {width: 100%;top: -100%;left:0px; }*//*导航从上边滑进*/

.wap_menu li.menu_tit {font-size: 18px;background: rgba(255, 255, 255, 0.3);position: relative;padding: 15px 10px;color: #fff;}
.wap_menu li.menu_tit span {font-size: 20px;position: absolute;top: 12px;right: 15px;border-bottom: none;z-index: 1000;}
.wap_menu li {margin-bottom: 2px;font-size: 14px;position: relative;}
.wap_menu li .wap_menu1 {line-height: 24px;font-size: 16px;text-transform: Uppercase;background: rgba(255, 255, 255, 0.1);position: relative;}
.wap_menu li p {padding: 10px 10px; margin-bottom:0;}
.wap_menu li .wap_menu1 a {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 25px;color: #ffffff;}
.wap_menu li .wap_menu1 p.left {float: none;}
.wap_menu li .wap_menu1 p.right {width: 15%;text-align: center;color: #fff;position: absolute;top: 0;right: 0;float: none;z-index: 1000;}
.wap_menu li .wap_menu2 {display: none;}
.wap_menu li .wap_menu2 a {display: block;background: none;color: rgba(255, 255, 255, 0.8);overflow: hidden;font-size: 14px;border-bottom: rgba(255, 255, 255, 0.1) solid 1px;padding: 10px;}
.wap_menu li .wap_menu2 a i {float: left;width: 4px;height: 4px;background-color: #fff;margin: 8px 10px 0 5px;}
.wap_menu li .wap_menu2 a span {float: left;width: 85%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}




/*新闻详情页样式，若不需要请删除*/
.news_detail1 .title {padding-bottom: 15px; padding-top:15px; background:#f5f5f5;text-align: center;}
.news_detail1 .title h3 {font-size:20px;font-weight:normal;text-align: center;margin-bottom: 5px;line-height:35px; color:#383635}
.news_detail1 .title .box1 {display: inline-block;text-align: center;}
.news_detail1 .title .box1 img {width: 20px;height: 20px;display: inline-block;margin: 0 5px;vertical-align: middle; margin-top:-2px;}
.news_detail1 .title .box1 div {margin-right: 5px;}
.news_detail1 .title .box1 .time {float: left;text-align: center; color:#aeaeae}
.news_detail1 .title .box1 .eye {float: left;text-align: center; color:#aeaeae}
.news_detail1 .title .box1 .back {float: left;}
.news_detail1 .news_detail_content {margin-top: 35px;}
.pageTurning {margin-top: 25px; border-top:solid 1px #f5f5f5; padding-top:20px;}
.pageTurning .prevs,
.pageTurning .nexts {padding:0 10px; line-height:30px;}
.pageTurning .prevs {margin-bottom: 5px;}
@media all and (max-width: 920px) {
.news_detail1 .title {padding-bottom: 10px; padding-top:10px; }
.news_detail1 .title h3 {font-size:16px;line-height:25px; }
.news_detail1 .news_detail_content {margin-top: 25px;}
.pageTurning .prevs,.pageTurning .nexts {line-height:20px;}

}


/*产品详情页样式，若不需要请删除*/
.product_detail .title {    padding-bottom: 15px;
    padding-top: 15px;
    background: #f5f5f5;
    text-align: center;}
.product_detail .title h3 {    font-size: 20px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 5px;
    line-height: 35px;
    color: #383635;
}
.product_detail .title .box1 {display: inline-block;text-align: center;}
.product_detail .title .box1 img {width: 15px;height: 15px;display: inline-block;margin: 0 5px;vertical-align: middle;}
.product_detail .title .box1 .back {float: left; color:#aeaeae}
.product_detail .product_detail_images {padding-top: 15px;text-align: center;position: relative;}
.product_detail .product_detail_images .product_detail_btn2 {position: absolute;right: 2%;top: 48%;background:url(../images/global/rgb0.3.png);z-index: 100;font-size:0;}
.product_detail .product_detail_images .product_detail_btn1 {position: absolute;left: 2%;top: 48%;background:url(../images/global/rgb0.3.png);z-index: 100;font-size:0}
.product_detail .product_detail_images .product_detail_btn1 a img,.product_detail .product_detail_images .product_detail_btn2 a img{  margin: 10px 5px;}
.product_detail .product_detail_images .owl-carousel .owl-item img {width:auto;  margin: auto;cursor: pointer;max-width:100%;}
.product_detail .product_detail_images .owl-theme .owl-controls {position: absolute;bottom: 2%;width: 100%;}
.product_detail .product_detail_images .product_detail_img {width: 80%;margin:  15px auto;}
.product_detail .product_detail_content {margin-top: 20px;margin-bottom: 20px;}
 
 
 
 .page_box {
    text-align: center;
    display: block;
}
/*当前页的样式*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background:#aaa; border-color:#aaa}
/*分页块默认样式*/
.pagination > li > a, .pagination > li > span{ color:#666}
.pagination > li > a:hover, .pagination > li > span:hover{color:#666}


.list-img {
  margin: 0 -7.5px;
}
.list-img > ul > li {
  text-align: center;
  padding: 0 7.5px;
  margin-bottom: 30px;
}
.list-img > ul > li a .text_area {
  color: #000;
  line-height: 250%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list-img > ul > li a .img_area{width:100%;border:solid 1px #999; position:relative }
.list-img > ul > li a .img_area img{ max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto}

#v_box {
	width: 100%; 
	max-width: 750px;
	padding-bottom:40px;
    background: #fff;
    position: fixed;
    top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
    z-index: 522222;
    border-radius: 5px;
    box-shadow: #333 0px 0px 10px;
    _position: absolute;
    border: 1px solid #333\0;
    display: none;
}
#shut {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    top: 8px;
    right: 10px;
    color: #333;
    font-size: 30px;
    line-height: 22px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}
#v_box h3 {
    color: #333;
    height: 46px;
    font-size: 18px;
    padding-left: 28px;
    line-height: 46px;
    overflow: hidden;
    font-weight: bold; margin-bottom:5px;
}
#v_box div {
	width: 100%;
	max-width: 750px;
    margin: 0 auto; height:420px;
    background: #000;
}
#v_box div video{
	width: 100%;
	height: 100%;
}
@media(max-width:767px){
	#v_box div {
		height: 300px;
	}
}
#header .right{ margin-top:30px;}
#header .search{height:40px; width:40px; border-radius:20px; border:solid 1px #49aed0; overflow:hidden; float:right;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transform-origin:right;-webkit-transform-origin:right;-moz-transform-origin:right;   }
#header .ch_en{ float:right; line-height:30PX; background:#e6f8fc; border-radius:15px; border:solid 2px #50aeb8; padding:0 12px; margin-top:5px; color:#dedede}
#header .ch_en a{ color:#aaa}
#header .ch_en a.cur{ color:#4cb0d5}
.wap_en_ch{ position:absolute; top:32%; right:18%;background:#e6f8fc; border-radius:15px; border:solid 2px #50aeb8; padding:0 12px;}
.wap_en_ch a{ color:#4cb0d5}


#header .top_hr{background:url(../images/top_hr.png) no-repeat right center; height:20px; width:5px; float:right; margin-top:12px; margin-left:20px; margin-right:20px;}
#header .search .search_in{ width:235px; padding-left:5px; padding-top:5px; }
#header .search .search_input_top{ float:left; width:180px; margin-right:15px; border:none; background:none;outline:none; height:30px; line-height:30px;}
#header .search .search_btn{ float:left; width:30px; margin-right:5px;}
#header .search:hover{ width:235px;}
#header .tel{ float:right; width:260px; background:url(../images/top_ico.jpg) no-repeat left center; padding-left:50px;}
#header .tel span{ display:block; font-size:12px; color:#4f5152;text-align:left;}
#header .tel b{ display:block; text-align:left; color:#4aaed3; font-size:24px; line-height:26px;}

.video_box{ width:50%; float:left;}
.video_box_in{ box-shadow: 0 10px 10px #e9e9e9; border-radius:20px; overflow:hidden}
.about{ background:url(../images/about_bg3.jpg) no-repeat center; padding-bottom:130px; position:relative}
.about .about_ico1{ background:url(../images/about_bg2.png) no-repeat calc(50% - 780px) top; width:100%; position:absolute; left:0; bottom:0; height:400px;
	transition: all 0.5s;
	animation-duration: 4s;
	animation-name: tizi;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;}
.about .about_ico2{ background:url(../images/about_bg1.png) no-repeat 90% top; width:100%; z-index:12; position:absolute; right:0; top:0; height:212px;transition: all 0.5s;
	animation-duration: 4s;
	animation-name: tizi1;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;}
.about .title{ text-align:center; padding:40px 0}
.about_text{ width:50%; float:left; position:relative; background:#13689e; z-index:0; box-shadow: 0 10px 10px rgba(0,0,0,0.1); border-top-right-radius:20px; overflow:hidden; border-bottom-right-radius:20px; margin-top:30px}
.about_text_in{ border-top-right-radius:20px; overflow:hidden;width:calc(100% - 5px); border-bottom-right-radius:20px;  padding:60px 60px 0px 60px; overflow:hidden; background:#4aaed3; z-index:2; position:relative}
.about_text:after{display:block; content:" "; position:absolute; top:30px; left:0px; height:calc(100% - 25px); }
.about_text_in h2{ font-size:24px; line-height:32px; color:#fff; margin-bottom:15px;}
.about_text_in p{ font-size:12px; color:#fff; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;text-overflow: ellipsis;overflow: hidden;}
.about_text_in .more{ width:100px; height:30px;  border-radius:20px; border:solid 1px #fff;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s; text-align:center; color:#fff; position:absolute; bottom:15%;}
.about_text_in .more a{ color:#fff;font-size:16px;line-height:28px; }
.about_text_in .more:hover{ background:#fff;}
.about_text_in .more:hover a{ color:#4aaed3;}

@keyframes tizi {

	40% {
		transform: translate(0,20px);
	}
	100% {
		transform:translate(0,0px);
	}
}
@keyframes tizi1 {

	60% {
		transform: translate(0,-10px);
	}
	100% {
		transform:translate(0,0px);
	}
}

@media all and (max-width: 1500px) {
.about .about_ico1{ display:block; background:url(../images/about_bg2.png) no-repeat left top; background-size:70px auto; width:100%; position:absolute; left:0; bottom:15px; height:120px; z-index:2}
}
@media all and (max-width: 1200px) {
.about .about_ico2{ background:url(../images/about_bg1.png) no-repeat 100% top; background-size:10% auto}
.about_text_in{ padding:30px 30px 0px 30px;}

.about_text_in p{-webkit-line-clamp: 3;height:72px;}

}
@media all and (max-width: 990px) {
.video_box{ width:100%; float:none; position:relative; z-index:2}
.about_text{ width:100%; float:none; position:relative;box-shadow: 0 10px 10px rgba(0,0,0,0.1); border-top-right-radius:0px; overflow:hidden; border-bottom-right-radius:20px;border-bottom-left-radius:20px; margin-top:-20px; height:250px}
.about_text_in{border-bottom-right-radius:20px;border-bottom-left-radius:20px;border-top-right-radius:0px;width: 100%;padding:35px 20px 0px 20px;}
.pc_menu:before{ display:none}
.video_box_in{box-shadow:none}
.about_text_in h2{ margin-bottom:10px;}
.about_text_in p{ line-height:18px;height:54px;}
.about_text_in .more{ width:90px;  height:24px; bottom:35px;}
.about_text_in .more a{line-height:22px;}
.about_text_in h2{ font-size:18px; line-height:28px;}
.about{ background:#fff; padding-bottom:70px; }

}
@media all and (max-width: 920px) {
.about .title img{ width:70%;}
.about .title{ padding:20px 0}
.about .about_ico1{  bottom:-10px; }

}

.product{ background:url(../images/pro_bg.png) no-repeat center top; height:748px; position:relative; z-index:2}
.product .title{ text-align:center; padding:40px 0; position:relative}
.product .title .more{ position:absolute; right:0; background: #fff;text-align: center;
  /*background:url(../images/pro_more.png) no-repeat;padding-left:20px; */
  width:67px; height:25px;font-size:14px; line-height:25px; top:90px;color: #4baed5;}
.product .title .more a{ color:#0f95ce;}

.product .pro_nav_list{ text-align:center; }
.product .pro_nav_list .slick-track{ margin:auto;}
.product .pro_nav_list a{ font-size:16px; color:#fff; border-radius:15px; width:auto; display:inline-block;border:solid 1px transparent; height:35px; line-height:33px; margin:0 10px; padding:0 10px;}
.product .pro_nav_list a:hover{ border:solid 1px #fff;}
.product .product_ico1{ background:url(../images/pro_ico.png) no-repeat calc(100% - 150px) bottom; background-size:170px; width:100%; position:absolute; left:0; bottom:-5px; height:213px;transition: all 0.5s;
	animation-duration: 4s;
	animation-name: tizi1;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;}
@keyframes tizi3 {

	60% {
		transform: translate(0,-15px);
	}
	100% {
		transform:translate(0,0px);
	}
}
.pro_list{padding-bottom: 30px;}
.pro_li{  position:relative; width:82.3%; margin-left:17.7%;  }
.pro_li li{outline: none;float:left; margin-left: 32px;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s; position:relative}
/*.pro_li li:before{display:block; content:" "; position:absolute; top:-5px; right:4px;width:50PX; height:60px;  background:url(../images/pro_ico4.png); background-size:100%; z-index:10}*/

/*.pro_li li:hover{ margin-top:0;}*/
/*.pro_li li .pro_li1{position:relative; background:#13689e;  border-radius:15px; overflow:hidden}*/
/*.pro_li li:hover  .pro_li1{ background:#f8a700}*/
.pro_li li .pro_li1 p{ height:40px; line-height:40px;color: #fff;text-align:center}
.pro_li li .pro_li1 a{ display:block;outline: none;}
.pro_li li .pro_li1 a b{display: block;width: 100%;height: auto;background:#fff;padding:5px;}
/*.pro_li li:hover  .pro_li1 a{ background:#fdee04}*/

/*.pro_li li img{ border-top-left-radius:13px;border-top-right-radius:13px;}*/
.pro_li .slick-arrow{top:97%;width:51px; height:51px; border:none !important; z-index:10;outline:none; }
.pro_li .slick-arrow:before{ content:""}
.pro_li .slick-prev{ left:100%;margin-left: -124px; background:url(../images/pprev.png) no-repeat;background-size:100%  auto }
.pro_li .slick-next{ right:0; background:url(../images/pnext.png) no-repeat;background-size:100%  auto }
@media all and (max-width: 1200px) {
.pro_li{width: 84.3%;margin-left: 15.7%;}


}
@media all and (max-width: 920px) {
	/*.pro_li{  width:calc(100% - 50px);   }*/
.pro_li .slick-arrow{width:30px; height:30px;}
.pro_li .slick-prev{margin-left: -70px;}
/*.pro_li .slick-next{ right:-25px;  }*/
.product .title img{ width:70%}
.product .pro_nav_list a{ font-size:14px; border:solid 1px #fff; height:35px; line-height:33px; margin:0 5px; }
.product .title .more{top:55px; right:15px;}
.product .title .more a{ color:#0f95ce;}
.product .pro_nav_list .slick-dots{ bottom:-40px;}
.product .pro_nav_list .slick-dots li button:before{ background:#fff; content:" "; width:10px; height:10px; border-radius:50%;}
.product .pro_nav_list .slick-dots li.slick-active button:before{opacity:1}
.product .pro_nav_list{ margin-bottom:60px;}
.product .product_ico1{ display:none} 
.pro_li{width: 95%;margin-left: 5%;}
.pro_list ul li{margin-left: 24px;}

}
@media all and (max-width: 450px) {
.pro_li{width: 100%;margin-left: 0;}
.pro_list ul li{margin:0 10px;}

.product{ background:url(../images/pro_bg1.png) no-repeat center; backgrounds-size:auto 100%; height:600px; position:relative; z-index:2}
}


.mid_banner{ height:310px; margin-top:-80px;}

.coo_news{ background:url(../images/coo_bg.jpg) no-repeat top center; position:relative}
.coo_news .con_news_ico1{ background:url(../images/bot_ico.png) no-repeat calc(50% + 600px) bottom; z-index:1; width:100%; position:absolute; right:0; bottom:-145px; height:286px;transition: all 0.5s;
	animation-duration: 4s;
	animation-name: tizi4;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;}
@keyframes tizi4 {

	60% {
		transform: translate(0,-25px);
	}
	100% {
		transform:translate(0,0px);
	}
}


.coo{ margin-bottom:200px;}
.coo .title{ text-align:center; padding:40px 0; position:relative}
.coo .inner ul{ width:calc(100% - 50px); margin:auto}
.coo .inner ul .slick-list{ padding-bottom:8px;}
.coo .inner ul li{ border-radius:50px;  border:solid 1px #5cb6d7; margin:0 10px; float:left; position:relative; box-shadow: 0 3px 10px #e9e9e9}
.coo .inner ul li img{border-radius:50px;}
.coo .inner ul li p {border-radius:50px; position:absolute; width:100%; height:100%; background:rgba(15,150,205,0.8);opacity :0; color:#fff;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s; text-align:center; left:0; z-index:2;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.coo .inner ul li:hover p{ opacity :1}
.coo .slick-arrow{ position:absolute;  top:40%;width:30px; height:40px; border:none !important; z-index:10;outline:none}
.coo .slick-arrow:before{ content:""}
.coo .slick-prev{ left:-25px; background:url(../images/jt1_1.jpg) no-repeat; }
.coo .slick-next{ right:-25px; background:url(../images/jt1_2.jpg) no-repeat; }

.box{width:calc(50% - 22px);border:solid 1px #4cb0d5; border-radius:20px; float:left; overflow:hidden}
.box .title{    background: url(../images/titile_ico.jpg) no-repeat 25px 20px #4cb0d5;padding: 17px 25px 15px 65px;font-size: 28px;line-height: 30px;  color:#fff;}
.box .title .more{ float:right; width:100px; height:30px; background:url(../images/more_ico.jpg) no-repeat 85% center;  border-radius:20px; border:solid 1px #fff}
.box .title .more a{ color:#fff; font-size:16px; display:block;line-height:28px;padding-left:20px;}

.box .inner{ background:url(../images/nav_bg.png) repeat-x top; padding:30px 20px;}
.news{  margin-right:20px; position:relative; z-index:12}
.news .inner{ padding-top:10px;}
.news .inner1 ul li{ padding:20px 5px; border-bottom:dashed 1px #4cb0d5}
.news .inner1 ul li .img_area{ float:left; width:180px; border-radius:15px; overflow:hidden;}
.news .inner1 ul li .text_area{ float:right; width:calc(100% - 200px)}
.news .inner1 ul li .text_area i{ display:block; font-style:normal; color:#4f5e71; margin-top:5px; }
.news .inner1 ul li .text_area b{ display:block; font-size:18px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:15px 0 18px 0}
.news .inner1 ul li .text_area p{ color:#4f5e71; display:block; line-height:18px; font-size:12px;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
.news .inner2{ margin-top:5px;}
.news .inner2 ul li{ width:calc(50% - 7px); margin-top:14px;   border-radius:20px; float:left; position:relative; z-index:10;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.news .inner2 ul li a{ display:block;padding:25px 0px 25px 80px;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.news .inner2 ul li b{ display:block; font-size:20px; margin-bottom:8px;}
.news .inner2 ul li span{ color:#646464; font-size:12px;text-transform:Uppercase}
.news .inner2 ul li.quik1{ margin-right:14px; background:url(../images/quikbtn_ico11.png) no-repeat 10px center #f7f7f7; background-size:60px auto}
.news .inner2 ul li.quik1:hover{background:url(../images/quikbtn_ico1.png) no-repeat 10px center #4cb0d5;background-size:60px auto}
.news .inner2 ul li.quik2{ background:url(../images/quikbtn_ico21.png) no-repeat 10px center #f7f7f7; background-size:60px auto}
.news .inner2 ul li.quik2:hover{background:url(../images/quikbtn_ico2.png) no-repeat 10px center #4cb0d5;background-size:60px auto}
.news .inner2 ul li.quik3{ margin-right:14px; background:url(../images/quikbtn_ico31.png) no-repeat 10px center #f7f7f7; background-size:60px auto}
.news .inner2 ul li.quik3:hover{ margin-right:14px; background:url(../images/quikbtn_ico3.png) no-repeat 10px center #4cb0d5; background-size:60px auto}
.news .inner2 ul li:hover b,.news .inner2 ul li:hover span{ color:#fff}
.news .inner2 ul li.quik4{ background:url(../images/quikbtn_ico41.png) no-repeat 10px center #f7f7f7; background-size:60px auto}
.news .inner2 ul li.quik4:hover{background:url(../images/quikbtn_ico4.png) no-repeat 10px center #4cb0d5;background-size:60px auto}

.contact{  margin-left:20px; }
.contact .inner .img_area{ width:100%; height:300px; border:solid 1px #4cb0d5}
.contact .inner .text_area p{ font-size:18px; line-height:50px; padding-left:55px;}
.contact .inner .text_area p.con1{ background:url(../images/con_ico1.png) no-repeat left 2px; background-size:45px auto}
.contact .inner .text_area p.con2{ background:url(../images/con_ico2.png) no-repeat 3px 4px; background-size:40px auto}
.contact .inner .text_area p.con3{ background:url(../images/con_ico3.png) no-repeat 3px 4px; background-size:40px auto}
.contact .inner .text_area{ padding:30px 0 60px 0}

@media all and (max-width: 920px) {
	.mid_banner{ height:auto }
.coo .title img{ width:70%;}
.coo_news .con_news_ico1{ background:url(../images/bot_ico.png) no-repeat right bottom; background-size:115px auto; right:0; bottom:-55px; height:160px}
.coo_news{ background:none}
.coo {margin-bottom: 30px;}
.coo .title{ padding:25px 0}
.box{width:100%; float:none; }
.box .title{    background: url(../images/titile_ico.jpg) no-repeat 15px 10px #4cb0d5;padding: 12px 15px 10px 45px;font-size: 16px;line-height: 24px;  }
.box .title .more{  width:90px; height:24px; background:url(../images/more_ico.jpg) no-repeat 90% center;  }
.box .title .more a{font-size:14px;line-height:22px;padding-left:20px;}
.box .inner{ padding:20px 15px;}

.news{  margin-right:0px; margin-bottom:25px; }
.news .inner1 ul li .img_area{ width:100px;}
.news .inner1 ul li .text_area {width: calc(100% - 120px);}
.news .inner1 ul li .text_area p{-webkit-line-clamp: 1;}
.news .inner1 ul li .text_area i{ font-size:12px; margin-top:0}
.news .inner1 ul li .text_area b{ font-size:14px;margin:3px 0 5px 0}
.news .inner2 ul li b{ font-size:16px; margin-bottom:0}
.news .inner2 ul li a{padding:15px 0px 15px 65px;}
.news .inner2 ul li.quik1{  background:url(../images/quikbtn_ico11.png) no-repeat 15px center #f7f7f7; background-size:40px auto}
.news .inner2 ul li.quik1:hover{background-size:40px auto;background:url(../images/quikbtn_ico1.png) no-repeat 15px center #4cb0d5;}
.news .inner2 ul li.quik2{ background:url(../images/quikbtn_ico21.png) no-repeat 15px center #f7f7f7; background-size:40px auto}
.news .inner2 ul li.quik2:hover{background:url(../images/quikbtn_ico2.png) no-repeat 15px center #4cb0d5;background-size:40px auto}
.news .inner2 ul li.quik3{ margin-right:14px; background:url(../images/quikbtn_ico31.png) no-repeat 15px center #f7f7f7; background-size:40px auto}
.news .inner2 ul li.quik3:hover{ margin-right:14px; background:url(../images/quikbtn_ico3.png) no-repeat 15px center #4cb0d5; background-size:40px auto}
.news .inner2 ul li:hover b,.news .inner2 ul li:hover span{ color:#fff}
.news .inner2 ul li.quik4{ background:url(../images/quikbtn_ico41.png) no-repeat 15px center #f7f7f7; background-size:40px auto}
.news .inner2 ul li.quik4:hover{background:url(../images/quikbtn_ico4.png) no-repeat 15px center #4cb0d5;background-size:40px auto}

.contact{  margin-left:0px; }
.contact .inner .img_area{ width:100%; height:auto;}

.news .inner2 ul li span{ display:none}
.contact .inner .text_area p{ font-size:14px; line-height:28px; padding-left:35px;}
.contact .inner .text_area p.con1{ background:url(../images/con_ico1.png) no-repeat 2px 2px; background-size:22px auto}
.contact .inner .text_area p.con2{ background-size:20px auto}
.contact .inner .text_area p.con3{  background-size:20px auto}
.contact .inner .text_area{ padding:15px 0 30px 0; width:calc(100% - 75px)}

}

#footer{ background:url(../images/foot_bg.jpg) repeat-x top #40a0c8; margin-top:90px; padding-top:75px;}
#footer .foot_nav{ float:left; width:44%; padding-right:15px;}
#footer .foot_nav dl{ width:25%; float:left;}
#footer .foot_nav dt{ font-size:18px; font-weight:bold; color:#fff; margin-bottom:8px;}
#footer .foot_nav  a{ color:#fff}
#footer .foot_nav dd{ line-height:26px;}
#footer .foot_erwei{ float:left; width:32%;padding:0 5%; margin-right:2%; border-left:solid 1px rgba(255,255,255,0.4); border-right:solid 1px rgba(255,255,255,0.4)}
#footer .foot_erwei p{ color:#fff; display:block; font-size:16px;}
#footer .foot_erwei b{ color:#fff; font-size:36px; margin-bottom:15px; display:block}
#footer .foot_erwei .erwei_img{ float:left; width:48%; background:#fff; border-radius:20px; padding: 10px; text-align:center}
#footer .foot_erwei .erwei_img:nth-child(3){ margin-right:4%;}
#footer .foot_friend{ float:left; width:22%;}
#footer .foot_friend h1{ margin-bottom:25px;}
#footer .foot_friend a{ color:#fff; line-height:24px; display:inline-block; margin-right:10px;}
#footer .copyright{ color:#fff; text-align:center; padding: 35px 0 15px 0}
#footer .copyright a{ color:#fff}
@media all and (max-width: 920px) {
#footer{ background:none; margin-top:30px; padding-top:0px;}
#footer .container{ padding-right:40px;}
#footer .copyright{ color:#4cb0d5}
#footer .copyright a{ color:#4cb0d5}
}


#sub_banner{ position:relative; height:468px; background-position:center center; background-size:auto 100%}
#sub_banner:before{display:block; content:" "; position:absolute; bottom:0%; left:0px; width:100%; background:url(../images/banner_bg.png); height:12px; z-index:11}
._aside{ width:310px; float:left; margin-top:30px; background:url(../images/aside_bg.jpg) repeat-y}
._aside h2{ background:url(../images/aside_top.jpg) no-repeat; height:108px; color:#fff; text-align:center; padding-top:15px;}
._aside h2 .en{ display:inline-block; color:rgba(255,255,255,0.6); font-size:20px;text-transform:Uppercase; margin-bottom:5px;}
._aside h2 .ch{ display:block; color:#fff; font-size:24px;}
._aside ul.sidemenu{ background:url(../images/aside_bot.jpg) no-repeat bottom; padding-bottom:150px; min-height:400px;}
._aside ul.sidemenu li{ width:250px; margin-left:26px;}
/*一级的样式*/
._aside ul.sidemenu > li.sub1 ul {display: none;}
._aside ul.sidemenu > li.sub1{ margin-top:3px; margin-bottom:5px;}
._aside ul.sidemenu > li.sub1 > a.sub1_a {display: block;  padding:10px 0;padding-left:50px; font-size:16px; background-position:center; color:#000; border-radius:20px; background-position:10px center}
._aside ul.sidemenu > li.sub1 > a.sub1_a span{ width:150px; float:left; line-height:20px;}
._aside ul.sidemenu > li.sub1 > a.sub1_a i{ float:right; font-style:normal; margin-right:30px;}/*6.28*/

._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a { background:url(../images/aside_libg.png) no-repeat 10px center #4aaed3; color:#fff}
/*二级的样式*/
._aside ul.sidemenu > li.sub1 > ul > li.sub2{ width:195px;  line-height:20px; padding:8px 0; font-size:14px;padding-left:25px; border-bottom:dashed 1px #ddd }
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {display: block; color:#666}
._aside ul.sidemenu > li.sub1 > ul > li.sub2.current > a.sub2_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2:hover  > a.sub2_a{color: #ff0000;}

.main{ float:right; width:calc(100% - 330px); margin-top:40px;}
.main .crumb{ background:url(../images/crumb_bg.jpg) no-repeat left center; height:71px; line-height:55px; color:#4aaed3; font-size:20px; padding-left:50px;}
.main .crumb span{ float:right; color:#959595; font-size:12px; background:url(../images/posi_ico.jpg) no-repeat left center; padding-left:30px; margin-right:10px;}
.article{ padding-top:15px;}

@media all and (max-width: 920px) {
#sub_banner{  height:180px;background-size:280% auto}
._aside ul.sidemenu li {
    width: 100%;
    margin-left: 0;
}
._aside{ display:block; width:100%; float:none;background:none; margin-top:10px;}
  .main {padding: 0;display:block; width:100%; float:none; margin-top:15px;}
  /*手机内页crumb*/
  ._aside > h2 {  background:url(../images/crumb_bg.jpg) no-repeat left; height:40px;line-height:20px;   text-align:left; padding-top:0; padding-left:50px;}
   ._aside > h2 .ch{color:#4aaed3;font-size:16px; display:inline-block;}
  ._aside h2 .phone-menuicon {float: right;cursor: pointer;height:30px; }
  ._aside h2 .phone-menuicon img {-webkit-transition: all .4s;transition: all .4s;}
  /*手机内页分类下拉列表*/
  ._aside ul.sidemenu {width: 94%; margin:auto;display: none; background:none;padding-bottom:0; min-height:inherit }
  
  /*一级的样式*/
  ._aside ul.sidemenu > li.sub1{margin-top:10px;}
  ._aside ul.sidemenu > li.sub1:nth-child(1) { margin-top:20px;}
  ._aside ul.sidemenu > li.sub1 > a.sub1_a { background:#4aaed3; border-radius:15px;  line-height:20px; padding:5px 0; color:#fff; padding-left:25px; }
  ._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a {}
  ._aside ul.sidemenu > li.sub1 > a.sub1_a span{ width:80%; float:left;line-height:20px;}
._aside ul.sidemenu > li.sub1 > a.sub1_a i{ float:right; font-style:normal; margin-right:30px;}/*6.28*/

  /*二级的样式*/
 ._aside ul.sidemenu > li.sub1 > ul > li.sub2{ width:90%; margin:auto; padding-left:8px; line-height:20px; }
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {display: block; color:#666}
._aside ul.sidemenu > li.sub1 > ul > li.sub2.current > a.sub2_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2:hover  > a.sub2_a{color: #ff0000;}

  #header .menu_icon img {width: 100%;}
}
@font-face {
  font-family: 'helv';
  src: url('helv.eot');
  src: url('helv.eot?#iefix') format('embedded-opentype'), url('/Plugins/Template/tanhe/style/font/helv.woff') format('woff'), url('helv.ttf') format('truetype'), url('/Plugins/Template/tanhe/style/font/helv.svg#verdemoderna') format('svg');
}
.news_list ul li{ border-bottom:solid 1px #eeeeee; padding:0 10px 25px 10px; margin-bottom:25px; }
.news_list ul li .img_area{ float:right; width:180px; border-radius:10px; overflow:hidden; border:solid 1px #cfcfcf}
.news_list ul li .text_area{ float:left; width:calc(100% - 200px)}
.news_list ul li .text_area p{ font-size:14px; color:#737373; line-height:26px;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp:2;text-overflow: ellipsis;overflow: hidden;}
.news_list ul li .text_area i{ font-style:normal; margin-top:15px; margin-bottom:15px; display:block}
.news_list ul li .text_area i span{ font-size:24px; color:#999999; font-family:helv; position:relative;}
.news_list ul li .text_area i span:before{display:block; content:" "; position:absolute; top:50%; right:-110px; width:90PX; height:1px; line-height:1px; background:#aeaeae;}
.news_list ul li .text_area i b{ font-size:18px; color:#000; float:right; width:calc(100% - 200px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
@media all and (max-width: 1200px) {
.news_list ul li .text_area i span:before{ width:40PX; right:-60px; }
.news_list ul li .text_area i b{ width:calc(100% - 140px);}

}
@media all and (max-width: 920px) {
.news_list ul li{  padding:0 5px 15px 5px; margin-bottom:15px; }

.news_list ul li .img_area{ width:90px;}
.news_list ul li .text_area i{ margin-top:5px; margin-bottom:5px;}
.news_list ul li .text_area{  width:calc(100% - 100px)}
.news_list ul li .text_area i span{ font-size:14px; }
.news_list ul li .text_area i b{ font-size:14px;}

.news_list ul li .text_area i span:before{ width:25PX; right:-35px; }
.news_list ul li .text_area i b{ width:calc(100% - 80px);}
.news_list ul li .text_area p{ font-size:12px;  line-height:16px;}
}


.page_box {
    text-align: center;
    display: block;
}
/*当前页的样式*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background:#46a6cd; border-color:#46a6cd}
/*分页块默认样式*/
.pagination > li > a, .pagination > li > span{ color:#666}
.pagination > li > a:hover, .pagination > li > span:hover{color:#666}

.pro_list ul{ margin-bottom:30px;}
.pro_list ul li{ margin-bottom:30px;}
.pro_list ul li .pro_inner{ background:#fff; border-radius:20px; overflow:hidden; border:solid 1px #efefef; padding:5px;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.pro_list ul li .pro_inner .img_area{ position:relative;border-top-left-radius:16px;border-top-right-radius:16px; overflow:hidden}
.pro_list ul li .pro_inner .img_area i{ position:absolute; display:block; width:100%; height:100%; top:0; left:0; background:url(../images/fd.png) no-repeat center rgba(0,0,0,0.6);transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transform:scale(0);-webkit-transform:scale(0);-moz-webkit-transform:scale(0);}
.pro_list ul li .pro_inner .text_area{ height:50px; line-height:50px; text-align:center; font-size:16px;}
.pro_list ul li:hover .pro_inner{box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.pro_list ul li:hover .pro_inner .img_area i{transform:scale(1);-webkit-transform:scale(1);-moz-webkit-transform:scale(1);}
@media all and (max-width: 920px) {
/*.pro_list ul li:nth-child(even){ padding-left:7.5px;}
.pro_list ul li:nth-child(odd){ padding-right:7.5px;}*/
.pro_list ul li{ margin-bottom:15px;padding-bottom: 12px;background-size: 100% auto;}
.pro_list ul li .pro_inner .text_area{ height:40px; line-height:40px;  font-size:14px;}

}
.product_images {
	height: 563px;
	width: 480px;
	position: relative; float:left;
}

.product_text{ float:right; width:calc(100% - 500px)}


.product_images .swiper-container {
	margin-left: auto;
	margin-right: auto;
}

.product_images .swiper-slide {
	background-size: cover;
	background-position: center;
}

.product_images .gallery-top {
	height:480px;
	width: 480px;
}

.product_images .gallery-thumbs {
	height: 68px;
	width:calc(100% - 80px);
	box-sizing: border-box;
margin:auto;
	margin-top: 15px;
	
}

.product_images .gallery-thumbs .swiper-slide {
	opacity: 1;

}
.product_images .gallery-thumbs .swiper-slide-thumb-active{ position:relative}
.product_images .gallery-thumbs .swiper-slide-thumb-active:before {display:block; content:" "; position:absolute; top:0%; left:0px;width:100%; height:100%;  background:url(../images/jia.png) center  no-repeat rgba(0,0,0,0.5); text-align:center; color:#fff; font-size:20px;
	
}

.product_images .swiper-button-prev,
.product_images .swiper-button-next {
	height: 68px;
	width: 25px;
	box-sizing: border-box;
	display: block; 
	margin: 0;
}

.product_images .swiper-button-prev {
	background-color:#f5f5f5; background-image:url(../images/pre.png) !important; background-size:40% auto;
	background-position: center;
	bottom: 0;
	left: 0;top: auto; outline:none;
}

.product_images .swiper-button-next {
	background-color:#f5f5f5; background-image:url(../images/next.png) !important; background-size:40% auto;
	background-position: center;
	bottom: 0;
	right: 0;
	top: auto;outline:none;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
}

.product_text b{ font-size:18px; padding:18px 15px; border-bottom:solid 1px #e6e6e6; display:block}
.product_text p{ padding:25px 15px 0 15px; line-height:30px; color:#828282; margin-bottom:25px;}
.product_btn{ padding:25px 15px 0 15px;border-top:solid 1px #e6e6e6;}
.product_btn  .zx{ float:left; width:145px;}
.product_btn .pro_tel{ background:url(../images/tel.jpg) no-repeat left 3px; padding-left:45px; float:right;font-size:16px; line-height:20px;}
.product_btn .pro_tel span{ display:block; font-size:18px; }

.product_btn  .zx a{ width:145px; height:40px; line-height:40px; background:#f7000a; color:#fff; font-size:16px; text-align:center; display:block}

.product_de{ margin-top:45px;}
.product_de .title{ height:55px; border-bottom:solid 1px #f5f5f5}
.product_de .title b{ display:block; width:125px; height:55px; line-height:55px; background:url(../images/pro_detitle.jpg) no-repeat bottom center #4aaed3; color:#fff; text-align:center; font-size:16px;}
.product_de  .inner{ margin-top:55px; margin-bottom:55px;}
@media all and (max-width: 1360px) {
.product_images {height: 460px;width: 380px;}
.product_text{ float:right; width:calc(100% - 400px)}
.product_images .gallery-top {height:380px;width: 380px;}
.product_text p{ padding:20px 15px 0 15px; margin-bottom:20px;}
.product_images .gallery-thumbs,.product_images .swiper-button-prev, .product_images .swiper-button-next{ height:63.7px;}
}
@media all and (max-width: 1200px) {
.product_images {height: 396px;width: 330px;}
.product_text{ float:right; width:calc(100% - 350px)}
.product_images .gallery-top {height:330px;width: 330px;}
.product_btn{ display:none}
.product_images .gallery-thumbs,.product_images .swiper-button-prev, .product_images .swiper-button-next{ height:51.2px;}
}
@media all and (max-width: 720px) {
.product_images {height:calc(125vw - 54px);width: 100%; float:none}
.product_text{ float:none; width:100%}
.product_images .gallery-top {height:calc(100vw - 30px);width: 100%;}
.product_btn{ display:none}
.product_text b{ font-size:16PX; padding:25PX 10px 10px 10px}
.product_text p{ padding:15px 10px 0 10px; line-height:25px; margin-bottom:15px;}
.product_de{ margin-top:25px;}
.product_de .title{ height:45px; }
.product_de .title b{ display:block; width:105px; height:45px; line-height:45px; background:url(../images/pro_detitle.jpg) no-repeat bottom center #4aaed3; color:#fff; text-align:center; font-size:14px;}
.product_de  .inner{ margin-top:25px; margin-bottom:25px;}
.product_images .gallery-thumbs,.product_images .swiper-button-prev, .product_images .swiper-button-next{ height:calc(25vw - 39px);}


}

.search_list{ margin-bottom:25px;}
.search_list ul li{ height:60px; line-height:60px; border-bottom:solid 1px #ccc; padding-left:30px; position:relative}
.search_list ul li i{ position:absolute; width:3px; height:20px; top:20px; left:10px; background:#ccc;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.search_list ul li:hover i{ background:#4cb0d5; transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.search_list ul li a{ font-size:16px;}

#header .logo {
    width: 22%;
}