﻿
* html body{ overflow:visible;}
* html iframe, * html frame{ overflow:auto;}
* html frameset{ overflow:hidden;}

body{  background:#fff; background-size:cover; font:12px/22px "微软雅黑"; color:#505050;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:0; padding:0;}
input,select{ font-size:12px; vertical-align:middle;}

textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;}
li{ list-style-type:none;}
img{ border:0 none;}

a:link, a:visited{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#f00; text-decoration:none;}
a { outline:none; star:expression(this.onFocus=this.blur());}

a.white:link, a.white:visited{ color:#fff; text-decoration:none;}
a.white:hover,a.white:active{ color:#f00; text-decoration:none;}



h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}

.pointer{ cursor:pointer;}
.NoBorder{ border:0 none;}
.t_l{ text-align:left;}
.t_c{ text-align:center;}
.t_r{ text-align:right;}
.Break{ word-break:break-all; word-wrap:break-word;}
.Nobreak{ word-break:keep-all; word-wrap:normal;}
.FL{ float:left;}
.FR{ float:right;}
.absolute{ position:absolute;}
.relative{ position:relative; height:33px;}

.o-hidden{ overflow:hidden;}
.hidden{ display:none;}
.block{ display:block;}

.clear{ clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}

.BTW{ border-top-width:1px;}
.BRW{ border-right-width:1px;}
.BLW{ border-left-width:1px;}
.BBW{ border:0px; border-bottom-width:1px;}
.Bord1-999{ border:1px solid #999;}
.Bord2-999{ border:2px solid #999;}
.Bord1-333{ border:1px solid #333;}
.Bord2-333{ border:2px solid #333;}
.Bord1-d9d9d9{ border:1px solid #d9d9d9;}

.BW1{ border-width:1px;}
.BW2{ border-width:2px;}
.BW3{ border-width:3px;}
.BW4{ border-width:4px;}
.BW5{ border-width:5px;}


.BsS{ border-style:solid;}
.BsD{ border-style:dotted;}

.BcBlue{ border-color: #00F;}
.BcBlack{ border-color: #000;}
.Bc999{border-color: #999;}
.Bc333{border-color: #333;}

.BotLine{ border-bottom:1px solid #CFCFCF; overflow:hidden;}
.BotDasLine{ border-bottom:1px dashed #CFCFCF; overflow:hidden; height:1px; line-height:1px;}

.cRed{ color:#F00;}
.cWhite{ color:#FFF;}
.cGreen{ color:#060;}
.cGray{ color:#666;}
.cBlue{ color:#00F;}
.cblack{ color:#000;}

a.cWhite{ color:#FFF;}

.FB{ font-weight:bold;}
.FN{ font-weight:normal;}
.FI{ font-style:italic;}

.F12{ font-size:12px;}
.F13{ font-size:13px;}
.F14{ font-size:14px;}
.F16{ font-size:16px;}
.F18{ font-size:18px;}
.F24{ font-size:24px;}

.DivH5,.DivH10,.DivH15,.DivH20,.DivH25,.DivH30,DivH1,.DivH40{ width:100%; overflow:hidden;}
.DivH1{ height:1px;}
.DivH5{ height:5px;}
.DivH8{ height:8px;}
.DivH10{ height:10px;}
.DivH15{ height:15px;}
.DivH20{ height:20px;}
.DivH25{ height:25px;}
.DivH30{ height:30px;}
.DivH40{ height:40px;}

.LH1{ line-height:1px;}
.LH10{ line-height:10px;}
.LH15{ line-height:15px;}
.LH18{ line-height:18px;}
.LH20{ line-height:20px;}
.LH25{ line-height:25px;}
.LH30{ line-height:30px;}
.LH35{ line-height:35px;}

.PTit25,.PTit20,.PTit18,.PTit30,.PTit,.PTit1,.PTit22{ width:100%; overflow:hidden;}
.PTit30{ line-height:30px; height:30px;}
.PTit25{ line-height:25px; height:25px;}
.PTit22{ line-height:22px; height:22px;}
.PTit20{ line-height:20px; height:20px;}
.PTit18{ line-height:18px; height:18px;}
.PTit15{ line-height:15px; height:15px;}
.PTit10{ line-height:10px; height:10px;}
.PTit1{ line-height:1px; height:1px;}

.padding20{ padding:20px;}
.padding10{ padding:10px;}

.More{ text-align:right; position:absolute; top:0; right:3px; width:50px; height:33px; display:block}
.MoreR5{ position:absolute; top:0px; right:3px; font:12px normal; }
.MoreR15{ position:absolute; top:0px; right:15px; font:12px normal;}

.ArtList,.ArtList25,.ArtList22,.ArtList24{ width:100%; overflow:hidden; margin:0 auto;}
.ArtList li{ width:100%; height:20px; line-height:20px; overflow:hidden;}
.ArtList25 li{ width:100%; height:25px; line-height:25px; overflow:hidden;}
.ArtList24 li{ width:100%; height:24px; line-height:24px; overflow:hidden;}
.ArtList22 li{ width:100%; height:22px; line-height:22px; overflow:hidden;}



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

#header{width:100%; min-width:1200px;background:#fff}
.topline{background:#003c7a; height:10px; width:100%; min-width:1200px}

#logo{ width:317px;height:55px; float:left;background:url(../images/logo.jpg) no-repeat center; margin:0px 0 20px; background-size: 100% auto;}

#menu{ text-align:center; font-family:"微软雅黑"; font-size:12px; height:46px; float:right; margin-top:20px}
#menu>li{ float:left; font-size:16px; height:35px; line-height:35px; position: relative;z-index: 99999}
#menu>li a{ color:#403b3b;width:127px; display:block; height:20px; line-height:20px; border-left:1px solid #ccc;}
#menu>li:hover{ background:url(../images/menu_cur.jpg) no-repeat bottom center;}
#menu>li.cur{ background:url(../images/menu_cur.jpg) no-repeat bottom center;}

#menu>li>ul{ position: absolute; left: 0; top: 35px; z-index: 99999;; padding: 20px 0 10px; display: none;background: #fff;}
#menu>li>ul>li{display: block;}
#menu>li>ul a{ border-left:0px solid #ccc; line-height: 26px; padding: 3px 0 3px 1px; display: block;  height: 26px; font-size: 14px; overflow: hidden}
#menu>li>ul a:hover{color:#047ac0;}

#banner{overflow:hidden;position:relative; height:480px}
/* banner */
.banner{height:480px;overflow:hidden; min-width:1200px; position:relative}
.banner .d1{width:100%;height:480px;display:block;position:absolute;left:0px;top:0px;min-width:1200px}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:450px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}


#content{width:1200px; margin:0 auto; min-height:450px;}
#footer{min-width:1200px; margin:0px auto; height:205px;font-family:"微软雅黑"; font-size:12px;line-height:36px;border-bottom:1px solid #ccc; padding-top:20px; background: #fff}
#footer .l1{ float:left; width:300px; margin-right:120px;}
#footer .l1 a{ float:left; width:100px; margin:10px 20px 0px 0; background:#0155a5; color:#fff; text-align:center}
#footer .l2{ float:left; width:300px; margin-right:180px;}
#footer .l3{ float:left; width:300px; margin-right:0px; padding-top:85px;}


#left{ width:250px; float:left; margin-top:20px;}
#right{ width:910px; float:right; margin-top:20px;}


#left .l_name{ background:#00488c; line-height:55px; font-size:18px; height:55px; color:#fff; padding-left:50px;}
#left .l_list{ border:1px solid #ccc; margin-bottom:20px}
#left .l_list>li{ margin-top:5px}
#left .l_list>li>a{ height:52px; background:url(../images/l_type_bg.jpg) repeat-x; padding-left:20px; display:block}
#left .l_list img{ max-height:52px; float:left}
#left .l_list span{ margin:10px 0 0 20px; float:left; line-height:16px;}
#left .l_list .l_sub_list{ background:#5990c6; }
#left .l_list .l_sub_list li{ background:#5990c6; float:left; width:100px; padding-left:24px; line-height:36px; color:#fff}
#left .l_list .l_sub_list li a{ background:url(../images/icon1.jpg) left center no-repeat;color:#fff; padding-left:10px;}

#right .r_title{ background:#5990c6; height:36px; line-height:36px; color:#fff; font-size:18px; padding-left:20px; margin-bottom:20px}
#right .prolist li{ float:left; margin:20px 0px; width:300px}
#right .prolist li a{ color:#333}
#right .prolist li img{ float:left; margin-right:15px; width:140px; height:120px;}
#right .prolist li .title{ color:#00488c; font-size:14px;}

#right .detail_img{ border:1px solid #ccc; width:290px;float:left; margin-right:20px; text-align:center}
#right .detail_img img{max-width:290px;}
#right .detail_title{display:block; font-size:16px; color:#00488c; line-height:35px; font-weight:bolder}
#right .derail_tab{ margin-top:40px}
#right .derail_tab .tab1{ float:left; width:158px; height:42px; background:url(../images/tab1.jpg); margin-right:10px}
#right .derail_tab .tab2{ float:left; width:158px; height:42px; background:url(../images/tab2.jpg); margin-right:10px}
#right .derail_tab .tab3{ float:left; width:158px; height:42px; background:url(../images/tab3.jpg); margin-right:10px}
#right .derail_tab .tab1_cur{ background:url(../images/tab1_cur.jpg);}
#right .derail_tab .tab2_cur{ background:url(../images/tab2_cur.jpg);}
#right .derail_tab .tab3_cur{ background:url(../images/tab3_cur.jpg);}
#right .detail{ border:1px solid #ccc; padding:20px; min-height:300px;}

#right .download{ float:left; margin:0px 0px 20px; width:360px; padding:30px 60px;}
#right .download a{ color:#333}
#right .download img{ float:left; margin-right:15px; width:140px; height:120px;}
#right .download .title{ color:#00488c; font-size:14px;}
#right .download_login{ border:1px solid #ccc; padding:20px; float:left; width:300px; text-align:center; font-size:16px; line-height:30px; margin: 40px 0;}
#right .download_login img{ margin-bottom:10px}
#right .download_login .login{ float:left;padding: 5px 50px; width:100px; background:#00488c; color:#fff; margin-left:50px; margin-top:15px;}
#right .download_login .hasacount{ text-align:right; padding-top:10px}
#right .download_login .hasacount a{ color:#00488c;}

#right .download a.download_2d{ background:url(../images/d3.jpg) left center no-repeat; padding-left:20px; font-size:14px;color:#00488c; margin-right:20px; margin-left:10px; font-weight:bolder; float: left;}
#right .download a.download_3d{ background:url(../images/d3.jpg) left center no-repeat; padding-left:20px; font-size:14px;color:#00488c;margin-right:20px; font-weight:bolder}
#right .download a.download_pdf{ background:url(../images/d2.jpg) left center no-repeat; padding-left:20px; font-size:14px;color:#00488c;margin-right:20px; font-weight:bolder}

#right .hy_title{ border: 1px solid #ccc; font-size: 18px; padding-left: 20px; line-height: 50px; margin-bottom: 20px}

.location{ border-bottom:1px solid #ccc; line-height:40px; height:40px;}



.login{ float:right; width:350px; padding:15px 0 0;}
.japan{background:url(../images/allbgs.gif) no-repeat 0px -16px;height:17px;padding-left:29px; line-height:17px; margin:5px 10px}
.america{background:url(../images/allbgs.gif) no-repeat 0px -50px;height:17px;padding-left:32px; line-height:17px; margin:5px 20px}
.member{background:url(../images/allbgs.gif) no-repeat 0px -91px;height:24px;padding-left:30px; line-height:24px; margin-right:15px; font-size:14px;}
.vline{background:url(../images/allbgs.gif) no-repeat 0px -67px;height:24px;padding-left:17px; line-height:24px; margin-right:0px; font-size:14px;}

.tel{background:url(../images/allbgs.gif) no-repeat 0px 0px;height:16px;padding-left:18px;}
.address{background:url(../images/allbgs.gif) no-repeat 0px -33px;height:17px;padding-left:18px;}

.index_news{ background:url(../images/img_27.jpg); height:44px; line-height:44px;min-width: 1200px;}
.index_news .icon{background:url(../images/img_28.jpg) left -2px no-repeat; height:44px; float:left; margin-right:10px; color:#0155a5; padding-left:31px;}

.new_recommemd{ padding:30px 0;}
.new_recommemd .view_all{background:url(../images/allbgs.gif) no-repeat 0px -115px;height:28px;width:79px; margin-top:30px}
.new_recommemd li{ float:left; width:240px; text-align:center; font-size:14px; border-top:2px solid #ccc; margin:40px 30px; padding-top:10px}
.new_recommemd li span{ display:block; line-height: 36px;}
.new_recommemd li:hover{ border-top:2px solid #0062be; background: #f1f1f1}
.new_recommemd a:hover{ color:#0062be}

.prolist_2{ padding:10px 0;}
.prolist_2 .view_all{background:url(../images/allbgs.gif) no-repeat 0px -115px;height:28px;width:79px; margin-top:30px}
.prolist_2 li{ float:left; width:240px; text-align:center; font-size:14px; border-top:2px solid #ccc; margin:20px 30px; padding-top:10px}
.prolist_2 li span{ display:block; line-height: 36px;}
.prolist_2 li:hover{ border-top:2px solid #0062be; background: #f1f1f1}
.prolist_2 a:hover{ color:#0062be}
.prolist_2 li.cur{ border-top:2px solid #0062be; background: #f1f1f1}
.prolist_2 li.cur_1{ border-top:2px solid #0a6abe; background: #fafafa}
.prolist_2 a:hover{ color:#0062be}

.index_about{min-width:1200px;height:239px; background:url(../images/about.jpg) center no-repeat; padding-top:130px}
.index_about .text{ float:left; width:450px; color:#fff; font-size:14px; margin-right:100px}
.index_about .index_lingyu{ float:left; width:640px; color:#fff; font-size:14px; padding-top:10px}
.index_about .index_lingyu a{ float:left; margin-left:40px; line-height:40px; text-align:center}
.index_about .index_lingyu a:hover{ color:#0062be}

.index_about .img_1{background:url(../images/allbgs.png) no-repeat 0px 0px;width:66px;padding-top:68px;}
.index_about .img_2{background:url(../images/allbgs.png) no-repeat -66px 0px;width:67px;padding-top:68px;}
.index_about .img_3{background:url(../images/allbgs.png) no-repeat -133px 0px;width:66px;padding-top:68px;}
.index_about .img_4{background:url(../images/allbgs.png) no-repeat -199px 0px;width:66px;padding-top:68px;}
.index_about .img_5{background:url(../images/allbgs.png) no-repeat -265px 0px;width:66px;padding-top:68px;}
.index_about .img_6{background:url(../images/allbgs.png) no-repeat -331px 0px;width:66px;padding-top:68px;}

.index_xuan{ padding:30px 0;}
.index_xuan .title{ font-size:30px; text-align:center}
.index_xuan .subtitle{ font-size:16px; text-align:center; line-height:40px}
.index_xuan ul{ margin:30px 0;}
.index_xuan li{ float:left; padding:15px 15px; margin: 0 35px; text-align:center;width:190px;}
.index_xuan li img{ max-width: 190px;max-height: 190px;}
.index_xuan li span{ display:block; line-height:36px; font-size:16px;}
.index_xuan li:hover{background: #f1f1f1}


.dzfl ul{ margin:30px 0;}
.dzfl li{ float:left; padding:15px 15px; text-align:center; width:190px;}
.dzfl li span{ display:block; line-height:36px; font-size:16px;}
.dzfl li:hover{background: #f1f1f1}
.dzfl li img{ max-width: 190px;max-height: 190px;}


.choose_title{ background: url(../images/choose_bg.jpg); min-width: 1200px}
.choose{ font-size: 14px;}
.choose input{ border: 1px solid #ccc; line-height: 30px; height: 30px; padding-left: 10px}
.choose input.input_w100{ width: 90%}
.choose input.input_w80{ width: 80%}
.choose input.input_w50{ width: 50%}
.choose input.input_w40{ width: 40%}
.choose input.input_w20{ width: 20%}
.choose input.noborder{ border: 0}
.choose input.submit{ margin: 30px auto; background: #01478c; line-height: 40px; height: 40px; width: 200px; color: #fff; font-size: 14px;}
.choose .bz{border: 0;width: 90%; height: 100px; padding: 10px}
.choose .company{ width: 530px; background: url(../images/choose_icon1.jpg) 10px center no-repeat; padding-left: 30px}
.choose .addr{ width: 530px; background: url(../images/choose_icon2.jpg) 10px center no-repeat; padding-left: 30px}
.choose .contact{ width: 200px; background: url(../images/choose_icon3.jpg) 10px center no-repeat; padding-left: 30px}
.choose .tele{ width: 200px; background: url(../images/choose_icon4.jpg) 5px center no-repeat; padding-left: 30px}
.choose .fax{ width: 200px; background: url(../images/choose_icon5.jpg) 10px center no-repeat; padding-left: 30px}
.choose .email{ width: 200px; background: url(../images/choose_icon6.jpg) 5px center no-repeat; padding-left: 30px}
.choose .fgx{margin: 0 10px; background: #eee; height: 10px}
.choose .hasborder{ border: 1px solid #ccc; border-collapse: collapse; width: 98%; margin: 20px auto;}
.choose .hasborder td{ padding: 5px 15px;}
.choose .hasborder td.br{ border-right: 1px solid #ccc;}
.choose .hasborder td.bt{ border-bottom: 1px solid #ccc;}

.choose .hasborder .sub_table td{ padding: 0px 10px;}
.fk{ border: 1px solid #ccc; width: 110px; text-align:center; padding: 30px 0;}
.fk2{ border: 1px solid #ccc; width: 110px; text-align:center; padding: 40px 0;}

.bgfff{ background: #fff}


