@import "font-awesome.min.css";
@import "style2.css";
@charset "utf-8";
/* CSS Document */
/**全局**/
*{ margin:0px; padding:0px;}
div,form,img,ul,ol,li,dl,dt,dd,map {padding:0;margin:0;border:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0; }
body{margin:0px; padding:0px; font-size:14px; color:#313131;font-family:"微软雅黑",Arial, Helvetica, sans-serif,"宋体";background:#fff;line-height: 24px;}
ul,li{list-style:none;}
.clear{clear:both;}
a{color:#313131;text-decoration:none;}
a:hover{color:#0051a4;text-decoration:none;}
img{border:none;}
hr{line-height:0px; font-size:0px; border:none; height:1px; width:100%; margin:5px 0px;}
div{margin:0px auto;}
.f_l{ float:left;}
.f_r{ float:right;}
input,select{ font-family:arial, Helvetica, sans-serif; padding:1px;}
.blank{width:100%;height:10px;clear:both;overflow:hidden;}
.blank20{width:100%;height:20px;clear:both;overflow:hidden;}
.mt10{margin-top:10px;}
.hide{display:none;}
.red{color:#f00;}
.blue{color:#00f;}
.gray{color:#ccc;}
.noInfo{width:100%;float:left;padding:10px 0; text-align:center;}
.input_submit{width:77px;height:41px;float:left;background:url(../images/search.png) no-repeat left top; text-align:center;line-height:41px; color:#fff; border:0px; cursor:pointer;}
.float_bg{background:url(../images/qq_3.gif) repeat-y left top;width:118px;padding:2px 0;float:left;}
.f_list{width:100%;float:left;margin:5px auto;clear:both;}
.f_list span{float:left;width:80px;}
.zoomimgs{display:block; width:100%;height:0; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}
.index_pro{padding-bottom: 75%;}
.piczoomimgs{padding-bottom: 75%;}



/*all*/
.main{width:100%;padding:40px 0 40px 0;}
.main img{max-width:100%;}
.main_top{margin-bottom:25px;}
.main_list{float:left;width:100%;margin:0 0 20px 0;text-align:center;}
.main_list ul{float:left;width:100%;}
.main_list ul li{display:inline-block;margin:5px;}
.main_list ul li a{display:block;line-height:36px;font-size:16px;color:#666;padding:0 25px;border-radius:17px;border:1px solid #ddd;transition: all .3s ease;}
.main_list ul li a.current,.main_list ul li a:hover{background:#008cd6;color:#fff;border:1px solid #008cd6;}
.main2{width:100%;float:left;padding:0 0 80px 0;}
.ur_here{float:right;/*width:100%;border-bottom:1px solid #ccc;*/}
.ur_here ul{}
.ur_here ul i{float:left;font-size:20px;color:#008cd6;line-height:20px;margin-right:5px;display:none;}
.ur_here ul li{float:left;line-height:20px;font-size:14px;color:#666;margin:0 3px;}
.ur_here ul li a{font-size:12px;color:#666;}
.ur_here ul li a:hover{color:#d50100;}

/*end*/

/**顶部**/
#header{float:left;width:100%;}
.head_top,.head_middle{border-bottom:1px solid #e4e4e4;}
.head_top{color: #999;line-height:30px;}
.top_right a{color: #999;}
.top_right a:hover,.top_right a.active{color: #d78a1c;}
.top_right .language{padding-left:30px;}
#logo{float:left;}
#logo img{/*height:88px;*/margin:20px 0 0px 0;}
#top_wechat{position:relative;float:right;padding-left:20px;margin-top:24px; width:114px;}
#top_wechat:after{content: "";position: absolute;top: 0px;left:0;width:1px;height:100%;background:linear-gradient(#f8f8f8,#e4e4e4,#f8f8f8);}
#top_wechat img{width:70px;height:auto;vertical-align: middle;}
#top_wechat span{color:#999;vertical-align: middle;
	writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  
    writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/  
}
#tel{float:right;padding:26px 20px 0 72px;background:url(../pic/tel.png) no-repeat left bottom;}
#tel .a{font-size:14px;color:#999;line-height:26px;}
#tel .b{display:block;font-size:30px;color:#0051a4;line-height:36px;font-weight:bold;}
/*end*/

/*menu*/
#navigate{float:left;}
#navigate ul li{display:inline-block;position: relative;z-index:1000;}
#navigate ul li.first_menu{}
#navigate ul li a{ display:block;line-height:50px;height:50px;color:#333;font-size:16px;padding:0 25px;transition: all .3s ease;}
#navigate ul li a:hover,#navigate ul li .current{background:#0051a4;color: #fff;}

#navigate ul li .drop_menu{position:absolute;left:0;top:50px;display:none;text-align:center;background:#0051a4;z-index:2;}
#navigate ul li .drop_menu li{float:left;min-width:160px;height:auto;}
#navigate ul li:nth-child(3) .drop_menu li{min-width:270px;}
#navigate ul li .drop_menu li a{display:block;height:auto;line-height:30px;font-size:14px;color:#fff;padding:5px 10px 5px 33px;text-align:left;white-space: nowrap;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#navigate ul li .drop_menu li a:hover{background:#fff;color:#0051a4;}
/*end*/

/*flash*/
#banner img{width:100%; height:auto;}
.banner_img{float:left;width:100%;background-size:cover !important;height:350px;}
#flash a{text-decoration:none;cursor:pointer;}
#flash{max-width:100%;margin:0 auto;overflow: hidden;}
#big_img{height:640px;background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.small_positive{position:relative;width:100%;}
#small_img{position:absolute; left:0;bottom:40px;width:100%;text-align: center; display:none;}
#small_imgs{max-width:100%;overflow:hidden;}
#small_imgs .item{display:inline-block;margin:0 12px;}
#small_imgs .item .img{cursor:pointer;width:248px;height:84px;border:2px solid #5f99dd;overflow: hidden;}
#small_imgs .item .img img{width:100%;height:100%;}
#small_imgs .item .active{border:2px solid #c0dbff;}
/*end*/

/*search*/
#search{float:right;width:120px;margin-top: 10px;}
#search form{float:left;width:100%;position:relative;}
.skw{float:left;width:100%;height:32px;line-height:32px;border:0;color:#999;padding:0 32px 0 12px;}
.skw:focus{border:none;outline: none;}
.sub{width:32px;height:32px;background:url(../pic/search.png) no-repeat right center;position:absolute;right:0;top:0;border:none;}
.skw::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999;
}
.skw:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
}
.skw::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
}
.skw:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999;
}
/*end*/

/* home_top */
.home_top{float:left;width:100%;text-align:center;background:url(../pic/home_top.png) no-repeat center bottom;}
.home_top h3{line-height:24px;font-size:24px;color:#313131;}

/* 产品中心 */
#pro{width:100%;padding:70px 0px 50px 0px;background-size: cover;background-repeat: no-repeat;overflow:hidden;}
.pro_class{margin-top:30px;width:200px;}
.pro_class h2{font-size: 24px;color: #333;line-height:24px;}
.pro_class ul{margin-top:10px;}
.pro_class ul li {width: 100%;overflow: hidden;}
.pro_class ul li a{position:relative;display:block;padding-left:16px;line-height:40px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	transition:all 0.5s ease-out ; 
	-webkit-transition:all 0.5s ease-out ; 
	-moz-transition:all 0.5s ease-out ; 
	-ms-transition:all 0.5s ease-out ; 
	-o-transition:all 0.5s ease-out ; 
}
.pro_class ul li a:after{content: "";position: absolute;top:50%;left:0;width: 4px;height: 4px;background-color: #666;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transition:all 0.5s ease-out ; 
	-webkit-transition:all 0.5s ease-out ;
	-moz-transition:all 0.5s ease-out ; 
	-ms-transition:all 0.5s ease-out ; 
	-o-transition:all 0.5s ease-out ; 
}
.pro_class ul li:hover a{padding-left:26px;color: #fff;}
.pro_class ul li:hover{background-color: #0051a4;}
.pro_class ul li:hover a:after{left:10px;background-color: #fff;}
#pro .btn_pro{display: block;margin:20px 0 0 0;padding:4px 6px;width:150px;background-color: #c8c8c8;color: #fff;text-align: center;}
#pro .btn_pro:hover{background-color: #0051a4;}
#pro .pro_class p{padding:8px 0;border-bottom:6px solid #c8c8c8;font-size: 24px;color:#c8c8c8;font-weight: bold;}
#pro .pro_list{width:100%;}
#pro .w3{float: left;width: 32%;}
/*#pro .w3.active{width:33%;}*/
/*#pro .w3:not(.active) .pro_item{margin-top: 30px;}*/
#pro .pro_item{position: relative;margin:0 10px;padding-bottom:30px;
	transition:all 0.5s ease-out ; 
	-webkit-transition:all 0.5s ease-out ; 
	-moz-transition:all 0.5s ease-out ; 
	-ms-transition:all 0.5s ease-out ; 
	-o-transition:all 0.5s ease-out ;
}
#pro .pro_item:after{content: "";position: absolute;left:0;bottom:0;width:100%;
	background: linear-gradient(rgba(201,201,201,.4),rgba(225,225,225,.4),rgba(250,250,250,.4));
	transition:all 0.5s ease-out ; 
	-webkit-transition:all 0.5s ease-out ; 
	-moz-transition:all 0.5s ease-out ; 
	-ms-transition:all 0.5s ease-out ; 
	-o-transition:all 0.5s ease-out ;
}
#pro .pro_item_img{width:100%;border:2px solid #b6b6b6;border-bottom: none;overflow: hidden;
	transition:all 0.5s ease-out ; 
	-webkit-transition:all 0.5s ease-out ; 
	-moz-transition:all 0.5s ease-out ; 
	-ms-transition:all 0.5s ease-out ; 
	-o-transition:all 0.5s ease-out ;
}
#pro .pro_item_title{background-color: #979797;text-align: center;line-height:14px;
	transition:all 0.5s ease-out ; 
	-webkit-transition:all 0.5s ease-out ; 
	-moz-transition:all 0.5s ease-out ;
	-ms-transition:all 0.5s ease-out ; 
	-o-transition:all 0.5s ease-out ;
}
#pro .pro_item_title a{display:block;padding:25px 0;font-size: 14px;color:#fff;}
#pro .w3.active .pro_item:after{background: linear-gradient(rgba(192,212,233,.8),rgba(225,235,245,.5),rgba(254,254,250,.2));}
/*#pro .w3.active .pro_item .pro_item_img{border:4px solid #0051a4;border-bottom: none;}*/
#pro .w3.active .pro_item .pro_item_title{background-color: #0051a4;}
/*#pro .w3.active .pro_item .pro_item_title a{padding:30px 0;}*/

#pro .industry_list{padding:45px 0;background-color: #fff;}
#pro .industry_item{text-align: center;}
#pro .industry_item img{max-width: 100%;}



/* 选择的理由 */
#why{width:100%;overflow:hidden;}
#why .why_head{position: relative;padding:60px 0 30px;background-color: #0051a4;}
#why .why_head img{max-width: 100%;}
#why .overlay{ position: absolute; top:50%; left:0; width:100%; text-align:center; z-index: 2; color:#fff;
	transform: translate(0,-50%); 
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%); 
	-ms-transform: translate(0,-50%); 
	-o-transform: translate(0,-50%); 
}
#why .overlay h2{position:relative;font-size:42px;line-height: 42px;font-weight:bold;}
#why .overlay h2:after{content:"";position: absolute;top:-2px;right:-14px;;width:8px;height: 50px;background-color: #fff;}
#why .overlay h2:before{content:"";position: absolute;top:-2px;right:-20px;;width:3px;height: 50px;background-color: #fff;}
#why .overlay span{display: block;}
#why .why_head_line{margin-top:6px;width: 100%;height: 6px;background-color: #0051a4;}
#why .why_list{padding-bottom: 40px; padding-top:20px;}
#why .why_item{margin-bottom: 20px;}
#why .why_info{padding:100px 0 0 0;}
#why .why_img img{max-width:100%;}
#why .why_info .why_info_left{width:136px;}
#why .why_info .why_info_right{width: calc(100% - 136px);}
#why .why_title{padding-bottom:20px;font-size: 28px;color: #666;}
#why .why_desc{color:#666;}
#why .why_desc .icon-type{ display:inline-block; margin-right:10px;width:4px; height:4px; background-color: #0051a4; vertical-align:middle;
	transform:rotate(45deg); 
	-webkit-transform:rotate(45deg); 
	-moz-transform:rotate(45deg); 
	-ms-transform:rotate(45deg); 
	-o-transform:rotate(45deg); 
}

/* 关于我们 */
#about{width:100%;padding:70px 0 40px 0;background: #0051a4;background-size: cover;text-align: center;overflow:hidden;}
#about .about_title{margin-bottom:40px;font-size: 24px;color: #fff;}
#about .about_con{color: #fff;text-align: center;}
#about .about_con .about_desc{width:860px;margin:0 auto;}
#about .about_con img{max-width:100%;}
#about .more_about{color:#dc9b4d;}
#about .more_about:hover{color: #fff;}

/* 新闻动态 */
#article{width:100%;overflow:hidden;}
#article{padding:80px 0 60px 0;}
#article .article_list{position:relative;width:100%;}
#article .news_list:after{content:"";position: absolute;top:0;right:-74px;width: 1px;height: 100%;background-color:#e4e4e4;}
#article .article_top{width:100%;margin-bottom: 30px;}
#article .article_top h2{position:relative;padding-left:24px;font-size:24px;color:#333;} 
#article .article_top h2:after{content: "";position: absolute;top:0;left:0;width:8px;height:100%;background-color: #979797;}
#article .article_top h2:before{content: "";position: absolute;top:0;left:11px;width:3px;height:100%;background-color: #979797;}
#article .article_top p{color: #979797;}
#article .article_top a.more_art{color: #dc9b4d;}
#article .article_item{margin-bottom: 20px;}
#article .article_title{font-size:16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#article .article_time{display:block;font-size: 12px;color: #999;line-height: 14px;}
#article .article_desc{padding-top:6px;color:#666;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
#article .news_left{ float:left; width:120px;}
#article .news_left img{ width:100%;}
#article .news_right{ padding-left:140px;}
#article .question_title .question_icon{display: inline-block;width:28px;height: 24px;margin-right:6px;background: url(../pic/question_icon.png) no-repeat center center;vertical-align: middle;}
#article .question_time,#article .question_desc{padding-left:32px;}
#article .question_desc .answer_icon{display: inline-block;width:20px;height: 20px;margin-right:6px;background: url(../pic/answer_icon.png) no-repeat center center;vertical-align: top;}
#article .article_item:hover .article_title a{color: #0051a4;}
#article .article_item:hover .news_left{background-color: #0051a4;}

/* 合作伙伴 */
#partner{width: 100%;overflow: hidden;}
#partner .partner_top{text-align: center; margin-bottom:20px;}
.partner_top h2{margin-bottom:10px;font-size:24px;color: #333;}
.partner_top p{color: #979797;text-transform: uppercase;}
#partner .partner_list{margin:0 -10px;padding:20px 0 60px;overflow: hidden;}
#partner .partner_list .owl-item{float: left;}
#partner .partner_img{margin:0 10px;border:1px solid #e4e4e4;text-align: center;}
#partner .partner_img img{max-width:100%;}


/* footer */
#footer{width:100%;padding:24px 0 46px;background:#2f2f2f;color:#999;overflow:hidden;}
#footer a{font-size:14px;color:#999;}
#footer a:hover{color:#0051a4;}
.friendlink{padding:20px 0;margin-bottom:20px;border-bottom:1px solid #464646;}
.friendlink a{padding:0 4px;}
.footer_logo{padding-right: 60px;}
.footer_logo_img{max-width: 100%;}
.footer_logo_words{margin-top: 24px;}
.footer_logo_words h2{font-size: 22px;color: #fff;font-weight: bold;}
.footer_wechat_img{float:right;width:100px;}
.footer_wechat_img img{width:100%;height:auto;}
.footer_wechat_txt{float:right;padding:26px 10px 0 0;text-align: right;}
#copyright {text-align: center; padding-top:10px;}
/*left*/
#left{width:260px;float:left; }
.left_list{width:100%;float:left;box-shadow: 0px 0px 5px #ccc;}
.left_top{width:100%;height:55px;line-height:55px;float:left;background:#0051a4;}
.left_top h3{float: left;line-height:55px;font-size:20px;font-family: "微软雅黑";color: #FFF;padding-left: 22px;}
.left_con{padding:0px;line-height:24px;width:100%;background:#fff;float:left;border:1px solid #e5e5e5;border-top:none;}
.type_list{width:100%;float:left;}
.type_list ul{margin:0px;padding:0px;list-style-type:none;}
.type_list li{margin:0px;padding:0px;list-style-type:none;height:43px;line-height:43px;border-bottom:1px solid #e5e5e5;overflow:hidden;}
.type_list li a{color:#313131;margin:0 22px;background:url(../images/left_0.png) no-repeat right center;font-size:14px; display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.type_list li a:hover{color:#0051a4;background:url(../images/left_0.png) no-repeat right center;}
.type_list li a.current{color:#0051a4;background:url(../images/left_0.png) no-repeat right center;}
.type_list li.second_cat{}
.type_list li.second_cat a{background:url(../images/left_2.png) no-repeat left center;padding:0 10px;}
.type_list li.second_cat a:hover{background:url(../images/left_4.png) no-repeat left center;}
.type_list li.second_cat a.current{background:url(../images/left_4.png) no-repeat left center;}
.mar-top{margin:25px 0;}
.left_contact{float:left;width:100%;padding:22px;font-size:13px;}
.left_contact p{margin:0 0 3px 0;}
/*end*/

/*right*/
#right{width:calc(100% - 300px);float:right;}
#right_top{float:left;width:100%;padding-bottom: 5px;border-bottom: 2px solid #0051a4;}
#right_top h3{float:left;font-size:16px;line-height:25px;font-weight:bold;}
#right_top h3:before{content:"";float:left;display:block;width:4px;height:18px;background:#dc9b4d;margin-right:10px;margin-top:3px;}
#right_con{width:100%;float:left;padding:20px 0 0 0;line-height:200%;overflow:hidden;min-height:300px;height:auto !important;}
#right_con img{max-width:100%;height:auto;}
.padding-10{float:left;width:100%;padding:0 10px;overflow:hidden;}
/*end*/

	 
/*news*/
.art_list{width:100%;float:left;}
.art_time{float:left;width:68px;text-align:center;}
.art_time .a{display:block;margin:12px auto 7px;width:60px;height:60px;line-height:60px;background:#cccccc;border-radius:50%;font-size:36px;color:#fff;}
.art_time .b{display:block;font-size:14px;color:#999;line-height:14px;}
.art_right{margin-left:93px;padding:10px 0;border-bottom:1px dashed #d4d4d4;}
.art_title{height: 35px;line-height: 35px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.art_title a{font-size:16px;color:#313131;}
.art_des{height:48px;line-height:24px;font-size:14px;color:#666;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.art_list:hover .art_time .a{background:#0051a4;}
.art_list:hover .art_title a{color:#0051a4;text-decoration:underline;}

.articleList{width:100%;float:left;}
.articleList ul{margin:0px;padding:0px;list-style-type:none;}
.articleList li{margin:0px;padding:0 0 0 10px;list-style-type:none;border-bottom:1px dotted #ccc;background:url(../images/li_0.png) no-repeat left center;line-height:35px;}
.time{float:right;}
.articleTitle{font-weight: bold;font-size: 20px;color: #5a5a5a;text-align: center;line-height: 50px;}
.articleAuthor{text-align: center;padding: 0 0 10px 0px;border-bottom: 1px solid #ccc;}
.articleAuthor span{margin: 0px 6px;font-size: 14px;color: #999;}
.articleInfo{width: 100%; padding: 25px 0; line-height: 200%; min-height: 250px;}
.articleInfo img{max-width:100%;}
.pageUpDown{padding-top: 10px;text-align: left; line-height: 30px;font-size: 14px;color: #333;}

/*end*/

/* video */
.videoList{margin:0 -10px;}
.videoList .w3{float: left;width:33.33%;}
.videoList .video_item{margin:0 10px;}
.videoList iframe{width:100%;height:240px;}
.videoList .video_title{text-align: center;line-height: 30px;margin-bottom: 10px;}
.txp_tipbar{display: none !important;}

/*Product*/
.productList{margin:0 -10px;}
.productList .pro_list{width:33.333%;display: inline-block;}
.productList .pro_item{margin:0 10px;}
.productList .pro_item_img{width:100%;padding:10px;border:1px solid #e4e4e4;overflow: hidden;
	transition:all 0.5s ease-out ; 
	-webkit-transition:all 0.5s ease-out ; 
	-moz-transition:all 0.5s ease-out ; 
	-ms-transition:all 0.5s ease-out ; 
	-o-transition:all 0.5s ease-out ;
}
.productList .pro_item_img img{ 
	transform: scale(1.0); 
	-webkit-transform: scale(1.0); 
	-moz-transform: scale(1.0); 
	-ms-transform: scale(1.0); 
	-o-transform: scale(1.0); 
	transition:all 0.5s ease-out ; 
	-webkit-transition:all 0.5s ease-out ; 
	-moz-transition:all 0.5s ease-out ; 
	-ms-transition:all 0.5s ease-out ; 
	-o-transition:all 0.5s ease-out ; 
}
.productList .pro_item_title{text-align: center;line-height: 50px;}
.productList .pro_list:hover img{ 
	transform:scale(1.1) ; 
	-webkit-transform:scale(1.1) ; 
	-moz-transform:scale(1.1) ; 
	-ms-transform:scale(1.1) ; 
	-o-transform:scale(1.1) ; 
	transition: all 0.5s ease-out; 
	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease-out; 
	-ms-transition: all 0.5s ease-out; 
	-o-transition: all 0.5s ease-out; 
}
.productList .pro_list:hover .pro_item_img{border: 1px solid #0051a4;}
.productList .pro_list:hover .pro_item_title a{color: #0051a4;}
.productTitle{line-height:45px;font-weight:bold; text-align:left; font-size:18px;color:#0051a4;border-bottom:1px dashed #d0d0d0;margin:0 0 0 370px;}
.productDes{text-align:left;font-size:14px;color:#999;line-height:30px;margin:10px 0 0 370px;}
.productImg{float:left;width:350px;text-align:center;float:left;margin:10px 0;}
.productImg img{width:100%;border: 1px solid #d9d9d9;}
.productBuy{width:100%;text-align:center;float:left;margin:10px auto;}
.productBuy a{margin:0 10px;} 
.productBuy a{width:120px;height:40px;line-height:40px;background:#45b1ff; display:inline-block; color:#fff; border-radius:5px; font-size:14px;}
.productBuy a:hover{background:#000;}
.title{width:100%;float:left;margin:10px 0 0 0;border-bottom:1px solid #ccc;line-height:40px;}
.title span{font-size:14px;font-weight:bold;}
.productDesc{ line-height:200%;padding:10px 0;width:100%;float:left;}
/*end*/

/*page*/
.pages{float:left;width:100%;margin:30px 0 0 0; font-size:14px;text-align:center;}
.pages li{ display:inline-block;}
.pages a{display:block;line-height:22px;font-size:14px;color:#999;padding:0 8px;border-radius:11px;margin:0 4px;}
.pages a:hover{background:#0051a4;color:#fff;}
.pages li.active a{background:#0051a4;color:#fff;}
/*end*/

/*feedback*/
.f_list{width:100%;float:left;margin:5px auto;clear:both;}
.f_list .fl_l{float:left;width:20%;text-align:right;}
.f_list .fl_r{float:left;width:80%;}
.input_text{width:90%;border:1px solid #ccc; line-height:24px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  }
.w100{width:100px;}
/*end */

/*toolbar*/
#toolbar2{display:none;}
#toolbar{width:68px;position:fixed;right:0px;top:50%;margin-top:-136px;z-index:1000000;}
#toolbar ul{}
#toolbar li{width:68px;height:68px;float:left;margin:4px 0px;position:relative;}
#toolbar li .t_item{width:68px;height:68px; background:#dc9b4d;text-align:center;line-height:68px; display:block;border-radius:5px 0 0 5px; color:#fff; text-decoration:none;position:absolute; left:0px; top:0px; z-index:2;}
#toolbar li a.t_item:hover,#toolbar li a.cur{background:#0051a4;}

.tool_qq{position:absolute;left:-118px;top:0px;width:118px;padding:0 10px 0 0; display:none;}
.tool_qq_con{width:108px;padding:10px 0;float:left;border:1px solid #dc9b4d; background:#fff; text-align:center;}
.tool_tel{width:170px;height:68px; background:#0051a4; position:absolute;left:0px;top:0px; line-height:68px;font-size:18px; color:#fff; padding:0 0 0 10px; white-space:nowrap;border-radius:5px 0 0 5px; }
.tool_weixin {position:absolute;top:0px;width:118px;left:-118px;padding:0 10px 0 0; display:none;}
.t_wx_con{width:108px;background:#fff;border:1px solid #dc9b4d;padding:3px;text-align:center; font-size:14px; line-height:22px;}
.t_wx_con img{width:100px;height:100px;}

.t1 i{width:68px;height:68px;background:url(../pic/u1.png) no-repeat center center; display:block;}
.t2 i{width:68px;height:68px;background:url(../pic/u2.png) no-repeat center center; display:block;}
.t3 i{width:68px;height:68px;background:url(../pic/u3.png) no-repeat center center; display:block;}
.t4 i{width:68px;height:68px;background:url(../pic/u4.png) no-repeat center center; display:block;}
.t5 i{width:68px;height:68px;background:url(../pic/u5.png) no-repeat center center; display:block;}

@media screen and (min-width: 1230px){
	.container{width: 1230px;}
}
@media screen and (max-width: 1500px){
	#big_img{width:100% !important;height:500px;}
}
@media screen and (max-width: 1200px){
	#big_img{width:100% !important;height:350px;}
	.banner_img{height:300px;}
	#logo img{height:78px;}
	#tel{background-size:50px;}
	#tel .a{font-size:14px;}
	#tel .b{font-size:24px;line-height:30px;}
	#navigate ul li a{padding:0 18px;}
	.footer_logo{padding-right: 40px;}
	.footer_logo_img img{width: 300px;}
	#left{width:240px;}
	#right{width:calc(100% - 270px);}
	.type_list li a.current:before{left:20px;}
}
@media screen and (max-width: 992px){
	#logo img{height:68px;margin:5px 0 15px 0;}
	#top_wechat{display: none;}
	#tel{padding:16px 20px 0 72px;}
	#big_img{height:300px;}
	#small_img{bottom: 20px;}
	#small_imgs .item .img{width:150px;height:auto;}
	.banner_img{height:240px;}
	#search{display:none;}
	#navigate ul li a{padding:0 14px;font-size:15px;}
	#navigate ul li .drop_menu li a{font-size:12px;}
	.footer_contact{padding-top:20px;}
	.pro_class{display: none;}
	#pro .pro_list{width:100%;}
	#why .why_info{padding:40px 0 0 0;}
	#why .why_title{font-size:24px;}
	#about .about_con .about_desc{width:100%;}
	#article .article_list,#article .article_top{width:100%;}
	#article .news_list:after{display: none;}
	#article .news_right{padding-left: 100px;}
	#article .news_left{width: 90px;}
	.productList .pro_list{width:50%;}
	.videoList .w3{width:50%;}
}

@media screen and (max-width: 768px){
	#logo img{height:50px;margin:5px 0 5px 0;}
	.head_top,#tel{display: none;}
	#search{display:none;position: absolute;top:100%;left:0;width:100%;margin-top:0;
	-webkit-box-shadow: 2px 2px 2px 0px #ccc;
	-moz-box-shadow: 2px 2px 2px 0px #ccc;
	-ms-box-shadow: 2px 2px 2px 0px #ccc;
	-o-box-shadow: 2px 2px 2px 0px #ccc;
	box-shadow: 2px 2px 2px 0px #ccc;
	}
	#search .sub{right:14px;}
	.mobile_search_icon{position:absolute;top:0;right:50px;display: block;width: 30px;height:100%;background: url(../pic/search.png) no-repeat center center;}
	.banner_img{height:180px;}
	#big_img{height:180px;}
	/*#big_img{height:auto;}*/
	#small_img{display:none;}
	#navigate{display:none;}
	.footer_logo{padding-right: 0;}
	.footer_logo_img img{max-width: 100%;}
	.footer_right{padding-top: 20px;}
	.footer_wechat_img,.footer_wechat_txt{float: left;text-align: left;}
	.footer_wechat_txt{padding-left: 10px;}
	.main{padding:25px 0;}
	.main_list{display:none;}
	.art_right{margin-left:65px;}
	.articleAuthor span{font-size:12px;margin:0 4px;}
	.articleTitle{line-height:30px;font-size:16px;}
	.productTitle{font-size:16px;}
	.productTitle,.articleTitle{margin-top:15px;}
	#left{display:none;}
	#right{width: 100%;}
	#right_con{padding:10px 0 0 0;}
	.ur_here{float:left;display:none;}
	.ur_here ul i{display:block;}
	.ur_here ul li:nth-child(2){display:none;}
	.art_time{width:50px;}
	.art_time .a{margin: 23px auto 7px;width:46px;height:46px;line-height:46px;font-size:24px;}
	.art_time .b{font-size:12px;}
	.productImg{width:100%;}

	.w5{width:50%;float:left;}
	#pro{padding:40px 0;}
	#pro .pro_list{width:auto;margin:0 -10px 20px;}
	#pro .pro_item{padding:0 0 20px;}
	#pro .pro_item:after{display: none;}
	#pro .pro_item_title a{padding:15px 0;}
	#pro .industry_item{margin-bottom:20px;}
	#why{padding-bottom:40px;}
	#why .why_info .why_info_right{width: 100%;}
	#why .overlay h2{font-size:24px;}
	#why .overlay span{font-size:12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	#why .why_item{text-align: center;}
	#why .why_info{padding:20px 0 10px 0;}
	#why .why_title{padding:20px 0 10px;font-size:24px;}
	#about{padding:40px 0;}
	#about .about_title{margin-bottom: 20px;}
	#article{padding:40px 0 20px;}
	.question_con{margin-top:20px;}
	#article .article_top{margin-bottom:16px;}
	#article .article_top p{font-size:12px;}
	#partner .partner_list{padding:20px 0 40px 0;}

	/* 手机版 padding:0 5px; */
	.productTitle{margin:0;padding:0 5px;}
	.productDes{margin:10px 0 0 0;padding:0 5px;}
	.title{padding:0 5px;}
	.productDesc{padding:10px 5px;}
	.pageUpDown{padding-left:5px;padding-right:5px;}
	.articleInfo{padding:25px 5px;}
	.friendlink{ display:none;}
	#pro .w3{float: left;width: 100%;}
	#footer {padding: 24px 0 16px;}
	/* end */

	/*手机底部导航*/
	#toolbar{display:none;}
	.blank55{height:55px; line-height:1px; clear:both;}
	#toolbar2{color:#fff;width:100%;height:54px;position:fixed;bottom:0;left:0;z-index:8;background:#0051a4; display:block;}
	#toolbar2 li{float:left;width:33.33%;text-align:center;}
	#toolbar2 a{width:100%;color:#fff;display:block;padding:5px 0 0 0;line-height:23px;font-size:14px;}
	#toolbar2 a span{ font-size:22px; display:block;}
}
@media screen and (max-width: 480px){
	/* #big_img{height: 160px;} */
	#logo img{height:28px;margin:10px 0;}
	.banner_img{height:140px;}
	#why .overlay h2{font-size:16px;}
	#why .why_title{font-size:20px;}
	.videoList .w3{width: 100%;}
	.videoList iframe{height: 240px;}
}
@media screen and (max-width: 320px){
	#logo img{height:34px;margin:14px 0}
}