﻿@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 {margin:0;padding:0; }
body{margin:0px; padding:0px; font-size:14px; color:#333;font-family:Arial;background:#fff;}
ul,li{list-style:none;}
.clear{clear:both;}
a{color:#333;text-decoration:none;}
a:hover{color:#F00;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;}

.blank5{width:100%;height:5px;clear:both;overflow:hidden;background:#1a5ea7;}
.blank10{width:100%;height:10px;clear:both;overflow:hidden;}
.blank20{width:100%;height:20px;clear:both;overflow:hidden;}

#member_reg,#member_login{cursor:pointer;}
.submenu{ text-align:center; margin-top:30px;}
.submenu li{ display:inline-block}
.submenu li a{ border:1px solid #e4e4e4; padding:8px 15px; margin:0 4px;}
.submenu li a:hover,.submenu li a.cur{ background:#ff9454; color:#fff}

.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;}
.block{width:1000px;margin:0 auto;}



/*all*/
.main{width:100%;float:left;padding:30px 0;}
.main_top{width:100%;height:80px;float:left; background:url(../images/tbg.png) no-repeat center 10px; text-align:center;}
.course_top_bg{background:url(../images/ct_bg.png) no-repeat center 10px;color:#fff;}
.news_top_bg{background:url(../images/nt_bg.png) no-repeat center 10px;color:#fff;}
.main_top h3{font-size:30px;height:45px;line-height:45px;font-weight:normal;}
.main_top h4{font-size:24px;height:30px;line-height:30px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.main_type{width:100%;float:left; text-align:center;margin:10px 0 0 0;}
.main_type ul{}
.main_type li{display:inline-block;height:42px;line-height:42px;margin:5px;padding:0px;}
.main_type li a{display:block; background:#0ba587;color:#fff;font-size:14px;padding:0 25px;}
.main_type li a:hover{background:#feef0c;color:#38761d;}
.main_type li.current a{background:#feef0c;color:#38761d;}
.main_con{width:100%;float:left; line-height:200%;padding:20px 0 0 0;}
.main_con img{max-width:100%;}
.main_more{width:100%;float:left; text-align:center; margin:20px 0 0 0;}
/*.main_more a{width:178px;height:38px;line-height:38px; display:inline-block;border:1px solid #333; font-size:16px;}
.main_more a:hover{background:#0ba587; color:#fff;}*/
/*end*/

/**顶部**/
#top{width:100%;height:25px;line-height:25px;background:#e5e5e5;color:#666;}
#top a{color:#666;}
#top a:hover{color:#f00;}
.welcome{float:left;}
.welcome h1{margin:0px;padding:0px;font-size:12px;font-weight:normal;}
.showtime{float:left;margin:0 5px;}
.share{float:left;margin:0 10px;padding:3px 0 0 0;height:20px;line-height:20px;}
.favorite{float:right;line-height:25px;height:25px;}
.favorite ul{margin:0px;padding:0px;list-style-type:none;}
.favorite li{margin:0px;padding:0 0 0 10px;list-style-type:none; display:inline; background:url(../imgs/f_li.png) no-repeat left center;}
.favorite li a{margin:0 3px;}

#header{width:100%;float:left;position:relative; z-index:9999;}
#header_top{width:100%;height:32px;line-height:32px;font-size:12px;color:#fff;background:#434343;}
.top_des{float:left;}
.top_right{float:right;text-align:right;}
.top_right ul{}
.top_right li{ display:inline;}
.top_right li a{color:#fff;padding:0 5px;}
.top_right li a:hover{color:red;}
#logo{width:42%;float:left; padding:15px 0}
#logo img{max-width:100%;}
#header_right{float:right;}
#tel{float:right;margin:33px 0 23px 0;padding:0 20px 0 60px;background:url(../pic/tel.jpg) no-repeat left center;}
#tel span{display:block;font-size:14px;line-height:18px;color:#363636;}
#tel h3{font-size:24px;line-height:30px;color:#ff9454;font-weight:bold;}


/*end*/

/*menu*/
#navigate{width:100%;height:50px;background:url(../pic/nav_bg.jpg) repeat-x;clear:both;}
#navigate ul{width:100%;height:48px;padding:0;margin-top:2px;}
#navigate ul li{float:left;position: relative;z-index:1000; text-align:center;width:11.1%;}
#navigate ul li.first_menu{}
#navigate ul li a{ display:block;width:100%;height:48px;line-height:48px; font-size:16px;color:#333;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
}
#navigate ul li a:hover { background:#0b8c01;color:#fff;}
#navigate ul li .current{ background:#0b8c01;color:#fff;}

#navigate ul li ul {display:none;position:absolute;left:0;top:44px;padding:5px 0;background:#ff8201;z-index:9999;}
#navigate ul li ul li {border:none;float:none; background:none; height:30px; line-height:30px; overflow:hidden;}
#navigate ul li ul li a{height:30px;line-height:30px; font-size:14px; color:#fff;font-weight: normal; background:none;}
#navigate ul li ul li a:hover {background:none;color:#ff0;}

/*end*/

/*mobile menu*/
.navbar-toggle{margin:15px 0px 0 0;}
.navbar-toggle .icon-bar{background-color:#333;}
.mobile_nav{display:none; background:#0B8C01;}
.mobile_nav ul{margin:0px;padding:0px; list-style-type:none;}
.mobile_nav li{margin:0px;padding:0px; list-style-type:none;border-bottom:1px solid #fff;position: relative;}
.mobile_nav ul li a{padding-left: 10px;color: #fff;display: block;font-size: 14px;height: 38px;line-height: 38px; font-weight:bold;}
.mobile_nav ul li a:hover, .mobile_nav ul li a:active {background-color:#27A61D;}
.mobile_nav ul ul{margin: 0;padding:0 10px 10px 10px; display:none;}
.mobile_nav ul ul li {border-bottom:none;margin: 0;padding: 0;}
.mobile_nav ul ul li a {padding: 0;padding-left: 5px;font-size:14px;font-weight:normal;height: 38px;line-height: 38px;}

.mobile_nav ul li i {position: absolute;top:12px;right:5px;display: block;width: 13px;height: 13px;overflow: hidden;background-position: center center;background-repeat: no-repeat;	background-size: contain;}
.mobile_nav ul li i.touch-arrow-down{background-image: url(../images/touch-arrow-d.png);}
.mobile_nav ul li i.touch-arrow-up{background-image: url(../images/touch-arrow-u.png);}



/*search*/
#search{width:100%;float:left; text-align:center;margin:30px 0 0 0;}
#search form{margin:0px auto;padding:0px; width:50%;}
.skw{ display:inline;width:80%;text-indent:30px;float:left; background:#fff url(../images/s_bg.png) no-repeat 5px center;line-height:40px;height:40px;border:3px solid #a2a2a2;color:#666;}
.sub{width:20%;height:40px;line-height:40px; float:left;background:#a2a2a2;border:0px;cursor:pointer;color:#fff; font-size:16px; border-radius:0 3px 3px 0;}
/*end*/

/*flash*/
#banner{width:100%;float:left;}
#banner img{width:100%; height:auto;}
#flash{width:100%;float:left;}
.slideBox{ position:relative; overflow:hidden;background:#000;}
.slideBox .bd{position:relative; z-index:0;margin:0 auto; }
.slideBox .bd li{position:relative; text-align:center;  }
.slideBox .bd li img{width:100%;}	
.slideBox .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:12px;line-height:12px;}
.slideBox .hd ul{text-align:center;}
.slideBox .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:0 5px;overflow:hidden;background:#fff;/*filter:alpha(opacity=80);opacity:0.8;*/line-height:999px; border-radius:50%;}
.slideBox .hd ul .on{background:#45b1ff;}

.slideBox .prev{position:absolute; left:10px; top:50%;margin-top:-37.5px; display:block; width:49px; height:75px; background:url(../images/left.png) no-repeat left top; cursor:pointer;}
.slideBox .next{position:absolute; right:10px; top:50%;margin-top:-37.5px; display:block; width:49px; height:75px; background:url(../images/right.png) no-repeat left top; cursor:pointer;}
/*end*/


/*底部*/

/*end*/


/*  首页  */

.home_top{width:100%;background:url(../pic/home_top.jpg) no-repeat center top;text-align:center;margin-top:40px;}
.home_top h3{font-size:30px;line-height:30px;padding:14px 0 12px 0;color#333;font-weight:bold;}
.home_top h4{font-size:18px;line-height;18px;color:#b1b1b1;}

/* ---  关于我们 ---- */
.about{width:100%;float:left; overflow:hidden}
.about_con{float:left;padding:50px 0 40px 0;}
.about1{float:left;width:44%; overflow:hidden}
.about1 img{width:100%;height:auto;border:1px solid #e5e5e5;padding:6px;}
.about2{float:right;width:54.5%; overflow:hidden}
.video-content{ width:100%; overflow:hidden}
.about2 span{font-size:14px;line-height:30px;color:#333;}
.about_btn{width:100%;float:left;margin-top:13px;}
.about_btn a{display:inline-block;width:150px;height;48px;line-height:48px;color:#fff;background:#ff6600;text-align:center;border-radius:5px;font-size:18px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.about_btn a:hover{background:#0B8C01}


/* ----  产品中心  ---  */
.pro{width:100%;float:left;background:#e4fae2;}
.pro_con{width:100%;float:left;margin-top:40px;background:#0b8c01;}
		.pro_top{float:left; width:100%;overflow:hidden; padding:25px 0; border-bottom:1px dashed #55af4e;color:#fff;}
		.pro_top h3{width:17%;float:left;font-size:30px;line-height:60px;}
		.pro_top ul{width:83%;float:left;}
		.pro_top ul li{float:left;cursor:pointer;margin-left:30px;font-size:14px;line-height:60px;}
		.pro_top ul li a{color:#fff;}
		.pro_top ul li a:hover{color:#ff6600;}
		
	/* 本例子css -------------------------------------- */
	.picScroll{ margin:0px auto; text-align:center;  padding:33px 0 20px 0;position:relative;}

	.picScroll .hd{  overflow:hidden; padding:0 10px; }
	.picScroll .hd ul{}	
	.picScroll .hd li{display:none;}
	.picScroll .hd .on{ background:#80BD6D;  }
	.picScroll .prev, .picScroll .next {
		display: block;
		width: 61px;
		height: 61px;
		position: absolute;
		cursor: pointer;
		background-size:contain !important;
	}
	.picScroll .prev {background:url(../pic/left.png) no-repeat;left:-7%;top:calc(50%);}
	.picScroll .next{background:url(../pic/right.png) no-repeat; right:-7%;top:calc(50%);}

	.picScroll .bd ul{ width:100%;  float:left; padding-top:10px;  }
	.picScroll .bd li{ width:23%; margin:0 1%;float:left; font-size:14px; text-align:center;  }
	
		.pro_item{width:100%;margin-bottom:20px;}
		.pro_item a{color:#fff;}
		.pro_img{border:3px solid #fff; height:200px; overflow:hidden;}
		.pro_img  img{/*width:100%;*/height:200px;
					transition: all 0.35s;
					-moz-transition: all 0.35s;
					-webkit-transition: all 0.35s;
					-o-transition: all 0.35s;
		}
		.pro_title{font-size:14px;line-height:30px;margin-top:12px;}
		
		.pro_item a:hover .pro_img{border:3px solid #ff6600;}
		.pro_item a:hover .pro_img img{
				transform: scale(1.2);
				transition: all 1s ease 0s;
				-webkit-transform: scale(1.2);
				-webkit-transform: all 1s ease 0s;
		}
		.pro_item a:hover .pro_title{color:#ff6600;}


/* ---- 新闻中心 ---- */
.news{width:100%;float:left; overflow:hidden}
.news_con{margin-top:50px;}
.news1{width:41%;float:left;}
.news1_con{padding:10px;border:1px solid #dcdcdc;}
.news1_img img{width:100%;height:auto;}
.news1_title {width:100%;height:40px;line-height:43px;font-size:18px;}
.news1_title  a{color:#333;}
.news1_title a:hover{color:#0B8C01;}
.news1_des span{display:block;width:100%;font-size:14px;line-height:24px;color:#666;margin-bottom:8px;}
.news2{width:55%;float:right;}
.news2_item{width:100%;margin-bottom:30px;float:left;}
.news2_item:nth-child(4){margin-bottom:0;}
.news2_left{width:10.5%;float:left;text-align:center;color:#fff;}
.news2_left .day{display:block;width:100%;height:45px;background:#ffcaa6;font-size:24px;line-height:45px;}
.news2_left .date{display:block;width:100%;height:24px;background:#ff6600;font-size:14px;line-height:24px;}
.news2_right{width:87%;float:right;}
.news2_title{width:100%;height:16px;line-height:16px;overflow:hidden;font-size:16px;}
.news2_title a{color:#333;}
.news2_des{width:100%;line-height:23px;font-size:14px;color:#666;margin-top:8px;}
.news_btn{width:100%;float:left;text-align:center;margin:50px 0 44px 0;}
.news_btn a{
	display: inline-block;
    width: 150px;
    line-height: 48px;
    color: #fff;
    background: #ff6600;
    text-align: center;
    border-radius: 5px;
    font-size: 18px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.news_btn a:hover{background:#0B8C01;}

/* ---  联系我们 --- */
.contact{width:100%;float:left;background:url(../pic/contact_bg.jpg) repeat-y center top;padding:35px 0 30px 0;}
.contact_1{width:50%;float:left;}
.contact_2{width:33%;float:left;}
.contact_3{width:17%;float:right;}
/* contact_1 */
.contact_box{float:left;width:90%;border:1px solid #cacaca;padding:20px 0 25px 0;}
/* 标题 */
.contact_title{width:100%;float:left;margin:20px 0;}
.contact_left{width:24%;height:48px;float:left;background:url(../pic/contact.jpg) no-repeat right top;}
.contact_right{width:76%;float:left;text-align:left;}
.contact_right h3{width:100%;height:24px;font-size:24px;line-height:24px;}
.contact_right h4{width:100%;height:24px;font-size:18px;line-height:24px;color:#b1b1b1;}
/* 内容 */
.contact_list{float:left;width:100%;margin-bottom:7px;}
.contact_list_1{width:24%;float:left;text-align:right;max-height: 60px;}
.contact_list_2{width:76%;float:right;text-align:left;}
.contact_list_1 span{font-size:14px;height:32px;line-height:32px;color:#b1b1b1;overflow:hidden;}
.note{line-height:50px !important;}
.contact_input{border:1px solid #a9a9a9;width:71%;height:30px;line-height:30px;overflow:hidden;}
.contact_area{border:1px solid #a9a9a9;width:71%;height:50px;line-height:25px;overflow:hidden;}
.contact_code{border:1px solid #a9a9a9;width:80px;height:30px;line-height:30px;overflow:hidden;}
.contact_reset,.contact_submit{width:50px;height:30px;line-height:30px;color:#fff;border:0;}
.contact_reset{background:#1d1d1d;}
.contact_submit{background:#ff7525;}
/* contact_2 */
.contact_2_top{margin-top:20px;}
.contact_2_top h3{font-size:24px;height:24px;line-height:24px;}
.contact_2_top h4{font-size:18px;height:30px;line-height:30px;color:#b1b1b1;}
.contact_2_top h5{font-size:18px;height:36px;line-height:36px;color:#0b8c01;margin-top:10px;}
.contact_2_top h3,.contact_2_top h4,.contact_2_top h5{width:100%;overflow:hidden;}
.contact_2_con{width:100%;font-size:14px;line-height:30px;}
/* contact_3 */
.wechat,.wechat2{margin-top:20px;text-align:center;float:left;}
.wechat2{margin-top:0;width:100%;}
.wechat img,.wechat2 img{max-width:100%;height:auto;}
.wechat h3,.wechat2 h3{width:100%;font-size:14px;line-height:44px;}


/* footer */
#footer{width:100%;background:#434343;color:#fff;padding:17px 0;font-size:12px;line-height:200%;}
#footer a{color:#fff;}
#footer a:hover{color:#FF6600;}
.footer_list,.foot-flink{ text-align:center}
.footer_list ul li{display:inline;}
.footer_list ul li a{padding:0 5px;}
.copyright{text-align:center;}
.foot-flink a{padding:0 5px;}


#LeftButton{width:24px;height:42px; display: block; background: url(../images/left.png) no-repeat 0px 0px; position:absolute;left:0px; top:55px;}
#RightButton{width:24px;height:42px;display: block; background: url(../images/right.png) no-repeat 0px 0px;position:absolute;left:736px; top:55px;}
#MarqueeDiv{width:692px; float: left; height:152px;overflow: hidden;margin:0 0 0 34px;display:inline;}
#MarqueeDiv img{margin-right:10px; height:150px; width:150px;}
/*end*/


/*left*/
#left{width:19.2%;float:left;}
.left_list,.left_list2{width:100%;float:left;background:url(../pic/left_top_bg.png) repeat-x left top;margin-bottom:35px;}
.left_top{margin-top:11px;width:100%;height:64px;float:left;background:#e5e5e5 url(../pic/left_top.png) no-repeat 20px center;}
.left_top h3{float: left;font-size:18px;height:64px;line-height:64px;text-indent:58px;}
.left_top h4{float:left;font-size:14px;height:64px;line-height:64px;color:#666;margin-left:10px;}
.left_con{padding:0px;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:48px;line-height:48px;border-bottom:1px solid #e5e5e5;overflow:hidden;}
.type_list li a{color:#333;margin:0 20px;background:url(../pic/left_list_li.png) no-repeat left center;font-size:14px; display:block;text-indent:38px;}
.type_list li a:hover{color:#0b8c01;}
.type_list li a.current{color:#0b8c01;}
.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{color:#0b8c01;}
.type_list li.second_cat a.current{color:#0b8c01;}

/* 左侧联系我们 */
.left_top2{margin-top:11px;width:100%;height:80px;float:left;background:url(../pic/left_tel.png) no-repeat 16px center;overflow:hidden; border: 1px solid #e5e5e5;border-top: none;border-bottom:none;}
.left_top2 h3{width:100%;height:18px;font-size:18px;line-height:18px;text-indent:55px;margin-top:18px;color:#666;}
.left_top2 h4{width:100%;height:24px;font-size:18px;line-height:24px;text-indent:55px;margin-top:5px;color:#56a34f;font-weight:bold;}
.left_contact{width:100%;overflow:hidden;line-height:30px;padding:0 10px;}
.left_contact h3{font-size:14px;color:#56a34f;font-weight:bold;}


/*end*/

/*right*/
#right{width:78%;float:right;}
#right_top{width:100%;height:47px;line-height:47px;float:left;border-bottom:3px solid #363636;overflow:hidden;}
#right_top h3{float:left;font-size:24px;line-height:44px;position:absolute;display:block;border-bottom:3px solid #0b8c01;color:#0b8c01; }
#right_top h3 a{color:#0b8c01;}
#right_top span{float:right;color:#666666;}
#right_top span li{display:inline;padding:0 3px;}
#right_top span li a{color:#666;}
#right_top span li a:hover{color:#0b8c01;}

#right_con{width:100%;float:left;padding:10px 0 0 0;line-height:200%;/*overflow-x:hidden;*/min-height:300px;height:auto !important;height:300px;}
#right_con img{max-width:100%;height:auto;}
/*end*/


/*link*/
.friendlink{padding-top:12px;}
.friendlink li{float:left;width:242px;}
.friendlink li.txt1{padding:3px 0px 3px 24px;background:url(images/dot.gif) no-repeat 10px center;}
.friendlink li.pic1{padding:3px 0 3px 8px;}
.friendlink li.pic1 img{width:240px;height:65px;}

.link{width:100%;padding:50px 0;float:left;}
.link_txt{width:100%;float:left; text-align:center;margin:20px 0 0 0;}
.link_txt ul{margin:0px;padding:0px;list-style-type:none;}
.link_txt li{margin:0px;padding:0 10px;list-style-type:none; display:inline-block;line-height:25px;}
.link_txt li a{font-size:14px;color:#df011a;}
.link_txt li span{font-size:16px;}

.link_img{width:100%;float:left;text-align:center;margin:20px 0 0 0;}
.link_img ul{margin:0px;padding:0px;list-style-type:none;}
.link_img li{margin:0px;padding:0px;list-style-type:none; display:inline;}
.link_img li img{height:150px;}
/*end*/
	 
/*news*/
.art_list{width:100%;float:left;padding:10px 0;border-bottom: 1px solid #dcdcdc;}
.art_img{float:left;width:25%;border:1px solid #dcdcdc;}
.art_img img{width:100%;overflow:hidden;}
.art_right{float:right;width:72%;}
.art_title{width:100%;height:40px;line-height:40px;font-size:16px;overflow:hidden;}
.art_title a{}
.art_author{width:100%;height:30px;line-height:30px;color:#666;}
.art_author span{margin:0 10px 0 0;}
.art_des{color:#666;line-height:20px;}
.art_des a{color:#666;}
.art_des a:hover{color:#FF8201;}
.art_des span{margin-left:5px;color:#FF8201;}

.art_list:hover{border-bottom:1px solid #FF8201;cursor:pointer;}
.art_list:hover .art_title a{color:#FF8201;text-decoration:underline;}
.art_list:hover .art_img img{}

.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:18px; text-align:center;}
.articleAuthor{text-align:center; padding:7px 0px;border-bottom:1px dotted #ccc;}
.articleauthor span{ margin:0px 6px; font-size:9pt;}
.articleInfo{width:100%;padding:10px 0; line-height:200%;}
.articleInfo img{max-width:100%;}
.pageUpDown{padding-top:10px;text-align: left;line-height:30px;}


/*end*/

/*在线客服*/
.SonlineBox{ width:139px; font-size:12px;overflow:hidden; z-index:10006;}
.SonlineBox .openTrigger{ width:31px; height:130px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#0b8402 url(../images/qq/greenOpen.jpg) no-repeat;} 
.SonlineBox .titleBox{ width:135px; height:35px;line-height:33px; background:#0b8402; border-bottom:2px solid #0b8402;}
.SonlineBox .titleBox span{ margin-left:10px;color:#fff; font-size:14px;}
.SonlineBox .contentBoxC{ width:135px; /*height:335px;*/ border:2px solid #0b8402; background:#ffffff/* url(images/qq/greenBg.jpg) no-repeat*/; position:absolute; z-index:2;}
.SonlineBox .contentBoxC .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox .contentBoxC .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBoxC .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox .contentBoxC .listBox .Tlist{ display:block; width:86%; height:22px; margin:10px auto 0px auto;text-align:center;}
.SonlineBox .contentBoxC .listBox .Tlist span{float:left; line-height:22px;}
.SonlineBox .contentBoxC .listBox .Tlist a{/*float:left;*/}
.SonlineBox .contentBoxC .listBox .WWList{ line-height:18px;height:18px;}
.SonlineBox .contentBoxC .listBox .SkypeList{line-height:23px;height:23px;}
.SonlineBox .contentBoxC .otherBox{clear:both;height:115px;text-align:center;}
.SonlineBox .contentBoxC .otherBox img{width:105px;height:105px;}
.SonlineBox .contentBoxC .telBox{display:block;padding:36px 10px 10px ;color:#0b8402;font-size:14px;line-height:26px;background:url(../images/qq/telBg.jpg) 0 0 no-repeat;text-align:center;font-weight:bold;word-wrap : break-word;}
/*在线客服 end*/

/*Product*/
.productList{/*width:100%;float:left;*/}
.pro_list{ text-align:center; margin:10px auto;}
.pro_img img{ width:100%; height:200px;}
.pro_title{width:100%;height:25px;line-height:25px; overflow:hidden;}
.productTitle{line-height:35px;font-weight:bold; text-align:center; font-size:18px;}
.productImg{width:100%;text-align:center;float:left;margin:10px auto;}
.productImg img{max-width:100%;}
.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 dotted #ccc;line-height:25px;}
.title span{font-size:14px;font-weight:bold;}
.productDesc{ line-height:200%;padding:10px 0;width:100%;float:left;}
/*end*/

/*page*/
.pages{ font-size:12px;text-align:center; padding:10px 0px 10px 0px;}
.pages li{ display:inline-block;}
.pages a{font-size:12px;padding:5px 10px;border:1px solid #ccc;margin:0 2px;}
.pages a:hover{background:#eee;}
.pages li.active a{background:#eee;color:#f00;}
.pages select{ vertical-align:middle; font-size:8pt; padding:0px; }
.pages b{ font-weight:normal;}
/*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{ display:none;}

@media screen and (max-width: 1200px){

	#right{width:680px;}
	.left_top2 h3,.left_top2 h4{font-size:16px;}
	.pro_top h3{font-size:24px;}
}

@media (max-width: 1000px){
	#tel{display:none;}
   .pro_top h3{font-size:18px;}
   .pro_top ul li{line-height:30px;}
   /*----*/
   	.news2_left{width:14%;}
	.news2_right{width:84%;}
}

@media screen and (max-width: 992px){
	
	.wechat2{display:none;}
	#left{width:100%;}
	#right{width:100%;}
	#right_con{ min-height:auto;}
	
		/* ----- */
	#f_left,#f_right{width:100%;}
	.left_list2{display:none;}
	.picScroll .prev, .picScroll .next {width:40px;height:40px;}
}

@media screen and (max-width: 768px){
	#header_right{ background:none;}
	#logo{padding:8px 0}
	#logo img{height:40px;}
.SonlineBox{ display:none}
	#navigate{display:none;}
	.slideBox .prev,.slideBox .next{ display:none;}
	.mobile_nav{display:block;}
	#search form{width:80%}
	
/*手机底部导航*/
.blank55{height:55px; line-height:1px; clear:both;}
#toolbar{color:#fff;text-align:center;width:100%;height:54px;float:left;position:fixed;bottom:0;left:0;z-index:10000;background:#000; display:block}
#toolbar ul{}
#toolbar li{float:left;width:25%;height:54px;}
#toolbar a{width:100%;height:24px;color:#fff;display:block;padding:30px 0 0 0;line-height:24px;font-size:14px;}
.f1{background:url(../images/f1.png) no-repeat center 8px;}
.f2{background:url(../images/f3.png) no-repeat center 8px;}
.f3{background:url(../images/f4.png) no-repeat center 8px;}
.f4{background:url(../images/f5.png) no-repeat center 8px;}
	/* ----- */

	

	
}


@media (max-width: 768px){
	.about1,.about2{width:100%; float:none !important}
.col-sm-6 {
    width: 50%;
	float:left;
}
	.pro_top h3{width:100%;text-align:center;}
	.pro_top ul{ width:100%;}
	.pro_top ul li{margin-left:0;width:100%;text-align:center;line-height:30px;}

	/*#header_top{display:none;}*/
	

	.about1{margin-bottom:20px;}
	.about_btn{text-align:center;}
	.about_con{padding:20px 0 40px 0;}
	.home_top h3{font-size:20px;line-height:20px;}
	.home_top h4{font-size:16px;}
	.pro_con{margin-top:20px;}
	.slideGroup .slideBox2{ zoom:1; position:relative; width:70%;  }
	.slideGroup .sPrev{ left:-50px; top:45%; width:30px; height:30px;background-size:contain; }
	.slideGroup .sNext{right:-50px;top:45%;display:block; width:30px; height:30px; background-size:contain;}
	
	.news1,.news2{width:100%;}
	.news1{margin-bottom: 30px;}
	.contact_1,.contact_2,.contact_3{width:100%;}
	#right_top h3{display:none;}

	

}

@media (max-width: 640px){

}

@media (max-width: 480px){
.col-sm-6 {
    width: 100%;
}
.navbar-toggle{margin:40px 0px 0 0;}
	#f_left{display:none;}
	#f_left .f_left_item {width:100%;}
	.f_right1,.f_right2{width:100%;}
	.weixin{float:left;}

	#header_right {
    position: absolute;
    top: 0;
    right: 0;
	}
	
	#logo{width:85%;}
	.contact_box{width:100%;}
	.news2_left{width:20%;}
	.news2_right{width:78%;}
	.copyright{text-align:center;margin-top:10px;}
	.picScroll .prev, .picScroll .next {width:30px;height:30px;}
	.picScroll .prev {left:-3%;}
	.picScroll .next{right:-3%;}
	.picScroll .bd ul{padding-left:20px;padding-right:20px;}
	.picScroll .bd li{ width:44%;margin:0 3%;}

}


