@charset "utf-8";
@import "fonts/font-awesome.css?v=20210222";
@import "common.css?v=20210222";

.header_bg{ height:60px;}
.header{ background-color:#000; height:60px; position:fixed; z-index:99997; width:100%; -webkit-transform:translateZ(0); -webkit-box-shadow:0 0 15px rgba(0,0,0,0.38); -moz-box-shadow:0 0 15px rgba(0,0,0,0.38); box-shadow:0 0 15px rgba(0,0,0,0.38);}

.header1{ background-color:#FFF;}
.header1_1{}
.header1_1 img{ height:60px;}
.header1_2{ position:absolute; right:0; top:40px;}
.header1_3{ position:absolute; right:10px; top:0;}
.header1_3 li{ float:left;}
.header1_3 a{ cursor:pointer;}
.header1_3 i{ text-align:center; font-size:16px; width:40px; height:60px; line-height:60px;}
.header1_4{ position:relative;}
.header1_4 .header1_4_1{ margin:37px 10px 0 10px; cursor:pointer;}
.header1_4 .header1_4_1 img{ width:26px;}
.header1_5{ position:absolute; top:20px; right:0; line-height:20px; height:20px;}
.header1_5 span{ color:#ff0000;}


.header2{ background-color:#242423; color:#FFF; height:40px; line-height:40px;}
.header2 a{ color:#FFF; display:inline-block;}
.header2 a:hover{ color:#f9de99;}
.header2_1{ font-size:14px;}
.header2_1 i{ color:#f9de99; font-size:16px;}
.header2_2{}
.header2_2 a{ padding:0 6px;}
.header2_2 a img{ margin-right:6px;}


.header1 .find{ display:none; position:absolute; z-index:99999; right:0; top:56px; height:30px; width:250px; background-color:#FFF; padding:0 10px 0 15px;-moz-border-radius:24px; border-radius:24px;}
.header1 .find_txt{ border:0; height:30px; line-height:30px; outline:none; font-size:14px;}
.header1 .find_bt{ width:29px; height:30px; padding:3px; border:0; cursor:pointer; margin-left:5px; outline:none;}



/*涓昏彍鍗?/
.mainmenu{ position:absolute; right:0;}
.mainnav{ position:relative; z-index:1; display:inline-block; z-index:999;}
.mainnav .nLi{ float:left; position:relative; display:inline;}
.mainnav .nLi:after{ width:1px; height:24px; background-color:#CCC; display:inline-block; content:""; position:absolute; right:0; top:50%; margin-top:-17px;}
.mainnav .nLi:last-child:after{ display:none;}
.mainnav .nLi>a{ display:block; height:60px; line-height:50px; font-size:14px; padding:0 6px; color:#333333; text-transform:uppercase;}
.mainnav .on>a{color:#00b6f0;}

/*
.mainnav .nLi::after{ width:1px; height:16px; margin-top:-8px; background-color:#393b3d; content:""; top:50%; right:0; position:absolute;}
.mainnav .nLi:last-child::after{ display:none;}
*/

/*
.mainnav .nLi>a::after{
	position: absolute;
	height: 2px;
	background-color: transparent;
	display: table;
	content: " ";
	clear: both;
	bottom: 20px;
	left: 50%;
	width: 0;
	background-color: #00b6f0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.mainnav .on>a::after {
	background-color: #00b6f0;
	width: 50%;
	left: 25%;
}
*/

.mainnav .sub{ display:none; left:50%; top:60px; position:absolute; background-color:rgba(255,255,255,0.95); padding:10px 15px 20px;-moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; text-align:left;}
.mainnav .sub li{ zoom:1; border-bottom:dashed 1px #d2d2d2;}
.mainnav .sub a{ display:block; line-height:20px; font-size:14px; color:#333333; padding:10px 0; text-align:center;}
.mainnav .sub a:hover{ color:#00b6f0;}
.mainnav .sub a i{ background-image:url(/img/mainmenu_sub1.png); background-position:-9px 0; background-repeat:no-repeat; width:9px; height:9px; display:inline-block; margin-right:8px;}
.mainnav .sub a:hover i{ background-position:0 0;}



.banner{ height:150px; background-position:center -30px; background-repeat:no-repeat; border-bottom:solid 5px #FFF;} /* background-size:auto 100%;*/


.foot{}
.foot1{ color:#e7e7e7; padding:20px 0;}
.foot1 a{ color:#e7e7e7;}
.foot1 a:hover{ color:#FFF;}

.foot1>div>div{ float:left; padding:15px 0;}
.foot1_1{ width:45%;}
.foot1_1>div{ padding-right:10%;}
.foot1_1 img{ width:100%; max-width:550px;}
.foot1_1_1{}
.foot1_1_2{ padding-left:19%;}
.foot1_1_2 span{ color:#ff0000; font-size:20px;}
.foot1_1_3{ padding-left:19%; padding-top:15px;}

.foot1_2{ width:20%; text-align:center;}
.foot1_2 img{ width:100%; max-width:160px;}
.foot1_2 .txt{ padding-top:10px;}
.foot1_2 .txt span{ background-image:url(/img/icon_phone.png); background-repeat:no-repeat; height:31px; line-height:31px; display:inline-block; padding-left:30px;}

.foot1_4{ width:35%;}
.foot1_4_1{ color:#FFF; font-size:16px; padding:3px 0; line-height:1.5; display:inline-block; margin-bottom:5px; position:relative;}
/*.foot1_4_1:after{ width:50px; height:2px; content:""; background-color:#FFF; position:absolute; left:0; top:30px;}*/
.foot1_4_2{ padding:0 30px 0 0; line-height:1.8;}

.foot2{ border-top:solid 1px #e1e1e1; padding:18px 10px; line-height:1.6; margin-bottom:60px; text-align:center;}

.mt1{ margin-top:10px;}
.mt2{ margin-top:20px;}
.mt3{ margin-top:30px;}
.mt4{ margin-top:40px;}
.mt5{ margin-top:50px;}
.myrow{ overflow:hidden;}
.myrow:after{ clear:both;display: table; content:" ";}
.myrow2{}
.myrow2:after{ clear:both;display: table; content:" ";}
.more1{ border:solid 1px #737373; line-height:33px; display:inline-block; padding:0 22px;}
.more1:hover{ border-color:#00b6f0; background-color:#00b6f0; color:#FFF;}

.index_content{ padding:25px 0; overflow:hidden;}
.index_height{ height:25px;}
.index_height2{ height:15px;}
.index_title1{ position:relative; text-align:center; padding-bottom:15px; margin-bottom:30px; display:block;}
.index_title1:after{ bottom:0; left:50%; width:60px; height:2px; margin-left:-30px; background-color:#b2b2b2; content:""; display:inline-block; position:absolute;}
.index_title1 h2{ font-size:28px; color:#282828; margin:5px 0;}
.index_title1 h3{ font-size:17px; color:#737272; margin:15px 0 0;}
.index_title1_y h2{ color:#f9de99;}
.index_title1_y h3{ color:#cecece;}
.index_more{ position:relative; z-index:1; text-align:center;}
.index_more a{ border:solid 1px #b5b5b5; color:#000; display:inline-block; text-transform:uppercase; line-height:3; width:50%; padding:0 20px;}
.index_more a:hover{ border-color:#00b6f0; color:#00b6f0;}


.index1{ margin:-5px;}
.index1_1{ float:left; width:50%;}
.index1_1:nth-child(1), .index1_1:nth-child(n+10){ width:100%;}
.index1_1 a{ display:block; position:relative; margin:5px;}
.index1_1 .pic{ background-size:cover; background-position:center;}
.index1_1 .info{ position:absolute; top:0; left:0; color:#FFF; width:100%; height:100%; background-color:rgba(0,0,0,0.3); display:flex; display:-webkit-flex; flex-wrap:wrap; align-items:flex-end;}
.index1_1 .info>div{ padding:15px;}
.index1_1 .info .title{ font-size:18px; line-height:1; font-weight:bold; margin-bottom:10px;}
.index1_1 .info .desc{-webkit-line-clamp:2; margin:5px 0 10px; line-height:1.3;}
.index1_1 .info .more{ background-color:#00b6f0; color:#FFF; display:inline-block; line-height:26px; padding:0 30px;}
.index1_1 a:hover{}
.index1_1 a:hover .info{ color:#000; background-color:rgba(255,255,255,0.7);}

.index2{ background-image:url(/img/index_adv_bg.jpg); background-attachment:fixed; background-repeat:no-repeat; background-position:center; background-size:cover; padding:50px 0;}
.index2_1{}
.index2_1 .item{ width:50%; padding:10px;}
.index2_1 .info{ padding:10px 0 10px 40px; position:relative; line-height:1.6;}
.index2_1 .info .icon{ position:absolute; left:0; top:3px;}
.index2_1 .info img{ width:40px;}
.index2_1 .info h2{ margin:0 0 10px; padding:0; font-size:22px;}

.index3{ max-width:920px; margin:0 auto; padding:10px; background-color:#FFF;}
.index3 video{ background-color:#000;}

.index4{ background-image:url(/img/index_about_bg.jpg); background-repeat:no-repeat; background-position:left bottom; color:#FFF; background-size:cover; padding:50px 0;}
.index4 a{ color:#FFF;}
.index4_1{ padding:20px 0;}
.index4_1 .info{ width:100%; line-height:1.8; font-size:16px;}
.index4_1 .more{ width:100%; margin-top:20px;}
.index4_1 .more a{ border:solid 1px #FFF; text-transform:uppercase; width:50%; line-height:3; display:block; text-align:center;}
.index4_1 .more a:hover{ background-color:#FFF;color:#00b6f0; }

.index5{}
.index5 .item{ width:100%;}

.index_newslist1 .time, .index_newslist2 .time{ color:#737373;}
.index_newslist1 .title, .index_newslist2 .title{ font-size:22px; padding:10px 0;}
.index_newslist1 .desc, .index_newslist2 .desc{ color:#737373; line-height:24px; height:72px; overflow:hidden;-webkit-line-clamp:3;}

.index_newslist1{}
.index_newslist1 a{ display:block; background-color:#f8f8f8; padding:12px;}
.index_newslist1 .pic{ overflow:hidden; margin:10px 0 0;}
.index_newslist2{ border-top:solid 1px #b5b5b5; padding:20px 0; margin-top:20px;}
.index_newslist2 a{ display:block;}
.index_newslist2 .time{ float:right; padding-left:10px;}
.index_newslist2 .title{ font-size:18px; padding:0 0 10px;}
.index_newslist2 .more{ background-image:url(/img/arrow6.png); background-position:right top; background-repeat:no-repeat; height:25px; background-size:25px;}
.index_newslist2 a:hover .more{ background-image:url(/img/arrow6_o.png);}



.left{ display:none;}
.left_title{ background-color:#242423; color:#00b6f0; font-size:20px; line-height:26px; padding:15px 20px; text-transform:uppercase; font-weight:bold;}
.left_menu{ border:solid 1px #eeeeee; border-top:0; padding:15px 10px;}
.left_menu a{}
.left_menu a:hover{ -moz-transform:translateX(5px); -webkit-transform:translateX(5px); -o-transform:translateX(5px); -ms-transform:translateX(5px); transform: translateX(5px);}

.right{ width:100%;}


.page_content{ padding:20px 0;}
.content1{ line-height:1.6;}
.newscontent{ min-height:260px;}
.prodcontent{}
.downloadcontent{ padding:30px 0;}
.messagecontent{ padding:20px 0 0; max-width:700px; margin:0 auto;}
.feedback{}
.feedback div{ padding:5px 0;}


/*褰撳墠浣嶇疆*/
.location0{ background-color:#8499a5; text-align:center; padding:22px 0 20px 0;}
.location1{ font-size:32px; line-height:40px; padding-bottom:10px; color:#282828;}

.location2{ line-height:16px; position:relative;}
.location2>div>div{ background-repeat:no-repeat; background-position:0 12px; padding:12px 0; border-bottom:dashed 1px #ccc;}
.location2 a{display:inline-block;}
.location2>div{ position:relative;}


#productmenu{padding:0px 0px 0px 33px;}
#productmenu .tdset{vertical-align:top; height:400px; padding:8px 8px 0px;}
#productmenuc2 {font-size:14px; font-weight:bold; margin-bottom:5px;}
#productmenuc3 {margin-top:18px;}
#productmenu1 a{font-size:12px; color:#FFFFFF; width:93px; display:block; float:left; height:17px;}
#productmenu1 a:hover,#productmenu1 .this{font-size:12px; color:#FF9024;}
#productmenu2 a{font-size:12px; color:#FFFFFF; width:75px; display:block; float:left; height:17px;}
#productmenu2 a:hover,#productmenu2 .this{font-size:12px; color:#FF9024;}
#productmenu3 a{font-size:12px; color:#FFFFFF; width:70px; display:block; float:left; height:17px;}
#productmenu3 a:hover,#productmenu3 .this{font-size:12px; color:#FF9024;}


.prodclass1{ padding:10px; vertical-align:top;}
.prodclass1 a{ position:relative; display:block; background-color:#000;}
.prodclass1 a div{ position:absolute; width:100%; margin-top:50%; display:block; text-align:center;}
.prodclass1 a div span{ background-color:#000; font-size:15px; color:#FFF; padding:10px 0px; width:85%; opacity:0.7; display:inline-block;}
.prodclass1 a:hover div span{ background-color:#FFF; color:#000;}

.ProdclassReadme{ padding:0px 15px 15px; line-height:20px;}

/*浜у搧鍥炬爣鑿滃崟*/
.prodclass_menu{ padding:0 0 30px;}
.prodclass_menu li{ width:16%; text-align:center; float:left; margin:15px 0 0;}
.prodclass_menu li a{ display:block; padding:0 6px; text-transform:uppercase; line-height:1.3;}
.prodclass_menu li a div{ padding:0 10%;}
.prodclass_menu li a img{ max-width:100%; margin:0 0 6px;-moz-border-radius:200px; border-radius:200px;}

/*浜у搧棣栭〉*/
.product_home1{ padding:5px 0; text-align:center; font-size:20px; font-weight:bold;}
.product_home2{}

/*浜у搧鍒楄〃鏍峰紡*/
.productlist1{}
.productlist1 a{ background-color:#595959; color:#FFF; display:block; text-align:center; border:solid 1px #eeeeee; }
.productlist1 .pic{ overflow:hidden;}
.productlist1 .txt{ background-color:#595959; padding:10px; line-height:1.8;}
.productlist1 a:hover{ background-color:#00b6f0; border-color:#00b6f0; color:#FFF;}
.productlist1 a:hover .txt{ background-color:#00b6f0;}

.productlist2{ text-align:center; padding:6px;}
.productlist2 a{ display:block; position:relative; font-size:18px; color:#FFF; overflow:hidden;}
.productlist2 .pic{ position:relative; overflow:hidden;}
.productlist2 .pic img{ width:100%;}
.productlist2 .txt{ position:absolute; top:100%; background-color:rgba(0,0,0,0.5); height:100%; width:100%; display:flex;display:-webkit-flex; align-items:center; justify-content:center;}
.productlist2 .txt span{ padding:0 15px;}
.productlist2 a:hover .txt{ top:0;}

.productlist2s{}
.productlist2s img{ width:170px; height:170px;}

.productlist3{}
.productlist3 img{ width:260px; height:195px;}


/*浜у搧璇︾粏鏍峰紡*/
.prod_detail{ padding:0;}
.prod_detail_left{ width:100%;}
.prod_detail_left1{ border:solid 1px #d3d3d3; text-align:center; max-width:700px; margin:0 auto 10px;}
.prod_detail_left2{ padding:0 20px; position:relative; max-width:600px; margin:0 auto;}
.prod_detail_left2 a{ margin:5px; display:inline-block;}
.prod_detail_left2 a img{ width:100%; border:0;}

.prod_detail_right{ width:100%; margin-top:20px;}
.prod_detail_title{ color:#282828; font-size:24px; margin-bottom:20px; padding:10px 0; line-height:1.2; font-weight:bold; text-transform:uppercase; position:relative;}
/*.prod_detail_title:after{ position:absolute; width:50px; height:1px; content:""; background-color:#b2b2b2; left:0; bottom:0;}*/
.prod_detail_desc{ line-height:1.8;}
/*
.prod_detail_desc h1{ font-size:16px; font-weight:bold; margin:8px 0;}
.prod_detail_desc .prod_desc_tabs{ display:table; width:100%;}
.prod_detail_desc .prod_desc_tabs dl{ display:table-row;}
.prod_detail_desc .prod_desc_tabs dl dt, .prod_detail_desc .prod_desc_tabs dl dd{ display:table-cell; vertical-align:top; margin:0; padding:6px 0; font-size:12px;}
.prod_detail_desc .prod_desc_tabs dt{ width:150px;}
.prod_detail_desc .prod_desc_tabs dd{}
*/
.prod_detail_share{}

.prod_otherdetail_photo{ text-align:center; padding:10px 0;}

.prod_detail_intro{ line-height:1.6; padding:10px 0;}
.tabs{ overflow-x:auto;}
.tabs table{ border:0; border-collapse:collapse; width:800px;}
.tabs td, .tabs th{ border:solid 1px #dcdcdc; padding:3px; text-align:center;}
.tabs th{ background-color:#F1F1F1;}

.prod_detail_bt{ text-align:center; padding:15px 0;}
.prod_detail_bt a{ margin:0 5px;}

.prod_detail_othertitle{ font-size:22px; line-height:1.4; padding:10px 0; color:#282828; font-weight:bold; position:relative; text-align:center;}
.prod_detail_othertitle:after{ position:absolute; width:50px; height:2px; background-color:#b2b2b2; bottom:0; left:50%; margin-left:-25px; content:"";}
.prod_detail_othertitle2{ border-bottom:solid 1px #000; text-align:left;}
.prod_detail_othertitle2:after{ display:none;}
.prod_detail_more{ padding:10px 0 0;}


.feedback_message{ position:relative;}
.feedback_txt{ padding:15px 0; line-height:1.6;}
.feedback1{ padding-top:6px; padding-bottom:6px; position:relative;}
.feedback1 .code{ position:absolute; right:24px; top:16px;}
.feedback1 input, .feedback1 textarea{ border:solid 1px #dcdcdc; width:100%; background-color:#f8f8f8; padding:0 10px; outline:none;}
.feedback1 input{ height:50px;}
.feedback1 textarea{ padding:10px; line-height:24px;}
.feedback2{ padding-top:5px; padding-bottom:5px; text-align:center;}
.feedback2 .bt{ height:40px; width:60%; font-size:17px; text-transform:uppercase; -moz-border-radius:15px; border-radius:15px;}



/*鏂伴椈鍒楄〃椤垫牱寮?/
.newslist1{border-bottom:dashed 1px #cccccc;background-image:url(/img/arrow1.gif); background-repeat:no-repeat; background-position:8px 23px; padding:15px 0 15px 24px;}
.newslist1 span{ float:right; color:#999; width:100px; text-align:center;}

.newslist2{ padding:20px 10px; border-bottom:dashed 1px #cccccc;}
.newslist2_1{}
.newslist2_1 a{ overflow:hidden; display:block; border:solid 1px #e0e0e0; padding:3px;}
.newslist2_1 img{ border:0;}
.newslist2_1 a:hover{ border-color:#00b6f0;}
.newslist2_2{}
.newslist2_2_1{ padding:5px 0; line-height:28px;}
.newslist2_2_1 a{ font-size:16px; font-weight:bold; display:block;}
.newslist2_2_1 a:hover{}
.newslist2_2_2{ line-height:22px;}
.newslist2_2_3{ line-height:26px; color:#959595; padding:5px 0 0;}
.newslist2_2_4{ padding:10px 0 0;}
.newslist2_2_4 a{background-color:#00b6f0; height:30px; line-height:30px; color:#FFF; display:inline-block; padding:0 20px;}
.newslist2_2_4 a:hover{background-color:#2a2a2a; color:#FFF;}

.newslist3{}
.newslist3 a{ display:block; text-align:center; line-height:22px; margin:10px 0;}
.newslist3 .pic{ overflow:hidden; border:solid 1px #eeeeee; padding:3px;}
.newslist3 img{ border:0;}
.newslist3 a:hover .pic{ border-color:#00b6f0;}
.newslist3 .txt{ padding:8px 0 0;}

.newslist4{}
.newslist4 a{ border-bottom:solid 1px #dedede; padding:20px 10px; display:block;}
.newslist4 a:hover{ -webkit-box-shadow:0 8px 35px rgba(0,0,0,.08); -moz-box-shadow:0 8px 35px rgba(0,0,0,.08); box-shadow:0 8px 35px rgba(0,0,0,.08); -moz-transform:translateX(10px); -webkit-transform:translateX(10px); -o-transform:translateX(10px); -ms-transform:translateX(10px); transform: translateX(10px);}
.newslist4_1{}
.newslist4_2{}
.newslist4_2_1{ line-height:1.4; font-size:18px; font-weight:bold; padding:8px 0;}
.newslist4_2_2{ line-height:1.6; color:#888888;}
.newslist4_3{}
.newslist4_3_1{ padding:5px 0; color:#999999;}
.newslist4_3_1 span{}
.newslist4_3_2{ display:none;}


.article_directory{}
.article_directory1{ position:relative; border-bottom:solid 1px #e0e0e0; font-size:16px;}
.article_directory1 span{ position:relative; display:inline-block; border-bottom:solid 1px #00b6f0; color:#00b6f0; top:1px; padding:0 10px; line-height:2.2;}
.article_directory2{}
.article_directory2 .item{ padding:20px 0; border-top:dashed 1px #dedede;}
.article_directory2 .item:first-child{ border:0;}
.article_directory2 .item .pic{ width:100px;}
.article_directory2 .item .info{ width:calc(100% - 100px); padding-left:3%;}
.article_directory2 .item .info .title{ font-size:18px; padding-bottom:6px;}
.article_directory2 .item .info .desc{ line-height:1.6;}
@media (min-width: 768px) {
	.article_directory2 .item .pic{ width:160px;}
	.article_directory2 .item .info{ width:calc(100% - 160px); padding-left:5%;}
	.article_directory2 .item .info .title{ font-size:24px; padding-bottom:10px;}
}
@media (min-width: 992px) {
	.article_directory1{ font-size:18px;}
}
@media (min-width: 1200px) {
}


/*鏂伴椈璇︾粏椤垫牱寮?/
.newdetail{}
.newdetail1{padding:5px 0 0; text-align:center; max-width:1060px; margin:0 auto;}
.newdetail1 h1{ font-size:22px; color:#333; padding:0; margin:0; line-height:1.4;}
.newdetail2{border-bottom:dashed 1px #cccccc; color:#a8a8a8; padding:8px 0px 12px; text-align:center; line-height:24px; max-width:1060px; margin:0 auto;}
.newdetail2 .time{}
.newdetail3{line-height:1.8; padding:10px 0px; max-width:1060px; margin:0 auto;}
.newdetail3 .video{ max-width:800px; margin:0 auto; padding:0 0 20px;}
.newdetail3 img{ max-width:100%;}
.newdetail4{padding-top:10px; border-top:dashed 1px #cccccc; line-height:26px; width:100%; display:inline-block;}
.newdetail4_1{}
.newdetail4_1>div{ padding:5px 0;}
.newdetail4_2{ text-align:left;}
.newdetail5{line-height:1.8; padding:0;}
.newdetail5 img{ max-width:100%;}

.newdetail5 h2{ color:#00b6f0; font-size:18px;}
@media (min-width: 768px) {
	.newdetail5 h2{ font-size:24px;}
}


/*鎶曡祫鑰呰仈绯绘柟寮?/
.investor_contact{}
.investor_contact .pic{ width:100%; background-color:#CCC; background-size:cover; background-position:center; min-height:200px;}
.investor_contact .info{ width:100%; background-color:#f4f4f4; padding:10px;}
.investor_contact .info .item{ padding:5px 0;}
.investor_contact .info .item .icon{ width:50px; text-align:center;}
.investor_contact .info .item .icon em{ font-size:22px; color:#00b6f0;}
.investor_contact .info .item .txt{ width:calc(100% - 50px); line-height:1.6; padding-left:2%;}
@media (min-width: 768px) {
	.investor_contact .pic{ width:calc(100% - 440px);}
	.investor_contact .info{ width:440px; padding:20px 3%;}
	.investor_contact .info .item .icon{ width:60px;}
	.investor_contact .info .item .icon em{ font-size:30px;}
	.investor_contact .info .item .txt{ width:calc(100% - 60px);}
}
@media (min-width: 992px) {
	.investor_contact .pic{ width:calc(100% - 500px);}
	.investor_contact .info{ width:500px;}
}
@media (min-width: 1200px) {
	.investor_contact .pic{ width:calc(100% - 620px);}
	.investor_contact .info{ width:620px;}
}


/*鍏充簬鎴戜滑*/
.about1{ line-height:1.8;}
.about1 .row>div{ margin:10px 0;}
.about2{ font-weight:bold; font-size:24px; text-transform:uppercase;}
.about3{}

/*澶т簨璁?/
.history{ background-image:url(/img/history3.png); background-repeat:repeat-y; background-position:54px top;}
.history1{ width:90px; background-image:url(/img/history1.png); background-size:29px; background-repeat:no-repeat; background-position:right center; height:29px; line-height:29px; text-align:right; padding:0 36px 0 0; font-size:20px; color:#009bee; font-family:Arial, Helvetica, sans-serif;}
.history2{ background-image:url(/img/history2.png); background-repeat:no-repeat; background-position:54px center; padding:15px 0; text-align:right; padding:0 40px 0 0; color:#009bee;}
.history2 span{ font-size:11px; color:#B2B2B2; }
.history3{padding:15px 0;}


/*鑱旂郴鎴戜滑*/
.contact1{}
.contact1_1{ background-color:#353535; color:#FFF; padding:20px;}
.contact1_1 td{ color:#FFF; border-bottom:solid 1px #666666; padding:10px 0;}
.contact1_1 .contact_icon{ text-align:center; width:40px; font-size:20px;}
.contact1_1 .contact_txt{ font-size:14px; line-height:1.5;}
.contact1_1_1{ color:#00b6f0;}
.contact1_1_1 h1{ font-size:22px; margin:0 0 5px; color:#FFF; font-weight:bold;}
.contact1_2{ border:solid 1px #dcdcdb; height:300px;}
.contact2{border:solid 1px #dcdcdb; padding:20px;}
.contact2_1{}
.contact2_1 img{ width:100%;}
.contact2_2{ line-height:1.6; margin-top:20px;}
.contact2_2 h1{ font-size:22px; margin:0 0 10px; color:#00b6f0; font-weight:bold;}


.txtinput{background-color:#F9F9F9; border:solid 1px #D1D1D1; height:34px; line-height:32px; padding:0 5px; width:100%;}
.txtinput2{background-color:#F9F9F9; border:solid 1px #D1D1D1; line-height:20px; padding:0 5px; width:100%;}

.bt,.bt:link{ border:solid 0px #00b6f0; background-color:#00b6f0; color:#FFF; width:100px; height:36px; line-height:36px; cursor:pointer; font-size:16px; display:inline-block; text-align:center;}
.bt:hover{ background-color:#000000; color:#FFF;}
.otherbt1{ border:solid 0px #00b6f0; background-color:#00b6f0; width:180px; font-size:16px; color:#FFF; text-transform:uppercase; height:32px; line-height:32px; display:inline-block; text-align:center;-moz-border-radius:25px; border-radius:25px;}
.otherbt1:hover{ background-color:#2a2a2a; color:#FFF;}
.otherbt2{ border:solid 0px #00b6f0; background-color:#00b6f0; width:180px; font-size:16px; color:#FFF; text-transform:uppercase; height:40px; line-height:40px; display:inline-block; text-align:center;-moz-border-radius:25px; border-radius:25px;}
.otherbt2:hover{ background-color:#2a2a2a; color:#FFF;}
.otherbt3{ border:solid 0px #00b6f0; background-color:#00b6f0; width:180px; font-size:16px; color:#FFF; text-transform:uppercase; height:40px; line-height:40px; display:inline-block; text-align:center;-moz-border-radius:25px; border-radius:25px;}
.otherbt3:hover{ background-color:#FFF; color:#00b6f0;}


/*涓嬭浇*/
.download{ border-collapse:collapse;}
.download th, .download td{ border:solid 1px #e8e8e8; padding:8px;}
.download th{ background-color:#f5f5f5; text-align:center;}
.downloadtd1{}
.downloadtd2{ width:120px; text-align:center;}
.downloadtd2 .bt{ width:110px;}


/*瑙嗛鏍峰紡*/
.videolist{text-align:center; vertical-align:top; width:250px; padding:0px 13px 20px;}
.videolist img{ width:240px; height:180px; border:solid 1px #E4E4E3; background-color:#FFF; margin-bottom:6px; padding:4px;}
.videolist a{ display:inline-block;}

.videodetail1{ text-align:center; padding:20px 0 10px; font-size:20px; font-weight:bold; color:#00b6f0;}
.videodetail2{ text-align:center;}
.videodetail3{ text-align:center; padding:15px 0 0;}


/*浼氬憳鏍峰紡*/
.star{ color:#F00; font-size:16px;}
.mb_title{ text-align:center; font-size:22px; padding:10px 0; color:#333333;}
.mb_name{ padding:3px; line-height:36px; color:#999; text-align:right;}
.mb_txt{ padding:3px;}
.mb_txt input{ border:solid 1px #e4e4e4; line-height:32px; height:32px; margin:0; padding:0 5px; width:200px;}
.mb_txt textarea{ border:solid 1px #e4e4e4; line-height:22px; height:84px; margin:0; padding:0 5px; width:200px;}
.mb_bt{ text-align:center; padding:10px 0;}


/*璐墿杞?/
.InquireBasket{z-index: 1501; background-color:#FFF; border:solid 1px #aaaaaa; width:230px; height:270px; position:fixed; right:0; bottom:60px;-webkit-box-shadow:5px 5px 20px #1f2732; -moz-box-shadow:5px 5px 20px #1f2732; box-shadow:5px 5px 20px #1f2732; -webkit-transform:translateZ(0);}
.InquireBasket_Title{ background-color:#7298ba; color:#FFF; line-height:40px; font-weight:bold; text-align:center;}
.InquireBasket_Title span{}
.InquireBasket_Title1{ font-size:20px; width:40px; cursor:pointer; display:inline-block;}
.InquireBasket_Title2{ width:148px; font-size:13px; display:inline-block;}
.InquireBasket_Title2 span{ color:#ffb629;}
.InquireBasket_Content{ height:190px; overflow:auto; background-color:#FFF; font-size:12px;}
.InquireBasket_Content li{border-bottom:solid 1px #e8e8e8; padding:8px;}
.InquireBasket_Content li img{ width:40px; height:40px; float:left; border:0; margin-right:10px;}
.InquireBasket_Content li:hover{ background-color:#fffeee;}
.InquireBasket_Content .name{ display:block; line-height:20px; height:20px; overflow:hidden;}
.InquireBasket_Content .name a{ color:#246bb3;}
.InquireBasket_Content li .delbt{ display:none;}
.InquireBasket_Content li:hover .delbt{ display:block; line-height:20px;}
.InquireBasket_Content .delbt a{ color:#888;}
.InquireBasket_Content .delbt a:hover{ color:#444; text-decoration:underline;}

.InquireBasket_Submit{ text-align:right; padding:8px 10px 0 0;}
.InquireBasket_Submit a{ background-color:#e64545; color:#FFF; line-height:24px; width:70px; display:inline-block; text-align:center;}

.Inquire_Tabs{ border:0; border-collapse:collapse;}
.Inquire_Tabs th, .Inquire_Tabs td{ border:solid 1px #e0e0e0; padding:8px;}
.Inquire_Tabs th{ background-color:#f1f1f1; height:20px; text-align:center;}
.Inquire_Tabs1{ width:40%; text-align:center;}
.Inquire_Tabs1 img{ width:120px; max-width:100%; border:0;}
.Inquire_Tabs2{}

.Inquire_Tabs_Data{ border:0; border-collapse:collapse;}
.Inquire_Tabs_Data th, .Inquire_Tabs_Data td{ padding:6px;}

.ts{ text-align:center; margin:60px 0;}


/*浜у搧婊氬姩鍒楄〃鏍峰紡*/
.roll {display: inline-block;overflow: hidden;width: 500px; height:122px;}
.roll .LeftBotton{display: inline; float: left; overflow: hidden; width:20px; cursor: pointer; text-align:center; margin-right:10px;}
.roll .LeftBotton img{ width: 20px; height:85px;}
.roll .RightBotton img{ width: 20px; height:85px;}
.roll .RightBotton {display: inline;float: left;overflow: hidden; width: 20px; cursor: pointer; text-align:center; margin-left:10px;}
.roll .Cont { padding-right: 0px; padding-left: 0px; float: left; overflow: hidden; width: 440px;}
.roll .ScrCont {width: 10000000px}
.roll #List1 {float: left;}
.roll #List2 {float: left;}


/*鍙嬫儏杩炴帴*/
.link{ padding:20px; margin:0;}
.link1{}
.link1 .n1{ color:#828282; height:20px; line-height:20px; font-size:30px; display:inline-block; padding:6px 0 0;}
.link1 .n2{ background-color:#828282; color:#FFF; line-height:32px; padding:0 10px; display:inline-block; margin:0 0 0 5px;}
.link2{ padding:10px 0 0; line-height:32px;}
.link2 a{ padding:0 20px 0 0; display:inline-block;}


.wk1_1{ background-color:#eeeeee; height:38px; line-height:38px;}
.wk1_1 h1, .wk1_1 h2{ margin:0; background-color:#00b6f0; background-image:url(/img/wk1_1.gif); background-repeat:no-repeat; background-position:right top; display:inline-block; color:#FFF; padding:0 50px 0 20px; line-height:38px; font-size:17px; width:180px; font-weight:normal;}
.wk1_1 span{}
.wk1_1 span a{ padding:0 20px; display:inline-block;}
.wk1_1 a{ color:#FFF;}
.wk1_1 a:hover{ color:#FF0;}


.submenu{position:relative; margin:-40px 0 0; height:40px; background-image:url(/img/submenubg.png);}
.submenu li{ float:left;}
.submenu li a{ line-height:40px; color:#FFF; display:inline-block; line-height:35px; padding:3px 15px 0;}
.submenu li a:hover{ color:#FF0;}
.submenu li .this{ border-top:solid 3px #e77817; padding:0 15px;}



.lmenu1{}
.leftmenu1{ font-size:15px; color:#222; background-image:url(/img/left-menu1-up.png); background-repeat:no-repeat; background-position:16px 18px; padding:8px 15px 8px 35px; display:block; line-height:1.4;}
.leftmenu1:hover, .leftmenu1.this{ background-image:url(/img/left-menu1-over.png); color:#00b6f0;}

.lmenu2{ padding:0 15px 15px;}
.leftmenu2{ padding:6px 10px 6px 34px; font-size:14px; background-image:url(/img/left-menu2-up.png); background-repeat:no-repeat; background-size:5px auto; background-position:20px 14px; display:block;}
.leftmenu2:hover, .leftmenu2.this{ background-image:url(/img/left-menu2-over.png); color:#00b6f0;}


.menulist{ background-color:#f2f2f2; text-align:center;}
.menulist ul{ display:inline-block;}
.menulist li{ float:left; position:relative;}
.menulist li:after{ width:1px; height:20px; background-color:#a8a8a8; content:""; display:inline-block; position:absolute; right:0; top:50%; margin-top:-10px;}
.menulist li:last-child:after{ display:none;}
.menulist a{ color:#333333; padding:0 18px; text-align:center; font-size:14px; line-height:70px; display:block; position:relative; z-index:1;}
.menulist a img{ width:20px; height:20px; margin-right:6px;}
.menulist a:hover, .menulist .this{ background-color:#00b6f0; color:#FFF;}
.menulist a .up{ display:inline-block;}
.menulist a .over{ display:none;}
.menulist a:hover .up, .menulist a.this .up{ display:none;}
.menulist a:hover .over, .menulist a.this .over{ display:inline-block;}

.menulist2{}
.menulist2 ul{ margin:0 -5px;}
.menulist2 li{ flex:1; position:relative; padding:0 5px;}
.menulist2 li a{ display:block; position:relative; background-color:#f5f5f5; text-align:center; line-height:40px; font-size:15px;}
.menulist2 li a.this{ color:#FFF; background-color:#00b6f0;}
@media (min-width: 768px) {
	.menulist2 ul{ margin:0 -5px;}
	.menulist2 li{ padding:0 5px;}
}
@media (min-width: 992px) {
	.menulist2 ul{ margin:0 -10px;}
	.menulist2 li{ padding:0 10px;}
	.menulist2 li a{ line-height:50px; font-size:18px;}
}
@media (min-width: 1200px) {
	.menulist2 ul{ margin:0 -15px;}
	.menulist2 li{ padding:0 15px;}
}


/*鎷涜仒鏍峰紡*/
.jobs_list{ border:solid 1px #e0e0e0; padding:0px; margin:0 0 15px;}
.jobs_list .jobs_title{ background-color:#ededed; color:#222; font-size:16px; font-weight:bold; line-height:20px; padding:12px 15px;}
.jobs_list .jobs_content{ padding:15px 20px;}
.jobs_list .jobs_content div{ margin:3px 0; line-height:1.5;}

.JobsAdd{}
.JobsAdd div{float:left; margin:0 0 10px;}
.JobsAdd2{ display:table-cell; width:25%; text-align:center; height:36px; padding:8px 0; line-height:20px;}
.JobsAdd3, .JobsAdd4{ display:table-cell; width:75%; height:36px; line-height:36px;}
.JobsAdd5{ display:table-cell; height:100px; width:75%; text-align:center;}
.JobsAdd3 input, .JobsAdd5 textarea{ background-color:#fafafa; border:solid 1px #e0e0e0; width:100%; height:36px; line-height:36px; outline:none; padding:0 8px;}
.JobsAdd5 textarea{ height:100px; line-height:20px;}
.JobsAdd6{ text-align:center; width:100%;}


.setpage{ text-align:center; line-height:30px; margin:15px 0;}
.setpage a{ background-color:#FFF; padding:0 10px; display:inline-block; border:solid 1px #9a9a9a; margin:6px 6px;}
.setpage a:hover{ border-color:#5cc4e5; color:#00b6f0;}
.setpage .currentpage{ padding:0 10px; display:inline-block; border:solid 1px #00b6f0; color:#FFF; background-color:#00b6f0; margin:6px 6px;}


/*椤垫暟*/
.page{ text-align:center; line-height:30px; margin:15px 0;}
.page a, .page .this, .page .this_nu{ padding:0 10px; margin:5px 2px; -moz-border-radius:3px; border-radius:3px; display:inline-block;}
.page a{ border:solid 1px #8b919e;}
.page a:hover{ border-color:#00b6f0; color:#00b6f0;}
.page .this{ border:solid 1px #e9e9e9; color:#8b919e;}
.page .this_nu{ background-color:#00b6f0; color:#FFF;}


.fenxiang{ height:36px; line-height:36px; padding:10px 0 0 0;}
.fenxiang1{ float:left; margin-right:8px;}
.fenxiang2{ float:left;}


.sitemap_location{ padding:0 0 20px;}
.sitemap_menu{}
.sitemap_menu>li{ border-top:dotted 1px #d1d1d1; padding:20px;}
.sitemap_menu>li>a{ padding:10px; display:inline-block; font-weight:bold; font-size:18px;}
.sitemap_menu>li>ul>li{ float:left;}
.sitemap_menu>li>ul>li>a{ padding:10px; display:inline-block; font-size:16px;}



/*鍙宠竟娴姩鎸夐挳*/
.scroll_btn{width:52px;position: fixed;top:52%; margin-top:-145px; right:10px;z-index: 10; /*position:absolute; *top: expression(documentElement.scrollTop + 200 + "px");*/}
.scroll_otherbtn{ margin-top:0px;}
.scrollbtnwrap{position: relative;}
.scroll_btn a{display: inline-block;cursor: pointer; width: 52px;height: 52px; overflow: hidden; line-height:76px;margin-bottom: 9px; text-align: center;color: #00a1e9;background: url(/img/rightindextools1.png?v=2) no-repeat; background-size:52px; font-size:12px;}
.scroll_btn a.cur,.scroll_btn a:hover{color: #fff;background: url(/img/rightindextools2.png?v=2) no-repeat; background-size:52px;}

.scroll_btn a.span_adv{background-position:0 -53px; }
.scroll_btn a.span_prod{background-position:0 -107px; }
.scroll_btn a.span_news{background-position:0 -161px; }
.scroll_btn a.span_top{background-position:0 -215px; }
.scroll_btn a.span_qq{background-position:0 -269px; }

@media (min-width: 768px) {
	.scroll_btn{width:86px; margin-top:-225px; right:30px;}
	.scroll_otherbtn{ margin-top:0px;}
	.scroll_btn a{width: 86px;height: 86px; background-size:86px; line-height: 125px; font-size:14px;}
	.scroll_btn a.cur,.scroll_btn a:hover{ background-size:86px;}
	
	.scroll_btn a.span_adv{background-position:0 -88px; }
	.scroll_btn a.span_prod{background-position:0 -177px; }
	.scroll_btn a.span_news{background-position:0 -266px; }
	.scroll_btn a.span_top{background-position:0 -355px; }
	.scroll_btn a.span_qq{background-position:0 -444px; }
}
@media (min-width: 1200px) {
	.scroll_btn{ right:60px;}
}


/*棣栭〉鐣欒█*/
.index_feedback{}
.index_feedback .l{ width:100%; text-align:center;}
.index_feedback .r{ width:100%;}
.index_feedback .t1{ font-weight:bold; font-size:24px; margin:10px 0;}
.index_feedback .t2{ margin:10px 0; line-height:1.8;}
.index_feedback .row1{}
.index_feedback .row1 div{ width:100%;}
.index_feedback .input1{ padding:5px 0; position:relative;}
.index_feedback .input1 input, .index_feedback .input1 textarea{ padding:0 5px; width:100%; height:41px; line-height:31px; border:solid 1px #e0e0e0; background-color:transparent; outline:none;}
.index_feedback .input1 input{}
.index_feedback .input1 textarea{ height:150px;}
.index_feedback .input1 .code{ position:absolute; right:6px; top:10px; cursor:pointer;}
.index_feedback .input2{ text-align:center; padding:5px 0;}
.index_feedback .input2 input{ border:0; height:35px; width:60%; font-weight:bold;}
.index_feedback .input2 input:hover{}
@media (min-width: 768px) {
	.index_feedback .t1{ font-size:28px;}
	.index_feedback .input1{ padding:8px 0;}
	.index_feedback .input1 .code{ top:13px;}
	.index_feedback .input2 input{ width:320px;}
	.index_feedback .row1{ margin:0 -8px;}
	.index_feedback .row1 .input1{ padding:8px;}
	.index_feedback .row1 div{ width:33.33%;}
}
@media (min-width: 992px) {
	.index_feedback .l{ width:40%; text-align:left; padding-bottom:60px;}
	.index_feedback .r{ width:60%; padding-left:5%;}
}
@media (min-width: 1200px) {
	.index_feedback .t1{ font-size:32px;}
	.index_feedback .input1{ padding:10px 0;}
	.index_feedback .input1 input, .index_feedback .input1 textarea{ height:50px; padding:0 10px;}
	.index_feedback .input1 textarea{ height:200px;}
	.index_feedback .input1 .code{ right:12px; top:20px;}
	.index_feedback .input2 input{ height:50px;}
	.index_feedback .row1{ margin:0 -10px;}
	.index_feedback .row1 .input1{ padding:10px;}
}