/* CSS Document */
body{font-size:14px; line-height:22px;font-family:Arial, Helvetica, sans-serif; color:#333; margin:0px; padding:0px; }
p,td,form,ul,dl,dt,input{font-family:Arial, Helvetica, sans-serif;font-size:14px; color:#333; margin:0px; padding:0px;}
input {outline:none;}
textarea{font-family:Arial, Helvetica, sans-serif; font-size:14px;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#0a79ca; text-decoration:none}
img{ border:0px;}
.fl{ float:left;}
.fr{ float:right;}
.clr{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.wrap{ margin:0 auto; padding:0px; width:1200px; position:relative;}
.wrap1{ margin:0 auto; padding:0px; width:1200px; }

.head{ font-size:14px;}
.logo{ height:105px;}
.logo img{ margin-top:20px}
.language{ position:absolute; right:0px; top:0px; line-height:36px;}
.language .lan_sel{ color:#0a79ca;}
.search{ position:absolute; right:0px; top:45px; width:260px; height:25px;}
.search_txt{ float:left; width:215px; height:36px; text-align:left; overflow:hidden;}
.search_txt input{ width:215px; height:36px; border:none; background:#e8e8e8; text-indent:10px;font-size:14px;}
.search_txt input:hover{ border:none;}
.search_btn{ float:right; width:45px; height:36px;}
.search_btn input{ width:45px; height:36px; border:none; cursor:pointer; background:#0a7bcd url(../imgs/s_btn.png) no-repeat center; text-indent:100px; color:#fff;}
.search_btn input:hover{background:#096fba url(../imgs/s_btn.png) no-repeat center; }




.menu{ line-height:45px; background:#0a7bcd; border-top:5px solid #006cc0; position:relative;}
#menu{ list-style:none; margin:0px; padding:0px;}
#menu li#m_li{ list-style:none;position:relative; float:left;}
#menu li#m_li a{ color:#fff; display:block; line-height:45px; font-size:16px; text-indent:25px; position:relative;}
#menu li#m_li a:after{ display:block;position:absolute; right:25px; top:18px; content:""; width:7px; height:12px; background:url(../imgs/m_ico.png) no-repeat;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
#menu li#m_li.m_li2 a:after{ content:normal; background:none;}
#menu li#m_li a.hover{color:#fff; background:#006cc0;}
#menu li#m_li a.hover:after{background:url(../imgs/m_ico.png) no-repeat;transform: rotate(90deg);-ms-transform: rotate(90deg);/* IE 9 */-webkit-transform: rotate(90deg);	/* Safari and Chrome */-o-transform: rotate(90deg);/* Opera */-moz-transform: rotate(90deg);/* Firefox */}
#menu li#m_li a:hover:after{transform: rotate(90deg);-ms-transform: rotate(90deg);/* IE 9 */-webkit-transform: rotate(90deg);	/* Safari and Chrome */-o-transform: rotate(90deg);/* Opera */-moz-transform: rotate(90deg);/* Firefox */}
#menu li#m_li.li_home a:after{ background:none;}
#menu li#m_li.li_home a{ width:94px; text-align:center; text-indent:0px;}
#menu li#m_li.m_li1 a{ width:136px; }
#menu li#m_li.m_li2 a{ width:128px;}
#menu li#m_li.m_li3 a{ width:164px;}
#menu li#m_li.m_li4 a{ width:191px;}
#menu li#m_li.m_li5 a{ width:201px;}
#menu li#m_li.m_li6 a{ width:151px;}
#menu li#m_li a:hover{color:#fff; background:#006cc0;}
#menu li#m_li ul{ position:absolute; left:0px; top:45px;background-color: rgba(0,108,192,0.8); display:none; z-index:1000;}
#menu li#m_li ul li{ list-style:none;}
#menu li#m_li ul li a{ font-size:14px; line-height:20px; text-indent:0px; padding:10px 0px; text-align:center;}
#menu li#m_li ul li a:after{background:none;}

#menu li#m_pro{ list-style:none;float:left;}
#menu li#m_pro a#b_a{color:#fff; display:block; height:45px;line-height:45px; font-size:16px;text-indent:25px; width:134px; position:relative;}
#menu li#m_pro a#b_a:after{ display:block;position:absolute; right:25px; top:18px; content:""; width:7px; height:12px; background:url(../imgs/m_ico.png) no-repeat;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
#menu li#m_pro a#b_a.hover{color:#fff; background:#006cc0;}
#menu li#m_pro a#b_a.hover:after{background:url(../imgs/m_ico.png) no-repeat;transform: rotate(90deg);-ms-transform: rotate(90deg);/* IE 9 */-webkit-transform: rotate(90deg);	/* Safari and Chrome */-o-transform: rotate(90deg);/* Opera */-moz-transform: rotate(90deg);/* Firefox */}
#menu li#m_pro a#b_a:hover:after{transform: rotate(90deg);-ms-transform: rotate(90deg);/* IE 9 */-webkit-transform: rotate(90deg);	/* Safari and Chrome */-o-transform: rotate(90deg);/* Opera */-moz-transform: rotate(90deg);/* Firefox */}

.m_pro{ position:absolute; left:0px; top:45px;background-color: rgba(255,255,255,0.8); width:100%; padding:30px 0px; z-index:1000; display:none;}
.m_pro_left{ float:left; width:330px;}
.m_p_info{}
.m_p_img{ float:left; width:130px; height:130px; overflow:hidden;}
.m_p_img img{ width:130px; height:130px; }
.m_p_tit{ line-height:20px; max-height:40px; overflow:hidden;}
.m_p_small{ line-height:20px; height:60px; color:#888; overflow:hidden; margin-top:10px;}
.m_p_para{ float:right; width:180px;}
.m_pro_right{float:right; width:840px; border-left:1px dashed #ddd; min-height:130px;}
.m_pro_right ul{ list-style:none;}
.m_pro_right ul li{ float:left; line-height:20px; padding-left:15px; width:153px; overflow:hidden;}
.m_pro_right ul li p{ line-height:18px; max-height:36px; width:153px; overflow:hidden; padding-bottom:10px;}
.m_pro_right ul li div a{ display:block;height:20px; width:153px; overflow:hidden; background:url(../imgs/ico_m.png) no-repeat left 10px; padding:3px 0px; padding-left:10px; font-size:12px;}



.banner_bg{height:350px;}
.banner1{ height:350px; text-align:center;}
#banner{ text-align:center; height:600px; overflow:hidden; min-width: 1200px;}
	


.foot{ width:100%;background:#eee;}
.foot_info{ padding:45px 0px; position:relative; }
.f_qrcode{ position:absolute; left:0px; top:0px; background:#fff; padding:20px; text-align:center;}
.f_qrcode img{ padding:10px; border:1px dashed #ccc;}
.f_qrcode p{ padding-top:10px;}

.f_menu{ padding-left:170px;}
.f_menu ul{ margin:0px; padding:0px; list-style:none;}
.f_menu ul li{ float:left; margin-left:20px; max-width:135px;}
.f_menu ul li span{ font-size:16px; display:block; margin-bottom:10px;}
.f_menu ul li p{ line-height:20px; padding:5px 0px;padding-left:15px;  position:relative;}
.f_menu ul li p a{ color:#888;}
.f_menu ul li p a:hover{ color:#0a79ca; text-decoration:underline;}
.f_menu ul li p a:before{ position:absolute; left:0px; top:5px; content:"> "; font-family:Arial, Helvetica, sans-serif;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.f_menu ul li p a:hover:before{transform: rotate(90deg);-ms-transform: rotate(90deg);/* IE 9 */-webkit-transform: rotate(90deg);	/* Safari and Chrome */-o-transform: rotate(90deg);/* Opera */-moz-transform: rotate(90deg);/* Firefox */}

.f_map{ position:absolute; right:0px; top:45px;}
.f_map_tit{ background:url(../imgs/ico_net.png) no-repeat left 5px; padding-left:25px; font-size:16px;}
.f_map_img{ padding-top:15px;}

.foot_bot{ background:#01548f; height:50px; line-height:50px; color:#fff;}
.foot_bot a{ color:#fff;}
.foot_bot a:hover{ color:#fff; text-decoration:underline;}

.f_copyright{ float:left; width:600px; }
.f_links{ float:right; width:400px;text-align:right;}


/************** index ***************/
.index{ padding:40px 0px;}
.i_service{padding:30px 0px;}
.i_service_tit{ position:relative; height:70px;}
.i_service_tit h2{ margin:0px; padding:0px; position:absolute; width:1200px; line-height:70px; text-align:center; left:0px; top:0px; font-size:35px; z-index:1;}
.i_service_tit span{ display:block; position:absolute; left:0px; top:0px; width:1200px;line-height:70px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:60px; color:#f3f3f4;}
.i_service_infos{ padding-top:40px;}
.i_service_infos ul{ margin:0px; padding:0px; list-style:none; margin-left:-15px;}
.i_service_infos ul li{ float:left; width:390px; text-align:center; border-bottom:1px solid #eee; margin-left:15px;}
.i_service_infos ul li h4{ margin:0px; padding:0px; font-size:20px; font-weight:normal; padding-top:25px;}
.i_service_infos ul li span{ display:block; color:#999; font-family:Arial, Helvetica, sans-serif;}
.i_service_infos ul li p{ line-height:20px; height:40px; overflow:hidden; padding:20px 20px 0px 20px; color:#999; font-size:16px;}
.i_service_infos ul li a{ display:block; padding:40px 0px;}
.i_service_infos ul li a:hover{ background:#0a7bcd; color:#fff;}
.i_service_infos ul li a:hover span,.i_service_infos ul li a:hover p{ color:#fff;}

.i_pro{ padding:30px 0px;}
.i_tit{ position:relative; padding-left:30px;}
.i_tit:after{ content:""; position:absolute; left:0px; top:10px; height:4px; width:20px; background:#0a7bcd;}
.i_tit:before{content:""; position:absolute; left:16px; top:10px; height:4px; width:4px; background:#04ba4d; z-index:1;}
.i_tit h2{ margin:0px; padding:0px; font-size:24px; font-weight:normal; color:#000;}
.i_tit span{ display:block; font-size:12px; color:#999;}
.more{ position:absolute; right:0px; top:0px;}
.more a{ font-family:Arial, Helvetica, sans-serif; color:#0a7bcd; font-size:18px;}
.more a:hover{ text-decoration:underline;}
.i_prolist{ position:relative; margin-top:35px;}
.i_prolist ul{ list-style:none;}
.i_prolist ul li{ float:left; width:386px; margin-right:14px;}
.i_p_info:hover{ box-shadow:#ddd 0px 0px 30px;}
.i_p_info{width:386px;margin-bottom:30px;}
.i_p_info:hover{ box-shadow:#ddd 0px 0px 30px;}
.i_p_img{ width:386px; height:386px; position:relative; overflow:hidden;}
.i_p_img img{ width:386px; height:386px;}
.i_p_info p{ height:60px; line-height:60px; font-size:18px; text-align:center; margin:0px; padding:0px 10px;overflow:hidden;}
.btn_left{ width:45px; height:45px; position:absolute; left:-65px; top:420px; }
.btn_left a:after{ position:absolute; left:13px; top:12px; content:"←"; color:#fff; font-size:20px;}
.btn_right a:after{ position:absolute; left:13px; top:12px; content:"→"; color:#fff; font-size:20px;}
.btn_right{ width:45px; height:45px;position:absolute; right:-65px; top:420px;}
.btn_left a,.btn_right a{ display:block; width:45px; height:45px; background:#999;position:relative;}
.btn_left a:hover,.btn_right a:hover{ background:#0a7bcd;}


.i_about{ background:#f5f5f5; padding:65px 0px;}
.i_about_info{ padding-top:60px;}
.i_company_tit{ font-size:18px; color:#0a7bcd;}
.i_company_info{ width:630px; color:#666; line-height:30px; height:150px; overflow:hidden; margin-top:30px;}
.i_video{ position:absolute; right:0px; bottom:-205px; width:478px; height:363px; box-shadow:#999 0px 0px 30px;background:#fff;}
.i_about_para{ position:absolute; left:0px; bottom:-205px; width:722px; height:140px;box-shadow:#f5f5f5 0px 0px 30px; background:#fff;}
.i_about_para ul{ list-style:none;}
.i_about_para ul li{ float:left; padding-left:90px; width:200px; position:relative; padding-top:50px; color:#888;}
.i_about_para ul li#i_about_year:after{ position:absolute; content:""; right:0px; top:15px; height:110px; width:1px; background:#f4f4f4;}
.i_about_para ul li i{ font-style:normal; font-size:38px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.i_about_more{ position:absolute; left:620px; top:60px; font-size:50px; font-family:"Times New Roman", Times, serif;}
.i_about_more a{ color:#888;}
.i_about_more a:hover{ color:#0a7bcd;}



.i_news{ margin-top:225px;}
.i_news_list{ padding-top:55px;}
.i_n_left{ float:left; width:460px; overflow:hidden; height:360px; position:relative;}
.i_n_left ul{ list-style:none; margin:0px; padding:0px; position:absolute; left:0px; top:0px; height:360px;}
.i_n_left ul li{ display:inline-block; float:left; list-style:none;}
.i_n_left .news_scroll{ position:absolute; top:245px; right:10px;}
.i_n_left .news_scroll span{ display:inline-block; text-align:right; height:5px; width:30px; margin-left:5px; background:#fff; cursor:pointer; box-shadow:#555 2px 2px 5px;}
.i_n_left .news_scroll span.sel{ background:#0b7acb;}

.i_n_img{ width:460px; height:270px;}
.i_n_img img{width:460px; height:270px;}
.i_n_para{ background:#fafafa; padding:10px 0px; height:70px; overflow:hidden;}
.i_n_date{ float:left; width:98px; text-align:center; border-right:1px solid #ebebeb;}
.i_n_date span{ display:block; font-size:36px; color:#999; padding-top:13px;}
.i_n_date i{ font-style:normal; display:block; text-align:center; color:#c7c7c7;padding-top:10px;}
.i_n_infos{ float:right; width:330px; padding-right:10px;}
.i_n_tit{ font-size:16px; height:20px; line-height:20px; overflow:hidden;}
.i_n_small{ line-height:20px; height:40px; overflow:hidden; color:#888; margin-top:5px;}


.i_n_right{ float:right; width:720px;}
.i_n_right ul{ list-style:none;}
.i_n_right ul li{  height:119px; overflow:hidden;}
.i_n_right ul li a{height:119px; overflow:hidden;display:block;border-bottom:1px solid #f0f0f0; background:#fafafa;}
.i_n_right ul li a:hover{border-bottom:1px solid #0a7bcd; background:#0a7bcd; color:#fff;}
.i_n_date1{ float:left; width:110px; text-align:center; border-right:1px solid #ebebeb; margin-top:25px;}
.i_n_date1 span{ display:block; font-size:36px; color:#999; padding-top:13px;}
.i_n_date1 i{ font-style:normal; display:block; text-align:center; color:#c7c7c7;padding-top:10px;}
.i_n_infos1{ float:right; width:560px; padding-right:10px;margin-top:25px;}
.i_n_tit1{ font-size:16px;}
.i_n_small1{ line-height:20px; height:40px; overflow:hidden; color:#888; margin-top:5px;}
.i_n_right ul li a:hover .i_n_small1,.i_n_right ul li a:hover .i_n_date1 i,.i_n_right ul li a:hover .i_n_date1 span{ color:#fff;}


/************** index end ***************/



.main{ padding:20px 0px;}
.m_left{ float:left; width:230px;}
.m_right{ float:right; width:940px;}

.msg{ background:url(../imgs/msg_bg.jpg) no-repeat left top; padding-left:380px; padding-top:30px;}
.msg_info{ background:#f0f0f0; padding:20px;}
.msg_info h2{ font-family:"Courier New", Courier, monospace; font-size:26px; margin:0px; padding:0px;}
.msg_info h2 span{ display:block; font-size:12px; font-weight:normal; color:#888; font-family:Arial, Helvetica, sans-serif;}
.msg_info p{ margin:0px; padding:0px; padding-top:10px; background:url(../imgs/ico_msg.jpg) no-repeat left 15px; padding-left:40px; color:#888;}
.msg_tab{ padding-top:30px;}
.msg_tab p{ margin-bottom:15px;}
.msg_tab p input{ width:100%; border:1px solid #ddd; height:40px; text-indent:10px; border-radius:3px;}
.msg_tab p input:hover{ box-shadow:#eee 0px 0px 15px;}
.msg_tab p textarea{ width:540px;border:1px solid #ddd; padding:10px; height:80px; line-height:20px;}

.msg_btn input{ height:48px; background:#0a7bcd; color:#fff; cursor:pointer; border:none; width:150px; border-radius:3px;}
.msg_btn input:hover{ background:#086bb3;}


.tree{ }
.tree_tit{ height:69px; line-height:69px;color:#fff;font-size:20px;background:#0a7bcd url(../imgs/tree_tit.jpg) no-repeat; padding-left:20px;}
.tree_tit span{ font-size:14px; font-family:Arial, Helvetica, sans-serif; padding-left:5px;}

.tree_list{}
.tree_list p{ margin:0px; padding:0px; line-height:45px; border-top:1px solid #fff;}
.tree_list p a{ display:block; width:175px; line-height:20px; padding:12px 0px;font-size:16px; padding-left:18px; padding-right:37px; border-radius:3px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.tree_list p a:hover{color:#fff;background:#6a9dcf url(../imgs/tree_ico2.png) no-repeat 195px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.tree_list .sel a{color:#fff;background:#6a9dcf url(../imgs/tree_ico2.png) no-repeat 195px;}
.tree_list .out a{background:#f2f2f2 url(../imgs/tree_ico1.png) no-repeat 195px;}

.s_class{ }
.s_class a{display:block;line-height:20px; padding:10px 20px; overflow:hidden; border-bottom:1px dashed #cfcfcf;position:relative;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.s_class a:hover{color:#0a7bcc; text-indent:10px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.s_class a:hover:after,.tree_list .ssel a:after{ content:""; position:absolute; left:20px; top:18px; height:4px; width:4px; border-radius:4px; background:#0a7bcc; }
.tree_list .ssel a{ color:#0a7bcc;text-indent:10px; }
.tree_list .sout a{}

.t_class a{display:block; width:194px; height:35px; line-height:35px; text-indent:70px; overflow:hidden; background:url(../imgs/ico.png) no-repeat 60px;}
.t_class a:hover{color:#065ab6; }


.tree_list .s_sel{border-left:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; border-right:1px solid #fff;}
.tree_list .s_out{background:url(../imgs/tree_bg.jpg) repeat-x left top;border:1px solid #e8e8e8; border-top:none;}
.tree_list .s_sel a,.tree_list .s_out a{display:block; width:194px; height:36px; line-height:36px; text-indent:22px;}
.tree_list .s_sel a:hover,.tree_list .s_out a:hover{ color:#e10e1d;}
.tree_list .s_out a{ color:#818181;}
.tree_list .s_sel a{ color:#818181;}

.l_pro{width:230px; overflow:hidden; position:relative;}
.l_pro #inhome_pro2{ margin:0px; padding:0px; list-style:none;}
.l_pro #inhome_pro2 li{ float:left; list-style:none; width:230px;}
.l_p_img{width:230px; height:230px; overflow:hidden;}
.l_p_img img{ width:230px; height:230px;-webkit-transition: -webkit-transform .3s ease;-moz-transition: -moz-transform .3s ease;-ms-transition: -ms-transform .3s ease;transition: transform .3s ease;}
.l_p_info p{ text-align:center; padding:5px 0px; line-height:20px;}
.l_p_img img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.btn_left2{ position:absolute; left:0px; top:60px; width:17px; height:137px; background:url(../imgs/left.png) no-repeat left 50px; cursor:pointer; z-index:100;}
.btn_left2:hover{background:url(../imgs/left.png) no-repeat left 50px;}
.btn_right2{ position:absolute; right:0px;top:60px;width:17px; height:137px;background:url(../imgs/right.png) no-repeat left 50px; cursor:pointer; z-index:100;}
.btn_right2:hover{background:url(../imgs/right.png) no-repeat left 50px;}


.l_contact{}
.l_tel{color:#da0507; font-size:18px; font-family:Verdana, Geneva, sans-serif;height:42px; line-height:42px; background:#f1f1f1 url(../imgs/l_tel.jpg) no-repeat 25px; text-indent:65px; border-bottom:1px solid #d8d6d7;}
.l_img{border:1px solid #ededed;}
.l_contact_info{ border:1px solid #ededed; padding:10px;}
.l_contact_info p{ line-height:20px; padding:3px 0px; word-break:break-all; font-size:13px;}
.l_contact_info p#phone{}

.location{line-height:74px; font-size:14px; border-bottom:1px solid #dedede;}
.loc_tit{ float:left; width:300px; font-weight:bold; font-size:20px;}
.loc_info{ float:right; width:500px; text-align:right;}
.loc_info #loc_home{ background:url(../imgs/loc_home.jpg) no-repeat left; padding-left:28px;}
.loc_info .loc_class{ color:#0a79ca;}

.content{padding:10px 0px;}

.history_tit{ font-size:24px; padding:30px;}
.history_list{ padding:30px;}
.history_list div{ position:relative; padding:10px 0px;}
.history_list div:before{ content:""; position:absolute; left:125px; top:0px; height:100%; width:1px; background:#cdd1da;}
.history_list div i{ display:block;position:absolute; left:119px; top:34px; height:10px; width:10px; background:#fff; border:1px solid #0f7ecd; z-index:1; border-radius:50%;}
.history_list div h4{ font-family:Tahoma, Geneva, sans-serif; float:left; display:block; margin:0px; padding:0px; font-weight:normal; width:110px; line-height:60px; font-size:18px; font-weight:bold;}
.history_list div span{ display:block; float:right; width:680px; text-align:left; background:#e7f4fd; border-radius:2px; padding:10px 20px; margin-top:10px;word-wrap:break-word;}

.honor_info{ float:left; width:260px; margin:30px 80px 0px 0px;}
.honor_img{width:260px; height:360px; overflow:hidden; position:relative;}
.honor_img img{width:260px; height:360px;}
.honor_tit{ text-align:center; font-size:16px; line-height:20px; padding:10px 0px;}

.development_info{ float:left; width:286px; margin:30px 41px 0px 0px;}
.development_img{width:286px; height:210px; overflow:hidden; position:relative;}
.development_img img{width:286px; height:210px;}
.development_tit{ text-align:center; font-size:16px; line-height:20px; padding:10px 0px;}

.prolist{}
.product_info{ float:left; width:300px; margin:20px 20px 10px 0px;}
.product_info:hover{ box-shadow:#eee 0px 0px 20px;}
.product_img{width:300px; height:300px; overflow:hidden; position:relative;}
.product_img img{ width:300px; height:300px;}
.product_tit{text-align:center; height:30px; line-height:30px; overflow:hidden; margin:15px 10px;}
.hover-box{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);}
.hover-box a {
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    top: 50%;
	left:50%;
    margin-top: -25px;
	margin-left:-25px;
    transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -o-transform: scale(0.1);
    -webkit-backface-visibility: hidden;
}

.product_img:hover .hover-box,.honor_img:hover .hover-box,.development_img:hover .hover-box,.i_p_img:hover .hover-box {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-backface-visibility: hidden;
}

.product_img:hover .hover-box a,.honor_img:hover .hover-box a,.development_img:hover .hover-box a,.i_p_img:hover .hover-box a {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-backface-visibility: hidden;
}

.hover-box a:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    background: url('../imgs/zoom-after.png') center center no-repeat;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.hover-box a:hover:after {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    opacity: 0;
}

.hover-box a.zoom {
    right: 50%;
    margin-right: 5px;
    background: url('../imgs/zoom.png') center center no-repeat;
}

.hover-box a#page {
    
    background: url('../imgs/page.png') center center no-repeat;
}


.pro_show{ padding-top:20px;}
.p_imgs{ float:left; width:480px; height:360px;}
.s_pic{ float:left; width:100px;}
.b_pic{ float:right; width:360px;}
.b_pic img{ width:360px; height:360px;}
#p_btntop{ width:100px; height:24px; background:#cacaca url(../imgs/ico_p1.png) no-repeat center 7px; cursor:pointer;}
#p_btnbot{ width:100px; height:24px; background:#cacaca url(../imgs/ico_p2.png) no-repeat center 7px; cursor:pointer;}
#p_slist{ width:100px; margin-top:3px; height:306px; overflow:hidden; position:relative;}
#pics{ position:absolute; left:0px; top:0px;}
#p_slist img{ height:98px; width:98px; border:1px solid #dedede; margin-bottom:2px; cursor:pointer;}
#p_slist img:hover{ border:1px solid #0a7bcc;}
#p_slist img.p_sel{border:1px solid #0a7bcc;}

.p_para{ float:right; width:430px;}
.p_para h4{ margin:0px; padding:0px; font-size:20px; padding-bottom:20px;}
.p_para span{ display:block; color:#999;}
.p_para .p_btn{ padding-top:20px;}
.p_para .p_btn a{ display:block; float:left; height:38px; padding:0px 20px; text-align:center; line-height:38px;}
.p_para .p_btn a#p_btn1{ border:1px solid #0b7bcd;}
.p_para .p_btn a#p_btn2{ border:1px solid #0b7bcd; background:#0b7bcd; color:#fff; margin-left:10px;}
.p_para .p_btn a#p_btn2:hover{ background:#0a72be;border:1px solid #0a72be;}

.pro_infos{ margin-top:25px;}
.pro_infos_tit{ background:#f0f0f0; height:50px;}
.pro_infos_tit a{ display:block; float:left; padding:0px 60px; font-size:16px; line-height:50px; position:relative;}
.pro_infos_tit a.info_sel{ color:#0a7bcc;}
.pro_infos_tit a:after{ content:""; position:absolute; right:0px; top:15px; height:20px; width:1px; background:#c7c7c7;}
.pro_cons{ margin-top:20px;}
.pro_con{ display:none;}
.pro_tab_tit{ font-size:20px; padding-top:10px;padding-left:60px;}
.pro_tab{ padding-top:25px; }
.pro_tab th{ text-align:right; width:180px;}
.pro_tab td input[type="text"]{ height:34px; padding:0px 10px; width:400px; border:1px solid #eee; background:#f0f0f0; vertical-align:top;}
.pro_tab td textarea{ width:400px; border:1px solid #eee; background:#f0f0f0; padding:10px; line-height:20px; height:80px;}
.pro_files{}
.pro_files ul{ margin:0px; padding:0px; list-style:none; margin-left:-50px;}
.pro_files ul li{ float:left; width:260px; margin-left:50px; padding-left:20px; margin-bottom:20px;}
.pro_files ul li h4{ margin:0px; padding:0px; padding-top:10px;}
.pro_files ul li span{ display:block; color:#999;}


.cart_loc{ background:#666; box-shadow:inset #333 2px 2px 10px; border-radius:20px; height:40px; margin-top:20px;}
.cart_loc span{ display:block; float:left; width:23%; margin-left:5%; margin-right:5%; margin-top:2px; margin-bottom:2px; height:36px; line-height:36px; text-align:center; color:#fff; font-size:18px;text-shadow:#000 1px 1px 1px;}
.cart_loc span.cart_titsel{ background:#eee; border-radius:15px; color:#333;text-shadow:#fff 1px 1px 1px;}
.cart_infos{ padding:15px 0px; position:relative;}
.cart_infos i{ color:#ff0000; font-weight:bold; font-style:normal;}
.cart_tab{}
.cart_tab th{ background:#999; color:#fff; height:50px; line-height:50px; font-size:16px;}
.cart_tab td{ height:30px; padding:15px 10px; text-align:center; border-bottom:1px dashed #eee;}
.cart_tab td .cart_img{ float:left; width:100px;}
.cart_tab td .cart_img img{ height:90px; width:90px;}
.cart_tab td .cart_para{ margin-left:10px; float:left; }
.cart_tab td .cart_para a{}
.cart_tab td .cart_para span{ display:block; line-height:20px; margin-top:5px; height:60px; overflow:hidden; font-size:12px; color:#999;}
.cart_btn{ padding:20px 0px 30px 0px;}
.cart_btn input{ margin-right:20px; cursor:pointer; height:40px; line-height:40px; padding:0px 20px; font-size:16px;}

.cart_tab_tit{ font-size:16px; color:#0a7bcd; font-weight:bold;}



.about_info{ float:left; width:630px;}
.about_other{ float:right; width:341px;}
.right_tit{ font-size:24px;}
.about_img{ padding:15px 0px;}
.right_share{ padding-top:15px;}

.project_list{}
.project_list ul{ margin:0px; padding:0px; list-style:none; margin-left:-30px;}
.project_list ul li{ float:left; width:285px; margin:10px 0px 20px 30px;}
.project_list ul li a{ display:block; width:285px; padding:10px; background:#fff;}
.project_list ul li a:hover{ box-shadow:#999 0px 0px 25px;}
.project_img{ width:285px; height:210px; overflow:hidden;}
.project_img img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.project_img img{width:285px; height:210px;-webkit-transition: -webkit-transform .3s ease;-moz-transition: -moz-transform .3s ease;-ms-transition: -ms-transform .3s ease;transition: transform .3s ease;}
.project_list ul li h2{ margin:0px; padding:0px; height:40px; line-height:40px; margin-top:5px; overflow:hidden; font-weight:normal; font-size:16px;}
.project_list ul li span{ display:block; color:#888; line-height:20px; height:40px;}

.newslist{ padding:10px;}
.news_info{ padding:20px 0px;}
.news_img{width:224px; height:168px;overflow:hidden; float:left;}
.news_img img{ width:224px; height:168px;-webkit-transition: -webkit-transform .3s ease;-moz-transition: -moz-transform .3s ease;-ms-transition: -ms-transform .3s ease;transition: transform .3s ease;}
.news_img img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.news_para{ float:right; width:680px; border-bottom:1px dashed #dad8d8; height:168px;}
.news_tit{ margin:0px; padding:0px; font-size:16px; }
.news_tit a{color:#0a75c2;}
.news_tit a:hover{ text-decoration:underline;}
.news_small{ color:#8b8b8b;height:40px; margin-top:10px;line-height:20px; overflow:hidden;}
.news_time{ color:#888; margin-top:10px; line-height:20px;}
.news_more{ margin-top:10px;}
.news_more a{ display:block; height:30px; width:100px; line-height:30px; text-align:center; background:#0a75c2; color:#fff;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.news_more a:hover{ box-shadow:#666 0px 0px 10px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}

.exh_info{ padding:20px 0px;}
.exh_img{ width:290px; height:190px; overflow:hidden; float:left;}
.exh_img img{width:290px; height:190px;-webkit-transition: -webkit-transform .3s ease;-moz-transition: -moz-transform .3s ease;-ms-transition: -ms-transform .3s ease;transition: transform .3s ease;}
.exh_img img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.exh_para{ float:right; width:610px; border-bottom:1px dashed #dad8d8; height:190px;}
.exh_para h2{ margin:0px; padding:0px; font-size:16px;}
.exh_para h2 a{ color:#0a75c2;}
.exh_para h2 a:hover{ text-decoration:underline;}
.exh_para span{ display:block; margin-top:20px; line-height:30px; height:120px; overflow:hidden;}


.down_title{ font-size:18px; height:40px; line-height:40px; background:#f8f8f8; color:#0a79ca; margin:15px 0px; text-indent:20px;}
.down_info{ height:48px; line-height:48px; border-bottom:1px solid #efefef;}
.down_tit{ float:left; width:750px;background:url(../imgs/ico_down1.jpg) no-repeat 20px 17px; padding-left:40px; height:48px; overflow:hidden;}
.down_btn{ float:right; width:130px; text-align:right; background:url(../imgs/ico_down.jpg) no-repeat left 15px;}

.question_info{ margin:10px 0px;}
.question_info h2{ display:block; font-weight:normal; margin:0px; padding:0px; background:#f7f7f7; font-size:16px; height:50px; line-height:50px; padding-left:20px; position:relative;}
.question_info h2 small{ z-index:1; display:block; cursor:pointer; position:absolute; right:20px; top:15px; width:20px; height:20px; overflow:hidden;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.question_info h2 small i{ display:block; height:20px; width:20px; position:absolute; right:0px; top:0px;}
.question_info h2 small i:after{content:"";position:absolute;background:#0a79ca; right:9px; top:0px;height:20px; width:2px;}
.question_info h2 small:before{ content:""; background:#0a79ca;position:absolute;height:2px; width:20px;right:0px; top:9px;}
.question_info h2 small:hover{transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.question_info h2 i{ font-style:normal; color:#0a79ca; padding-right:15px;}
.question_info p{ display:none; padding:15px 20px;}
.question_info p i{ font-style:normal; display:block;}


.n_s_tit{color:#555; font-weight:bold; margin:0px; padding:0px; padding-top:30px;}
.n_s_tit1{color:#555; font-weight:bold;margin:0px; padding:0px;padding-top:30px; text-align:center;}
.n_s_info{ padding-top:20px;}
.n_s_time{ padding-top:10px;padding-bottom:10px;color:#979797; border-bottom:1px dashed #ccc; position:relative;}
.n_s_time span{ display:block; position:absolute; right:0px; bottom:10px;}
.n_s_time1{ background:#f3f3f3; margin-top:35px; padding:10px 15px; position:relative;}
.n_s_time1 div{ position:absolute; left:80px; top:3px;}

.fanye{ padding:20px 0px; text-align:center;}
.fanye a{padding:2px 5px; border:1px solid #dbd7d8;}
.fanye font{padding:2px 5px; border:1px solid #dbd7d8;}

.service{ position:fixed; bottom:100px; right:10px; z-index:200;}
.s_wx{ position:relative; width:61px; height:68px; cursor:pointer;}
#wx_big{ position:absolute; right:61px; top:0px;}

.bg68comad,.focus,.focus ul,.focus ul li,.banclj a{height:233px; overflow:hidden;}
.focus {width:385px; overflow:hidden; position:relative;}
.focus ul {position:absolute;list-style:none; margin:0px; padding:0px;}
.focus ul li {float:left; width:100%;overflow:hidden; position:relative; background:#000;list-style:none; margin:0px; padding:0px;}
/*.focus ul li div {position:absolute; overflow:hidden;}*/
.banclj a{width:800px;display:block; }
.focus .btnBg {position:absolute; width:385px; height:20px; left:0; bottom:0; background:#000; display:none;}
.focus .btn {height: 25px;position: absolute;right:10px;bottom:8px;text-align: right;width: 550px; display:none; }
.focus .btn span {color: #FFFFFF; cursor: pointer;display: inline-block;font: 28px/22px tahoma,Arial,Simsun;height: 25px;margin-left:7px; text-align:center;}
.focus .btn span.on {color: #CC0000;cursor: default;}
.focus .preNext {width:22px; height:50px; position:absolute; top:90px; background:url(sprite.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:10px;}
.focus .next {right:10px; background-position:right top;}

.frame{ width:100%; height:1000px; background-color:#003547}
.frame .frame_1{ width:1104px; height:678px; margin:0px auto; padding-top:100px;}
.frame .frame_1 .frame_1_1{ width:1104px; height:161px; margin-bottom:10px; }
.frame .frame_1 .frame_1_1 img{ float:left; margin-right:10px; }


.min{ width:162px; height:162px; margin-right:11px; float:left}
.max{ width:333px; height:162px; margin-right:11px; float:left}

.info{ width:900px;margin:0px auto; text-align:center; padding-top:80px; background-color:#003547; }


.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:260px;}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../imgs/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color:#555;;}
.other p span{color:#ff0000; font-weight:bold; font-size:14px;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../imgs/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../imgs/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../imgs/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}