/* CSS Document */
@font-face {font-family:HERMES-REGULAR; src:url(http://cn.topsflo.com/d/font/HERMES-REGULAR.OTF);}
*{ margin:0; padding:0;}
html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
div {text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:12px;}
address, cite, em{font-style:normal;}
li{list-style-type:none;}
fieldset, img {border:0;}
p{line-height: 22px;}
label,button{cursor: pointer;}
select,input,textarea{font-size:12px;line-height:1.2em;}
body{font-size:12px; font-family:Arial; position:relative;}
a{text-decoration:none; color:#373737;}
a:hover{color:#0075c4; text-decoration:underline;}

body{ background:#f2f2f2;}
.wrapper{ width:1000px; margin:0 auto; zoom:1; clear:both; background:#fff;}
.header{ width:100%; zoom:1;clear:both;
background: #f6f7f9;
    /*background:url(../image/topbg1.jpg) no-repeat top center #f6f7f8; */
    
}
.header .wrapper{ background:url(../image/topbg1.jpg) no-repeat top center #f6f7f8;}
.top{zoom:1;clear:both;}
.top .logo{ float:left; }
.top_right{ float:right; padding-left:30px; position:relative; height:120px; width:170px;}
.top_right .logotxt{ position:absolute; left:40px; bottom:20px;}
.top_right .top_contact{ position:absolute; top:10px; right:0; font-size:14px; font-family:Arial;color: #333;}
.top_contact .mail{ background:url(../image/icon1.jpg) 0 0 no-repeat; width:7px; height:12px; display:inline-block; vertical-align:middle; margin-right:8px; _width:6px; _margin-top:5px; _margin-bottom:-2px;}
.top_contact a{ color:#0075c4; text-decoration:underline; margin-right:10px;}
.top_contact a:hover{ color:#373737;}
.top_contact .tel{ background:url(../image/icon1.jpg) -17px 0 no-repeat; width:15px; height:15px; display:inline-block; vertical-align:middle; margin-right:5px; margin-left:25px;}
.top .language{width:135px; height:21px; background:#00a0ee; padding:15px; position:absolute; right:0; bottom:0;}
.top .language select{width:135px; height:21px; line-height:21px; }

#nav{background:url(../image/navbg1.jpg) no-repeat center center; height:56px;  font-family:HERMES-REGULAR; font-size:18px; position:relative; top:0; left:0; clear:both; zoom:1;}
#nav .wrapper{background:url(../image/navbg1.jpg) no-repeat center center;}
#nav li.first{float:left;display:block; position:relative; z-index:999999; right:0; top:0;line-height:56px; }
#nav li.first a,#nav li.first a:visited{ display:inline-block; font-family:HERMES-REGULAR; color:#fff; text-shadow:1px 1px 1px #0076b9; padding:0 30px; _padding:0 20px;}
#nav span{background:url(../image/icon1.jpg) 0 -27px  no-repeat; width:2px; height:22px; display:inline-block;_display:inline; vertical-align:middle; _margin-bottom:-90px;}
#nav li.first a:hover{background:#00cadb; text-decoration:none;}
/**product subnav***/
#nav li.first ul{ display:none; position:absolute; z-index:999;background:#fff;filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }
#nav li:hover ul{display:block; padding:15px 10px 40px 10px;}
#nav li.first ul li a,#nav li.first ul li a:visited{font-size:12px; border-bottom:1px solid #333; color:#333;font-family:Arial; text-shadow:none;}
#nav li.first ul li a:hover{text-decoration:underline; color:#333; background:none;}
#nav li.first ul.dppro{width:1000px;  left:0px;border-bottom: 2px solid #00a0ee; overflow:hidden; zoom:1; line-height:24px;}
ul.dppro li{float:left; width:300px; padding-right:30px;}
ul.dppro li ol li{float:none;}
ul.dppro li img{ margin-left:24px; _display:inline; margin-bottom:10px;}
#nav li.first ul.dppro li a,#nav li.first ul.dppro li a:visited{text-align:left;  border-bottom:none; _margin-bottom:0px;}
ul.dppro strong{ font-size:14px; background:url(../image/navls.gif) 0 8px no-repeat; padding-left:18px; border-bottom:1px dashed #ddd; padding-bottom:5px; display:block; margin-bottom:13px;} 
ul.dppro i{ font-style:normal; text-decoration:underline; font-size:14px; color:#0075c4; margin-left:20px; margin-bottom:10px; display:inline-block;}
ul.dppro a.Lastpro{ margin-left:20px; display:inline-block; padding:0; line-height:28px;}
#nav li.first ul li a.Lastpro:hover{text-decoration:none; color:#fff; background:#00a0ee;}
/**product subnav***/
/**other subnav***/
#nav li.first ul.dppro_other{ display:none; position:absolute; z-index:999; background:#fff;filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
#nav li:hover ul.dppro_other{display:block; padding:0;  margin:0;}
#nav li.first ul.dppro_other li a,#nav li.first ul.dppro_other li a:visited{font-size:12px; color:#333;  display:inline-block; font-family:Arial; text-shadow:none; line-height:24px !important; height:24px; text-decoration:none; border:none; border-bottom:1px solid #ccc; padding:0 60px 0 10px; width:100%;}
#nav li.first ul.dppro_other li a:hover{text-decoration:none; color:#fff; background:#00a0ee;}
#nav li.first ul.dppro_other{ overflow:hidden; zoom:1;}
ul.dppro_other li ol li{float:none; line-height:24px !important; width:100%;padding:0 60px 0 0;}
/**other subnav***/
/**Download subnav***/
#nav li.first ul.dppro_Download{ display:none; position:absolute; z-index:999999; background:#fff;filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }
#nav li:hover ul.dppro_Download{display:block; padding:0;  margin:0;}
#nav li.first ul.dppro_Download li a,#nav li.first ul.dppro_Download li a:visited{font-size:12px; color:#333; font-family:Arial; text-shadow:none; line-height:24px !important; height:24px; text-decoration:none; border:none;padding:0 130px 0 10px; width:100%;}
#nav li.first ul.dppro_Download li a:hover{text-decoration:none; color:#fff; background:#00a0ee;}
#nav li.first ul.dppro_Download{ overflow:hidden; zoom:1;}
.download_1{ font-size:12px; margin-left:20px; padding:0; margin:0;}
.download_sub{display:inline-block; margin-left:20px;}
.download_1{ float:left; display:inline-block;  padding-bottom:5px;  margin-right:15px;display:inline-block;}
.download_1 .tit{border-bottom:1px solid #ccc !important; padding:0; margin:0; }
/**Download subnav***/

.contenter{ overflow:hidden; zoom:1; margin:0 auto; width:1000px; }
.banner{ min-width:1000px; height:406px; position:relative; margin:0 auto; clear:both; overflow:hidden; zoom:1;}
.banner_listdiv{width: 100%; _width:200px; height:16px; position:relative; margin-top:385px; margin-left:450px;}
.banner_pre_next{position:relative;z-index:101; top:170px;display:none;}
.banner_pre_next .banner_btn_left{position:absolute;left:15%;color:#fff; font:bold 80px/normal simsun; text-decoration:none;}
.banner_pre_next .banner_btn_right{position:absolute;right:15%;color:#fff; font:bold 80px/normal simsun; text-decoration:none;}
.banner_pre_next .banner_btn_right:hover,.banner_pre_next .banner_btn_left:hover{color:#3195f2;}
.yq_banner_list{ height:25px;position:absolute; bottom:0px; z-index:10; right:0px; width: 100%; text-align: center;}
.yq_banner_list a{ display:inline-block; width:16px; height:16px;background:url(../image/banner_btn1.png) no-repeat left; text-decoration:none;margin: 0 2px; }
.yq_banner_list a:hover,.yq_banner_list a.hover{background:url(../image/banner_btn1.png) no-repeat right; }
.banner_show{ width:100%; text-align:center; height:406px; overflow:hidden; position:relative;}
.bannger_inbox{ display: none; width: 100%; position:absolute; left:50%; top:0; -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);}
    .bannger_inbox img {
        width: auto !important;
        height: auto !important;
        max-width: 100%;
        max-height: 100%;
    }
    .bannger_inbox:nth-child(1){
        display: block;
    }
.banner_mag{width:660px;height:140px;position:absolute;left:50%;top:85px;margin-left:-500px;text-align:left;z-index:99;}
.banner_magbox{width:600px;height:90px;background:url(http://cn.topsflo.com/d/images/ico3.png) repeat;text-align:left;padding:25px 30px 35px;}
.banner_magbox h4{ font-size:20px;*font-size:18px; font-weight:bold; color:#fff; margin-bottom:10px; }
.banner_magbox p{font-size:12px;color:#fff;font-weight:normal;margin-bottom:12px;}

.proBtnContain { width:1000px; height:1px; position:relative; z-index:999; margin:0 auto;}
ul.proBtn { width:1000px; position:absolute; z-index:2; bottom:0px; left:0px; float:left;}
.proBtnContain li.pbl { width:210px; border-right:#eae9e9 1px solid; position:absolute; float:left; padding:0px; cursor:pointer; bottom:0px; background:#fff;} 
.proBtnContain li.pbl h3 { height:35px; line-height:35px; font-size:12px; vertical-align:middle; font-weight:bold; padding:5px 0px 3px; width:210px; overflow:hidden;}
.proBtnContain li.pbl h3 span{ background:url(../image/icon1.jpg) 0 -15px no-repeat;display:inline-block; width:9px; height:6px; vertical-align:middle; margin-left:10px; _display:none;}
.proBtnContain .pbl_sub{ margin-left:20px;}
.proBtnContain .pbl_sub a{ color:#373737;}
.proBtnContain li.pbl ul { display:none; width:184px; max-height:100px; overflow-x:hidden; overflow-y:auto; float:left; padding:8px 0px; margin-bottom:5px;}
*html li.pbl ul { height:expression((document.documentElement.clientHeight||document.body.clientHeight)<1000?"100px":"");}
li.pbl ul li { width:48px; float:left; height:22px; line-height:22px; padding-left:6px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; border: 1px solid #EAEAEA; display:block;}
li.pbl ul li a{ color:#0075c4;}
li.pbl#p02 { left:0px;}
li.pbl#p03 { left:185px;}
li.pbl#p04 { left:390px;}
li.pbl#p05 { left:591px;}
li.pbl#p06{ left:788px;}
li.pbl.Hover { border-top:#00a0ee 4px solid;}
li.pbl.Hover h3 { border-bottom:#eae9e9 1px solid;}
li.pbl.Hover ul { display:block;}
.engineer { width:1000px;}
.engineer ul.proBtn { width:1000px;}
.engineer li.pbl { width:210px; padding:0px 8px;border-top:#00a0ee 2px solid; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
.engineer li.pbl ul { width:210px;background: #F2F2F2;}
.engineer li.pbl ul li { width:100%;display:block;}
.engineer li.pbl#p02 { left:0px;}
.engineer li.pbl#p03 { left:227px;}
.engineer li.pbl#p04 { left:454px;}
.engineer li.pbl.Hover { border-top:#00a0ee 2px solid; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.engineer li.pbl.Hover span{background:url(../image/icon1.jpg) 0 -21px no-repeat; display:inline-block; width:9px; height:6px; vertical-align:middle; margin-left:10px;_display:none;}
/*applicaton scroll**/
.hotpro{width:976px;overflow:hidden; margin-top:25px; padding:0 12px 40px 12px; clear:both; zoom:1; height:230px;} 
.hotpro .title{ background:url(../image/application_tit_bg1.jpg) repeat-x center center;}
.hotpro .title a{ margin:0 390px; width:238px; height:39px; display:inline-block; margin-bottom:2px;}
.hotpro .LeftBotton{width:18px; height:57px;background:url(../image/icon1.jpg) 0 -64px no-repeat;overflow:hidden;float:left; display:inline-block; margin-top:60px; cursor:pointer; float:left; _display:none;} 
.hotpro .RightBotton{width:18px; height:57px;background:url(../image/icon1.jpg) -19px -64px no-repeat;overflow:hidden; display:inline-block;  margin-top:60px; cursor:pointer; float:right;_display:none;} 
.hotpro .LeftBotton:hover{width:18px; height:57px;background:url(../image/icon1.jpg) 0 -122px no-repeat;overflow:hidden;float:left; display:inline-block; margin-top:60px; cursor:pointer; float:left;} 
.hotpro .RightBotton:hover{width:18px; height:57px;background:url(../image/icon1.jpg) -19px -122px no-repeat;overflow:hidden; display:inline-block;  margin-top:60px; cursor:pointer; float:right;} 
.hotpro .Cont{width:915px; margin:0 10px; float:left; padding-top:15px; overflow:hidden;_width:935px; _overflow:hidden; _height:300px; } 
.hotpro .ScrCont{width:10000000px; height:160px;_width:915px; _overflow:hidden; _height:165px;}
.hotpro .Cont .pic{width:194px; height:154px; margin:0 15px; _margin:0 11px; float:left;text-align:center; padding:3px; border:1px solid #ccc; position:relative;}
.hotpro .Cont .pic img{width:194px; height:128px; } 
.hotpro .Cont .pic .pro{ width:194px; height:128px; display:block; margin:0 auto;}
.hotpro .Cont .pic{ width:194px; zoom:1; overflow:hidden; height:154px;}
.hotpro .Cont .pic span{ width:160px; height:39px; background:#ccc; float:right; line-height:39px;}
.hotpro .Cont .pic .linkIMG{ float:left; width:40px; height:39px;}
.hotpro .Cont .pic a{ color:#fff; line-height:39px; font-size:14px;}
.hotpro .Cont .pic a:hover{ color:#000;}
.hotpro .Cont a:link,.hotpro .Cont a:visited{color:#626466;text-decoration:none;} 
.hotpro .Cont a:hover{color:#f00;text-decoration:underline;} 
.hotpro #List1,.hotpro #List2{float:left;} 
.other{ width:100%; margin:0 auto; clear:both; overflow:hidden; padding-top:40px;}
.hotpro .Cont .pic p{ font-size:16px; color:#fff; background:#318ece; height:26px; line-height:26px;}
.hotpro .Cont .pic .son_ul{width:184px; height:154px; z-index:100; background:#0075c4; border:1px solid #ccc; position:absolute; top:0; left:0; display:none; _z-index:9999999; z-index:9999999; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; color:#fff; padding:5px 10px;}
.hotpro .Cont .pic .son_ul a{ color:#fff;}
.hotpro .Cont .pic .son_ul strong a{ font-size:16px; font-weight:normal; border-bottom:1px solid #fff; padding-bottom:0px; margin-bottom:10px; display:inline-block; width:100%; padding-left:10px;line-height: 22px;}
.hotpro .Cont .pic .son_ul span{background:none; height:20px; line-height:20px; overflow:hidden; margin-top:0px;}
.hotpro .Cont .pic .son_ul span a{ height:20px; line-height:20px; text-decoration:underline;}
.hotpro .Cont .pic .son_ul ul{ line-height:18px; margin-left:10px;}
.hotpro .Cont .pic .son_ul i{ font-style:normal; font-size:4px; margin-right:5px;}
.hotpro .Cont .pic:hover p{ display:none;}

.content_4{width:960px;overflow:hidden;zoom:1; padding:0 20px 25px 20px; clear:both; }
.content_4 .news,.newPro,.about{ background:url(../image/bg1.jpg) no-repeat; width:220px; height:244px; float:left; margin-right:15px; padding:12px;}
.content_4 .news h3 a,.newPro h3 a,.about h3 a{ font-size:18px; font-weight:normal; text-transform:uppercase; color:#464646;display:inline-block; margin:5px 0 10px 0;}
.news .news_1,.newPro .news_1{ overflow:hidden; zoom:1; padding:14px 0; position:relative;}
.news .news_1 img,.newPro .news_1 img{ float:left; width:93px;}
.news .news_1 p,.newPro .news_1 p{ float:right; width:115px; line-height:18px; color:#464646; height: auto; overflow:hidden; max-height: 50px;}
.newsdiv{ float: right; width: 115px; line-height: 18px; color: #464646; height: auto; overflow: hidden; }
.news_1 .news_more{ width:50px; height:16px; border-radius:20px; background:#1887cd; display:inline-block; position:absolute; left:100px; bottom:12px; vertical-align:middle; text-align: center;}
.news_1 .news_more a{ color:#fff;}
.news_1 .news_more:hover{ background:#cd2329;}
.news .borderBot,.newPro .borderBot{border-bottom:1px dashed #bbb;}
.about{position:relative;}
.about img{ float:left; margin-right:10px;}
.about p{ color:#464646;  line-height:20px; padding:13px 0; width:215px; height:176px; overflow:hidden; border-bottom:1px dashed #bbb; }
.about .news_more{ width:55px; height:20px; line-height:20px; border-radius:20px; background:#1887cd; display:inline-block; position:absolute; right:15px; bottom:8px; vertical-align:middle; text-align: center;}
.about .news_more a{ color:#fff;}
.about .news_more:hover{ background:#cd2329;}
.imLinks_4{ float:right; width:183px;}
.imLinks_4 .imLinks_4_1 a{ background:url(../image/imglinks_41.jpg) 0 0 no-repeat; width:183px; height:57px; display:inline-block; margin-bottom:13px;}
.imLinks_4 .imLinks_4_2 a{ background:url(../image/imglinks_41.jpg) 0 -70px no-repeat; width:183px; height:57px; display:inline-block; margin-bottom:13px;}
.imLinks_4 .imLinks_4_3 a{ background:url(../image/imglinks_41.jpg) 0 -141px no-repeat; width:183px; height:57px; display:inline-block; margin-bottom:13px;}
.imLinks_4 .imLinks_4_4 a{ background:url(../image/imglinks_41.jpg) 0 -210px no-repeat; width:183px; height:57px; display:inline-block; }

.fegexian{ margin:0 20px 20px 20px;}
.txtNav{ margin:0 20px 30px 20px; background:#f6f6f6; padding:27px 10px; clear:both;zoom:1; overflow:hidden;}
.txtNav .txtNav_tit{ font-size:18px; text-transform:capitalize; margin-bottom:15px;}
.txtNav  a{ color:#505050;}
.txtNav  a:hover{color:#0075c4; text-decoration:underline;}
.txtNav ul li { line-height:26px;}
.txtNav ul li span{ background:url(../image/icon1.jpg) 0 -56px no-repeat; width:8px; height:7px; display:inline-block; vertical-align:middle; margin-right:7px; _display:inline; _padding-right:5px; }
.part1{ width:210px;  float:left;padding:0 24px 0 15px;overflow:hidden; }
.part2{width:253px;  float:left; padding:0 24px;  border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3; overflow:hidden;}
.part3{width:155px;  float:left;padding:0 24px; border-right:1px solid #e3e3e3; overflow:hidden;}
.part4{width:135px;  float:left; padding:0 24px;}
.marginTop{ margin-top:40px;}
.botLogos{ overflow:hidden;zoom:1;  clear:both; padding-top:30px;}
.botLogos div{ width:187px; height:49px; border:1px solid #e6e6e6; display:inline-block; background:#fff; text-align:center; vertical-align:middle; border-radius:8px; margin-right:34px; float:left;}
.botLogos_1{ background:url(../image/bot_logos1.jpg) 0 0 no-repeat; display:inline-block; width:142px; height:34px; vertical-align:middle; margin-top:8px;}
.botLogos_2{ background:url(../image/bot_logos1.jpg) 0 -35px no-repeat; display:inline-block; width:174px; height:26px; vertical-align:middle; margin-top:11px;}
.botLogos_3{ background:url(../image/bot_logos1.jpg) 0 -61px no-repeat; display:inline-block; width:100px; height:30px; vertical-align:middle; margin-top:11px;}
.botLogos_4{ background:url(../image/bot_logos1.jpg) 0 -92px no-repeat; display:inline-block; width:96px; height:41px; vertical-align:middle; margin-top:4px;}

.footer{ overflow:hidden; zoom:1; clear:both;  height:90px; background:url(../image/botbg1.jpg) repeat-x;}
.footer{ overflow:hidden; zoom:1; clear:both;  height:90px; background:url(../image/botbg1.jpg) repeat-x;}
.footer .wrapper{background:url(../image/botbg1.jpg) repeat-x;}
.footer p{ color:#fff; font-size:12px; text-transform:capitalize; width:300px; float:left; margin-top:22px;}
.footer a{ color#fff;}
.footer a.blogo{ float:right; display:inline-block; width:200px; float:right; background:#006bb4; width:178px; height:90px;}
.footer a.blogo img{ margin:30px 11px;}
.footer a{ color:#fff;}


/*sub*/
.submain{overflow:hidden; zoom:1; width:1000px; margin:0px auto;background:#fff; margin-top:30px;}
.sub_c{overflow:hidden; zoom:1; padding:20px 10px; margin-bottom:70px;}
.sub_c_l{width:255px; float:left;}
.sub_c_r{width:685px; float:right; padding:20px 0 30px 0;}

.subtitle{ line-height:39px; background:url(http://cn.topsflo.com/d/images/icon_sub.png) 0 -25px; margin-bottom:3px; width:247px; height:39px; padding-left:20px;}
.subtitle a{font-size:20px; color:#fff; text-transform:capitalize;}
/*sub prolist*/
.leftprolist_title{ height:40px; background:#e0f1fa; border-left:3px solid #008cd5; margin-bottom:5px;}
.leftprolist_title span{ background:url(../image/subicon1.jpg) 0 -25px no-repeat; display:inline-block; width:205px; height:18px; margin:11px 18px;}

.leftslide_title{ height:40px; background:#e0f1fa; border-left:3px solid #008cd5; margin-bottom:22px;}
.leftslide_title span{ background:url(../image/subicon1.jpg) 0 -25px no-repeat; display:inline-block; width:205px; height:19px; margin:11px 18px;}
.leftslide{ margin:30px 0;}
.leftslide img{ width:200px; height:150px; padding:5px; border:1px solid #ccc;}
.aside-parts-slide { overflow:hidden; width:260px; margin:8px auto 0px; }
ul#aside-parts-slide  { overflow:hidden; position:relative; width:260px; height:205px; }
ul#aside-parts-slide  li{overflow:hidden; width:260px;  height:205px; position:absolute; top:0; left:0; display:none; text-align:center;}
ul#aside-parts-slide  li p{ margin-top:8px;}
ul#aside-parts-nav   {overflow:hidden; text-align:right; margin-right:30px;}
ul#aside-parts-nav  li { display: inline-block; vertical-align: top; width: 8px; height: 12px; margin: 0 2px; zoom: 1; *display: inline; cursor:pointer; background:url(../image/blackdot1.png) no-repeat;}
ul#aside-parts-nav  li.now { background:url(../image/reddot1.png); cursor:default; width: 10px; height: 12px;}

.leftcontact_title{ height:40px; background:#e0f1fa; border-left:3px solid #008cd5; margin-bottom:15px;}
.leftcontact_title span{ background:url(../image/subicon1.jpg) 0 -25px no-repeat; display:inline-block; width:205px; height:18px; margin:11px 18px;}
.onlineChat{ background:url(../image/subicon1.jpg) 0 -83px no-repeat; display:inline-block; width:245px; height:110px; margin-bottom:12px;}
.leftcontact ul{ line-height:28px; font-size:14px; padding-left:10px;}
.leftcontact ul span{ vertical-align:middle; margin-right:10px;}
.leftcontact ul .leftcontact_icon1{ background:url(../image/subicon1.jpg) 0 -194px no-repeat; display:inline-block; width:15px; height:15px;}
.leftcontact ul .leftcontact_icon2{ background:url(../image/subicon1.jpg) 0 -210px no-repeat; display:inline-block; width:16px; height:16px;}
.leftcontact ul .leftcontact_icon3{ background:url(../image/subicon1.jpg) 0 -227px no-repeat; display:inline-block; width:16px; height:12px;}
.leftcontact ul .leftcontact_icon4{ background:url(../image/subicon1.jpg) 0 -239px no-repeat; display:inline-block; width:17px; height:17px;}
.leftcontact ul .leftcontact_icon5{ background-image:url(../image/qq.png); display:inline-block; width:17px; height:17px; background-size:17px 17px;}
.leftcontact ul a{ color:#0073d5; text-decoration:underline;}
.leftcontact ul a:hover{ color:#333;}

.subbanner{ background:#f7f7f7; padding:12px; display:block; margin:0px auto; margin-bottom:30px;}
.breadcrumbs{ color:#0075c4; margin:0 0 20px 20px; padding:0; background:url(../image/application_tit_bg1.jpg) repeat-x center center; overflow: hidden;}
.breadcrumbs span{ background:url(../image/subicon1.jpg) 0 0 no-repeat; width:13px; height:12px; display:inline-block; vertical-align:middle; }
.breadcrumbs strong{color:#333; padding-left:10px; background: url(http://cn.topsflo.com/d/images/icon_3.png) no-repeat 0 0;}
.breadcrumbs a{margin:0px 5px;}
.breadcrumbs_txt{ background:#fff; float: left; padding-right: 25px;}


/***about***/
.subAbout{ overflow:hidden; zoom:1; clear:both;}
.subAbout h3{ font-size:20px; color:#008cd5; text-transform:uppercase; text-align:center; font-weight:normal;}
.subAbout img{ margin:20px 0;}
.subAbout p{ line-height:20px; padding:10px 0; color:#444;}

/**news.html**/

/**faq.html**/
.questions{ margin-bottom:30px; padding-bottom:15px; border-bottom:1px dashed #bbb; }
.q_title{ padding:10px 15px 10px 0px; text-shadow:none;}
.q_title a{color:#0073cc; font-size:16px;}
.q_title span{ background:url(../image/subicon1.jpg) 0 -258px no-repeat; width:18px; height:18px; display:inline-block; margin-right:12px;}
.q_text{padding:10px 15px 10px 0px; line-height:30px; min-height:46px;margin-left:30px;}
.faqinquiry{font-size:14px; font-weight:bold; color:#0073cc; text-decoration:underline;}

/**case.html**/
.prolistwrapper{padding:0px 7px 15px;}
.prolistwrapper .case_li{height:130px; overflow:hidden; padding:10px 5px 30px; border-bottom:1px dashed #999; margin-bottom:15px; position:relative;}
.prolistpic{ padding:3px; border:1px solid #ddd; margin-right:15px; float:left;}
.prolistpic .case_img{width:160px; height:120px;}
.prolistTitle a, .prolistTitle a:visited{display:block; margin-bottom:5px; width:460px;font-size:16px; float:left;}
.prolistwrapper li .case_p{ height:108px; overflow:hidden; width:460px; color:#888; margin-top:8px; float:left; }
.case_prolistmore { float:right; position:absolute; bottom:10px; left:190px;}
.case_prolistmore a{width:84px; height:23px; background:url(../image/case_more1.png) no-repeat;  display:inline-block;}
.prolistwrapper li:hover{ background:#e0f1fa;}


/***advantage**/
.subAdvantage_1{ margin-bottom:30px; border-bottom:1px dashed #ccc; padding:7px 7px 12px 7px; overflow:hidden; zoom:1; clear:both;}
.subAdvantage_1:hover{background:#e0f1fa;}
.subAdvantage_1 strong{ font-size:20px; font-weight:normal; color:#0075c4;}
.subAdvantage_1 p{ font-size:14px; line-height:22px; color:#555; padding:12px 0;}
.subAdvantage_more a{ background:url(../image/subicon1.jpg) 0 -277px no-repeat; display:inline-block; width:121px; height:20px;}
.subAdvantage_more a:hover{ text-decoration:none;}

/***career**/
.subCareer h3{ font-size:20px; text-transform:capitalize; color:#008cd5; font-weight:normal; margin-bottom:20px;}
.subCareer p{ padding:8px 0;}
.subCareer .subCareer_title{ font-size:14px; color:#373737;}
.subCareer .subCareer_content{ color:#666;}


/**procover.html**/
.subProcover{ overflow:hidden; zoom:1; clear:both;}
.subProcover_1{ margin-bottom:20px; border-bottom:1px dashed #ccc; padding:7px 7px 12px 7px; overflow:hidden; zoom:1; clear:both;}
.subProcover_1:hover{background:#e0f1fa;}
.subProcover_title{ color:#0082c6; font-size:20px;}
.subProcover_title span{ background:url(../image/subicon1.jpg)0 -298px no-repeat; display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:10px;}
.subProcover_content{ overflow:hidden; zoom:1; clear:both; margin-top:20px;}
.subProcover_content .proimg img{ width:220px; height:165px; padding:3px; border:1px solid #ddd; float:left; margin-right:15px;}
.subProcover_content .subProcover_content_right{ float:right; width:420px; color:#777;}
.subProcover_content_right p{ line-height:20px; font-size:14px;}
.subProcover_content ul{ color:#373737; font-size:14px; margin:10px 0; line-height:22px;}
.subProcover_content .subProcover_content_right img{ vertical-align:middle; margin-right:5px;}
.subProcover_content_right a{ text-decoration:underline; color:#0082c6;}


/**prodetail.html**/
.prodetailtop{margin-bottom:30px;}
.prodetailtopmain{overflow:hidden; zoom:1; padding:25px}
.prodetailtop_pic{width:420px; float:right; padding:5px; border:1px solid #ccc;}
.prodetailtop_text{width:50%; float:left;}
h1{font-size:16px; color:#0075c4; margin-bottom:10px;}
.data li{overflow:hidden; zoom:1; padding:10px 0px; border-bottom:1px dashed #ccc;}
.data .data_l{display:block; margin-right:1%; float:left; font-weight:bold; text-shadow:none;}
.data .data_r{float:left; width:64%;}
.blue{color:#999; margin:15px 0px;}
.pro_follow{margin:15px 0 0 0;line-height:20px;}
.help{color:#699B9C;}
.email{ background:url(../image/subicon1.jpg) 0 -315px no-repeat; width:134px; height:30px; display:inline-block; vertical-align:middle;}
.chat{ background:url(../image/subicon1.jpg) 0 -345px no-repeat; width:133px; height:32px; display:inline-block; vertical-align:middle;}
.email,.chat{margin-right:2%;}
.email:hover,.chat:hover{ text-decoration:none;}

.mainrin{position:relative;}
.subpromenu{overflow:hidden; zoom:1; height:45px; line-height:45px; margin-bottom:25px; text-shadow:none; margin-left:97px;}
.subpromenu li{float:left;text-align:center; height:43px; line-height:43px; font-size:14px; border:1px solid #ddd;}
.subpromenu li a,.subpromenu li a:visited{display:block; color:#333;  padding:0 30px; }
.subpromenu li a:hover{ text-decoration:underline; background:url(../image/prodetailBg1.jpg) repeat-x; height:45px; color:#fff; text-decoration:none;}
.subpromenu li.menuadv{float:none; border:none;  position:absolute; top:0; left:0px;}
.subpromenu li.menuadv a,.subpromenu li.menuadv a:visited{ background:url(../image/prodetailBg1.jpg) repeat-x; color:#fff; height:45px; border:none;}
.subprotext{margin-bottom:30px; border:1px solid #C6C6C6; border-top:2px solid  #6bb2ff; padding-bottom:20px;}
.subprotitle{height:35px; line-height:35px; font-weight:bold; color:#0075c4;  padding:0px 20px;}
.simple_intro{padding:20px 20px 10px;}
.text_box{padding:0px 20px 0px 20px; overflow:hidden; zoom:1;width: 638px;}
.text_l{width:350px; float:left;}
.pic_r{width:230px; float:right;}
.pic_r img{width:222px; height:148px; padding:3px; border:1px solid #ccc; background:#f4f4f4; margin:15px 0px;}
.text_l dl{margin-bottom:15px;}
.text_l dt{font-size:17px; margin-bottom:5px;}
.text_l dd,.simple_intro p{line-height:24px;}

.inquiry{border:1px solid #C6C6C6; border-top:2px solid  #639393;}
.inquirytitle{font-size:14px; font-weight:bold; color:#0075c4;padding:10px 0px 10px 20px;}
.contactinfor{padding:10px 0px 10px 20px; border-bottom:1px dashed #ccc;}
.inquirymain{padding:20px;}
.mail{ background:url(../image/subicon1.jpg) 0 -379px no-repeat; display:inline-block; width:18px; height:16px;  padding-left:10px; }
.phone{ background:url(../image/subicon1.jpg) 0 -397px no-repeat; display:inline-block; width:18px; height:16px;  padding-left:7px; margin-left:50px;}
.inquirymain span{font-weight:bold; color:#0075c4;}
.inquirymain table{margin-top:25px;}
.inquirymain input{border:1px solid #ccc; width:250px; height:18px;}
.inquirymain textarea{border:1px solid #ccc; width:350px; height:180px;}
.inquirymain table td{padding:3px 8px 3px 15px;}
.inquirymain input.sendmessage{background:url(../image/sendmessage1.png) no-repeat 0 0; width:169px; height:32px; border:none; margin:10px 0px 10px 180px;}

.table_bg{  line-height: 22px;}
.table_bg table{border:none;border-top:1px solid #CCC; border-left:1px solid #CCC; text-align:center; background:#E8E8E8; text-shadow:none;}
.table_bg tr{border:0px;}
.table_bg td,.table_bg th{border:none;border-bottom:1px solid #CCC;border-right:1px solid #CCC;padding:8px 0px;}

.prodetail_relate_pro { overflow:hidden; zoom:1; clear:both; }
.prodetail_relate_pro li{ float:left; margin-left:20px;}
.prodetail_relate_pro li p{ background:#f6f6f6; padding:5px 0; width:126px; text-align:center; margin-top:3px;}
.prodetail_relate_pro li img{ width:120px; height:90px; padding:3px; border:1px solid #eee;}

.floatSns{ position:fixed; top:190px; left:0; width:35px; z-index:999999999999; height:173px;}
.floatSns a:hover{ text-decoration:none;}
.floatSns_1{ width:35px; height:35px; display:inline-block; margin-bottom:10px; background:url(../image/sns1.png) 0 0 no-repeat;}

.floatSns_3{ width:35px; height:35px; display:inline-block; margin-bottom:10px; background:url(../image/sns1.png) 0 -92px no-repeat;}
.floatSns_4{ width:35px; height:35px; display:inline-block; margin-bottom:10px; background:url(../image/sns1.png) 0 -138px no-repeat;}
.floatSns_1:hover{ width:35px; height:35px; display:inline-block; margin-bottom:10px; background:url(../image/sns1.png) -35px 0 no-repeat;}

.floatSns_3:hover{ width:35px; height:35px; display:inline-block; margin-bottom:10px; background:url(../image/sns1.png) -35px -92px no-repeat;}
.floatSns_4:hover{ width:35px; height:35px; display:inline-block; margin-bottom:10px; background:url(../image/sns1.png) -35px -138px no-repeat;}/*.floatSns_2{ width:35px; height:35px; display:inline-block; margin-bottom:10px; background:url(../image/sns1.png) 0 -46px no-repeat;}.floatSns_2:hover{ width:35px; height:35px; display:inline-block; margin-bottom:10px; background:url(../image/sns1.png) -35px -46px no-repeat;}*/.floatSns_2{ width:35px; height:35px; display:inline-block; margin-bottom:10px; background:url(../image/sns1.png) 0 -185px no-repeat;}.floatSns_2:hover{ width:35px; height:35px; display:inline-block; margin-bottom:10px; background:url(../image/sns1.png) -35px -185px no-repeat;}



/* add application*/
.appli_2_tit{ height:40px; background:#e0f1fa; border-left:3px solid #008cd5; margin-bottom:5px;}
.appli_2_tit img{ display:inline-block; margin:11px 18px;}
.appli_2_left { 	margin: 0 auto; 	overflow:hidden;}
.appli_2_left ul li{	height:32px; 	cursor:pointer; 	background:#f8f8f8; line-height:32px;	font-size: 14px;  	color: #01b2f1; 	cursor: default; padding-left:18px; margin-bottom:3px;}
.appli_2_left ul i{ font-style:normal; background:url(../image/subicon1.jpg) 0 -13px no-repeat; width:11px; height:11px; display:inline-block; display:none; vertical-align:middle; margin-left:10px; margin-bottom:3px;}
.appli_2_left ul li:hover i{ display:inline-block;}

.appli_2{ overflow:hidden; zoom:1; clear:both; padding-right:10px;}
.appli_2 h5{ font-size:20px; font-weight:normal; color:#373737; margin-bottom:30px;}
.appli_2_top_content{ overflow:hidden; zoom:1; clear:both; padding:0 20px 0 10px; border-bottom:1px dashed #bbb; padding-bottom:20px; margin-bottom:35px;}
.appli_2_top_content .top_content_img{ background:url(../image/application_2_icon21.jpg) 0 0 no-repeat; width:106px; height:106px; display:inline-block;}
.appli_2_top_content p{ float:right; width:500px; height:auto; color:#555; font-size:14px; line-height:24px;}
.appli_2_top_content2{ overflow:hidden; zoom:1; clear:both; }
.appli_2_top_content2 p{ font-size:18px; color:#454545; margin-bottom:12px;}
.appli_2_top_content2 li{ line-height:24px; font-size:14px; color:#454545;float: left;width: 330px;}
.appli_2_top_content2 li span{ font-size:28px; font-family:Georgia, "Times New Roman", Times, serif; margin-right:8px; vertical-align:middle;}
/**/
.top_content_img_2{ background:url(../image/application_2_icon21.jpg) center -107px no-repeat; display:inline-block; width:106px; height:106px;}
.top_content_img_3{ background:url(../image/application_2_icon21.jpg) center -214px no-repeat; display:inline-block; width:106px; height:106px;}
.top_content_img_4{ background:url(../image/application_2_icon21.jpg) center -321px no-repeat; display:inline-block; width:106px; height:106px;}
.top_content_img_5{ background:url(../image/application_2_icon21.jpg) center -428px no-repeat; display:inline-block; width:106px; height:106px;}
.top_content_img_6{ background:url(../image/application_2_icon21.jpg) center -535px no-repeat; display:inline-block; width:106px; height:106px;}
.top_content_img_7{ background:url(../image/application_2_icon21.jpg) center -642px no-repeat; display:inline-block; width:106px; height:106px;}
.top_content_img_8{ background:url(../image/application_2_icon21.jpg) center -749px no-repeat; display:inline-block; width:106px; height:106px;}



.heading2ALLBG{
    background-image: url(../image/heading2_bg1.jpg);
	background-repeat: repeat;
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #e6e6e6;
	border-right-color: #cacaca;
	border-left-width: 1pt;
	border-left-style: solid;
	border-left-color: #cacaca;
			
}
.aboutlist tr,.aboutlist td{line-height:22px;}
.body_copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;font-weight: bold;
}
.aboutlist table h5 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
color: #0054a4;
margin-left: 20px;
margin-top: 3px;
margin-bottom: 3px;
}

.clickinfo{ text-align: right; margin: 10px 20px; }


/*denglu*/
.denglu{ border:1px solid #e1e1e1; padding:30px; margin:50px 20px;}
.denglu p{ font-size:26px; text-align:center; color:#474747; line-height:28px;}
.denglu p span{ font-size:14px; display:block; text-align:center;}
.denglu table{ width:810px; margin:0 auto; font-size:14px; margin-top:15px;}
.denglu table .shurukuang{ border:1px solid #e1e1e1; width:510px; height:28px; line-height:28px; }
.unline{ text-decoration:underline; padding-left:10px; color:#474747;}
.dl_btn{ background:url(../image/dl_btn1.jpg) no-repeat; width:181px; height:31px; border:none; margin-left:260px; margin-top:15px;}
.dl_btn:hover{filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}

/*zhuce*/
.zhuce{ border:1px solid #e1e1e1; padding:30px; margin:50px 20px;}
.zhuce_tit{ text-transform:uppercase; height:30px; background:#f6f6f6; padding-left:20px; font-size:14px; line-height:30px; color:#373737;}
.zhuce i{ font-style:normal; color:#f00;}
.zhuce p{ font-size:26px; text-align:center; color:#474747; line-height:28px; margin-bottom:35px;}
.zhuce p span{ font-size:14px; display:block; text-align:center;}
.zhuce table{ color:#666;width:840px; margin:0 auto;margin-top:12px;}
.zhuce table .shurukuang{ border:1px solid #e1e1e1; width:510px; height:28px; line-height:28px;}
.zhuce textarea{ width:560px; height:145px; border:1px solid #e1e1e1; margin-top:10px;}
.zc_btn{ background:url(../image/zc_btn1.jpg) no-repeat; width:208px; height:31px; border:none; margin-left:240px; margin-top:15px;}
.zc_btn:hover{filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}

/*dingzhi*/
.dingzhi{ border:1px solid #e1e1e1; padding:30px; margin:50px 20px;}
.dingzhi_tit{ text-transform:uppercase; height:36px; background:#f6f6f6; padding-left:20px; font-size:16px; line-height:36px; color:#373737;}
.dingzhi i{ font-style:normal; color:#f00;}
.dingzhi .small{ color:#888; margin:10px 20px;}
.dingzhi .tip{ color:#444 !important; margin-bottom:50px; margin-left:20px;}
.dingzhi table{ color:#333;width:840px; margin:20px auto;}
.dingzhi table .shurukuang{ border:1px solid #e1e1e1; width:510px; height:28px; line-height:28px;}
.dingzhi p{ font-size:12px !important; display:block;}
.mar_l{ padding-left:139px;}
.dingzhi textarea{ width:560px; height:145px; border:1px solid #e1e1e1; margin:10px 0;}
.dingzhi  td span{ margin-right:20px; display:inline-block;}
.dz_btn input{ background:url(../image/dingzhi_btn1.jpg) no-repeat; width:208px; height:31px; border:none; }
.dz_btn input:hover{filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}
.pad_b{ padding-bottom:20px;}
.bordertop td{border-top:1px dashed #bbb; padding-top:40px;}

/* add application*/
.application{ overflow:hidden; zoom:1; clear:both; color:#373737;}
.application img{ margin-bottom:20px;}
.top_txt p{ line-height:22px;}
.top_txt  h5{ font-size:18px; color:#0075b3; text-transform:capitalize; font-weight:normal; margin:25px 0 10px 0;}
.application_icons{ margin:50px 0; overflow:hidden; zoom:1; clear:both; padding-right:60px;}
.application_icons div{ overflow:hidden; zoom:1; clear:both; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;}
.application_icons p{ float:left; color:#555;}
.application_icons a{font-size:18px; color:#0075b3; text-transform:capitalize;}
.application_icon1 span{ background:url(../image/application_icon1.jpg) 0 0 no-repeat; display:inline-block; width:41px; height:42px; float:left; margin-right:25px;}
.application_icon2 span{ background:url(../image/application_icon1.jpg) 0 -43px no-repeat; display:inline-block; width:41px; height:29px; float:left; margin-right:25px; margin-top:10px;}
.application_icon3 span{ background:url(../image/application_icon1.jpg) 0 -73px no-repeat; display:inline-block; width:41px; height:32px; float:left; margin-right:25px;margin-top:10px;}
.application_icon4 span{ background:url(../image/application_icon1.jpg) 0 -107px no-repeat; display:inline-block; width:41px; height:28px; float:left; margin-right:25px;margin-top:6px;}
.application_icon5 span{ background:url(../image/application_icon1.jpg) 0 -137px no-repeat; display:inline-block; width:41px; height:45px; float:left; margin-right:25px;}
.application_icon6 span{ background:url(../image/application_icon1.jpg) 0 -184px no-repeat; display:inline-block; width:41px; height:35px; float:left; margin-right:25px;margin-top:6px;}
.application_icon7 span{ background:url(../image/application_icon1.jpg) 0 -219px no-repeat; display:inline-block; width:41px; height:32px; float:left; margin-right:25px;margin-top:8px;}
.application_icon8 span{ background:url(../image/application_icon1.jpg) 0 -251px no-repeat; display:inline-block; width:41px; height:27px; float:left; margin-right:25px;margin-top:10px;}


.backToTop { display: none; width: 60px;
line-height: 60px;
background:url(../image/st.png) no-repeat 18px 21px #000000; color: #fff; 
font-size: 14px; text-align: center; 
position: fixed;
 _position: absolute; 
right:20px; 
bottom: 150px;
 _bottom: "auto"; 
 cursor: pointer; opacity: 0.5; 
 filter:Alpha(opacity=50);text-indent: -9999px;}
.backToTop:hover { background-color:#1572a8;opacity:1; filter:alpha(opacity=100);}

.c_font{display:block; text-align:right; color:#ff0000;}
.c_bg{ background:#1680b4; display:block;}
.c_font2{ font-size:12px; font-weight:bold; padding:3px 10px;margin-bottom:1px; color:#fff;}
.c_textarea{ width:99%; height:100px; border:1px solid #cbcfd2;}
.c_info{ overflow:hidden;zoom:1; background:#FFFFFF; padding:20px 0; border:solid 1px #f0f0f0;}
.c_info_left1{width:90px; float:left;padding:0 0 0 15px; text-align:right; margin-right:10px; _margin-right:5px;display:inline;}
.c_info_left2{width:190px; float:left; margin-right:25px; _margin-right:12px; display:inline;}
.c_info_right{width:200px; float:left;padding:0 25px 0 0;}
.c_info .c_input{height:27px; width:218px; background:#e8e8e8; margin:0 0 5px; border:none; color:#999; padding-left:10px;}
.c_m{margin:0 0 12px; }
.c_btn{ text-align: center; padding:18px 0 30px;}
.c_border{ border-bottom:1px dashed #e3e3e3;}
.c_info_left2 select{height: 27px;width: 228px;background: #e8e8e8;}

.f_sign dl dt{color:#c4cbe4; font-size:12px; padding:0 0 20px;}
.f_sign dl dd { color:#989cb0;font-size:10px; padding:15px 0 0; line-height:16px;}
.f_sign form{ overflow:hidden; zoom:1; margin:0 0 5px;}
.f_sign form #searchfield{width:200px; padding: 0 10px; height:28px; border:none; float:left;border: 1px solid #ccc;}
.f_sign form #searchbutton{width:62px;height: 30px; background:#ffa200; border:none; color:#fff; text-transform:uppercase; float:left; text-align:center;}


/***2014-12-1 contact**/
.subContact_part1{clear:both; overflow:hidden; zoom:1;}
.subContact_part1 h3{ font-size:16px; color:#0075c4; text-transform:capitalize; margin-bottom:40px;}
.subContact_part1 .subContact_L{ float:left;}
.subContact_part1 .subContact_R{ float:right;}
.subContact_part2{ margin:55px 0 45px 0; clear:both; overflow:hidden; zoom:1;}
.subContact_part2 span{ color:#7e7e7e; margin-bottom:15px; display:inline-block;}
.subContact_part2 ul{ line-height:24px; color:#414141;}
.subContact_part2 img{ vertical-align:middle; margin:0 5px 0 10px;}
.subContact_part2 a{color:#0075c4;}
.subContact_part3 span{ font-size:14px; color:#3c3c3c; font-weight:bold;}
.subContact_part3 ul{ margin-top:12px; line-height:24px; color:#414141;}
.subContact_part3 ul img{ vertical-align:middle; margin-right:7px;}
.subContact_part3 .mapLink{ padding-top:30px;}
.subContact_part3 .mapLink a{color:#0075c4; font-size:14px;}
/*** contact2**/
.subContact_2 h3{ font-size:16px; color:#0075c4; text-transform:capitalize; margin-bottom:40px;}
.subContact_2 img{max-width: 100%; height: auto !important;}
.subContact_2 p{ color:#979797; line-height:20px; margin-bottom:30px;}
.subContact_2 ul{ color:#444; line-height:24px;}
/*** contact3**/
.subContact_3 h3{ font-size:16px; color:#0075c4;text-transform:capitalize; margin-bottom:40px;}
.subContact_3_text{ width:100%; height:24px; border:1px solid #ccc;}
.subContact_3 textarea{ width:100%; height:92px;  border:1px solid #ccc;}
.subContact_3 table tr td{ padding-bottom:10px;}
.subContact_3 table{ margin-bottom:35px;}
.subContact_3 table select{ padding:3px 0;}
.subContact_3_part2 .tit{ font-size:18px; color:#464646; margin-bottom:30px;}
.part2_box{ clear:both; overflow:hidden; zoom:1;}
.subContact_3_part2 ul{ float:left; width:220px; margin-right:41px;}
.subContact_3_part2 ul li{ margin-bottom:7px; color:#444;}
.subContact_3_part2 select{ width:220px; padding:3px 0; margin-bottom:12px;}
.subContact_3_part2 .part2_text{width:100%; height:24px; border:1px solid #ccc; margin-bottom:12px;}
.subContact_3_part2 .part2_btn{ background:url(../image/contact_btn1.jpg) no-repeat; width:60px; height:26px; border:0; cursor:pointer;}
/*** contact4**/
.subContact_4  h3{ font-size:16px; color:#0075c4; font-weight:normal; text-transform:capitalize; margin-bottom:30px;}
.subContact_4 p{ color:#888; line-height:20px; margin-bottom:15px;}
.subContact_4 ul li{ line-height:28px; color:#373737;}
.subContact_4 .ul_tit{ margin-bottom:5px; color:#333;}
.subContact_4 .Newsletter_c{ vertical-align:middle; margin-right:5px; width:15px; height:15px;}
.subContact_4 .Newsletter_btn{ background:url(../image/sub_btn1.jpg) no-repeat; width:107px; height:29px; border:0; margin-top:20px; cursor:pointer;}
.subContact_4  .part2_box ul{float:left; width:220px; margin-right:41px;}
.subContact_4  .part2_box select{ width:220px; padding:3px 0; margin-bottom:12px;}
.subContact_4 .part2_text{width:100%; height:24px; border:1px solid #ccc;}
.subContact_4 .part2_box{ clear:both; overflow:hidden; zoom:1; width: 560px; background: #F5F5F5; padding-left: 25px;}




/****2014-12-4 application*****/
.app_help{ clear:both; overflow:hidden; zoom:1;}
.app_help h5{ font-size:16px; color:#0075c4; text-transform:capitalize; margin-bottom:15px;}
.app_1{ margin-bottom:8px; line-height:24px;}
.app_help p{ color:#444;}
.app_help a{ background:url(../image/contact_img41.jpg) no-repeat; vertical-align:middle; padding-left:18px; color:#0075c4; font-weight:bold;}


/**news change***/
.news_tit{ clear:both; overflow:hidden; zoom:1; text-transform:capitalize; margin-bottom:30px; border-bottom:1px solid #ddd; padding-bottom:30px;}
.news_tit span{ float:left; font-size:20px; color:#0075c4; font-weight:normal; }
.news_tit .news_tit_R{ float:right; margin-right:30px;}
.news_tit_R select{ padding:3px 10px; margin-right:12px;}
.news_tit_R input{ height:23px; line-height:23px; width:55px; text-align:center; background:#0075c4; color:#fff; border:none; border-radius:2px;}
.news_main{ clear:both; overflow:hidden; zoom:1; padding:0 20px;}
.news_main .news_list1{clear:both; overflow:hidden; zoom:1;  border-bottom:1px solid #ddd; padding-bottom:25px; margin-bottom:25px;}
.news_list1 img{ width:120px; height:90px; float:left;}
.news_list1 .news_list1_R{ width:490px; float:right; overflow:hidden;}
.news_list1_R .line1_txt{ color:#999;}
.line1_txt span{ float:right;}
.news_list1_R strong{ font-weight:normal; font-size:14px; display:block;}
.news_list1_R p{color:#333; margin-bottom:5px;}
.news_list1_R a{background:url(../image/contact_img41.jpg) no-repeat; vertical-align:middle; padding-left:18px; color:#0075c4;}


/***left pro list**/
.subLeftList{clear:both; overflow:hidden; zoom:1; }
.leftprolist_title{ margin-bottom:15px;}
.subLeftList .proNav > a {	background:url(../image/add1.jpg) 5px 8px no-repeat;	display: block; padding-left: 28px;color: #333;	text-decoration: none;	font-weight: normal; font-size:14px; line-height:28px; height:28px; border-bottom:1px solid #eee;}
.subLeftList .proNav:hover { background:#f5f5f5;}
.subLeftList .proNav.open {background:url(../image/plus1.jpg) 5px 8px no-repeat;}
.subLeftList  .proNav.open > a {background:url(../image/plus1.jpg) 5px 8px no-repeat;}
.subLeftList .subulink a{ padding-left:30px; line-height:28px; display:block;}

/***left No_pro list**/
.sub_leftNavList h5{ text-transform:uppercase; font-size:20px; background:#e0f1fa; border-left:2px solid #008cd5; color:#0574ca; padding:8px 18px; margin-bottom:15px;}
.sub_leftNavList ul li{ line-height:28px; border-bottom:1px solid #ddd; font-size:13px;}
.sub_leftNavList ul li a{ display:inline-block; padding-left:20px; width:91.5%;}
.sub_leftNavList ul li a:hover{ color:#fff; background:#0574ca; text-decoration:none;}

.siteul li{ width:40%; margin:5px; float:left;}

/******2015-1-6 service(dowonload)****************/
.tab_mo{border-top:2px solid #ccc; padding:10px;}
.tab{list-style:none;}
.tab li{ display:inline-block; margin-bottom:6px; font-size:12px;}
.tab li a{ padding:7px 12px; border:1px solid #ccc; color:#373737; text-decoration:none; background:#fff; font-size:13px; text-transform:capitalize;}
.tab li a:hover{ background:#0075c4;color:#fff;}
.tab li.no a{ background:#0075c4; color:#fff;border-bottom:1px solid #fff; font-weight:bold;}
.SubDownload .SubDownload_table{ margin:10px 0 30px 0; width:98%;}
.SubDownload .SubDownload_table tr td{ border-bottom:1px solid #ddd; line-height:26px; height:26px; color:#373737;}
.SubDownload_table .d_btn{ background:url(../image/contact_img41.jpg) no-repeat; padding-left:20px;margin-left:-11px; color:#0075c4; text-decoration:underline;}

.ir {display:block;font-size:0;height:20px;line-height:0;overflow:hidden;text-indent:-9999px;padding:0 40px 0 0;margin:0;}
.cnt_tooltip {display:block !important;position:absolute;z-index:2;}
.cnt_tooltip .cnt_tooltip_inner {display:block !important;position:relative;top:0;left:0;}
.cnt_tooltip .cnt_tooltip_inner .tooltip_top{background:url(../image/tt_top1.png) no-repeat scroll top right transparent;height:20px;width:192px;}
.cnt_tooltip .cnt_tooltip_inner .tooltip_middle{background:url(../image/tt_middle1.png) repeat-y scroll top left transparent;width:192px;}
.cnt_tooltip .cnt_tooltip_inner .tooltip_middle .tooltip_content{padding:5px 25px;}
.cnt_tooltip .cnt_tooltip_inner .tooltip_bottom{background:url(../image/tt_bottom1.png) no-repeat scroll top left transparent;height:30px;width:192px;}
.tx_avdownload{ background:url(../image/preview1.png) no-repeat center center; padding:0 10px;}
.tx_avdownload .list .download {    padding:5px 0px;}
.tx_avdownload .list .download .preview{  position:relative;}
.tx_avdownload .list .download .preview .cnt_tooltip{   margin-left: -80px;  margin-top: -275px;}




/****2017-08-17  lzf  add****/
.content_advantage,
.content_case_par_box,
.content_client,
.content_honor,
.content_factory{
	clear: both;
	padding: 20px;
	overflow: hidden;
}
.content_case{
	float: left;
	width: 586px;
	height: 263px;
	overflow: hidden;
}
.content_part{
	float: right;
	width: 354px;
	height: 263px;
	overflow: hidden;
}
.content_advantage a,
.content_case_par_box a,
.content_client a,
.content_honor a,
.content_factory a,
.content_case a,
.content_part a{
	display: block;
	width: 100%;
}
.content_advantage img,
.content_case_par_box img,
.content_client img,
.content_honor img,
.content_factory img,
.content_case img,
.content_part img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.sub_c_r .aboutlist span{
	letter-spacing: initial!important;
}
.sub_c_r .aboutlist{
	letter-spacing: 2px!important;
}




.prolistpic {
    width: 170px;
}

.prolistpic a {
    display: block;
}

.prolistpic a img {
    width: 100%;
}




.qqkefu{
    position: fixed;
    top:45%;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop + 365));
    z-index: 20;
    /*right:0;*/
    right: 45px;
    width:39px;
}
.qqkefu ul li{
    width: 45px;
    height:45px;
    margin-bottom:1px;
    float:right;
    background:url("../image/1533691986344379.png") no-repeat;
    background-color: #0068b6;
    line-height:45px;
    font-size:14px;
    cursor:pointer;
    position:relative;
}
.qqkefu ul li a{
    color:#fff;
    overflow: hidden;
    display: block;
    height: 45px;
    padding-left: 10px;
    text-decoration: none;
}
.qqkefu ul li.qq_cza{
    overflow:hidden
}
.qqkefu ul li:hover{
    background-color:#222;
}
.qqkefu ul li.top{
    background-position: 0 0;
    position:relative;
    width:45px;
    height: 45px;
    cursor:pointer;
}

.qqkefu ul li b{
    width:45px;
    height:45px;
    display:block;
    overflow:hidden;
    float:right;
}
.qqkefu ul li span{
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}
.qqkefu ul li.qq_phone{
    background-position: right -46px;
}
.qqkefu ul li.qq_ku{
    background-position: right -92px;
}
.qqkefu ul li.qq_ms{
    background-position: right -92px;
}
.qqkefu ul li.qq_czb{
    background-position: right -184px;
}
.qqkefu ul li.qq_app{
    background-position: right -185px;
}
.qqkefu ul li.qq_wxgzh{
    background-position: right -230px;
}
.qqkefu ul li.qq_czae{ line-height:15px !important}

    .erweima{
    width: 130px;
    height: 150px;
    position: absolute;
    top: -107px;
    left: -150px;
    background: #FFF;
    border: 1px solid #CCC;
    float: left;
    cursor: default !important;
    display:none;
    /*overflow: hidden;*/
}
.erweima p{
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
}
.erweima p img{
    width: 110px;
    height: 110px;
    margin: 10px 10px 0px 10px;
}
.erweima .arrow3 {
    width: 5px;
    height: 10px;
    display: block;
    /*background:url(../images/czx6.png) no-repeat;*/
    position: absolute;
    right: -5px;
    top: 122px;
}
    .app{
    width: 130px;
    height: 150px;
    position: absolute;
    top: -107px;
    left: -150px;
    background: #FFF;
    border: 1px solid #CCC;
    float: left;
    cursor: default !important;
    display:none;
    /*overflow: hidden;*/
}
.app p{
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
}
.app p img{
    width: 110px;
    height: 110px;
    margin: 10px 10px 0px 10px;
}
.app .arrow3 {
    width: 5px;
    height: 10px;
    display: block;
    /*background:url(../images/czx6.png) no-repeat;*/
    position: absolute;
    right: -5px;
    top: 132px;
}



    .wxgzh{
    width: 130px;
    height: 150px;
    position: absolute;
    top: -107px;
    left: -150px;
    background: #FFF;
    border: 1px solid #CCC;
    float: left;
    cursor: default !important;
    display:none;
    /*overflow: hidden;*/
}
.wxgzh p{
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
}
.wxgzh p img{
    width: 110px;
    height: 110px;
    margin: 10px 10px 0px 10px;
}
.wxgzh .arrow3 {
    width: 5px;
    height: 10px;
    display: block;
    /*background:url(../images/czx6.png) no-repeat;*/
    position: absolute;
    right: -5px;
    top: 132px;
}
.qqkefu ul li a:hover{color:#fff}



img {
    max-width: 100%;
}