body{margin:0px;padding:0px;}
.fontp{font-size:12px;font-family:Arial, Helvetica, sans-serif;}
ul,li,p,span,h1,h2,h3,h4,dd,dl{margin:0px;padding:0px; font:"Microsoft YaHei";}
li{list-style-type:none}
a{color: #333;text-decoration:none}
img{border:none;}
a:hover{color:#F90}
input, button, select, textarea {color:#636363;font-size:100%;outline:medium none;}
em,address{font-style:normal;}
.none{display:none}
.clrfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.fontYaHei {font-family:"Hiragino Sans GB","Microsoft YaHei",黑体,宋体,sans-serif;}
.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden;}



.window {position:absolute;border-radius:4px;background: #fff;padding: 10px;margin:0 auto;margin-top: -150px; z-index:999; margin-left:180px;}
.close_a{ position:absolute; z-index:999; right:-10px; top:-10px;}


/**首页**/
.top{background:#F7F7F7;border-bottom:1px solid #E4E2E2;height:32px; }
.top .top_content{width:80%;margin:0 auto}
.top .top_content .fl{float:left}
.top .top_content .fl em{font-style:normal;color:#666;background:url(/images/tel.jpg) no-repeat;line-height:32px;height:32px;display:block;float:left;padding-left:20px;padding-right:30px}
.top .top_content .fl em.tel{}
.top .top_content .fl em.email{background-position:0px -34px}
.top .top_content .fr{float:right}
.top .top_content .fr a{padding-left:30px;line-height:32px;color:#666}

.login_head{width:80%;margin:0 auto;}
.login_head .logo{float:left;width:410px;background:url(/style/index/logo.jpg) left center no-repeat;height:85px;}
.login_head .menu{float:right;font-size:16px;margin-top:25px;height:30px;overflow:hidden}
.login_head .menu ul li{float:left;text-align:center;height:32px;line-height:30px;overflow:hidden;width:90px;}
.login_head .menu ul li a{color:#000;height:30px;line-height:30px;overflow:hidden;display:block}
.login_head .menu span{display:block;margin-top:-30px;}
.login_head .menu ul li a:hover{color:#0998DD;font-weight:bold;border-bottom:2px solid #0998DD;padding-top:30px;}
.login_head .menu ul li a.select{color:#0998DD;font-weight:bold;border-bottom:2px solid #0998DD;padding-top:30px;}
.login_head .menu ul li a:hover span,.login_head .menu ul li a.select span{border-bottom:2px solid #0998DD;}

.login_head .menu_mini{position:absolute; right:10px; width:100%;display:none;padding-top:20px;}
.login_head .menu_mini a#pull{ float:right;}
.login_head .menu_mini ul{display:none; text-align:right; clear:both; padding-top:20px; position:relative; z-index:999; width:100%;}
.login_head .menu_mini ul li{ display:block; width:100%; height:32px; background:#ccc; text-align:center; border-bottom:1px solid #fff; line-height:32px;}
.login_head .menu_mini ul li a{ color:#666;}
.login_head .menu_mini ul li:hover{ background:#666; color:#fff;}
.login_head .menu_mini ul li:hover a{ color:#fff;}



/**banner**/
.login_img{width:100%;float:left;position:relative;overflow:hidden;height:450px}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0px;margin:0;height:450px;z-index:-1}
.rslides li{position:absolute;display:none;width:100%;height:450px;left:0;top:0;}
.rslides li .middle{width:1024px;margin:0 auto}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;border:0px;}
.slide_container{margin-bottom: 50px;position:relative;float:left;width:100%;height:450px}
.slide{position:relative;list-style:none;overflow:hidden;width:100%;padding:0; margin:0;}
.slide li{position:absolute;width:100%;height:450px;text-align:center;left:0;top:0;overflow:hidden}
.slide img{display:block;position:relative;z-index:1;height:auto;text-align:center;border:0;}
.slide .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background: rgba(0,0,0, 0.8);left:0px;right:0px;bottom:0px;padding:10px 20px;margin:0px;max-width:none;}
.slide_nav{position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 52%;left: 0;opacity: 0.5;z-index: 3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("/images/themes.gif") no-repeat left top;margin-top:-45px;}
.slide_nav:active{opacity:1.0;}
.slide_nav.next{left:auto;background-position:right top; right:0px;}
.ab_middle{}


/**产品展示**/
.product{width:100%;background:#EBF3FB;float:left;padding:50px 0px;position:relative}
.product .content{width:80%; margin:0 auto;}
.product .content h1{color:#000;font-size:20px;width:100%;text-align:center;font-weight:lighter;border-bottom:1px solid #fff;}
.product .content h1 span{display:block;width:100px;height:1px;line-height:1px;margin:0 auto;margin-top:30px;background:#0998DD;}
.product .content ul{width:100%;text-align:center;float:left;margin-top:50px}
.product .content ul li{float:left;margin:0px 5%;display:inline;width:15%}
.product .content ul li em{width:100%;height:90px;background:url(/images/product.png) no-repeat;display:block}
.product .content ul li em.l1{background-position:center 0px;}
.product .content ul li em.l2{background-position:center -104px;}
.product .content ul li em.l3{background-position:center -207px;}
.product .content ul li em.l4{background-position:center -310px;}
.product .content ul li h4{text-align:center;width:100%;display:block;float:left;font-size:16px;padding:10px 0px}
.product .content ul li p{text-align:center;width:100%; font-size:13px;display:block;float:left;line-height:28px;color:#333; font-family:Arial, Helvetica, sans-serif;}
.product .content .more{width:100%;float:left;position:relative}
.product .content .more a{width:160px;height:40px;line-height:44px;margin:0 auto;color:#0998DD;border:1px solid #0998DD; border-radius:50px;display:block;text-align:center;font-size:18px;margin-top:50px}
.product .content .more a:hover{color:#F60;border:1px solid #F60; font-weight: bold}
.product .bgs{width:100%;height:133px;position:absolute;left:0px;bottom:-100px }
.product .bgs img{width:100%;height:60px}


/**我们的优势**/
.merits{width:80%;margin:100px 5% 50px 5%;float:left}
.merits .fl{float:left;text-align:right;width:35%}
.merits .fl img{text-align:right; width:100%;}
.merits .fr{float:right; width:55%}
.merits .fr h1{font-size:30px;font-weight:lighter}
.merits .fr p{text-align:left;line-height:24px;font-size:16px;padding:10px 0px}
.merits .fr ul li{color:#666;padding-left:25px;margin:15px 0px;background:url(/images/prompt.png) 0px -26px no-repeat; font-size:13px; font-family:Arial, Helvetica, sans-serif;}


/**新闻中心**/
.news{width:100%;float:left;padding:0px 0px 50px 0px;position:relative}
.news .content{width:80%;margin:0 auto;}
.news .content h1{color:#000;font-size:30px;width:100%;text-align:center;border-bottom:1px solid #ddd;}
.news .content h1 span{display:block;width:100px;height:1px;line-height:1px;margin:0 auto;margin-top:20px;background:#0998DD;}
.news .content h3{color:#666;font-size:16px;width:100%; line-height:50px;text-align:center;font-weight:lighter;padding-top:10px; color:#333}
.news .content ul{width:100%;text-align:center;float:left;margin-top:50px}
.news .content ul li{float:left; margin:0px 4%; display:inline;width:17%}
.news .content ul li a{position:relative}
.news .content ul li a img{width:100%; height:200px;}
.news .content ul li a:hover span{width:100%;height:200px;background:url(/images/ss.png) center no-repeat #2B7BBA; display:block;position:absolute;left:0px;top:-190px;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.news .content ul li h4{text-align:left;width:100%;display:block;float:left;font-size:16px;padding:10px 0px; font-weight:lighter}
.news .content ul li p{text-align:left;width:100%;display:block;float:left;line-height:20px;color:#333; font-family:Arial, Helvetica, sans-serif;}
.news .content .more{width:100%;float:left;position:relative}
.news .content .more a{width:160px;height:40px;line-height:44px;margin:0 auto;color:#666;border:1px solid #ccc; border-radius:50px;display:block;text-align:center;font-size:18px;margin-top:50px}
.news .content .more a:hover{color:#F60;border:1px solid #F60; font-weight: bold}



/**关于我们**/
.about{width:100%;float:left;background:#F0EFEF;padding:50px 0px}
.about .content{width:80%;margin:0 auto;}
.about .content h1{color:#000;font-size:30px;width:100%;text-align:center;border-bottom:1px solid #ddd;}
.about .content h1 span{display:block;width:100px;height:1px;line-height:1px;margin:0 auto;margin-top:20px;background:#0998DD;}
.about .content h3{color:#333;font-size:14px;width:80%;text-align:center;font-weight:lighter;padding-top:30px;margin:0 auto;line-height:26px; font-family:Arial, Helvetica, sans-serif;}
.about .content ul{width:80%;text-align:center;margin:0 auto; margin-top:50px}
.about .content ul li{float:left;margin:0px 3%;display:inline;width:19%}
/** 六边形样式**/
.hex {width:150px;height:86px;background-color:#ccc;background-repeat:no-repeat;background-position:50% 50%;position: relative;float:left;margin:25px 5px;text-align:center;zoom:1;border-left:5px solid #DDDDDD;border-right:5px solid #DDDDDD}
.hex a {display:block;width: 100%;height:100%;text-indent:-9999em;position:absolute;top:0;left:0;}
.hex .corner-1,.hex .corner-2 {position: absolute;top:0;left:0;width:100%;height:100%;background: inherit;z-index:1;overflow:hidden;backface-visibility:hidden;border-left:5px solid #DDDDDD;border-right:5px solid #DDDDDD}
.hex .corner-1 {z-index:1;transform: rotate(60deg);}
.hex .corner-2 {transform: rotate(-60deg);}
.hex .corner-1:before,.hex .corner-2:before {width:173px;height:173px;content:'';position:absolute;background:inherit;top:0;left:0;z-index:2;background:inherit;background-repeat:no-repeat;backface-visibility:hidden;}			
.hex .corner-1:before {transform:rotate(-60deg) translate(-87px, 0px);transform-origin:0 0;}			
.hex .corner-2:before {transform:rotate(60deg) translate(-48px, -11px);bottom:0;}		
/** end**/
.about .content ul li a{position:relative}
.about .content ul li a img{width:204px;height:150px;}
.about .content .more{width:100%; float:left;position:relative}
.about .content .more a{width:160px;height:40px;line-height:44px;margin:0px auto;color:#666;border:1px solid #ccc; border-radius:50px;display:block;text-align:center;font-size:18px;margin-top:80px}
.about .content .more a:hover{color:#F60;border:1px solid #F60; font-weight: bold}



/**成功案例**/
.case{width:100%;float:left;padding:30px 0px 50px 0px;position:relative}
.case .content{width:80%;margin:0 auto;}
.case .content h1{color:#000;font-size:30px;width:100%;text-align:center;border-bottom:1px solid #ddd;}
.case .content h1 span{display:block;width:100px;height:1px;line-height:1px;margin:0 auto;margin-top:20px;background:#0998DD;}
.case .content h3{color:#333;font-size:16px;width:100%;text-align:center;font-weight:lighter;padding-top:30px}
.case .content .pic{width:100%;text-align:center;float:left;margin-top:50px}
.case .content .pic img{width:200px;height:70px;border:1px solid #ddd; margin:8px;}
.case .content ul{width:100%;text-align:center;float:left;margin-top:50px}
.case .content ul li{float:left;margin:8px;display:inline;width:200px;height:70px;border:1px solid #ddd}
.case .content ul li img{width:200px;height:70px;}


/**联系方式**/
.contact{width:100%;background:#2E2E2E;padding:50px 0px;float:left}
.contact .content{width:80%;margin:0 auto}
.contact .content .fl{float:left;width:50%}
.contact .content .fl h1{color:#fff;font-size:32px;font-weight:lighter;width:100%;text-align:left;border-bottom:1px solid #4D4C4C;}
.contact .content .fl h1 span{display:block;width:100px;height:1px;line-height:1px;margin-top:20px;background:#6B6B6B;}
.contact .content .fl ul{width:100%;text-align:left;float:left;margin-top:40px}
.contact .content .fl ul li{float:left;width:100%;color:#fff;line-height:24px;padding-bottom:20px; font-family:Arial, Helvetica, sans-serif;}
.contact .content .fl ul li em{width:25px;height:25px;background:url(/images/contact.png) no-repeat;display:block;float:left;margin-right:20px;display:inline; font-family:Arial, Helvetica, sans-serif;}
.contact .content .fl ul li em.address{background-position:0px -17px}
.contact .content .fl ul li em.tel{background-position:0px -58px}
.contact .content .fl ul li em.email{background-position:0px -100px}
.contact .content .fl ul li em.service{background-position:0px -142px}
.contact .content .fl ul li span{display:block;float:left}
.contact .content .fr{float:right;}
.contact .content .fr h4{width:100%;text-align:center;font-size:16px;font-weight:lighter;color:#FFF;padding:20px 0px;}
.contact .content .fr h5{width:100%;text-align:center;font-size:14px;font-weight:lighter;color:#FFF;padding:20px 0px; margin:0px;padding:10px 0px; clear:both;}
.contact .content .fr ul.erweima{width:68%; margin:0 auto;}
.contact .content .fr ul.erweima li{margin:10px 10px 30px 10px;float:left;}
.contact .content .fr ul.attention{width:100%;}
.contact .content .fr ul.attention li{margin:10px;float:left;width:46px;height:46px}
.contact .content .fr ul.attention li a{background:url(/images/attention.png) no-repeat;text-indent:-9999px;color:#FFF; display:block;width:46px;height:46px}
.contact .content .fr ul.attention li a.xinl{background-position:0px 0px}
.contact .content .fr ul.attention li a.tengxun{background-position:0px -58px}
.contact .content .fr ul.attention li a.weixin{background-position:0px -112px}

/**footer**/
.footer{width:100%;text-align:center;color:#fff;float:left;background:#040404;line-height:26px;padding:20px 0px}
.footer .link{width:100%;text-align:center}
.footer .link a{color:#FFF;padding-right:10px}
.footer .link a:hover{color:#999;text-decoration:underline}
@media screen and (max-width: 1210px) {  
.top .top_content{width:80%;margin:0 auto}
}
@media screen and (min-width: 960px) and (max-width:1210px) { 
.login_head .menu{display:none}
.login_head .menu_mini{ display:block;} 
.news .content h1{ font-size:2em;}
.news .content h3{font-size:1.1em;line-height:2em;}
.news .content ul li{ margin:5px 5%;width:40%}
 
}
@media screen and (max-width: 960px) { 
.login_head .menu{display:none}
.login_head .menu_mini{ display:block;} 
.news .content h1{ font-size:2em;}
.news .content h3{font-size:1.1em;line-height:2em;}
.news .content ul li{ margin:5px 5%;width:40%}
}   
@media screen and (max-width: 800px) {  
.top { display:none;}
.login_head .logo{ width:55%;}
.product .content{width:90%; margin:0 auto;}
.product .content h1{ font-size:1.5em;}
.product .content ul li{float:left;margin:10px 5%;display:inline;width:40%; height:250px; overflow:hidden;}
.product .content ul li h4{font-size:1.2em;}
.product .content ul li p{font-size:1em;}

.merits{ width:90%;}
.merits .fl{ display:none;}
.merits .fr{ float:none; width:100%;  margin:0 auto; text-align:center;}
.merits .fr ul li{ text-align:left;}
.merits .fr h1{font-size:2em;}
.merits .fr p{font-size:1.1em; text-align:center;}

.about .content h1{ font-size:2em;}
.about .content h3{ font-size:1.1em; width:100%;}
.about .content ul{width:100%; display:none;}


.case .content h1{ font-size:2em;}
.case .content h3{font-size:1.1em;line-height:2em;}
.case .content .pic{ height:82px;}
.case .content .pic td{ width:10%;}
.case .content .pic img{width:90%;margin:5%;}
.contact .content .fr { display:none;}
.contact .content .fl { width:100%;}

}
@media screen and (max-width: 480px) {  
.product .content{width:90%; margin:0 auto;}
.product .content h1{ font-size:1.1em;}
.product .content ul li{float:left;margin:10px 5%;display:inline;width:40%; height:auto; overflow:hidden;}
.product .content ul li p{ display:none;}
.login_img{ display:none;}
.about .content ul li{margin:5px 5%;display:inline;width:90%}
.news{ display:none;}
.footer .link{ display:none;}
.contact{ display:none;}
} 



/**关于我们**/
.sec-header{background-color:#0688BC;height:60px;border-bottom:2px solid #a1a7b8;position:relative;overflow:hidden;}
.box-1024{position:relative;margin:0 auto;width: 960px;}
.sec-header .ui-logo{width:350px;height:60px;position:relative;line-height:60px;text-align:center;color:#00b4f7;font-size:32px;display:inline-block;background:url("/images/main_logo.jpg") left center no-repeat;}
.sec-header  .ico-logo{width:100%;height:60px;position:absolute;}
.ui-nav-list{position:absolute;right:0;top:0;line-height:60px;font-size:16px;}
.ui-nav-list li{position:relative;float:left;height:60px;}
.ui-nav-list a{display:block;width:120px;text-align:center;color:#fff;text-decoration:none;}
.ui-nav-list a:hover{background-color:#00a3df;}
.ui-title{font-family:"Microsoft YaHei";font-size:31px;margin-top:20px;font-weight:lighter}
.ui-help-list li{margin:20px 0;border:1px dashed #ccc;padding:10px;background-color:#f5f5f5;}
.ui-title2{font-size:20px;font-weight:bolder;padding:10px 0px}
.ui-cont {width:100%;overflow:hidden}
.ui-cont p{margin-bottom:5px;line-height:30px}
.ui-cont img{margin:10px 0;max-width:100%}
.ui-cont p.ims{text-align:center}






/**内页展示----案例展示**/
.case_banner{ width:100%;height:225px; overflow:hidden; float:left; position:relative;font-family:"Microsoft YaHei";}
.case_banner img{ width:100%; z-index:-1; position:absolute; left:0px; top:0px; height:225px}
.case_banner span{ width:100%; display:block; float:left; text-align:center; font-size:16px; color:#FFF; padding:50px 0px 0px 0px}
.case_banner h1{ width:100%; display:block; float:left; text-align:center; font-size:36px; color:#FFF; padding:0px 0px 10px 0px}
.case_banner span.note{ font-size:18px; padding-top:0px}

.case_conternt{ width:80%; margin:0 auto}
.case_conternt .case_img{width:100%; float:left}
.case_conternt .case_img ul{ width:100%; float:left; margin:20px 0px}
.case_conternt .case_img ul li{ width:17%; height:85px; border:1px solid #ddd; text-align:center; float:left; margin:8px 1%; overflow:hidden}
.case_conternt .case_img ul li img{width:100%;height:85px;}
.case_conternt .case_text{width:100%; float:left}
.case_conternt .case_text ul{ width:100%; float:left; margin:20px 0px 40px 0px}
.case_conternt .case_text ul li{ width:17%;text-align:center; float:left; margin:10px 1%; color:#333; line-height:30px}



/**内页展示----公司介绍**/
.company_banner{width:100%;height:225px;overflow:hidden;float:left;position:relative;font-family:"Microsoft YaHei";}
.company_banner img{width:100%;z-index:-1;position:absolute;left:0px;top:0px;height:225px}
.company_banner span{ width:100%; display:block; float:left; text-align:center; font-size:16px; color:#FFF; padding:0px 0px 5px 0px}
.company_banner h1{ width:100%; display:block; float:left; text-align:center; font-size:36px; color:#FFF; padding:30px 0px 10px 0px}
.company_banner .butns{width:100%;text-align:center;float:left;margin:20px 0px}
.company_banner .butns a{background:#FFF;color:#333;width:120px;line-height:34px;display:inline-table;text-align:center; margin:10px 10px;font-size:14px;border-radius:2px}
.company_banner .butns a.select,.company_banner .butns a:hover{background:#51B301;color:#FFF}

.company_conternt{width:80%; margin:0px auto}
.company_conternt .divs{width:100%; float:left; padding:30px 0px; border-bottom:1px solid #F0F2F4}
.company_conternt .divs .fl{float:left; width:10%; color:#666; font-size:30px; padding-top:10px; font-family:"Microsoft YaHei";}
.company_conternt .divs .flm{float:left; width:10%; color:#666; font-size:30px; padding-top:10px; font-family:"Microsoft YaHei"; display:none;}
.company_conternt .divs .fr{float:left; width:90%; font-size:14px}
.company_conternt .divs .fr img{ width:18%;}
.company_conternt .divs .fr span{padding:10px 0px; display:block; color:#656565; line-height:30px}
.company_conternt .divs .fr span.hl1{font-size:24px; color:#000; line-height:40px; padding-bottom:0px;font-family:"Microsoft YaHei";}
.company_conternt .divs .fr span font{ font-size:36px; padding-right:20px}
.company_conternt .divs span.join{ font-size:18px; line-height:30px;}
.company_conternt .divs span.tel{ font-size:14px; line-height:30px; color:#03519F}
.company_conternt .divs ul{}
.company_conternt .divs ul li{width:100%; float:left; margin-bottom:40px}
.company_conternt .divs ul li h3{width:100%; float:left; color:#014181; font-size:16px; font-weight:bold}
.company_conternt .divs ul li div{ font-size:12px; color:#666; padding-top:5px; line-height:24px; margin:0px; font-size:14px; width:100%; float:left}
.company_conternt .divs ul li div label{ width:80px; display:-moz-stack}

.company_photo{width:80%; margin:0px auto}
.company_photo ul{ width:100%; float:left; margin:40px 0px}
.company_photo ul li{ width:258px; height:240px; border:1px solid #ddd; padding:15px; overflow:hidden; float:left; margin:10px}
.company_photo ul li img{ width:100%; height:200px; overflow:hidden; float:left}
.company_photo ul li div{ width:100%; float:left; padding-top:8px}
.company_photo ul li div .fl{ float:left; width:100%; text-align:center}
.company_photo ul li div .fr{ float:right; width:50%; text-align:right}

.company_earth{width:100%; background:url(/images/earth.jpg) center no-repeat; height:600px; float:left}
.company_earth .earth{ width:80%; margin:0 auto}
.company_earth .earth span{ display:block; width:100%; color:#000;  font-size:14px;padding-top:50px; line-height:30px}
.company_earth .earth span h2{ font-size:20px; margin:0px; padding:0px}
.company_earth .note{background:url(/images/earth.png) no-repeat; width:639px; height:379px; margin-top:40px; position:relative}
.company_earth .note .content{position:absolute;left:250px;top:20px; line-height:26px;}

/**内页展示----招商加盟**/
.company_league{width:100%;height:225px; overflow:hidden; float:left; position:relative;font-family:"Microsoft YaHei";}
.company_league img{width:100%; z-index:-1; position:absolute; left:0px; top:0px; height:225px}
.company_league span{width:100%; display:block; float:left; text-align:center; font-size:16px; color:#FFF; padding:50px 0px 0px 0px}
.company_league h1{width:100%; display:block; float:left; text-align:center; font-size:36px; color:#FFF; padding:0px 0px 10px 0px}
.company_league span.note{font-size:18px; padding-top:0px}
.league_div{width:100%; float:left}
.league_div .league{width:100%; font-size:24px; font-weight:bold; float:left; padding-top:40px}
.league_div .league .titles {width:100%; margin:0 auto;border-bottom:4px solid #E5E7E9; height:40px; padding-bottom:10px}
.league_div .league .titles p{ display:block; width:80%; margin:0 auto}
.league_div .league .titles span{ background:#D24332; border-radius:100%; width:34px; height:34px; line-height:34px; text-align:center; font-size:20px; display:block; color:#FFF; float:left}
.league_div .league .titles em{ font-style:normal; float:left; width:400px; padding-left:20px; font-weight:lighter; color:#D24332; font-family:"Microsoft YaHei";}
.league_div .league .content{ width:80%; margin:0 auto; padding:30px 0px}
.league_div .league .content .fl{ float:left; width:60%}
.league_div .league .content .fl ul{ float:left; width:100%}
.league_div .league .content .fl ul li{ float:left; width:100%; font-size:18px; line-height:36px; font-weight:lighter}
.league_div .league .content .fl ul li em{ font-style:normal; color:#D24332; padding-right:20px}
.league_div .league .content .fr{ float:right; width:40%; background:url(/images/zhme_1.jpg) right center no-repeat; height:210px;}

.league_div .league_b{width:100%; font-size:24px; font-weight:bold; float:left; padding:20px 0px}
.league_div .league_b .titles {width:100%; margin:0 auto;border-bottom:4px solid #E5E7E9; height:40px; padding-bottom:10px}
.league_div .league_b .titles p{ display:block; width:80%; margin:0 auto}
.league_div .league_b .titles span{ background:#4699E5; border-radius:100%; width:34px; height:34px; line-height:34px; text-align:center; font-size:20px; display:block; color:#FFF; float:left}
.league_div .league_b .titles em{ font-style:normal; float:left; width:400px; padding-left:20px; font-weight:lighter; color:#4699E5; font-family:"Microsoft YaHei";}
.league_div .league_b .content{ width:80%; margin:0 auto; padding:30px 0px}
.league_div .league_b .content ul{ float:left; width:100%}
.league_div .league_b .content ul li{ float:left; width:44%; background:#F1F1EF; font-size:14px; padding:1%; margin:2%; display:inline;}
.league_div .league_b .content ul li h2{ color:#000; font-size:18px; font-weight:lighter; width:100%; float:left}
.league_div .league_b .content ul li p{ width:100%; float:left; font-weight:lighter; color:#666; padding-top:10px; line-height:24px; height:20px; overflow:hidden}

.league_div .league_c{width:100%; font-size:24px; font-weight:bold; float:left; padding:20px 0px}
.league_div .league_c .titles {width:100%; margin:0 auto;border-bottom:4px solid #E5E7E9; height:40px; padding-bottom:10px}
.league_div .league_c .titles p{ display:block; width:80%; margin:0 auto}
.league_div .league_c .titles span{ background:#659F19; border-radius:100%; width:34px; height:34px; line-height:34px; text-align:center; font-size:20px; display:block; color:#FFF; float:left}
.league_div .league_c .titles em{ font-style:normal; float:left; width:400px; padding-left:20px; font-weight:lighter; color:#659F19; font-family:"Microsoft YaHei";}
.league_div .league_c .content{ width:80%; margin:0 auto; padding:30px 0px;background:url(/images/flow.jpg) center no-repeat; height:140px }


/**内页展示----新闻动态**/
.news_banner{ width:100%;height:225px; overflow:hidden; float:left; position:relative;font-family:"Microsoft YaHei";}
.news_banner img{ width:100%; z-index:-1; position:absolute; left:0px; top:0px; height:225px}
.news_banner span{ width:100%; display:block; float:left; text-align:center; font-size:16px; color:#41353F; padding:50px 0px 0px 0px}
.news_banner h1{ width:100%; display:block; float:left; text-align:center; font-size:36px; color:#41190d; padding:0px 0px 10px 0px}
.news_banner span.note{ font-size:18px; padding-top:0px}

.news_content{ width:80%; margin:0 auto}
.news_content ul{ width:100%; float:left; margin:40px 0px}
.news_content ul li{ width:44%; float:left; margin:0px 3%; padding:3% 0px; border-bottom:1px dotted #ddd; }
.news_content ul li a:hover{color:#0998dd; text-decoration:underline}
.news_content ul li .fl{width:28%; height:138px; overflow:hidden; float:left}
.news_content ul li .fl img{width:220px; min-height:138px}
.news_content ul li .fl a:hover img{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.news_content ul li .fr{ float:right; width:70%}
.news_content ul li .fr h1{ font-size:18px;color:#000; font-weight:lighter; padding-bottom:15px; font-family:"Microsoft YaHei"}
.news_content ul li .fr p{ display:block; width:100%; font-size:14px; color:#666; line-height:24px; height:70px; overflow:hidden}
.news_content ul li .fr span{ display:block; width:100%; font-size:12px; color:#666; padding-top:10px}
.news_content ul li .fr span a{ color:#F60; padding-left:20px}
.content_ny{ width:100%;float:left; margin:40px 0px}
.content_ny .cons .position{ color:#333; border-bottom:2px solid #eee; width:100%; line-height:20px; height:20px;font-family:"Microsoft YaHei"; padding:20px 0; font-size:12px}
.content_ny .cons .position a{ color:#0998dd;}
.content_ny .cons .position a:hover{ color:#0998dd}
.content_ny .cons .detailed{width:100%; padding:20px 0px; font-size:12px; float:left; overflow:hidden}
.content_ny .cons .detailed h3{ text-align:center; padding:20px 0px; font-size:16px}
.content_ny .cons .detailed .calender{ font-size:12px; color:#666; text-align:center; padding-bottom:20px}
.content_ny .cons .detailed .calender span{ text-align:center}
.content_ny .cons .detailed p{ padding:10px 0px 10px 0px; font-size:14px; color:#333; width:100%; float:left; line-height:30px; text-indent:2em}




/**内页展示---产品介绍**/
.product_banner{width:100%;height:225px;overflow:hidden;float:left;position:relative;font-family:"Microsoft YaHei";}
.product_banner img{width:100%;z-index:-1;position:absolute;left:0px;top:0px;height:225px}
.product_banner span{ width:100%; display:block; float:left; text-align:center; font-size:16px; color:#FFF; padding:0px 0px 5px 0px}
.product_banner h1{ width:100%; display:block; float:left; text-align:center; font-size:36px; color:#FFF; padding:30px 0px 10px 0px}

.product_banner .butns{width:100%;text-align:center;float:left;margin:20px 0px}
.product_banner .butns a{background:#FFF;color:#333;width:140px;line-height:34px;display:inline-table;text-align:center; margin:10px 10px;font-size:14px;border-radius:2px}
.product_banner .butns a.select,.product_banner .butns a:hover{background:#0B62A7;color:#FFF}

.product_conternt_b{width:100%; float:left}
.product_conternt_b .product_b{width:100%; font-size:24px; font-weight:bold; float:left; padding-top:40px}
.product_conternt_b .product_b .titles {width:100%; margin:0 auto;border-bottom:2px solid #E5E7E9; height:40px; padding-bottom:10px}
.product_conternt_b .product_b .titles p{ display:block; width:80%; margin:0 auto; font-size:24px; font-weight:lighter; font-family:"Microsoft YaHei";}
.product_conternt_b .product_b .content{ width:80%; margin:0 auto; padding:10px 0px}
.product_conternt_b .product_b .content ul{ width:100%; float:left; margin-bottom:40px}
.product_conternt_b .product_b .content ul li{ width:100%; float:left; padding:3% 0px; border-bottom:1px dotted #ddd; }
.product_conternt_b .product_b .content ul li a:hover{color:#0998dd; text-decoration:underline}
.product_conternt_b .product_b .content ul li .fl{width:20%; height:158px; overflow:hidden; float:left;margin-left: 50px;}
.product_conternt_b .product_b .content ul li .fl img{width:260px; min-height:140px}
.product_conternt_b .product_b .content ul li .fr{ float:right; width:73%}
.product_conternt_b .product_b .content ul li .fr h1{padding-bottom:15px; width:100%; float:left}
.product_conternt_b .product_b .content ul li .fr h1 span{ display:block; float:left;font-size:18px;color:#000; font-weight:lighter; width:50%}
.product_conternt_b .product_b .content ul li .fr h1 a{ display:block; float:right; color:#f60; font-size:12px; font-weight:lighter; width:50%; text-align:right}
.product_conternt_b .product_b .content ul li .fr p{ display:block; width:100%; font-size:14px; color:#656565; line-height:24px; height:80px; overflow:hidden; font-weight:lighter}
.product_conternt_b .product_b .content ul li .fr span{ display:block; width:100%; font-size:12px; color:#fff;}
.product_conternt_b .product_b .content ul li .fr span a{ color:#FFF; text-align:center; line-height:30px; font-weight:lighter}
.product_conternt_b .product_b .content ul li .fr span a.down{ background:url(/images/buyns.jpg) 0px 0px no-repeat; width:114px; height:31px; display:block; float:left}
.product_conternt_b .product_b .content ul li .fr span a.video{ background:url(/images/buyns.jpg) 0px -52px no-repeat; width:114px; height:31px; display:block; float:left; margin-left:40px; display:inline}


@media screen and (max-width: 800px) { 

}



/**内页展示----技术支持**/
.tech_league{width:100%;height:225px; overflow:hidden; float:left; position:relative;font-family:"Microsoft YaHei";}
.tech_league img{width:100%; z-index:-1; position:absolute; left:0px; top:0px; height:225px}
.tech_league span{width:100%; display:block; float:left; text-align:center; font-size:16px; color:#FFF; padding:50px 0px 0px 0px}
.tech_league h1{width:100%; display:block; float:left; text-align:center; font-size:36px; color:#FFF; padding:0px 0px 10px 0px}
.tech_league span.note{font-size:18px; padding-top:0px}
.tech_div{width:100%; float:left}
.tech_div .tech{width:100%; font-size:24px; font-weight:bold; float:left; padding-top:40px}
.tech_div .tech .titles {width:100%; margin:0 auto;border-bottom:4px solid #E5E7E9; height:40px; padding-bottom:10px}
.tech_div .tech .titles p{ display:block; width:80%; margin:0 auto; font-size:24px; font-weight:lighter; color:#000; font-family:"微软雅黑";}
.tech_div .tech .content{ width:80%; margin:0 auto; padding:30px 0px}
.tech_div .tech .content .fl{ float:left; width:70%; line-height:40px; font-size:14px; font-weight:lighter; color:#666}
.tech_div .tech .content .fr{ float:right; width:30%; background:url(/images/zhme_2.jpg) right center no-repeat; height:400px;}
.tech_div .tech .content ul{ float:left; width:100%; margin-top:60px}
.tech_div .tech .content ul li{ float:left; width:100%; font-size:18px; line-height:36px; font-weight:lighter; background:url(/images/icon.jpg) no-repeat; margin-bottom:60px}
.tech_div .tech .content ul li.a{ background-position:-10px -10px}
.tech_div .tech .content ul li.b{ background-position:-10px -66px}
.tech_div .tech .content ul li.c{ background-position:-10px -144px}
.tech_div .tech .content ul li h1{ font-style:normal; padding-right:20px; font-weight:lighter; font-size:24px; display:block; padding-left:80px; font-family:"Microsoft YaHei";}
.tech_div .tech .content ul li span{ font-style:normal; padding-right:20px; font-weight:lighter; font-size:14px; display:block; padding-left:80px; color:#666; line-height:26px}
.tech_div .contact{ background:url(/images/contact_bg.jpg) left top repeat-x; width:100%; float:left; padding:2px 0px 40px 0px}
.tech_div .contact .fl{ float:left; width:50%; margin-left:10%; display:inline}
.tech_div .contact .fl ul{ width:100%; float:left; margin:40px 0px 20px 0px}
.tech_div .contact .fl ul li{ width:100%; float:left; margin-top:15px}
.tech_div .contact .fl ul li span{display:block; padding-left:50px; line-height:40px; font-size:16px; padding-right:10px; float:left; font-weight:lighter}
.tech_div .tech .content ul li.a{background:url(../images/icon.jpg) no-repeat;}
.tech_div .tech .content ul li.b{background:url(../images/icon2.jpg) no-repeat;}
.tech_div .tech .content ul li.c{background:url(../images/icon3.jpg) no-repeat;}
.tech_div .contact .fl ul li em{ font-style:normal; display:block;line-height:40px;font-size:16px; color:#666  }
.tech_div .contact .fr{ float:right; width:30%; background:url(/images/pop.png) right top no-repeat; margin-right:10%; display:inline; float:left}
.tech_div .contact .fr h1{ margin-top:120px; display:block; float:left; font-size:20px; background:url(/images/i_con.png) 0px -180px no-repeat; padding-left:60px}
.tech_div .contact .fr span{ display:block; width:100% ;float:left; padding-top:15px; font-size:20px; font-weight:lighter; color:#666}




/**分页**/
.page_div{ width:100%; float:left; margin:10px 0px 50px 0px}
.page_div .page_page{ width:80%; margin:0 auto}
.page_div .page_page .page{TEXT-ALIGN:center;font-size:12px;padding-top:8px}
.page_div .page_page .page .link{BORDER:#ddd 1px solid;MARGIN:1px;COLOR:#0998dd ;TEXT-DECORATION:none;padding:4px 8px}
.page_div .page_page .page A:hover{BORDER:#00ADEF 1px solid;COLOR:#fff;BACKGROUND-COLOR:#0998dd}
.page_div .page_page .page A:active{BORDER:#999 1px solid;COLOR:#666;}

.page_div .page_page .page a.current{BORDER:#00ADEF 1px solid;padding:4px 8px;COLOR:#fff;BACKGROUND-COLOR:#0998dd}
.page_div .page_page .page a.disabled{BORDER-RIGHT:#ddd 1px solid;COLOR: #ddd;}

.nowpage
{
   BORDER:#00ADEF 1px solid;COLOR:#fff;BACKGROUND-COLOR:#0998dd;BORDER:#ddd 1px solid;MARGIN:1px;TEXT-DECORATION:none;padding:4px 8px;
    }

@media screen and (max-width: 1210px) {  

}
@media screen and (min-width: 960px) and (max-width:1210px) { 
 
}
@media screen and (max-width: 960px) { 
.company_banner span{ font-size:1.2em; padding: 10px 0px 0px 0px;}
}   
@media screen and (max-width: 800px) { 
.company_banner h1{ font-size:1.5em;padding: 10px 0px 0px 0px;} 
.company_banner .butns a{width:40%;}
.company_conternt .divs .fl{ display:none }
.company_conternt .divs .flm{float:none; width:100%; display:block; }
.company_conternt .divs .fr{float:none; width:100%;}
.company_conternt .divs .fr span.hl1{font-size:1.1em; }
.company_earth .earth span{ display:none;}
.company_earth .earth { width:100%;}
.company_earth .note{ width:100%; background-position:-200px 0;}
.company_earth .note .content{left:50px; line-height:26px;}
.company_photo{width:100%; margin:0px auto}
.company_photo ul li{ width:35%; margin:4%; padding:3%; height:30%;}
.company_photo ul li img{ width:100%; height:20%; }



.tech_league h1{ font-size:2.2em;}
.tech_league span.note{font-size:1.2em;}
.tech_div .tech .content .fl{ width:100%;}
.tech_div .tech .content .fr{ display:none;}
.tech_div .tech .content ul li h1{ font-size:1.2em;}
.tech_div .tech .content ul li span{ font-size:0.8em;}

.company_league h1{ font-size:2.2em;}
.company_league span.note{font-size:1.2em;}
.league_div .league .titles em{ width:60%;}
.league_div .league_b .titles em{ width:60%;}
.league_div .league_c .titles em{ width:60%;}
.league_div .league .content .fl{ width:100%;}
.league_div .league .content .fr{ display:none;}
.league_div .league_b .content ul li{ width:90%;}
.league_div .league_b .content ul li p{ height:auto;}
.league_div .league_c .content{ background:url(/images/flow1.jpg) center no-repeat; height:450px; }

.case_banner h1{font-size:2.2em;}
.case_banner span.note{font-size:1.2em;}
.case_conternt{ width:98%;}
.case_conternt .case_img ul li{ width:30%;}
.case_conternt .case_text ul li{ width:30%;}

.product_banner span{ font-size:1.2em; padding: 10px 0px 0px 0px;}
.product_banner h1{ font-size:1.5em;padding: 10px 0px 0px 0px;}
.product_banner .butns a{ width:40%; margin:3px 3%;}
.product_conternt_b .product_b .content ul li .fl{ display:none;}
.product_conternt_b .product_b .content ul li .fr{ width:100%;}
.product_conternt_b .product_b .titles p{ width:90%;}
.product_conternt_b .product_b .content{ width:90%;}
.product_conternt_b .product_b .content ul li .fr p{ height:auto;}
.product_conternt_b .product_b .content ul li .fr h1 span{ width:100%;}
.product_conternt_b .product_b .content ul li .fr span{ padding-top:15px;}

#BDBridgeWrap, #BDBridgeNewWrap, #BDBridgeFixedWrap, #BDBridgeWrap div, #BDBridgeNewWrap div, #BDBridgeFixedWrap div, #BDBridgeWrap ul, #BDBridgeNewWrap ul, #BDBridgeFixedWrap ul, #BDBridgeWrap li, #BDBridgeNewWrap li, #BDBridgeFixedWrap li{ display:none;}

.news_banner h1{font-size:2.2em;}
.news_banner span.note{font-size:1.2em;}
.news_content{ width:98%;}
.news_content ul li{ width:100%;}
.news_content ul li .fl{ width:28%; height:30%;}
.news_content ul li .fl img{ width:100%; height:10%;}
.news_content ul li .fr h1{ font-size:1.2em;}
.page_div .page_page{ width:100%;}

#LXB_CONTAINER .lxb-container{ display:none;}
#BDBridgeFixedWrap #IconContainer, #BDBridgeIconWrap #IconContainer{ display:none;}
#BDBridgeInviteWrap #bridgeTopContainer{ display:none;}
}
@media screen and (max-width: 480px) {  
.company_earth .note .content{left:50px; line-height:23px;}
.company_photo ul li{ width:35%; margin:4%; padding:3%; height:40%;}
.company_photo ul li img{ width:100%; height:50%; }
.news_content ul li .fl{ width:38%; height:30%;}
.news_content ul li .fr{ width:60%; }
.news_content ul li .fl img{ width:100%; height:30%;}

.case_conternt .case_img ul li{ width:47%;}
.case_conternt .case_text ul li{ width:47%;}


}