@charset "utf-8";
@import url("../css/common/grid.css");/*网格*/
@import url("../css/common/layout.css");/*整体框架*/
@import url("../css/common/icon.css");/*图标*/
@import url("../css/navi/navi_02.css");/*02导航*/
@import url("../css/banner.css");/*幻灯片*/
@import url("../css/navi/classify_01.css");/*侧栏样式*/
@import url("../css/adorner/01/A_style.css");/*01装饰器*/
@import url("../css/adorner/02/A_style.css");/*02装饰器*/
@import url("../css/links.css");/*友情链接*/
@import url("../css/kefu.css");/*在线客服*/
@import url("../css/common/doc.css");/*自定义文档*/


html { overflow-x: hidden;} /*--隐藏底部滚动条--*/
.main {
	width: 1920px;
	margin-left: -960px;
	left: 50%;
}
/*-------------主体End-------------*/

.part_1{
	padding-top:70px; padding-bottom:70px;
	width: 1200px;
	height: 200px;
	margin:0 auto;
	text-align:center;
}
.part_1 ul li{ width:200px; height:200px; display:inline-block;}
.part_1 ul .img_01{ background:url(../images/part01_01.jpg) no-repeat center;}
.part_1 ul .img_02{ padding-left:65px; padding-right:65px; background:url(../images/part01_02.jpg) no-repeat center;}
.part_1 ul .img_03{ background:url(../images/part01_03.jpg) no-repeat center;}

.part_1 ul li a{ display:block; width:200px; height:200px;}
.part_1 ul li a span{ color:#fff; display:block; padding-top:172px;}
.part_1 ul .img_01:hover{ background:url(../images/part01_hover_01.jpg) no-repeat center;}
.part_1 ul .img_02:hover{ background:url(../images/part01_hover_02.jpg) no-repeat center;}
.part_1 ul .img_03:hover{ background:url(../images/part01_hover_03.jpg) no-repeat center;}
.part_1 ul .img_01:hover span{ color:#86b618;}
.part_1 ul .img_02:hover span{ color:#86b618;}
.part_1 ul .img_03:hover span{ color:#86b618;}
/*--------------------Part01End-----------------*/

.part_2{ width:1920px; height:400px; background:url(../images/part02_bg.jpg) no-repeat center;}
.part_2_c { width:730px; height:170px; margin:0 auto; padding-top:115px;}
.part_2_c .c_fl{ display:block; width:330px; height:170px; float:left; text-align:center; background:url(../images/part03_l.png) no-repeat center;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    -o-box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);}
.part_2_c .c_fr{ display:block; width:330px; height:170px; float:right; text-align:center; background:url(../images/part03_r.png) no-repeat center;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    -o-box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);}

.part_2_c p{ display:block; padding-top:110px; color:#FFF;}
.part_2_c span{ display:block; padding-top:5px; font-size:16px; color:#FFF;}

.part_2_c .c_fr:hover{ background:url(../images/part03_r_hover.jpg) no-repeat center;}
.part_2_c .c_fl:hover{ background:url(../images/part03_l_hover.jpg) no-repeat center;}
/*--------------------Part02End-----------------*/

.part_3{ margin-top:80px;}
.part_3_title {
	width: 500px;
	margin: 0 auto;
}


/*新闻tab切换 本例子css */
.notice { width:1200px; overflow: hidden; padding-top:20px;}
.notice .tab-hd { height:40px; margin:0 auto;}
.notice .tab-hd ul { height:40px; margin:0 auto; text-align:center;}
.notice .tab-hd li{ display:inline-block; width:120px; height:40px; line-height:40px; border:1px solid #999999; box-sizing:border-box;}
.notice .tab-hd li a{ display:block; line-height:40px; color:#999999;}
.notice .tab-hd li a:hover{ color:#fff;}
.notice .tab-hd li.on{ background-color:#86b618; position:relative; border:none;}
.notice .tab-hd li.on a{ color:#fff;}

.notice .tab-bd {}
.notice .tab-bd ul{ overflow:hidden; zoom:1; margin-top:30px;}
.notice .tab-bd li { height:100px; width:600px; float: left; margin-bottom:30px;}
.notice .tab-bd li .time{ float:left; width:100px; height:100px; text-align:center; background:url(../images/news_time.jpg) no-repeat center;}
.notice .tab-bd li .time h3{ display:block; font-size:40px; color:#999999; line-height:76px;}
.notice .tab-bd li .time span{ color:#fff;}
.notice .tab-bd li .list_r{ float:right; width:420px; padding-right:70px;}
.notice .tab-bd li .list_r a{ font-size:18px; color:#666666;}
.notice .tab-bd li .list_r p{ padding-top:10px; color:#666666;}

.tab-bd li:hover .time{ background:url(../images/news_time_hover.jpg) no-repeat center;}
.tab-bd li:hover .time h3{ color:#86B618;}
.tab-bd li:hover .list_r a{ color:#86B618;}

.footer {
	height: 280px;
	background:#333333;
	height: 260px;
	margin-top: 50px;
	padding-top: 25px;
}
.footer_content {
	width: 1200px;
	margin: 0 auto;
	height: 260px;
}
.footer_content ul{ float:left; margin-right:40px;}
.footer_content div { float: left; margin-right: 0px;}
.footer_content ul li {font-size: 14px; margin-bottom: 10px;}
.footer_content ul li p { margin-bottom: 10px; color: #fff;}
.footer_content ul li a { color: #cccccc;}
.footer_content ul li:hover a { color: #86B618;}
.footer_content ul li:nth-child(2){ width:80px; height:1px; background:#cccccc;}
.footer_content ul li:nth-child(2) div{ width:16px; height:1px; background:#fff;}

.footer_content .contact h3{ font-size:16px; color:#FFF; font-weight:normal; margin-bottom:22px;}
.footer_content .contact span{ display:block; font-size:14px; color:#FFF; margin-bottom:10px;}

.copyright {
	width: 1920px;
	height: 33px;
	background: #333333;
	margin:0 auto;
	text-align:center;
}
.copyright .line{ width:1200px; height:1px; background:#999999; margin:0 auto;}

.copyright p {
	display:inline-block;
	text-align: center;
	line-height: 32px;
	color: #cccccc;
}
.copyright p a{ color:#cccccc;}
.copyright a:hover{ color:#fff;}
.copyright a{ display:inline-block; color:#cccccc;}
/*---------------footer_End---------------*/

/*---------------about---------------*/
.public_2col{ width:1200px; margin:0 auto; margin: 0 auto; left: auto; padding-top:20px;}
.about_left{ width:180px; float:left; }
.about_left .title{ width:180px; height:70px; background:url(../images/2.about_left_title.jpg) no-repeat center;}
.about_left ul{ margin-top:10px; text-align:center;}
.about_left ul li{ height:40px; width:180px; line-height:40px; border-bottom:1px solid #e0e0e0; box-sizing:border-box;}
.about_left ul li a{ display:block; color:#666666; height:40px; width:180px;}
.about_left ul li a:hover{ background:url(../images/left_bg.jpg) no-repeat center; border:none; color:#FFF;}
.about_left ul li a.cur{ background:url(../images/left_bg.jpg) no-repeat center; border:none; color:#FFF;}

.about_right{ float:right; width:980px;}
/*---------------------单页功能End----------------------*/

/*---------------news_list---------------*/

.news_left{ width:180px; float:left; }
.news_left .title{ width:180px; height:70px; background:url(../images/3.news_left_title.jpg) no-repeat center;}
.news_left ul{ margin-top:10px; text-align:center;}
.news_left ul li{ height:40px; width:180px; line-height:40px; border-bottom:1px solid #e0e0e0; box-sizing:border-box;}
.news_left ul li a{ display:block; color:#666666; height:40px; width:180px;}
.news_left ul li a:hover{ background:url(../images/left_bg.jpg) no-repeat center; border:none; color:#FFF;}
.news_left ul li a.cur{ background:url(../images/left_bg.jpg) no-repeat center; border:none; color:#FFF;}

.about_right .news li { height:70px; width:970px; margin-bottom:10px;}
.about_right .news li .time{ float:left; width:70px; height:70px; text-align:center; background:url(../images/news_list_bg.jpg) no-repeat center;}
.about_right .news .time h3{ display:block; font-size:26px; color:#999999; line-height:50px;}
.about_right .news li .time span{ color:#fff;}
.about_right .news li .list_r{ float:left; width:860px; margin-left:20px; overflow:hidden;}
.about_right .news li .list_r a{ font-size:18px; color:#666666; display:block; padding-top:10px;}
.about_right .news .list_r p{ display:block; height:18px; padding-top:8px; color:#666666; font-size:14px;}
.about_right .news .line{ width:980px; height:1px; background:#cccccc; margin-bottom:20px;}
.about_right .news li:hover .time{ background:url(../images/news_list_hover.jpg) no-repeat center;}
.about_right .news li:hover .time h3{ color:#86B618;}
.about_right .news li:hover .list_r a{ color:#86B618;}

.page .page_l{ float:left;}
.page .page_r{ float:right;}
.page .page_r .cur{ color:#86B618;}
.page .page_r a:hover{ color:#86B618;}
/*---------------search---------------*/
.search_left{ width:180px; float:left; }
.search_left .title{ width:180px; height:70px; background:url(../images/3.products_left_title.jpg) no-repeat center;}
.search_left ul{ margin-top:10px; text-align:center;}
.search_left ul li{ width:180px; line-height:40px; border-bottom:1px solid #e0e0e0; box-sizing:border-box;}
.search_left ul li a{ display:block; color:#666666; height:40px; width:180px; font-size: 12px;}
.search_left ul li:hover{ background:url(../images/left_bg.jpg) no-repeat top center;}
.search_left ul li:hover .one{color:#FFF; }

.type_01.cur{ background:url(../images/left_bg.jpg) no-repeat top; border:none;}
.type_01.cur .one{ color:#FFF;}

.type_box dl{ display:none;}
.type_box dl dd{ height:20px; border:none; text-align:left; line-height:20px; padding-left:20px;}
.type_box dl dd a{ color:#999999;}
.type_box dl dd:hover a{ color:#86B618;}


.about_right .search{ width:980px; height:210px; background:url(../images/search_bg.jpg) no-repeat center; margin-top:20px; text-align:center;}
.about_right .search input{  width:600px; height:45px; text-indent:10px; margin-top:40px;}
.about_right .search span{ display:block; color:#cccccc; margin-top:3px;}
.about_right .search a{ display:block; width:400px; height:44px; background:#86b618; margin:18px auto 0 auto; line-height:44px; color:#fff;}
.about_right .search a:hover{ background:#9ACD34;}

.about_right .table{ width:980px; margin-top:40px; margin-bottom:20px;}
.about_right .table table th{ height:60px; background:#86B618; font-weight:normal; font-size:14px; color:#FFF; text-align:center;}
.about_right .table table .t{ width:140px;}
.about_right .table table .w{ width:70px;}
.about_right .table table .v{ width:100px;}
.about_right .table table .l{ width:90px;}
.about_right .table table .s{ width:110px;}
.about_right .table table .d{ width:86px;}

.about_right .table table td{ height:60px;
position:relative;
overflow:hidden;
}
.about_right .table table tr{ text-align:center;}
.about_right .table table tr .book{ display:block; height:28px; width:26px; background:url(../images/ico_book.png) no-repeat center center; margin:0 auto;}
.about_right .table table tr .app{ display:block; height:28px; width:28px; background:url(../images/ico_app.png) no-repeat center center; margin:0 auto;}
.about_right .table table td a:hover{ color:#86B618;}
.about_right .table table tr .book:hover{ background:url(../images/ico_book_hover.png) no-repeat center center;}
.about_right .table table tr .app:hover{ background:url(../images/ico_app_hover.png) no-repeat center center;}
/*---正常状态----*/
.about_right .table .td_show{
	position:absolute;
	bottom:0px;
	left:-200px;
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;	
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity:0;	
	}
.about_right .table table td .td_show img{ width:200px; height:140px; border:1px solid #cccccc; box-sizing:border-box;}

.about_right .table table td:hover { overflow:visible;}      /*---鼠标经过----*/
.about_right .table table td:hover .td_show{
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity:1;	
	}	

.detils{ margin-top:20px; position:relative; }
.detils img{ width:250px; height:250px; border:1px solid #cccccc; box-sizing:border-box; float:left; margin-bottom:500px;}
.detils .detils_txt{ float:left; margin-left:30px; position: absolute; top: 0px; left: 250px;} 
.detils .detils_txt li{ margin-top:8px;}
.detils .detils_txt li h2{ font-size:22px; color:#333333; margin-bottom:16px;}
.detils .button{ position:absolute; left:0px; top:280px;}
.button .button_t{ display:block; width:160px; height:50px; background:url(../images/button_t.jpg) no-repeat center; color:#FFF; line-height:50px; text-indent:60px;}
.button .button_b{ display:block; width:160px; height:50px; background:url(../images/button_b.jpg) no-repeat center; color:#FFF; line-height:50px; text-indent:60px; margin-top:10px;}


.tec_left{ width:180px; float:left; }
.tec_left .title{ width:180px; height:70px; background:url(../images/5.tec_left_title.jpg) no-repeat center;}
.tec_left ul{ margin-top:10px; text-align:center;}
.tec_left ul li{ height:40px; width:180px; line-height:40px; border-bottom:1px solid #e0e0e0; box-sizing:border-box;}
.tec_left ul li a{ display:block; color:#666666; height:40px; width:180px;}
.tec_left ul li a:hover{ background:url(../images/left_bg.jpg) no-repeat center; border:none; color:#FFF;}
.tec_left ul li a.cur{ background:url(../images/left_bg.jpg) no-repeat center; border:none; color:#FFF;}


.about_right .tec li{ height:120px; width:980px;  margin-bottom:20px;}
.about_right .tec li a{ display:block;}
.about_right .tec li img{ width:120px; height:120px; float:left;}
.about_right .tec li .list_r { float:left; width:830px; margin-left:20px;}
.about_right .tec li .list_r a{ font-size:18px; display:block;}
.about_right .tec li .list_r p{ display:block; color:#666666; height:50px; width:830px; overflow:hidden; margin-top:10px;}
.about_right .tec li .list_r .more{ display:block; font-size:14px; color:#666666; text-align:right; margin-top:16px;}
.about_right .tec li .list_r .more:hover{ color:#86B618;}
.about_right .tec .line{ width:980px; height:1px; background:#cccccc;}
/*-------------------------tecEnd-------------------*/

.app_left{ width:180px; float:left; }
.app_left .title{ width:180px; height:70px; background:url(../images/6.app_left_title.jpg) no-repeat center;}
.app_left ul{ margin-top:10px; text-align:center;}
.app_left ul li{ height:40px; width:180px; line-height:40px; border-bottom:1px solid #e0e0e0; box-sizing:border-box;}
.app_left ul li a{ display:block; color:#666666; height:40px; width:180px;}
.app_left ul li a:hover{ background:url(../images/left_bg.jpg) no-repeat center; border:none; color:#FFF;}
.app_left ul li a.cur{ background:url(../images/left_bg.jpg) no-repeat center; border:none; color:#FFF;}

.app_right .app_title{ display:block; margin-top:20px;}
.app_title img{ float:left;}
.app_title p{ float:left; color:#86B618; font-size:20px; padding:7px 0 0 10px;}


.app_right ul li input{}
.app_right .input_l{ margin-right:20px; margin-top:20px;  float:left; width:480px;}
.app_right .input_l li input{ text-indent:10px; background:#f0f0f0; width:479px; height:40px; border:none; margin-bottom:20px;}
.app_right .input_r{ margin-top:20px;  float:right; width:480px;}
.app_right .input_r li input{ text-indent:10px; background:#f0f0f0; width:479px; height:40px; border:none; margin-bottom:20px;}
.app_right .input_b li input{ width:980px; height:40px; background:#f0f0f0;  border:none; margin-bottom:20px; text-indent:10px;}
.app_right .input_b{ clear:both;}

#beizhu{ width:976px; height:120px; border:none; background:#f0f0f0; text-indent:10px; resize: none; wrap:virtual; line-height:26px; margin-bottom:20px;}
.app_right .input_b a{ display:block; width:980px; height:40px; background:#86B618; text-align:center; line-height:40px; color:#FFF;}
.app_right .input_b a:hover{ background:#9ACD34;}

.contact_left{ width:180px; float:left; }
.contact_left .title{ width:180px; height:70px; background:url(../images/8.contact_left_title.jpg) no-repeat center;}
.contact_left ul{ margin-top:10px; text-align:center;}
.contact_left ul li{ height:40px; width:180px; line-height:40px; border-bottom:1px solid #e0e0e0; box-sizing:border-box;}
.contact_left ul li a{ display:block; color:#666666; height:40px; width:180px;}
.contact_left ul li a:hover{ background:url(../images/left_bg.jpg) no-repeat center; border:none; color:#FFF;}.contact_left ul li a.cur{ background:url(../images/left_bg.jpg) no-repeat center; border:none; color:#FFF;}
.contact_r_t{ width:980px; height:230px; margin-top:30px;}
.contact_r_t ul{ margin-top:20px; float:left; width:480px;}
.contact_r_t ul li{ margin-bottom:4px;}
.contact_r_t ul li span{ margin-left:10px;}
.contact_r_t .contact_img{ width:500px; height:195px; margin-top:20px; float:right;}
.contact_right .contact_map{ width:980px; height:400px;}
.contact_r_t p img{ width:28px;}


.maessages_r_t{ margin-top:20px; margin-bottom:20px;}
.maessages_r_t h3{ font-size:20px;}
.maessages_r_t span{ color:#666666;}
.maessages_r_l{ float:left;}
.maessages_r_l ul li{ margin-bottom:16px;}
.maessages_r_l ul li input{ text-indent:10px; background:#f0f0f0; width:480px; height:40px; border:none;}
#liuyan{ width:476px; height:150px; border:none; background:#f0f0f0; text-indent:10px; resize: none; wrap:virtual; line-height:26px;}
.maessages_r_l ul a{ display:block; width:480px; height:40px; background:#86B618; text-align:center; line-height:40px; color:#FFF;}
.maessages_r_l ul a:hover{ background:#9ACD34;}

.maessages_right img{ float:right; width:480px; height:330px; }
/*---------------------------------------*/

.sx_t{ width:1200px; margin:0 auto; margin-top:50px;}
.sx_t_main li{ float:left; width:250px; height:68px; text-align:center; line-height:68px;}
.sx_t_main .title{ width:180px; height:68px; background:url(../images/4.shaixuan_title.jpg) no-repeat center;}
.sx_t_main .line{ width:1px; height:20px; background:#999999; margin-top:25px;}
.sx_t_main li a {width:250px; height:68px; font-size:14px; font-weight:bold; color:#666666;}
.sx_t_main li a:hover{ color:#86B618;}
.sx_t_main li .cur{ color:#86B618;}
.title_line{ width:1200px; height:2px; background:#86B618;}

.sx_c{ width:1200px; margin:0 auto; margin-top:40px;}

.sx_c .title{ display:block; float:left; width:180px; text-align:left; font-size:16px; font-weight:bold; color:#86B618;}
.sx_c.sx_c ul{ float:left; width:1020px;}
.sx_c.sx_c ul li{ float:left; width:70px; height:20px;text-align:center; margin-right:20px; margin-bottom:10px;}
.sx_c.sx_c ul li a{ display:block; width:70px; height:20px; line-height:20px; color:#666666; border:1px solid #cccccc; box-sizing:border-box; }
.sx_c.sx_c ul li a:hover{ border:none; background:#86B618; color:#FFF;}
.sx_c.sx_c ul li .cur{ border:none; background:#ff7b06; color:#FFF;}
.sx_c .line{ width:1200px; height:1px; background:#dcdcdc; margin-top:10px; margin-bottom:20px;}

.products{ width:1200px; margin:40px auto 20px auto;}
.products table th{ height:60px; background:#86B618; font-weight:normal; font-size:14px; color:#FFF; text-align:center;}
.products table .t{ width:140px;}
.products table .w{ width:70px;}
.products table .v{ width:100px;}
.products table .l{ width:90px;}
.products table .s{ width:120px;}
.products table .d{ width:86px;}

.products table td{ height:60px;
position:relative;
overflow:hidden;
}
.products table tr{ text-align:center;}
.products table tr .book{ display:block; height:28px; width:26px; background:url(../images/ico_book.png) no-repeat center center; margin:0 auto;}
.products table tr .app{ display:block; height:28px; width:28px; background:url(../images/ico_app.png) no-repeat center center; margin:0 auto;}
.products table td a:hover{ color:#86B618;}
.products table tr .book:hover{ background:url(../images/ico_book_hover.png) no-repeat center center;}
.products table tr .app:hover{ background:url(../images/ico_app_hover.png) no-repeat center center;}

.page_sx{ width:1200px; margin:0 auto;}