@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, Helvetica, sans-serif,"宋体";background:#fff;}
ul,li{list-style:none;}
.clear{clear:both;}
a{color:#333;text-decoration:none;}
a:hover{color:#007dc0;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;}
.blank30{width:100%;height:30px;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;}
.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*/

/**顶部**/
.container{width:1110px;}
#head{width:100%;height:120px;overflow:hidden;}
#logo{float:left;margin:20px 0;}
#logo img{height:80px;}
#top_right{float:right;}
.language{float:right;height:50px;line-height:50px;overflow:hidden;}
.language ul{margin:0px;padding:0px;list-style-type:none;}
.language li{ display:inline; margin:0 6px;}
.language li a{color:#666666;}
.tel{background:url(../pic/tel.jpg) no-repeat left center;font-size:24px;color:#007cc2;padding-left:28px;}

/*search*/
#search{width:300px;float:right;margin-top:13px;}
#search form{position:relative;}
.skw{width:300px;height:30px;border:1px solid #9f9d9d;border-radius:35px;text-indent:20px;color:#9f9d9d;text-align:left;}
.sub{width:50px;height:20px;position:absolute;right:10px;top:5px;border:0;border-left:1px solid #9f9d9d;background:url(../pic/search.png) no-repeat center center;}
/* search end*/

/** 顶部 end **/

/*menu*/
#nav{width:100%;height:50px;background:url(../pic/nav_bg.jpg) repeat-x;}
#nav ul li{float:left;height:50px;background:url(../pic/nav_li_bg.png) no-repeat left center;}
#nav ul li.first_menu{background:none;}
#nav ul li a{display:inline-block;line-height:50px;font-size:16px;color:#fff;padding:0 26px;
	-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#nav ul li .current,#nav ul li a:hover{background:url(../pic/nav_li_bg2.png) repeat-x;/*background:rgba(17, 123, 195,0.7);*/}

/*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*/


/*底部*/
#footer{width:100%;float:left; text-align:center; background:#013954;color:#bdbdbd;line-height:30px;padding:25px 0;font-size:14px;}
#footer a{color:#bdbdbd;}
#footer a:hover{color:#E9912F;}
#footnav{width:100%;float:left;}
#footnav ul{margin:0px;padding:0px;list-style-type:none;}
#footnav li{margin:0px;padding:0px;list-style-type:none; display:inline;}
#footnav li a{font-size:14px;margin:0 8px;}

.f_addr{width:100%;float:left;}
#copyright{width:100%;float:left;}

/*end*/

/* 关于我们 */

.about{float:left;width:100%;border:5px solid #007cc2;}
.about_con{float:left;width:100%;padding:23px 45px 23px 50px;}
.about_1{float:left;width:688px;height:auto;}
.about_top{width:100%;text-align:left;}
.about_top h3{width:100%;font-size:24px;line-height:30px;color:#007cc2;}
.about_top h4{width:100%;font-size:14px;line-height:30px;color:#989898;}
.about_1_con{font-size:14px;line-height:26px;color:#333;margin-top:4px;}
.about_2{float:right;width:244px;position:relative;}
.about_2 img{width:100%;height:auto;}
.more1{position:absolute;right:-50px;top:calc(50% - 30px);}

/* 关于我们 end  */

/* 产品展示 */
.pro{float:left;width:100%;margin:60px 0 0 0;}
.pro_left{float:left;width:360px;overflow:hidden;}
.pro_right{float:right;width:720px;}

.more2{float:left;}
.pro_left_list{float:left;width:270px;height:405px;overflow:hidden;}
.contact_left,.contact_left2{float:left;margin-top:20px;border:3px solid #ffe0bd;padding:15px 22px;background:url(../pic/contact.png) no-repeat right bottom;}
.contact_con,.contact_con2{float:left;width:100%;}
.contact_con h3,.contact_con2 h3{float:left;width:100%;line-height:32px;font-size:18px;color:#007cc2;}
.contact_con span,.contact_con2 span{float:left;width:100%;font-size:14px;line-height:30px;color:#333;margin-top:10px;}
.contact_con p,.contact_con2 p{margin:0;}

.contact_left2{padding:15px 10px;background:url(../pic/contact2.png) repeat;}


.pro_con{}
.pro_item{float:left;width:210px;margin:0 0 8px 30px;}
.pro_item_img{width:100%;overflow:hidden;}
.pro_item_img img{width:100%;height:auto;}
.pro_item_title{width:100%;text-align:center;height:32px;line-height:32px;overflow:hidden;}
.pro_item_title a{font-size:14px;color:#303440;}
.pro_item:hover .pro_item_img img{
	transform: scale(1.2, 1.2) rotate(10deg);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.pro_item:hover .pro_item_title a{color:#007cc2;}


/* 产品展示 end  */


.news{float:left;width:100%;margin:50px 0 50px 0;}
.news_item{float:left;}
.news_item_top{float:left;width:100%;}
.news_item_title{float:left;width:95px;}
.news_item_title h3{width:100%;line-height:30px;font-size:18px;color:#007cc2;}
.news_item_title h4{width:100%;line-height:30px;font-size:12px;color:#989898;}
.news_item_top span{float:right;width:422px;height:40px;border-bottom:1px solid #e5e5e5;text-align:right;}
.news_item_top span a{font-size:12px;color:#e9912f;line-height:50px;}
.news_item_con{width:100%;margin:10px 0 0 0;}
.news_list{width:100%;float:left;padding:15px 0;}
.news_img{float:left;width:20%;padding:2px;border:1px solid #e5e5e5;}
.news_img img{width:100%;}
.news_right{float:right;width:78%;}
.news_title{float:left;width: 100%;height: 20px;line-height: 20px;font-size: 14px;overflow:hidden;}
.news_title a{color:#333;}
.news_title a:hover{color:#007dc0;}
.news_time{float:left;width:100%;font-size:12px;line-height:20px;color:#999;}
.news_des{width:100%;line-height:22px;color:#666;max-height:66px; overflow:hidden;}

.news_list2{width:100%;float:left;}
.news_title2{float:left;width: 100%;height: 30px;line-height: 30px;font-size: 14px;background:url(../pic/news_li.jpg) no-repeat left center;overflow:hidden;}
.news_title2 a{padding-left:14px;}
.news_title2 span{float:right;font-size:12px;color:#666;line-height:30px;}



#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:270px;float:left;}
.left_list{width:100%;float:left;}
.left_top{float:left;width:100%;height:90px;background:url(../pic/left_top.jpg) no-repeat left center;color:#fff;padding:0 22px;}
.left_top h3{float:left;width:100%;height:32px;line-height:32px;font-size:24px;overflow:hidden;margin-top:15px;}
.left_top h3 a{color:#fff;}
.left_top h4{float:left;width:100%;height:30px;line-height:30px;font-size:14px;overflow:hidden;}
.left_con{float:left;width:100%;padding:5px 10px 4px 10px;background:#ffe0bd;}
.type_list{float:left;width:100%;}
.type_list ul{margin:0px;padding:0px;list-style-type:none;}
.type_list li{margin:0px;padding:0px;list-style-type:none;height:34px;line-height:34px;border-bottom:1px solid #d6bea4;overflow:hidden;}
.type_list li:last-child{border-bottom:none;}
.type_list li a{font-size:16px;color:#007cc2;margin:0 12px;display:block;}
.type_list li a:hover{color:#E9912F;}
.type_list li a.current{color:#E9912F;}
.type_list li.second_cat{}
.type_list li.second_cat a{padding:0 18px;}
.type_list li.second_cat a:hover{}
.type_list li.second_cat a.current{}
/*end*/

/*right*/
#right{width:780px;float:right;}
#right_top{width:100%;height:40px;line-height:40px;border-bottom:1px solid #dedede;font-size:14px;}
#right_top li{display:inline;margin:0 3px;}
#right_top li a{color:#333;}
#right_top li a:hover{color:#007dc0;}

#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*/

/*demo*/
#demo {overflow:hidden;width:900px;height:145px;margin:35px 0 0 10px;float:left; display:inline;}
#cdemo {overflow:hidden;width:900px;}
#demo img {}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}
/*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 dashed #e5e5e5;cursor:pointer;}
.art_img{float:left;width:22%;border:1px solid #e5e5e5;padding:3px; }
.art_img img{width:100%;}
.art_right{float:right;width:75%;}
.art_title{width:100%;height:30px;line-height:30px;font-size:16px;font-weight:bold;}
.art_author{width:100%;height:20px;line-height:20px;color:#999;font-size:12px;}
.art_author span{margin:0 10px 0 0;}
.art_des{color:#666;line-height:22px;margin-top:5px;max-height:66px;}
.more3{width:100%;height:30px;line-height:30px;font-size:14px;}
.more3 a{color:#007cc2;}
.art_list:hover{
	-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
	border-bottom:1px dashed #999;
}
.art_list:hover .art_title a{color:#007cc2;}


.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*/

/*Product*/
.productList{/*width:100%;float:left;*/}

.pro_list2{float:left;width:237px;margin:10px 33px 8px 0;}
.pro_img{width:100%;overflow:hidden;}
.pro_img img{width:100%;height:auto;}
.pro_title{width:100%;text-align:center;height:32px;line-height:32px;overflow:hidden;}
.pro_title a{font-size:14px;color:#303440;}
.pro_list2:hover .pro_img img{
	transform: scale(1.2, 1.2) rotate(10deg);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.pro_list2:hover .pro_title a{color:#007cc2;}
.pro_list2:nth-child(3n){margin-right:0;}


.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:10%;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 */

@media screen and (max-width: 1200px){

	#right{width:680px;}
}
@media screen and (max-width: 992px){

	#left{width:100%;}
	#right{width:100%;}
	#right_con{ min-height:auto;}
}

@media screen and (max-width: 760px){
	.slideBox .prev,.slideBox .next{ display:none;}




}