@charset "utf-8";

/*body css*/
body{margin:0;font-family:'DINCond-Medium',"微软雅黑",Arial;font-size:1.1em; line-height:150%;*overflow-y:hidden;color:#333; background:#fff;}
a{color:#333;text-decoration:none;transition-duration:500ms;}
a:hover{text-decoration:none;transition-duration:500ms; color:#f00;}a:focus{outline:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.rela{position:relative;}.abso{position:absolute;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;color:#333;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_5,.hr_10,.hr_20{font-size:1px;line-height:1px;clear:both;_overflow:hidden;}
.hr_1{height:1px;}.hr_5{height:5px;}.hr_10{height:10px;}.hr_20{height:20px;}
h4,h5,h6{ font-weight:normal;}
/*定义新型浏览器特性*/
/*
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:#000}
::-webkit-scrollbar-track-piece{background:#f6f6f6}
::-webkit-scrollbar-thumb:vertical{background:#d0d0d0;}
::-webkit-scrollbar-thumb:vertical:hover{background:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background:#535353}
::-webkit-scrollbar-resizer:vertical{background:#FF6E00}
*/

.bg_01{ background:#f0f0f0; padding-top:30px; padding-bottom:30px;}

/*标题*/
.title_01{ font-size:20px; padding:25px 0;}
.title_02{ font-size:16px; padding:15px 0;}
.title_03{ font-size:14px; padding:10px 0;}

.more_01{ text-align:center;}
.more_01 a{ border:1px solid #999; border-radius:4px; padding:15px 50px; display:inline-block;}
.more_01 a:hover{ background:#333; color:#fff;}
.bg_i{ background:#f5f5f5; overflow:hidden;}

.ban_01{ background:url("../images/ban_01.jpg");}
.ban_02{ background:url("../images/ban_02.jpg");}
.ban_03{ background:url("../images/ban_03.jpg");}
.ban_04{ background:url("../images/ban_04.jpg");}
.ban_01,.ban_02,.ban_03,.ban_04{ background-size:auto 100%; background-position:center;}
.ban_title{ height:250px; color:#fff; display:table;}
.ban_title p{display: table-cell; vertical-align:middle;}
.ban_title span{ font-size:24px; display:block; margin-bottom:15px;}
.sub_title{ border-bottom:1px solid #f0f0f0; color:#aaa; padding:15px 0; margin-bottom:30px;}
@media (max-width:992px) {
.ban_title{ height:180px;}
.ban_title span{ font-size:18px;margin-bottom:5px;}
}
@media (max-width:768px) {
.ban_title{ height:120px;}
.ban_title p{ font-size:12px;}
.ban_title span{ font-size:16px;margin-bottom:5px;}
.sub_title{ margin-bottom:15px;}
}

/*header*/
.header_box{position:fixed;top:0px;left:0px; right:0;z-index:999;}
.header_hei{ height: 100px; overflow: hidden;}
.small_nav_bg{ background:#4D4D4D; overflow:hidden;}
.small_nav{ float:right; position:relative;  }
.small_nav li{float:left; line-height:30px;}
.small_nav li a{ padding:0 5px; color: #FFFFFF; font-size:1em;}
.small_nav li i{ width:16px; height:13px; margin:0 0 -3px 0; display:inline-block; background:url("../images/lang.png");}
.small_nav .lang_01{ background-position:0 -370px;}
.small_nav .lang_02{ background-position:0 -66px;}
.small_nav .lang_03{ background-position:0 -50px;}
.small_nav .lang_04{ background-position:0 -162px;}
header {height:70px; position:relative; background: rgba(0,0,0,1.00)}
header .nav_logo {float:left; height:35px; margin:15px 6px;}
header .nav_logo img{ height:100%; margin-right: 50px;}
header .nav_list {float:left;}
header .nav_list > li { float:left; line-height:20px;}
header .nav_list > li a {display:block; color:#FFF; font-size:1em; padding:25px 0; margin:0 20px;font-family:'DINCond-Medium';}
header .nav_list > li a:hover { color:#f00;}
header .nav_list > li .on{border-bottom:2px solid #f00;}
header .nav_list > li .nav_sub {width:100%; position:absolute; left:0px; height:0;overflow:hidden; z-index:99; background:#f0f0f0;}
/*header .nav_list > li .nav_sub li:first-child{ padding-top:50px;}*/
header .nav_list > li .nav_sub li{ width:25%; float:left; position:relative;}
header .nav_list > li .nav_sub li a{ color: #464646; padding:20px 0 5px; font-size:1em; }
header .nav_list > li .nav_sub li a:hover{color: #f00;}
header .nav_list > li .nav_sub .s{ padding-bottom:30px; overflow:hidden; }
header .nav_list > li .nav_sub .s li{ width:100%; }
header .nav_list > li .nav_sub .s a{ display:block; color: #999; padding:10px 0; font-size:1em; font-weight: bold;}
header .nav_list > li .nav_sub .s a:hover{ color:#f00;}
header .nav_list > li:hover .nav_sub {height:auto;}
header .nav_menu {display:none;}
header .nav_list .li_8{ position:absolute; left:-75%; bottom:0;}


/*我写的样式*/
.i_news{ background-color: #ccc; height: 260px; padding: 30px;}
.i_news H5{font-size: 20px;font-weight: bolder;}
.i_news ul {padding-top: 20px;}
.i_news ul li { }
.i_news ul li a{ display: block;width: 100%; padding-top: 10px; font-size:1.2em;  cursor: pointer;overflow: hidden;
    text-overflow: ellipsis; /* for IE */
    -o-text-overflow: ellipsis; /* for Opera */
    -icab-text-overflow: ellipsis; /* for iCab */
    -khtml-text-overflow: ellipsis; /* for Konqueror Safari */
    -moz-text-overflow: ellipsis; /* for Firefox,mozilla */
	-webkit-text-overflow: ellipsis; /* for Safari,Swift*/}
.i_news ul li p{color: #808080;}

@media (max-width:1200px) {
header .nav_list > li a {  margin:0 12px;}
}
@media (max-width:992px) {
.header_hei{ height: 150px;}
header{ height:120px;}
header .nav_logo{ height:30px; margin:25px 46% 5px 46%;}
header .nav_list > li a {font-size:0.8em; padding:20px 0; margin:0 8px;}
}
@media (max-width:768px) {
.header_hei{ height: 90px;}
header{ height:60px;}
header .nav_logo{ height:30px; margin:15px 6px;}
header .nav_menu {display:block;float:right;padding:8px 5px;position:relative;border:1px solid #ccc; border-radius:4px;margin-top:12px;z-index:999;cursor:pointer;}
header .nav_menu span {height:2px;width:25px;display:block;background:#ccc;}
header .nav_menu span + span {margin-top:6px;}
header .nav_list {position:fixed;height:100%;top:0;padding-top:10px;width:70%;left:-70%;background:#000;-webkit-transition:1s;transition:1s;z-index:99;}
header .nav_list > li {width:100%; overflow: hidden; margin:0;}
header .nav_list > li a { padding:10px 0 10px 20px; margin:0; font-size:16px; border-bottom:1px solid #333333;}
header .nav_list > li .nav_sub { width:100%;}
header .nav_list > li .nav_sub li{ width:100%;}
header .nav_list > li .nav_sub li a{ padding:10px 0 10px 10px;}
header .nav_list > li .nav_sub .s{padding:0 0 0 20px;}

header .nav_open {left:0%; overflow:auto;}

}

/*footer*/			
footer{ overflow:hidden; margin-top:50px; clear:both;}
footer .f_logo{ margin:5px 0 0;}
footer .f_lianxi i{ display:inline-block; width:16px; text-align:center;}
footer .f_copyright{}
footer .f_weixin{ text-align:left;}
footer .f_weixin i{ font-size:22px; margin:0 5px;}
footer .f_weixin a{ color:#666;}
footer .f_weixin a:hover{ color:#fff;}
footer .f_nav{ margin-bottom:150px;}
footer .f_nav h6{font-size: 1.1em;font-weight: bolder; padding-bottom: 1.3em;color:#494949;}
footer .f_nav a{line-height: 2em;}
footer .backbtn p{padding-top: 15px;}

footer .foot_bg{ padding:60px 0; background:#000; color:#999; border-bottom:1px solid #434343; overflow:hidden;}
footer .copy_bg{ background:#212121; color:#666; padding:10px 0; overflow:hidden;}	
footer a{ color:#999;}
footer a:hover{ color:#FFF;}
@media (max-width:992px) {
footer .f_copyright{ margin-bottom:5px; font-size: 0.8em;}
footer .f_logo{ margin:0 0 10px;}
}
@media (max-width:768px) {
footer .f_nav h6{font-size: 1.1em;font-weight: bolder; padding: 1.3em 0;}
}
/*index*/
.banner{position:relative;max-width:100%;text-align:center;}
.banner:hover .callbacks_nav{display:block;}
.rslides{position:relative;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;}

.callbacks_tabs.callbacks1_tabs{margin-top:-40px;position:relative;z-index:10;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:20px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:20px;height:10px;border-radius:10px;position:absolute;left:0;z-index:100;color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0,.8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;z-index:3;text-indent:-9999px;overflow:hidden;height:61px;width:38px;background:transparent url("../images/themes.gif") no-repeat left top;margin-top:-30px;display:none;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{left:auto;background-position:right top;right:0;}

/****专利*************/
.video_i{ margin-top:50px;}
.zhuanli_i{ margin-top:50px;}
.zhuanli_i h4{ color:#999;}
.zhuanli_i h3{ font-size:30px; font-family:Times New Roman; margin:20px 0;}
.zhuanli_i p{ margin-bottom:20px;}
.zhuanli_i a{ padding:5px 30px; display:inline-block; border:1px solid #333; border-radius:30px;}

/****九宫格*************/
.mt_100{margin-top: 100px;overflow: hidden;}
.jiugong_i{  overflow:hidden;}
.jiugong_i li{ position:relative; overflow:hidden;margin-bottom: 15px;}
.jiugong_i li img{ max-width:100%;}
.jiugong_i li h3{position:absolute; left:40px; top:40px; right:20px; line-height: 1.2em; font-size: 1.2em; font-weight: lighter; color: #FFFFFF;}
.jiugong_i li a{position:absolute; display:none; top:0; left:0; color:#fff; width:100%; height:100%; background:rgba(255,255,255,0.5);text-align:center;}
.jiugong_i li a:after { display:inline-block;  width:0; height:100%; vertical-align:middle; content:"";}
.jiugong_i li:hover a{display:block;}
.jiugong_i .mt_375{ margin-top: -390px; }
.jiugong_line img{width: 100%;}
@media (max-width:1200px) {
.jiugong_i .mt_375{ margin-top:-320px;; }
}

@media (max-width:992px) {
.jiugong_i .mt_375{ margin-top: -245px; }
}

@media (max-width:768px) {
.jiugong_i{ margin-top:15px; }
.zhuanli_i{ margin-top:10px;}
.jiugong_i .mt_375{ margin-top:0px; }
.mt_100{margin-top: 20px;overflow: hidden;}
}


@media (max-width:1200px) {

}

@media (max-width:992px) {
	.videobtn{  padding-bottom: 10px;}
	.picshowbtn{ padding-bottom: 10px;}
}

@media (max-width:768px) {
	.videobtn{  padding-bottom: 10px;}
	.videobtn img {max-width: 100%;}
	.picshowbtn{ padding-bottom: 10px;}
	.picshowbtn img {width: 100%;}

}



.wolcome{}
.wolcome p{ margin-bottom:15px;}


.subTitle{padding: 30px 0; }
.subTitle a:hover{color: #f00;}

/*****产品******/


.productconts .cloud-zoom{display:block;width:100%;height:100%;margin-bottom:50px;}
.productconts .cloud-zoom img{width:100%;height:100%;}
.productconts .zoomlist ul {width: 100%;}
.productconts .zoomlist li{float:left;  width: 20%;padding: 0 2%;}
.productconts .zoomlist li img{width:100%;;height:100%;;}
.productconts .cloud-zoom-lens{background:#fff;cursor:move;}
.productconts .cloud-zoom-title{font-family:Arial;position:absolute !important;background:#000;color:#fff;padding:3px;width:100%;text-align:center; font-weight:bold; font-size:10px;top:0px;}
.productconts .cloud-zoom-big{overflow:hidden;}
.productconts .cloud-zoom-loading{color:white;background:#222;padding:3px;border:1px solid #000;}

.productconts h1{font-weight: normal;font-size: 3em;line-height: 1em;}
.productconts h2{font-weight: normal; line-height: 2.5em; color: #AAAAAA}
.productconts .productinfo{color: #6A6A6A; line-height: 1.2em;}
.productconts .productinfolist h3{font-weight:normal; color:#B4B4B4; font-size: 1.5em; line-height: 2.5em;}
.productconts .productinfolist li{line-height: 1.5em;}
.productlike img{width: 100%;max-width:100%; transition: all 0.6s; padding: 8%;}
.productlike {text-align: center;}
.productlike a:hover{color:#f00;}
.productlike a:hover img{transform: scale(1.1);transition-duration:500ms;}
.productlike p{font-size: 0.8em; line-height: 1em}
.productlike h5{font-weight: lighter; font-size: 2em; line-height: 2em}
.productlike h4{font-weight: normal; font-size: 1.3em; line-height: 2em}
.productdetails{ padding: 50px 1%;}
.productdetails img{max-width:100%; }
@media (max-width:768px) {
.productconts h1{font-weight: normal;font-size: 3em;line-height: 1em; padding-top: 50px;}
}

.pro_list{}
.pro_list li{ display:inline-block; vertical-align:top; float:inherit; margin-right:-6px; margin-bottom: 40px;}
.pro_list li span{  display:block; text-align:center; overflow:hidden;}
.pro_list li img{max-width:100%; transition: all 0.6s;}
.pro_list li h3{ text-align: center; font-size: 1.4em;font-weight:normal; padding:10px 0 ;}
.pro_list li h3 a:hover{ color: #f00;}
.pro_list li p{text-align: center; font-size: 0.8em;line-height: 1.2em; }
.pro_list li:hover img{transform: scale(1.1);}

.pro_show_nav{ overflow:hidden; position:fixed; margin-top:-70px; top:50%; z-index:3;}
.pro_show_nav li{ width:100%;line-height:35px; text-align:right; font-size:14px;}
.pro_show_nav li:after{content:" ●";}
.pro_show_nav li:hover:after{ color:#f00;}
.pro_show_nav .active,.pro_show_nav .active a{ color:#f00;}

.proshow_text p{ margin:10px 0;}
.proshow_text img{ max-width:100%; display:block; margin:10px auto;}

.proshow_middie{ min-height:500px;}

.proshow_message{ text-align:right; line-height:40px;}
.proshow_miaoshu{ border:1px solid #ddd; padding:20px; overflow:hidden;}
.proshow_title{ font-size:18px; margin-bottom:20px; font-weight:normal;}
.proshow_anniu{ text-align:center; line-height:40px;}

.proshow_img{position:relative;max-width:100%;text-align:center;}
.proshow_img:hover .callbacks_nav{display:block;}
.proshow_img img{max-width:100%;}

.pro_fujian{border-left:1px solid #ddd;}
.pro_fujian li{ display:inline-block; vertical-align:top; float:inherit; margin-right:-3px;margin-bottom:-1px; border:1px solid #ddd; border-left:none;}
.pro_fujian li span{display:block; text-align:center; overflow:hidden;}
.pro_fujian li img{max-width:100%; transition: all 0.6s;}
.pro_fujian li h3{ margin:10px; height:25px; line-height:25px; overflow:hidden;}
.pro_fujian li:hover img{transform: scale(1.1);}


.title_icon{ text-align:center;  }
.title_icon img{ height:140px; margin-right:60px; display:inline-block;}
.title_icon span{ font-size:14px; color:#666; text-align:left; display:inline-table; vertical-align:middle;}
.title_icon span p{font-size:24px; padding-bottom:10px;}
/*
.canshu li{display:flex; flex-direction:row;justify-content:space-between;}
.canshu li p, .canshu li span{padding:10px 5px; border-bottom:1px solid #ddd;}
.canshu li p{width:50%;}
.canshu li span{width:48%; display:block;}
.canshu li:hover p, .canshu li:hover span{ background:#f0f0f0;}

.canshu li:nth-child(odd){background:#f8f8f8;}
.canshu li:nth-child(even){}*/



@media (max-width:1200px) {
.proshow_middie{ min-height:410px;}
}

@media (max-width:992px) {
.pro_show_nav{ position:static; margin-top:0;}
.pro_show_nav li{ width:50%; float:left; text-align:left; padding:5px;}
.pro_show_nav li:after{content:"";}
.pro_show_nav li a{ border:1px solid #ddd; display:block; padding:0 10px;}
.pro_show_nav .active a{ color:#333;}

.proshow_message{ margin-top:20px;}

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

.proshow_middie{ min-height:auto;}

}



/*****应用领域************/
.yingyong_i{overflow:hidden; margin-bottom:50px;}
.yingyong_i ul{overflow:hidden; margin-bottom:30px;}
.yingyong_i dt, .yingyong_i dd{ width:50%; overflow:hidden;}
.yingyong_i dt img{ max-width:100%;transition: all 0.6s;}
.yingyong_i dd{ padding:5%;}
.yingyong_i dd h3{ font-size:18px; margin-bottom:10px;}
.yingyong_i dd p{ color:#999;}
.yingyong_i dl:hover img{transform: scale(1.2);}
.yingyong_i dl:hover h3{font-weight:bold;}
.yingyong_i li:nth-child(1) dt,.yingyong_i li:nth-child(2) dt,.yingyong_i li:nth-child(3) dd,.yingyong_i li:nth-child(4) dd{ float:left;}
.yingyong_i li:nth-child(1) dd,.yingyong_i li:nth-child(2) dd,.yingyong_i li:nth-child(3) dt,.yingyong_i li:nth-child(4) dt{ float:right;}
@media (max-width:992px) {
.yingyong_i li:nth-child(1) dt,.yingyong_i li:nth-child(2) dd,.yingyong_i li:nth-child(3) dt,.yingyong_i li:nth-child(4) dd{ float:left;}
.yingyong_i li:nth-child(1) dd,.yingyong_i li:nth-child(2) dt,.yingyong_i li:nth-child(3) dd,.yingyong_i li:nth-child(4) dt{ float:right;}
}
@media (max-width:768px) {
.yingyong_i dd{ font-size:12px; padding:2%;}
.yingyong_i dd h3{ font-size:14px; margin-bottom:5px;}
}



/*****新闻资讯************/
.news_list{padding-bottom: 80px;}
.news_list ul{ }
.news_list li{ margin-bottom:20px; display:inline-block; vertical-align:top; float:inherit;  margin-right:-3px;}
.news_list li img{ max-width:100%;}
.news_list li h3{ font-size:18px; margin:10px 15px;}
.news_list li h3 a:hover{color:#f00 }
.news_list li p{ color:#999;margin:10px 15px;}
.news_list li time{margin:10px 15px;}
@media (max-width:768px) {
.news_list li h3{  margin:15px 0;}
.news_list li p{ margin:15px 0;}
.news_list li time{margin:15px 0;}
}
.news_show_title{ border-bottom:1px dashed #ccc; margin-bottom:20px;margin-left: 5px;margin-right: 5px;}
.news_show_title h2{  padding-bottom:5px;}
.news_show_title p, .news_show_title a{ color:#999; padding-bottom:5px;}
.news_show_title i{ margin-left:20px; margin-right:5px;}
.news_show_title i:nth-child(1){ margin-left:0;}
.news_show_box { max-width: 800px; margin: 0 auto ;}
.news_show {margin-left: 5px;margin-right: 5px;}
.news_show p{ margin:15px 0;}
.news_show img{ max-width:100%; display:block; margin:10px auto;}
.prenext{margin-left: 5px;margin-right: 5px;}
/*****关于我们************/
.about{ overflow:hidden; padding-bottom: 50px;}
.about img{ max-width:100%; margin:10px auto; display:block;}
.about p{ margin:5px 0;}

.feedbackbox{padding: 60px 0px; }
.message { }
.message div{ padding-bottom:10px; padding-left: 1%; padding-right: 1%;}
.message p{ line-height: 1.6em; font-weight:normal; padding-bottom:5px;font-size: 1em;}
.message p span{font-size: 0.8em;}
.message input[type="text"],.message input[type="password"]{ width:100%; padding:5px;border: none; border-bottom: solid #B8B8B8 1px;}
.message textarea{ width:100%; padding:5px; height:150px; overflow:auto;}
.message .msg_tijiao{ display:inline-block; width:100%; text-align:center; padding:10px 0; background: #F0F0F0; cursor:pointer;}
.message .msg_tijiao:hover{ background:#f00; color:#fff; border-color:#f00;}
.message .message_title{ margin:20px 0;}
.message .message_title a{ color: #f00; font-weight: bold;}
.message .message_title a:hover{  color: #f60;}

.contact{}
.contact dl{ overflow:hidden; margin-bottom:20px;}
.contact dt{ float:left; width:110px; height:110px;}
.contact dt img{ width:50%; display:block; margin:5px auto 0;}
.contact dd{ float:left; width:100%; padding:0 140px 0 0; margin:0 -140px 0 0;}

@media (max-width:1200px) {


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


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


}



/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:2em;line-height:2em;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:1em;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8; border-radius: 5px; background:#FFF;text-align:center;padding:5px 13px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#dedede;}


/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}