@charset "utf-8";

/* CSS Document */

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{ margin:0; padding:0; }

body{ font-weight:normal; font-size:12px; color:#000; font-family: "Microsoft YaHei","arial"; background: #ffffff; overflow-x:hidden;}

ul,li{ list-style: none; } a,a:hover{ text-decoration:none; cursor:pointer; outline:0; } input:focus,textarea:focus,select:focus{ outline:0; }

table,td{ border-collapse: collapse; border-spacing: 0px; }

a { color:#000; } a:hover{ color:#f00; } img{ border:none; vertical-align:middle; }

.floatleft,.left{ float:left; } .floatright,.right{ float:right; } .clear{ clear:both; } .clearleft{ clear:left; } .clearright{ clear:right; }

.hand{ cursor: pointer; }  .hide,.nada{ display:none; } .block{ display:block; }

.textcenter,.tcenter{ text-align:center; } .textleft,.tleft{ text-align:left; } .textright,.tright{ text-align:right; } .textjustify{ text-align:justify; }

.f13 { font-size:13px;} .f14 { font-size:14px;} .f16 { font-size:16px;} .f18 { font-size:18px;} .f24 { font-size:24px;} .f36{ font-size:36px;}

.bold,.strong{ font-weight:bold; } .fNormal { font-weight:normal;}  .fItalic { font-style:italic; }

.marginT5{ margin-top:5px;} .marginT10{ margin-top:10px;} .marginT15{ margin-top:15px;} .marginT20 { margin-top:20px; } .marginT30 { margin-top:30px; }

.marginB5{ margin-bottom:5px;} .marginB10{ margin-bottom:10px;} .marginB15{ margin-bottom:15px; } .marginB20{ margin-bottom:20px;}

.marginL5 { margin-left:5px;}  .marginL10 { margin-left:10px;} .marginL15 { margin-left:15px;} .marginL25 { margin-left:25px;}

.marginL35 { margin-left:35px;}  .marginL40  { margin-left:40px;}  .marginL80{ margin-left:80px;}

.marginR5 { margin-right:5px;} .marginR10 { margin-right:10px;} .marginR15 { margin-right:15px;} .marginR20 { margin-right:20px;}

.black{ color:#000; }  .white{ color:#FFF; }  .red,.error{ color:#F00; } .blue{ color:#00F; }  .green{ color:#0F0; } .purple{ color:#F0F; }  .yellow{ color:#FF0; }

.grey{ color:#CCC; }  .grey3{ color:#333; }  .grey6{ color:#666; } .grey9{ color:#999; }

/*header_bg*/

.header_bg{ width: 100%; background: url(../images/ding_topbg.jpg) repeat-x left top;}

.header{ width: 1000px; margin: 0px auto;padding-bottom: 22px;}

.header_top{ height: 30px;}

.headertop_left{ padding:8px 0 0 3px; color: #898989;}

.headertop_right{ padding:8px 0 0 0; color: #898989;}

.headertop_right a{ color: #898989;}

.headerbottom_right{ width: 274px; padding-top: 34px;}

.headerbottom_rtop{ height: 21px;}

.logo{margin: 10px 0 0 0;}

.keyword_bg{ float:right; background:url(../images/keyword.jpg) no-repeat; width:130px; height:21px; padding-top:4px; padding-left:9px;}

.keyword{ height:19px; font-size:12px; width:130px; line-height:19px;  border:0; color:#888888; background:none; }

.submit{cursor:pointer; float:right; background:url(../images/search.jpg) no-repeat; width:28px; height:25px; border:0;}

.joincompany{ position: relative; width: 93px; height: 25px;}

.joincompany_nav{ position: absolute; left: 0px; top: 25px; border: 1px #e5e0da solid; background: #fff; text-align: center;}

.joincompany_nul li a{ display: block; width: 87px; height: 26px; line-height: 26px; padding: 0 2px;}

.joincompany_nul li a:hover{ background: #22A9D9; color: #fff;}

.headerbottom_rbottom{ padding-top: 12px;}

.headerbottom_rbul li{ height: 25px; line-height: 24px; float: left; padding: 0 0 0 30px; margin-left: 5px;}

.ver{ background:url(../images/v1.jpg) no-repeat left top; position:relative;}

.ver_wechat{ position:absolute;left:0px; top:25px; width:298px; height:295px; z-index:200;}

.ver_wechat img{ width:150px; height:150px;}

.ver2{ background:url(../images/v2.jpg) no-repeat left top;}

.ver3{ background:url(../images/v3.jpg) no-repeat left top;}

.ver4{ background:url(../images/v4.jpg) no-repeat left top;}

/*nav_bg*/

.nav_bg{ width: 100%; height: 43px; background: url(../images/nav_bg.jpg) repeat-x left top;}

.nav{ width: 1000px; margin: 0px auto;z-index:1001;}

.nav_ul li.l{position:relative; float: left; display: block; width: 120px; height: 43px; line-height: 43px; text-align: center; background: url(../images/nav_b.jpg) no-repeat right center; font-size: 14px;}

.nav_ul li.nav_lilast{ background: none;}

.nav_ul li.l a.f{ color: #ffffff;} 

.nav li.l ul.ul1{position: absolute;padding-bottom: 5px;width:120px;left:0px;top:43px;z-index:1000;line-height: 0px;display: none;}

.nav li.l ul.ul1 li.ul_li1{padding: 10px 0px 5px 0px;line-height: 20px;background:#24a0b0;}

.nav li.l ul.ul1 li.ul_li1 a{padding:0px 0px 0px 0px;font-size:12px;color: #fff;}

.nav li.l ul.ul1 li.ul_li1.first{padding:15px 0 5px 0px;}

.nav li.l ul.ul1 li.ul_li1.last{padding:10px 0 15px 0px;}

/*banner_bg*/

.banner_bg{ height: 368px;}

.flexslider { position: relative; height: 368px; overflow: hidden;}

.flexslider .slides { position: relative; z-index: 1;}

.flexslider .slides li { height: 368px; position: relative;}

.flexslider .slides li a{ display: block; height: 368px;}

.flexslider .flex-control-nav { position: absolute; bottom: 22px; z-index: 2; width: 100%; text-align: center; background: url(../images/dot_bg.png) repeat left top; padding: 12px 0;}

.flexslider .flex-control-nav li { display: inline-block; width: 13px; height: 13px; margin: 0 13px; *display: inline; zoom: 1;}

.flexslider .flex-control-nav a { display: inline-block; width: 13px; height: 13px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer;}

.flexslider .flex-control-nav .flex-active { background-position: 0 0;}

.slides_txtbg{ position: absolute; width: 100%; left: 0px; top:106px;}

.slide_txt{ width: 1000px; margin: 0px auto; padding-left: 50px;}

/*.slide_txt img{ width: 465px; height: 46px;}*/

.slide_txt img.slide_timg{opacity: 0;}

.slide_txt img.slide_timg1{opacity: 1;

animation: myfirst 4s;

-moz-animation: myfirst 4s; /* Firefox */

-webkit-animation: myfirst 4s;  /* Safari 和 Chrome */

-o-animation: myfirst 4s;}

@keyframes myfirst

{

0%   {opacity: 0; transform:scale(0);}

100%   {opacity: 1;transform:scale(1);}

}



@-moz-keyframes myfirst /* Firefox */

{

0%   {opacity: 0; -moz-transform:scale(0);}

100%   {opacity: 1;-moz-transform:scale(1);}

}



@-webkit-keyframes myfirst /* Safari and Chrome */

{

0%   {opacity: 0; -webkit-transform:scale(0);}

100%   {opacity: 1;-webkit-transform:scale(1);}

}



@-o-keyframes myfirst /* Opera */

{

0%   {opacity: 0; -0-transform:scale(0);}

100%   {opacity: 1;-0-transform:scale(1);}

}

/*main_bg*/

.main_bg{ width: 1000px; margin: 0px auto;}

.abouts_bg{ width: 700px; height: 186px; border: 1px #e7e7e7 solid;}

.abouts_title{ border-bottom:1px solid #e7e7e7;height: 28px; line-height: 28px; background:;}

.abouts_titleh2{ font-size: 14px; color: #6a6a6a; font-weight: normal; background: url(../images/about_titlebg.jpg) no-repeat left center; padding-left: 22px;}

.abouts_titlea{ padding-right: 12px; color: #059ef2;}

.abouts_con{ padding: 10px 22px 10px 12px; color: #5c5c5c; line-height: 22px; height:125px; overflow:hidden;}

.abouts_con img{ float: left; width: 248px; height: 136px; padding-right: 20px;}

.abouts_con p a{ color: #5c5c5c;}

.main_tslide{ width: 280px; height: 186px; border: 1px #e7e7e7 solid;}

.flexslider1 { position: relative; height: 176px; padding: 3px 3px; overflow: hidden;}

.flexslider1 .slides { position: relative; z-index: 1;}

.flexslider1 .slides li { height: 180px;}

.flexslider1 .slides li img{ width: 274px; height: 180px;}

.flexslider1 .flex-control-nav { position: absolute; bottom: 0px; right:4px; z-index: 2; width: 97%; text-align: right; background: url(../images/slide_bottombg.png) repeat left top;}

.flexslider1 .flex-control-nav li { display: inline-block; width: 23px; height: 16px; margin: 0 1px; *display: inline; zoom: 1;}

.flexslider1 .flex-control-nav a { display: inline-block; width: 23px; height: 16px; line-height: 20px; text-align: center; color: #fff; overflow: hidden; background: url(../images/slide_drow.png) right 0 no-repeat; cursor: pointer;}

.flexslider1 .flex-control-nav .flex-active { background-position: 0 0;}

.mainlist li{ float: left; display: block; width: 90px; height: 26px; line-height: 26px; font-size: 14px; text-align: center;}

.mainlist li.h{ border-top: 2px #207bcc solid; border-right: 1px #e7e7e7 solid; background: #ffffff;}

.mainlist li.mainlist_more{ width: 510px; text-align: right; font-size: 12px;}

.mainlist li.mainlist_more a{ color: #1a82cb;}

.mainlist li a{ color: #6a6a6a;}

.tdiv_con{ padding: 10px 22px 10px 12px;}

.mainlist_img{ padding-right: 20px;}

.mainlist_img img{ width: 190px; height: 136px;}

.mainlist_wul li{ color: #5c5c5c; width: 444px; border-bottom: 1px #c7c7c7 dotted; padding: 5px 0 5px 10px; background: url(../images/list_img.png) no-repeat left center;}

.mainlist_wul li.mainlist_wli{ border-bottom: none;}

.mainlist_wul li em{ float: right; font-style: normal;}

.mainlist_wul li a{ color: #5c5c5c;}

.main_cright li{ padding: 1px; border: 1px #e7e7e7 solid; width: 276px; height: 56px; margin-bottom: 4px;}

.main_cright li.main_crli{ margin-bottom: 0px;}

.main_cright li img{ width: 276px; height: 56px;}

.main_today{ height: 220px; border: 1px #e7e7e7 solid; border-top: none; box-shadow: 3px 3px 3px #d3d2d2;}

.main_ttitle{ height: 32px; line-height: 30px; background: url(../images/title_bg.jpg) no-repeat left -2px;}

.main_tth2{ font-size: 14px; font-weight: normal; color: #fff; padding-left: 15px;}

.main_tta{ color: #1a82cb; padding-right: 12px;}

.main_tpro{ width: 965px; margin: 15px 17px 10px 16px;}

.main_tpul li{ float: left; width: 182px; padding-right: 13px;}

.main_tpul li.main_tpli{ padding-right: 0px;}

.main_tpul li img{ width: 176px; height: 120px; padding: 2px; border: 1px #dddddd solid;}

.main_tpul li h2{ font-size: 12px; font-weight: normal; padding: 8px 0;}

.main_tpul li h2 a{ color: #444444;}

.main_tpul li h3{ font-size: 12px; font-weight: normal;}

.main_product li{ float: left; width: 224px; padding-right: 22px;}

.main_product li img{ width: 220px; height: 130px;}

.main_product li h2{ text-align: center;}

.main_product li h2 a{ color: #474646;}

/*inmain_bg*/

.inmain_bg{ width: 1000px; margin: 0px auto; padding: 20px 0;}

.inmain_left{ width: 240px;}

.inmain_lmenu{ border: 1px #e7e7e7 solid;}

.inmain_mh2{ height: 31px; background: url(../images/intitle_bg.jpg) repeat-x left top; font-size: 16px; font-weight: normal; color: #fff; font-family: "Microsoft YaHei"; line-height: 30px; text-indent: 20px;}

.inmain_mmenu{ background:#ffffff url(../images/incon_bg.jpg) repeat-x left top;}

.inmain_mmul li{ padding: 8px 34px; border-bottom: 1px #c7c7c7 dashed; background: url(../images/inlist_bg.png) no-repeat 20px center;}

.inmain_mmul li.inmain_mmli{ border-bottom: none;}

.inmain_mmul li a{ color: #6f6f6f;}

.inmain_lad a{ display: block; padding: 8px 0 0 0;}

.inmain_lad a img{ width:230px; height:62px;}

.inmain_right{ width: 738px; min-height: 500px; border: 1px #e7e7e7 solid;}

.inmain_rtitle{ height: 28px; line-height: 28px; background: url(../images/inpro_bg.jpg) repeat-x left top; border-bottom: 1px #e7e7e7 solid;}

.inmain_rtleft{ background: url(../images/about_titlebg.jpg) no-repeat left center; padding: 0 0 0 24px; font-size: 14px; color: #6a6a6a;}

.inmain_rtright{ padding: 0 30px 0 0; color: #a7a7a7;}

.inmain_rtright a{ color: #a7a7a7;}

.inmain_rpul li{ float: left; width: 220px; padding: 20px 0 0 20px; height:200px;}

.inmain_rpul li img{ width: 214px;height:132px;padding: 2px; border: 1px #e7e7e7 solid;}

.inmain_rpul li h2{ font-size: 12px; font-weight: normal; padding: 10px 0 4px 0;}

.inmain_rpul li h2 a{ color: #454545;}

.inmain_rpul li h3{ font-size: 12px; font-weight: normal;}

.inmain_rph2{ font-size: 20px; font-weight: normal; color: #424146; padding: 20px 0 5px 0; text-align: center;}

.inmain_rptab{ padding: 0 10px; width: 98%;}

.inmain_rptab tr th{ font-weight: normal; padding: 15px 2px;}

.inmain_rptab tr td{ text-align: center; padding: 5px 2px;}

.incontact{ padding: 15px 30px; color:#4a4a4a; line-height: 24px;}

.inservice{ padding: 20px 22px 20px 28px; color: #5c5c5c; line-height: 24px;}

.inservice img{ float: left; padding-right: 24px; max-width: 95%; }

.inmessage{ width: 380px; margin: 0px auto;}

.inmessage table tr td{ padding: 10px 0 0 8px;}

.inmessage_put{ padding: 4px; width: 208px; height: 20px; line-height: 20px; border: 1px #bfbfbf solid;}

.inmessage_area{ padding: 4px; width: 208px; height: 80px; border: 1px #bfbfbf solid;}

.inmessage_btn{ width: 64px; height: 26px; background: url(../images/inmessage_btn.jpg) no-repeat left top; text-align: center; line-height: 26px; margin-left: 60px;}

.inmessage_btn a{ color: #616161;}

.globalweb_map{ padding: 15px 26px;}

.indownload{ padding: 5px 26px;}

.indownload_h2{ font-size: 12px; color: #646464; padding: 10px 4px; border-bottom: 1px #e7e7e7 solid;}

.indownload_ul li{ height: 22px; line-height: 22px; padding: 8px 15px; border-bottom: 1px #c6c6c6 dashed; background: url(../images/list_img.png) no-repeat 5px 18px;}

.indownload_ul li span{ float: right;}

.indownload_ul li a{ color: #7c7c7c;}

.innew{ padding: 5px 25px;}

.innew_title{ padding: 5px 2px; border-bottom: 1px #e7e7e7 solid;}

.innew_th2{ font-size: 12px; font-weight: normal; color: #646464;}

.innew_more{ color: #646464;}

.innew_con{ padding: 22px 0 0 0;}

.innew_cimg img{ width: 150px; height: 120px; border: 1px #cccccc solid;}

.innew_cright{ width: 516px;}

.innew_crul li{ padding: 4px 0 4px 20px; border-bottom: 1px #e5e5e5 dashed; background: url(../images/list_img.png) no-repeat 5px 12px; color: #7c7c7c;}

.innew_crul li.innew_crli{ border-bottom: none;}

.innew_crul li em{ float: right; font-style: normal;}

.innew_crul li a{ color: #7c7c7c;}

.innew_intxt{ padding: 5px 16px;}

.innew_intxth2{ font-size: 14px; font-weight: normal; color: #646464; text-align: center; border-bottom: 1px #dedede solid; padding: 8px 0;}

.innew_intxth3{ font-size: 12px; font-weight: normal; color: #646464; text-align: center; padding: 10px 0;}

.innew_intxttxt{ line-height: 22px; color: #646464;}

.innew_intxttxt img { max-width: 100%; }

.inwork_h2{ font-size: 14px; font-weight: normal; color: #646464; text-align: center; padding: 8px 0;}

.inwork_con{ line-height: 22px;}

.inwork_cimg{ text-align: center;}

.inwork_cimg img{ max-width: 100%;}

.worksh2{ text-align: center;}



/*footder_bg*/

.footder_bg{ width: 1000px; margin: 0px auto;padding: 8px 0 0 0;}

.footer_top a{ float: left; display: block; padding: 0 10px 10px 0;}

.footer_top a img{ width: 120px; height: 54px;}

.footer_center{ padding: 8px 5px; border-top: 1px #cccccc solid; border-bottom: 1px #cccccc solid;}

.footer_center a{ padding: 0 4px;color: #2e2e2e;}

.footer_nav{ padding: 8px 0; text-align: center; border-bottom: 1px #cccccc solid;}

.footer_nav{ color: #474646;}

.footer_nav a{ color: #474646; padding: 0 15px;}

.footer_txt{ text-align: center; line-height: 22px; color: #474646;}

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





.main_center .abouts_title{background: url(../images/about_bg.jpg) repeat-x left top;border-bottom: none;}

.footer_top{padding:12px 0px 12px 10px;background: #fafafa;}

.footer_top a.last{  padding: 0 10px 0 0;}

.ilook{background: #f2f2f2;}

.ilook_title{height:32px;font-size:14px;color:#fff;line-height:32px;background: url(../images/ilook_bg.jpg) no-repeat;}

.ilook_title span{padding-left: 20px;}

.ilook_content{padding: 10px 14px;}

.main_top .main_tslide{border-top: none;background: #f2f2f2;}

.textarea{width:239px;height: 77px;margin: 4px 0 0 0;padding:0 0 0 10px;color: #000000;}

.submit1{margin: 4px 0 0 28px;}

.submit1 a{display: inline-block;width:80px;height:24px;line-height:24px;text-align:center;background:url(../images/reset_a.jpg) no-repeat;}

.submit1 input[type="reset"]{margin: 0 0 0 40px;width:80px;height:24px;background: url(../images/look_reset.jpg) no-repeat;border: none;font-family: "Microsoft YaHei";font-size: 12px;}



/* page bar */

#mypage{margin: 4px auto 15px; padding: 16px 30px 12px 0; text-align:right; height: 26px;}

#mypage a{ display:inline-block; margin-right:5px; height:24px; width: 20px; text-align: center; line-height: 24px; border:1px solid #ccc; color:#000; text-decoration:none; font-family: '宋体'; }

#mypage a.l{ height:24px; line-height: 24px; width: 64px;}

#mypage a:hover{background:#EFF7FF; color:#f00;border:1px solid #ccc;}

#mypage .current { display:inline-block; margin-right:5px; width:20px;height:24px; line-height: 24px;border:1px solid #ccc;background: #f0f0f0;text-align: center;color: #fb5200;}

.work_content{margin: 10px 12px;}

.work_content ul li{padding:5px 0 5px 15px;margin:0 0 0 5px;font-size: 14px;color: #242424;border-bottom: 1px dashed #d2d2d2;background: url(../images/circle.jpg) left no-repeat;}

.work_content ul li a{color: #242424;}

.work_content span{color: #959595;}



.look_things{margin: 12px 20px 12px 20px;font-size: 14px;color: #000000;}

.look_things h2{font-weight: normal;font-size: 14px; line-height: 18px; padding: 12px 0 6px 0;}

.look_things ul.look_list li{ line-height: 24px; font-size: 13px; margin: 2px 0;}

.look_list li span { padding: 0 8px 0 0; }

.inmain_left .textarea{width:205px;}

.inmain_left .submit1{margin: 4px 0 0 16px;}

.inmain_left .submit1 input[type="reset"]{margin: 0 0 0 20px}

.inmain_lad{margin: 15px 0 0 0;}

.inmain_lad img.img1{border: 1px solid #e1e3e2;padding: 1px 1px;margin: 0 0 11px 0;}

.inmain_lad a{padding: 0;}

.top_a{padding: 0 0 0 15px;}

.ilook_p{padding: 10px 0px 0px 4px;}

.inmain_left .ilook_content{padding: 4px 14px 10px 14px;}

.footer_center span{padding-left: 14px;}