/* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif; color:#333; background:#FFF;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none;}
a{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#0193de; text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.hei{ color:#000;}
.en_ft{ font-family:Arial;}
.ft1{ font-size:14px; font-weight:bold; color:#FFF;}
.ft_red{ color:#C80000;}
.ft_bai{ color:#FFF;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/*index*/
.in_top{ width:1190px; height:90px; margin:0 auto; overflow:hidden;}
.in_top .lt{ float:left; padding-top:20px;}
.in_top .rt{ float:right;}
.in_top .rt .menu{ float:left; padding:28px 20px 0 0;}
.in_top .rt .menu li{ float:left; margin:0 7px;}
.in_top .rt .menu li a{ display:block; width:90px; height:34px; line-height:34px; text-align:center;}
.in_top .rt .menu li a:hover{ background:#F47C11; color:#fff;}
.in_top .rt .menu li a.cur{ background:#F47C11; color:#fff;}
.in_top .rt .lang{ float:left; margin:29px 0 0 0;}
.in_banbox{ clear:both; width:100%; height:570px; overflow:hidden;}
.in_p_1{ clear:both; text-align:center; padding-top:55px; font-size:21px; line-height:23px;}
.in_p_2{ width:33px; height:3px; background:#FF7700; margin:11px auto 13px auto;}
.in_p_3{ text-align:center; color:#666; line-height:16px;}
.in_pro{ clear:both; width:1200px; margin:44px auto 0 auto; padding-bottom:40px; }
.in_pro ul{ overflow:hidden;}
.in_pro ul li{ float:left; width:550px; height:260px; padding:20px; margin:0 20px 20px 0; background:#F4F6F8; color:#FFF;}
.in_pro ul li.none{ margin-right:0;}
.in_pro ul li a{ color:#FFF;}
.in_pro ul li .llt{ float:left; background:#FFF; padding:8px; width:244px;}
.in_pro ul li .lrt{ float:right; width:270px;}
.in_pro ul li .lrt .p_1{ color:#333; font-size:16px; line-height:18px; font-weight:bold; padding-top:15px;}
.in_pro ul li .lrt .p_2{ color:#666; font-weight:bold; padding-top:25px;}
.in_pro ul li .lrt .p_3{ color:#666; line-height:26px; max-height:156px; overflow:hidden; padding-top:5px;}
.in_pro ul li:hover{ background:#0193DE;}
.in_pro ul li:hover .lrt .p_1{ color:#FFF;}
.in_pro ul li:hover .lrt .p_2{ color:#FFF;}
.in_pro ul li:hover .lrt .p_3{ color:#FFF;}
.in_pro .more{ display:block; clear:both; width:150px; height:40px; line-height:40px; background:#0193DE; color:#FFF; text-align:center; margin:30px auto 0 auto;}
.in_abbox{ clear:both; width:100%; height:500px; background:url(/en/images/index_07.jpg) top center no-repeat; overflow:hidden; position:relative;}
.in_ab{ width:1200px; margin:0 auto;}
.in_ab .titen{ position:absolute; top:61px; left:50%; margin-left:-265px; width:265px; height:50px; line-height:50px; text-align:center; color:#FFF;}
.in_ab .box{ float:right; width:540px; height:500px; overflow:hidden; padding-right:5px; color:#FFF;}
.in_ab .box .p_1{ font-size:21px; line-height:23px; padding-top:70px;}
.in_ab .box .p_2{ width:45px; height:3px; background:#FF7700; margin:15px 0 27px 0;}
.in_ab .box .info{ line-height:26px;}
.in_yybox{ clear:both; width:100%; padding-top:45px;}
.in_yybox ul{ overflow:hidden;}
.in_yybox ul li{ float:left; width:20%; position:relative;}
.in_yybox ul li img{ width:auto; max-width:100%;}
.in_yybox ul li .mb{ position:absolute; left:23px; top:23px; background:url(/en/images/index_10.png) repeat; width:calc(100% - 46px); height:calc(100% - 46px); z-index:10; display:none;}
.in_yybox ul li .info{ position:absolute; left:23px; top:23px; width:calc(100% - 46px); height:calc(100% - 46px); color:#FFF; overflow:hidden; z-index:11; display:none;}
.in_yybox ul li .info b{ display:block; text-align:center; font-size:16px; line-height:18px; padding-top:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.in_yybox ul li .info div{ line-height:25px; padding:12px 16px 0 16px;}
.in_yybox ul li:hover .mb{ display:block;}
.in_yybox ul li:hover .info{ display:block;}
.in_news{ clear:both; width:1200px; margin:50px auto 0 auto; padding-bottom:50px;}
.in_news ul{ overflow:hidden;}
.in_news ul li{ float:left; width:386px; margin-right:21px;}
.in_news ul li.none{ margin-right:0;}
.in_news ul li .imgbox{ position:relative;}
.in_news ul li .imgbox .mb{ position:absolute; left:0; top:0; background:url(/en/images/index_12.png) repeat; width:100%; height:100%; display:none;}
.in_news ul li .imgbox .tm{ position:absolute; right:0; bottom:0; width:64px; height:64px; background:#0193DE; color:#FFF; text-align:center; line-height:16px;}
.in_news ul li .imgbox .tm em{ display:block; font-size:26px; line-height:40px;}
.in_news ul li b{ display:block; font-size:16px; line-height:52px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.in_news ul li p{ line-height:26px; color:#666; max-height:78px; overflow:hidden;}
.in_news ul li:hover .imgbox .mb{ display:block;}
.in_infobox{ clear:both; width:100%; height:370px; background:url(/en/images/index_13.jpg) top center no-repeat; overflow:hidden;}
.in_info{width:1200px;margin:0 auto;padding-top: 77px;}
.in_info ul{ overflow:hidden;}
.in_info ul li{float:left;width: 282px;margin-right:21px;}
.in_info ul li img{width:100%;}
.in_info ul li.none{ margin-right:0;}
.in_sv{ clear:both; width:1200px; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.in_sv .lt{ float:left; width:586px;}
.in_sv .in_p_1{ text-align:left;}
.in_sv .in_p_2{ margin:11px 0 13px 0;}
.in_sv .in_p_3{ text-align:left;}
.in_sv .lt .box{ border:1px solid #E1E3E5; margin-top:30px; min-height:414px;}
.in_sv .lt .box ul{ overflow:hidden;}
.in_sv .lt .box ul li{ float:left; border-right:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;}
.in_sv .lt .box ul li.none{ border-right:0;}
.in_sv .lt .box ul li img{ display:block;}
.in_sv .rt{ float:right; width:586px;}
.in_sv .rt .box{ width:550px; height:380px; padding:20px 0 0 20px; border:8px solid #F4F4F4; margin-top:30px;}
.in_sv .rt .txtbox{ border:1px solid #EBEBEB; width:527px; height:34px; margin-bottom:9px;}
.in_sv .rt .txtbox span{ float:left; color:#999; line-height:34px; padding-left:10px;}
.in_sv .rt .txtbox input{ float:left; width:455px; margin-left:10px; height:34px; line-height:34px; border:0; outline:none;}
.in_sv .rt .txtbox_1{ height:78px;}
.in_sv .rt .txtbox_1 textarea{ float:left; width:455px; margin-left:10px; height:64px; padding:7px 0; line-height:20px; font-size:14px; border:0; outline:none; resize:none;}
.in_sv .rt .txtbox_2 input{ width:100px;}
.in_sv .rt .txtbox_2 div{ float:right; width:120px; height:34px; border-left:1px solid #EBEBEB; background:#F8F8F8;}
.in_sv .rt .txtbox_2 div img{ margin:6px 0 0 10px;}
.in_sv .rt .btn{ clear:both; width:152px; height:38px; line-height:38px; border:0; background:#0193DE; color:#FFF; text-align:center; cursor:pointer;}
.in_btmbox{ clear:both; width:100%; background:#363636; border-bottom:1px solid #212121;}
.in_btm{width:1200px; margin:0 auto; overflow:hidden; padding:42px 0; color:#999;}
.in_btm a{ color:#999;}
.in_btm a:hover{ color:#FFF;}
.in_btm .box{ float:left; width:470px; min-height:163px; background:url(/en/images/index_23.jpg) right top repeat-y;}
.in_btm .box .p_1{ font-size:18px; color:#FFF; line-height:20px;}
.in_btm .box .p_2{ width:45px; height:2px; background:#FF7700; margin:13px 0;}
.in_btm .box .info{ line-height:26px;}
.in_btm .box_1{ width:310px; padding-left:70px;}
.in_btm .box_1 .list{ overflow:hidden;}
.in_btm .box_1 .list ul{ float:left; width:105px; line-height:26px;}
.in_btm .box_2{ width:280px; padding-left:70px; background:none;}
.in_btm .box_2 .fx{ overflow:hidden; padding-top:6px;}
.in_btm .box_2 .fx a{ display:block; float:left; width:30px; height:30px; margin:0 20px 0 0; padding:0; background:url(/en/images/index_17.png) left center no-repeat;}
.in_btm .box_2 .fx a:hover{ background-image:url(/en/images/index_17_1.png);}
.in_btm .box_2 .fx .a_1{ background-position:0 center;}
.in_btm .box_2 .fx .a_2{ background-position:-50px center;}
.in_btm .box_2 .fx .a_3{ background-position:-100px center;}
.in_btm .box_2 .fx .a_4{ background-position:-150px center;}
.in_btm .box_2 .yy{ clear:both; padding-top:29px;}
.in_btm .box_2 .yy img{ float:left;}
.in_btm .box_2 .yy span{ display:block; float:left; padding:0 21px 0 10px; height:28px; line-height:28px; background:url(/en/images/index_21.jpg) right 10px no-repeat;}
.in_cpybox{ clear:both; width:100%; background:#363636; border-top:1px solid #4B4B4B;}
.in_cpy{ width:1200px; margin:0 auto; height:66px; line-height:66px; color:#999;}
.in_cpy a{ color:#999;}
.in_cpy a:hover{ color:#FFF;}
.in_cpy .lt{ float:left;}
.in_cpy .rt{ float:right;}
.totop{ position:fixed; right:20px; bottom:20px; cursor:pointer; z-index:1000;}


/*products*/
.pro_banbox{ clear:both; width:100%; height:360px; background:url(/en/images/pro_02.jpg) top center no-repeat;}
.pro_cont{ clear:both; width:1200px; margin:0 auto; overflow:hidden; padding:40px 0;}
.pro_cont .lt{ float:left; width:260px;}
.pro_cont .lt p{ height:80px; line-height:80px; padding-left:30px; background:#0193DE; color:#FFF; font-size:21px;}
.pro_cont .lt li{ padding-top:1px;}
.pro_cont .lt li a{ display:block; padding-left:30px; height:59px; line-height:59px; background:#F1F1F1; font-size:16px;}
.pro_cont .lt li a.cur{ color:#f47c12;}
.pro_cont .lt li a:hover{ color:#f47c12;}
.pro_cont .rt{ float:right; width:920px;}
.pro_cont .rt .mbx{ height:50px; border-bottom:1px solid #CCCCCC; color:#666; line-height:50px; padding:0 0 0 11px;}
.pro_cont .rt .mbx a{ color:#666;}
.pro_main{ clear:both; padding:20px 0 0 0; min-height:300px; line-height:26px;}
.pro_list{ overflow:hidden;}
.pro_list li{ float:left; width:286px; margin:0 10px 10px 10px;}
.pro_list li.none{ margin-right:0;}
.pro_list li img{ display:block;}
.pro_list li p{ text-align:center; color:#666; font-size:16px; height:42px; line-height:42px;}


/*about*/
.ab_main{ clear:both; padding:30px 30px 0 30px; min-height:300px; line-height:26px;}


/*productShow*/
.pss_img{ padding:0 0 10px 0; text-align:center;}

.inq_btn{ clear:both; background:#0193DE; color:#FFF; display:inline-block; width:185px; height:40px; line-height:40px; text-align:center; margin-top:15px; border-radius:5px;} 
.inq_btn:hover,.inq_btn:active{ color:#FFF;}


/*honorShow*/
.hons_tit{ text-align:center; font-size:15px; font-weight:bold;}
.hons_img{ text-align:center; padding:10px 0 0 0;}


/*company*/
.com_cont .lt li{ padding:0 0 0 15px; height:48px; line-height:47px; background:url(/en/images/pro_09_1.jpg) no-repeat; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.com_cont .lt li a.cur{ font-weight:bold; color:#009241;}
.com_cont .lt li a:hover{ font-weight:bold; color:#009241;}


/*news*/
.ns_list li{ clear:both; height:33px; line-height:33px; padding:0 0 0 20px; border-bottom:1px dashed #ccc; background:url(/en/images/news_43.png) 2px center no-repeat; }
.ns_list li a{ float:left}
.ns_list li span{ float:right; font-size:13px;}

/*newsShow*/
.nss_tit{ font-size:16px; font-weight:bold; line-height:20px; text-align:center; padding:10px 0 10px 0 ;}
.nss_dtm{ text-align:center; padding:0 0 15px 0; font-size:12px; color:#999;}
.nss_info{ clear:both; line-height:24px;}
.ff_pre{ clear:both; padding:15px 0 0 0;}
.ff_next{ clear:both; padding:0 0 10px 0;}
.inq_btn{ clear:both; background:#0193de; color:#FFF; display:inline-block; width:185px; height:40px; line-height:40px; text-align:center; margin:0 0 15px 0; border-radius:5px;} 
.inq_btn:hover,.inq_btn:active{ color:#FFF;}


/*feedback*/
.jn_main{ padding:60px 0 0 0;}
.jn_box{ clear:both; padding-bottom:20px; overflow:hidden; width:520px; margin:0px auto;}
.jn_box .jn_lt{ float:left; width:100px; padding:0 5px 0 0; line-height:30px; text-align:right; font-size:14px; font-weight:bold;}
.jn_box .jn_rt{ float:left; width:360px;}
.jn_box .txt{ width:325px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 10px; font-size:13px; border-radius:3px; outline:none;}
.jn_box input:focus{ border:1px solid #0193DE;}
.jn_box textarea:focus{ border:1px solid #0193DE;}
.jn_box .cod{ width:70px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 15px; font-size:13px; border-radius:3px; outline:none;}
.jn_box .txtarea{width:325px; height:120px; padding:10px; font-size:13px; border:1px solid #DBDBDB; border-radius:3px; outline:none;}
.jn_box .btn{ width:95px; height:32px; text-align:center; line-height:30px; border:0px; background:#666; color:#FFF; font-size:15px; font-weight:bold; border-radius:3px; cursor:pointer;}
.jn_box .btn:hover{ background:#0193DE}
.cl_red{ color:#f00;}
.fd_pro_tb{ width:98%; margin:0 auto; border-left:1px solid #E8E8E8; border-top:1px solid #E8E8E8; margin-bottom:20px;}
.fd_pro_tb th, .fd_pro_tb td{ border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8;}
.fd_pro_tb th{ background:#F5F5F5; height:40px; line-height:40px; font-weight:normal;}
.fd_pro_tb td{ text-align:center; padding:10px 0;}
.fd_pro_tb td input{ border:1px solid #E8E8E8; width:80px; padding:0 10px; height:22px; line-height:22px; text-align:right;}
.fd_pro_tb .del{ color:#F00; cursor:pointer;}


/*????????????*/
#zxzx_rt{ position:fixed; right:10px; top:50%; color:#333; z-index:9999;}
#zxzx_rt .close{ float:left; width:25px; padding-top:30px;}
#zxzx_rt .close img{ cursor:pointer;}
#zxzx_rt .box{ float:right; width:114px; height:140px; border:2px solid #3699CC; background:#FFF;}
#zxzx_rt .box .p_1{ text-align:center; font-size:18px; line-height:20px; font-weight:bold; color:#3399cc; padding-top:9px;}
#zxzx_rt .box .p_2{ padding:0 0 0 6px; line-height:16px; font-size:12px; padding-top:14px;}
#zxzx_rt .box .p_3{ margin:10px auto 0 auto; width:60px; padding-left:37px; height:30px; line-height:30px; background:#EEE url(../images/zxzx_05.png) 11px center no-repeat; font-size:12px; font-weight:bold; color:#f5680d; cursor:pointer;}
#zxzx_rt .box .p_4{ padding:5px 0 0 6px;}
#zxzx{ position:fixed; left:50%; top:50%; margin:-172px 0 0 -130px; color:#333; z-index:9999; width:256px; height:335px; border:1px solid #3699CC; border-radius:4px; background:#FFF; display:none;}
#zxzx .top{ height:42px; color:#FFF; background:#3699CC; border-radius:4px; overflow:hidden;}
#zxzx .top .tit{ float:left; padding:5px 0 0 10px; font-size:16px; line-height:18px;}
#zxzx .top .tit p{ color:#99CCE6; font-size:10px; line-height:16px; text-transform:uppercase;}
#zxzx .top .close{ float:right; padding:9px 15px 0 0;}
#zxzx .top .close img{ cursor:pointer;}
#zxzx .box_1{ clear:both; margin:7px 0 0 7px; width:233px; position:relative;}
#zxzx .area{ width:219px; height:70px; padding:10px 6px 6px 6px; border:1px solid #E5E5E5; border-radius:4px; color:#666; font-size:12px; line-height:16px;}
#zxzx .box_1 em{ position:absolute; right:-10px; top:0px; line-height:32px; font-style:normal; color:#ff0000;}
#zxzx .box{ clear:both; margin:6px 0 0 7px; width:231px; height:30px; border:1px solid #E5E5E5; border-radius:4px; position:relative;}
#zxzx .box p{ float:left; padding-left:23px; width:48px; height:30px; line-height:30px; font-size:14px; color:#525252; background:#F4F4F4;}
#zxzx .box input{ float:right; width:140px; height:20px; padding:5px 5px 5px 15px; line-height:20px; border:0; color:#666; background:#FFF; font-size:12px;}
#zxzx .box em{ position:absolute; right:-10px; top:0px; line-height:32px; font-style:normal; color:#ff0000;}
#zxzx .btnbox{ clear:both; padding:7px 0 0 7px;}
#zxzx .btnbox input{ width:108px; height:31px; line-height:31px; text-align:center; color:#FFF; border:0px; cursor:pointer;}
#zxzx .btnbox .btn1{ background:#3699CC; margin-left:3px;}
#zxzx .btnbox .btn2{ background:#535353; margin-left:7px;}