*,body{ margin:0; padding:0; font-family: Microsoft YaHei,Helvetica,STHeiti STXihei, Microsoft JhengHei,  Tohoma, Arial; }
::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder{color: #999; font-size:14px;}
body{ font-size:14px; background:#fff; color:#555555; line-height:28px; }
img{ border:0;}
ol,ul,dl,li,dt,dd{list-style:none;}
i { font-style:normal;}
:focus{outline:0;}
a{color:#555555;text-decoration:none;vertical-align:middle;}
a:hover{color:#3272dd;text-decoration:none;}
a,a:hover{transition:all 200ms ease; -webkit-transition:all 200ms ease;-moz-transition:all 200ms ease; -o-transition:all 200ms ease;}
.clear{height:0;font-size:0px;overflow:hidden;clear:both;float:none;}
.mr0 { margin-right:0px !important;}
.f16 { font-size: 16px;}
.f18 { font-size: 18px;}
.h20 { height:20px;}
.white { color: #fff;}


#wrap { width:100%; padding-top:72px; }
#header { height:72px; position:fixed; left:0px; top:0px; width:100%; z-index:999999; background:#fff; }

.topbox { height:72px; width:1200px; margin:0px auto; }
.topbox .logo { float:left; padding:19px 0px 0px 0px; }
.topbox .tnav { float:right; }
.topbox .tnav ul li{ float:left; display:inline; background:url(../images/info/top/navline.png) left center no-repeat; position:relative;}
.topbox .tnav ul li.home{ background:none;}
.topbox .tnav ul li a{ display:block; height:72px; font-size:16px; padding:0px 24px; }
.topbox .tnav ul li a span{ display:block; height:66px; line-height:66px; padding-top:3px; transition:all 100ms ease; -webkit-transition:all 100ms ease;-moz-transition:all 100ms ease; -o-transition:all 100ms ease; }
.topbox .tnav ul li a:hover,.tnav ul li a.hover,.tnav ul li:hover a{ color:#3272dd; }
.topbox .tnav ul li a:hover span,.tnav ul li a.hover span,.tnav ul li:hover a span{ border-bottom:3px #3272dd solid; }
.topbox .tnav ul li .m{ display:none; position:absolute; left:-10%; top:72px; background:#fff; background:rgba(255,255,255,0.9); padding:8px 0px; width:120%; }
.topbox .tnav ul li .m a{ display:block; height:30px; font-size:14px; padding:0px; text-align:center; color:#555555; }
.topbox .tnav ul li .m a:hover{ color:#3272dd; }
.topbox .tnav ul li:hover .m { display: block; }

/*ÄÚ²¿*/

.banner { height:380px; margin-bottom:30px; }
.banner .img{ height:380px; }


.login_main { position:absolute; right:50%; margin-right:-621px; top:29px; z-index:9999;}
.login_box { background:url(../images/info/login/login_box.png) no-repeat; width:274px; height:248px; padding:92px 51px 0px 51px;}

.login_box .item{ margin-bottom:16px; }
.login_box .item .input{ width:232px; height:42px; line-height:46px; font-size:14px; border:none; text-align:left; padding-left:42px; border-radius:2px; }
.login_box .item .input1{ background:url(../images/info/login/login_b1.png) 12px center no-repeat #ffffff; }
.login_box .item .input2{ background:url(../images/info/login/login_b2.png) 12px center no-repeat #ffffff; }
.login_box .item2{ height:36px; position:relative; overflow:hidden; }
.login_box .item2 label{ float:left; cursor:pointer; height:18px; position:relative; padding-left:28px; background:url(../images/info/login/checkbox.png) 0px 0px no-repeat; overflow:hidden; line-height:18px; font-size:14px; color:#fff; }
.login_box .item2 label input{ position:absolute; left:-20px; top:-20px;  }
.login_box .item2 label.on{ background:url(../images/info/login/checkbox.png) 0px -72px no-repeat; }

.login_box .item3{ }
.login_box .item3 .btn{ display:block; margin:0px auto; width:138px; height:42px; font-size:18px; line-height:42px; text-align:center; color:#fff; background:#3272dd; border:none; cursor:pointer; border-radius:20px; transition:all 200ms ease; -webkit-transition:all 200ms ease;-moz-transition:all 200ms ease; -o-transition:all 200ms ease;}
.login_box .item3 .btn:hover{ background:#0a48b0; color:#fff;}


#mainer { width:1200px; margin:0px auto; padding:0px 0px 30px 0px;}
.imain_l { float:left; width:836px; }
.imain_r { float:right; width:334px; }


.inews { height:100px; position:relative; z-index:9999; margin-bottom:20px;}
.inews_t { float:left; height:91px; background:#fa6354; width:88px; position:relative; padding:9px 0px 0px 0px; font-size:16px; color:#fff; text-transform:uppercase; line-height:44px; text-align: center;}
.inews_t i{ display:block; width:26px; height:2px; background:#fc9288; margin:0px auto;}
.inews_t span{ font-size:12px; color:#ffc8c3; line-height:30px; font-weight: lighter;}
.inews_m { float:right; width:616px; height:98px; position:relative; overflow:hidden; border:1px #eaeaea solid; border-left:none; padding-right:130px; }
.inews_m ul { }
.inews_m ul li{ display:block; width:616px; height:98px; }
.inews_m ul li a{ display:block; width:616px; height:66px; padding-top:16px; }
.inews_m ul li a .time{ display:block; float:left; height:66px; border-right:1px #eaeaea solid; margin-right:25px; width:122px; text-align:center; font-size:24px; color:#818181; line-height:26px; }
.inews_m ul li a .time span{ display:block; padding-left:57px; padding-top:10px; line-height:30px; font-size:14px; text-align:left;}
.inews_m ul li a .t{ display:block; height:20px; font-size:16px; line-height:20px; color:#333333; margin-bottom:8px; overflow:hidden; }
.inews_m ul li a .m{ display:block; height:36px; font-size:14px; line-height:18px; color:#888888; overflow:hidden; }
.inews_m ul li a:hover .t{ color:#3272dd; }

.inews .more { position:absolute; right:30px; top:36px; font-size:12px; color:#888888;}
.inews .more:hover{ color:#3272dd; }


.inav {}
.inav ul li{ float:left; width:400px; margin-bottom:15px; margin-right:36px; display:inline; }
.inav ul li a{ display:block; }
.inav ul li a .img{ display:block; width:400px; height:208px; overflow:hidden; position:relative; margin-bottom:15px; }
.inav ul li a .img img{ display:block; width:400px; height:208px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; -ms-transition: -moz-transform 0.2s; transition: transform 0.2s;  }
.inav ul li a .t{ display:block; height:30px; font-size:18px; line-height:30px; overflow:hidden; font-weight:bold; }
.inav ul li a .m{ display:block; height:48px; font-size:14px; line-height:24px; color:#888888; overflow:hidden; }
.inav ul li a:hover .img img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.inav ul li a:hover .m{ color:#555; }

.idown { margin-bottom:20px;}
.idown img{ display:block; transition:all 200ms ease; -webkit-transition:all 200ms ease;-moz-transition:all 200ms ease; -o-transition:all 200ms ease; }
.idown a:hover img{ opacity:0.9; }

.ipro { margin-bottom:20px; }
.ipro .tit{ text-align:center; font-size:16px; color:#fff; background:#3272dd; height:44px; line-height:44px; }
.ipro .con{ border:1px #f8f8f8 solid; border-top:none; padding:27px 0px 5px 14px; }
.ipro ul li{ float:left; width:103px; margin-bottom:10px; }
.ipro ul li a{ display:block; text-align:center; line-height:34px; }
.ipro ul li a img{ display:block; margin:0px auto; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; -ms-transition: -moz-transform 0.2s; transition: transform 0.2s; }
.ipro ul li a:hover img{ -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); }

.iquestion { }
.iquestion .tit{ text-align:left; font-size:16px; color:#fff; background: url(../images/info/index/iqt.png) 21px center no-repeat #3272dd; height:44px; line-height:44px; padding:0px 30px 0px 35px; }
.iquestion .tit .more{ float:right; color:#fff; font-size:14px; }
.iquestion .con{ border:1px #f8f8f8 solid; border-top:none; padding:3px 20px 10px 20px; }
.iquestion ul li{ }
.iquestion ul li a{ display:block; text-align:left; line-height:32px; height:32px; overflow:hidden; }
.iquestion ul li a i{ color:#3272dd; margin-right:10px; }


.mban { height:264px; color:#fff;}
.mban b{ display:block; text-align:center; font-size:48px; line-height:62px; padding-top:82px; }
.mban span{ display:block; text-align:center; font-size:22px; line-height:36px; font-weight: lighter; font-style: italic; letter-spacing:10px; }

.appban { height:550px; position:relative;}
.appban_box { position:absolute; right:50%; margin-right:-600px; width:576px; text-align:center; bottom:50px; color:#fff;}
.appban_box .t{ text-align:center; font-size:48px; line-height:122px; }
.appban_box .m{ background:url(../images/info/main/erweibg.png) center center no-repeat; height:164px; padding-top:16px; }
.appban_box .m img{ width:148px; height:148px; }
.appban_box .f{ text-align:center; font-size:14px; line-height:18px; }
.appban_box .f a{ color:#fff; text-decoration:underline; }

.main_l { float:left; width:244px; }
.main_r { float:right; width:916px; }

.ltit { height:54px; background:#3272dd; margin-top:-62px; padding:8px 0px 0px 0px; color:#fff; }
.ltit b{ display:block; text-align:center; font-size:20px; line-height:32px; color:#fff; }
.ltit span{ display:block; text-align:center; font-size:12px; line-height:14px; font-weight: lighter; text-transform:uppercase; }

.lnav { margin-bottom:20px; border:1px #eaecf0 solid; border-top:none; }
.lnav a{ display:block; height:45px; line-height:45px; background: url(../images/info/main/lnav.png) left top no-repeat; text-align:left; font-size:14px; color:#666666; padding-left:56px; }
.lnav a img{ float:left; width:24px; height:24px; margin-right:16px; margin-top:10px; }
.lnav a:hover{ color:#3272dd; }
.lnav a.hover{ background-position:left bottom; color:#3272dd; }

.lnav2 a { padding-left:17px;}

.rtit { background:url(../images/info/main/rtit.png) left bottom repeat-x; height:52px; line-height:50px;}
.rtit b{ float:left; height:50px; line-height:50px; font-size:20px; color:#3272dd; border-bottom:2px #3272dd solid; margin-right:18px;}
.rtit span{ font-size:20px; color:#bababa; font-weight:lighter; }


.about_con { padding:30px 0px 0px 0px;}
.rt { font-size:16px; color:#333333; padding-left:14px; background:url(../images/info/main/rt.png) left center no-repeat; font-weight:bold; line-height:18px;}
.rt2 { font-size:16px; color:#333333; padding-left:14px; background:url(../images/info/main/rt2.png) left center no-repeat; font-weight:bold; line-height:18px;}

.prolist { padding:30px 0px;}
.prolist ul li { float:left; width:580px; margin-bottom:20px; margin-right:40px; display:inline; }
.prolist ul li a{ display:block; height:358px; background:url(../images/info/main/more.png) 528px 283px no-repeat #ffffff; }
.prolist ul li a .img{ display:block; width:580px; height:215px; overflow:hidden; position:relative; margin-bottom:15px; }
.prolist ul li a .img img{ display:block; width:580px; height:215px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; -ms-transition: -moz-transform 0.2s; transition: transform 0.2s;  }
.prolist ul li a .f{ display:block; height:110px; padding-top:13px; float:left; font-size:14px; line-height:36px; overflow:hidden; color:#555555; text-align:center; width:116px; }
.prolist ul li a .f img{ display:block; margin:0px auto; }
.prolist ul li a .t{ display:block; height:40px; font-size:16px; line-height:40px; overflow:hidden; font-weight:bold; color:#333; padding-right:88px; }
.prolist ul li a .m{ display:block; height:72px; font-size:14px; line-height:24px; color:#888888; overflow:hidden; padding-right:88px; }
.prolist ul li a:hover{ background:url(../images/info/main/mores.png) 528px 283px no-repeat #3272dd; }
.prolist ul li a:hover .img img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.prolist ul li a:hover .f{ color:#fff; }
.prolist ul li a:hover .t{ color:#fff; }
.prolist ul li a:hover .m{ color:#99bfff; }


.applist { padding:100px 0px 20px 0px;}
.applist .item { height:325px; position:relative; padding-right:690px; }
.applist .item .img{ position:absolute; right:0; top:0px; }
.applist .item .t{ text-align:right; font-size:20px; line-height:56px; color:#333333; padding-top:18px; font-weight:bold; }
.applist .item .m{ text-align:right; color:#888888; font-size:16px; line-height:24px; }
.applist .item2 { padding-left:690px; padding-right:0px; }
.applist .item2 .img{ right:auto; left:0; }
.applist .item2 .t{ text-align:left; }
.applist .item2 .m{ text-align:left; }
.applist .item3 .img{ top:-28px; }
.applist .item3 .t{ padding-top:43px; }

.mtel_box { padding:46px 0px; text-align:center;}
.mtel{ display:inline-block; height:30px; background:url(../images/info/top/ftel.png) left center no-repeat; padding-left:30px; line-height:30px; font-size:14px; }
.mtel b{ font-size:24px; font-weight:normal; vertical-align:middle; }


.contact_list {}
.contact_list ul li{ float:left; width:276px; height:314px; border:1px #eaecf0 solid; display:inline; margin-right:41px; margin-bottom:15px; padding-top:68px; text-align:left; }
.contact_list ul li .t{ text-align:center; line-height:62px; font-size:16px; color:#000033; font-weight:bold; }
.contact_list ul li .t i{ display:block; width:28px; height:2px; background:#d4d7dd; margin:0px auto;}
.contact_list ul li .m{ display:block; padding-left:110px; position:relative; line-height:24px; }
.contact_list ul li .m span{ position:absolute; left:70px; top:0px; }
.contact_list ul li.mr0 .m{ padding-left:87px; }
.contact_list ul li.mr0 .m span{ left:44px; }


.adr_list { padding-top:50px;}
.adr_list ul li{ float:left; width:426px; height:314px; border:1px #eaecf0 solid; display:inline; margin-right:58px; margin-bottom:15px; padding-top:68px; text-align:left; }
.adr_list ul li .t{ text-align:center; line-height:62px; font-size:16px; color:#000033; font-weight:bold; }
.adr_list ul li .t i{ display:block; width:28px; height:2px; background:#d4d7dd; margin:0px auto 30px auto;}
.adr_list ul li .m{ display:block; padding-left:130px; position:relative; line-height:24px; }
.adr_list ul li .m span{ position:absolute; left:70px; top:0px; text-align:right; width:4em; }

.faq_list { padding:40px 0px;}
.faq_list .item{ border-bottom:1px #eaecf0 solid; padding:20px;}
.faq_list .item .t{ font-weight:bold; position:relative; padding-left:40px; color:#555; font-size:15px; margin-bottom:10px;}
.faq_list .item .t i{ font-weight: normal; background:#3272dd; font-size:14px; position:absolute; left:0; top:4px; width:20px; height:20px; line-height:20px; text-align:center; color:#fff;}
.faq_list .item .m{ position:relative; padding-left:40px; color:#777; font-size:14px;}
.faq_list .item .m i{ font-weight: normal; background:#ff0000; font-size:14px; position:absolute; left:0; top:4px; width:20px; height:20px; line-height:20px; text-align:center; color:#fff;}


.news_list { padding:20px 0px;}
.news_list ul li{ border-bottom:1px #eaecf0 dotted; padding:0px 10px; position:relative; height:48px; }
.news_list ul li a{ display:block; float:left; height:48px; line-height:48px; overflow:hidden; width:750px; }
.news_list ul li span{ display:block; float:right; color:#999; height:48px; line-height:48px; }
.news_list ul li i{ font-size:14px; color:#3272dd; font-style:normal; font-weight:bold; margin-right:10px; }


.page_main { text-align: center; padding:15px 0px; line-height:35px; color:#878787; }
.page_main a{ display:inline-block; line-height:33px; height:33px; border:1px #dedede solid; border-radius:2px; margin:0px 3px; background:#edf1f5; color:#616161; padding:0px 14px; }
.page_main a:hover{ border:1px #1048a6 solid; background:#3272dd; color:#fff; }
.page_main .select_box{ width:70px; height:35px; position:relative; z-index:998; display: inline-block; }
.page_main .select_showbox{ display:block; text-align: center; padding-right:32px; background:url(../images/info/main/select.png) right center no-repeat #fff; height:33px; line-height:33px; border:1px #dedede solid; border-radius:2px; color:#616161; }
.page_main .select_option{ border-top: none;display: none; position:absolute; left:0px; top:34px; width:100%; z-index:999; max-height:200px; overflow: auto; border-top:1px #dedede solid;  }
.page_main .select_option li{ padding-left:1em; line-height:33px; text-align:left; line-height:33px; background:#fcfcfc; border:1px #dedede solid; border-top:none;}
.page_main .select_option li.selected{background-color:#3272dd; color:#fff;}
.page_main .select_option li.hover{ color:#3272dd; }
.page_main .select_option li.selected.hover{ background-color:#3272dd; color:#fff; }
.page_main .select_box:hover { z-index:999;}

.m_select { display:none;}

.news_tit { text-align:center; color:#333; font-size:16px; line-height:30px; border-bottom:1px #eaecf0 dotted; padding:20px 0px; font-weight:bold;}
.news_info { text-align:center; color:#999; font-size:12px; line-height:30px;}
.news_con { padding:30px 20px;}

/*µ×²¿*/
#footer { background:#eef2f9; padding:22px 0px; }
.footbox { width:1200px; margin:0px auto; }
.footbox .footl { float:left; line-height:60px; font-size:12px; color:#898f99; }
.footbox .footl a{ color:#898f99; }
.footbox .footl a:hover{ color:#3272dd; }
.footbox .footr { float:right; height:60px; }
.footbox .ftel{ float:right; height:30px; background:url(../images/info/top/ftel.png) left center no-repeat; padding-left:30px; line-height:30px; font-size:14px; }
.footbox .ftel b{ font-size:24px; font-weight:normal; vertical-align:middle; }
.footbox .fcopy { clear:both; text-align:right; font-size:12px; color:#b2bbcb; line-height:30px; }
.footbox .fcopy a{ color:#b2bbcb; }
.footbox .fcopy a:hover{ color:#3272dd; }
