/* CSS Document */
html{ height:100%; border:none;}
body{ height:100%; border:none; padding:0; margin:0; text-align:left; font-size:14px; color:#333; font-family:Arial, "microsoft yahei"; background:#fafafa;}
div,ul,li,img,dl,dd,dt,p{ padding:0; margin:0; border:none;}
ul,dl{list-style-type:none;}
h1,h2,h3,h4,h5{margin:0; padding: 0; font-weight: normal;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#184e9c; text-decoration:none;}
.clear{ clear:both;}

.fl{ float: left;display: inline;}
.fr{float: right;display: inline;}
.ml15{margin-left: 15px;}
.text-center{ text-align: center; }
.container{ width: 1200px; margin: 0 auto; }
.ml370{ margin-left: 270px; }
.ml15{ margin-left: 15px; }
.ml130{ margin-left: 130px; }
.mt50{margin-top: 50px;}

.top{ background: #f5f5f5; height: 40px; line-height: 40px; color: #999999;}
.top a{ color: #999;padding:0 8px; }
.top p{ display: inline; }

#logo{ height:140px ; }
#logo .logo{ padding-top: 30px; }
#logo .slogn{ font-size: 16px;height: 54px; margin-top: 30px;padding:10px 40px; text-align: center; }
#logo .slogn span{ color:#184e9c; font-size: 20px; font-style: normal;} 
#logo .slogn span i{ padding:0 20px; }
#logo .slogn p{ margin-top:8px; }
#logo .slogn p i{ padding:0 8px; }
#logo .tel{ margin-left: 45px; text-align: right; font-size: 16px; margin-top: 40px; }
#logo .tel p{ font-size: 24px; color: #184e9c; margin-top: 10px; }

.nav{background:#184e9c; height: 50px;}
.nav ul li{ float:left; display: inline; text-align: center; font-size: 16px;  }
.nav ul li:last-child{ margin-right: 0; }
.nav ul li>a{ color:#FFF; display: block; height: 50px; line-height: 50px; padding: 0 32px; }
.nav ul li>a:hover,.nav ul li>a.hover{ color:#FFF; display: block; background: #333; }

.nav ul li dl{margin:0px;padding:0;position:absolute;z-index:999;display:none;}
.nav ul li dl dt a{display:block;width:137px;height:40px;line-height:40px;text-align:center;background:#184e9c;color:#fff;font-size:14px;}
.nav ul li dl dt a:hover{background:#242424;}

.banner{  height:650px; overflow:hidden; position:relative; }
.banner .hd{ height:18px; overflow:hidden; position:absolute; left:46%;  bottom:15px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:15px;width:15px; height:15px; cursor:pointer; background:rgba(255,255,255,0.5); border-radius:8px; border:1px solid #34363c;  }
.banner .hd ul li.on{ background: #121213; border: 1px solid #FFF;}
.banner .bd{ position:relative; height:100%; z-index:0; }
.banner .bd li{ zoom:1; vertical-align:middle; width:100%; height:650px; display:block;}
.banner .bd li a{ width:100%; height:650px; display:block;}
.banner .prev{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:17px; height:31px; background:url(../images/left.png)  no-repeat; filter:alpha(opacity=100);opacity:1;   }
.banner .next{ position:absolute; right:3%; top:50%; margin-top:-25px; display:block; width:17px; height:31px; background:url(../images/right.png) no-repeat; filter:alpha(opacity=100);opacity:1;   }

.search{ height: 90px; }
.search .fl{ line-height: 90px; }
.search .fl a{ margin-left: 15px; }
.search .fr{ background: url(../images/searchbg.png) no-repeat right center; width:264px; height: 90px; }
.search .fr input{ width: 210px; height: 30px;border: none;  margin-top: 30px; margin-left: 3px;}
.search .fr button{ width:45px; height: 35px;border: none; background: none; position: relative; top:10px; }

.index-about{ margin-top: 30px; height: auto; overflow: hidden; }
.index-about .fl{ width: 570px; }
.index-about .fr{ width: 534px; }
.index-about .fl h2{ font-size: 24px; color: #184e9c; margin-bottom: 20px; }/* 主页公司简易字体 */
.index-about .fl p{ line-height: 30px; }
.index-about .fl .more{ width:247px; height: 40px; margin:45px auto 0; }
.index-about .fl .more a{ width:245px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #ccc; color: #999; display: block; }
.index-about .fl .more a:hover{ background: #184e9c;color: #FFF; }

.pro{ margin-top: 55px; height: auto; overflow: hidden; padding-bottom: 16px;}/* H2 标题字体？ */
.pro .title{ background: url(../images/xian01.png) no-repeat center 10px ; text-align: center; }
.pro .title h2{ color: #184e9c; }
.pro .title h2 i{ padding: 0 10px; }
.pro .title p{ color: #999999; font-size: 16px; margin-top: 5px; }
.pro .content{ height: auto; overflow: hidden; margin-top: 40px; }
.tab-pro{ width: 100%; height: auto; overflow: hidden; }
.tab-pro .hd{ width: 100%; text-align: center; height: 40px; padding-top: 10px; }
.tab-pro .hd ul li{ display: inline; padding: 10px; border: 1px solid #ccc; line-height: 30px;  border-radius: 5px; font-size: 16px; margin-right: 15px;}
.tab-pro .hd ul li.on{ background: #184e9c; color: #FFF; border: #184e9c; }
.tab-pro .hd ul li.on a{ color: #FFF; }
.tab-pro .bd{ padding-top: 20px; }
.tab-pro .bd ul li{ float: left; display: inline; margin: 0 10px 15px; text-align: center; font-size: 16px;}
.tab-pro .bd ul li img{ width: 280px; height: 220px; border-radius: 2px; }

.index-news{ height: 610px; background: #f5f5f5; width: 100%; overflow: hidden; padding-top: 65px; }
.index-news .fl,.index-news .fr{ width: 390px;  }
.index-news h2{ height: 60px;   }
.index-news h2 img{ position: relative; top:5px ; margin-right: 8px; }
.index-news h2 span{margin-right: 5px; color: #333; font-size: 24px;}/* 公司新闻 技术支持 行业新闻 字体 */
.index-news h2 i{ font-weight: normal; font-size: 14px; }
.index-news .content{ padding: 10px 0; height: auto; overflow: hidden; }
.index-news .content ul li{ height: 70px; padding: 15px 0; border-bottom: 1px solid #cccccc; }
.index-news .content ul li .tu{ float: left; display: inline; width: 110px; padding: 0 10px; }
.index-news .content ul li .text{ float: right; display: inline; width: 245px; margin-right: 15px; }
.index-news .content ul li .tu img{ width: 110px; height: 70px; }
.index-news .content ul li .text h4 a{ color: #333; }
.index-news .content ul li .text h4 span{ float: right; font-size: 12px; padding-top: 2px; }
.index-news .content ul li .text p{ color: #999; }
.index-news .contents{ padding: 10px 0; height: auto; overflow: hidden; }
.index-news .contents ul li{ height: 60px; background: #FFF; margin-bottom: 20px; line-height: 60px; font-size: 16px; }
.index-news .contents ul li span{ display: inline-block; width: 62px; text-align: center;}
.index-news .contents ul li img{ position: relative; top:6px;  }
.index-news .contents ul li a{ color: #333; }


.honor{ margin-top:90px; height: auto; overflow: hidden; padding-bottom: 40px;}
.honor .title{ background: url(../images/xian01.png) no-repeat center 16px ; text-align: center; }/* 公司环境 公司拥有多项行业认证与颁发的荣誉证书 位置 */
.honor .title h4{ color: #184e9c; font-size: 24px; }/* 原来为h2 字体 颜色 */
.honor .title h4 i{ padding: 0 10px; }/* 原来为h2 字体 颜色 */
.honor .title p{ color: #999999; font-size: 16px; margin-top: 15px; }/* 公司拥有多项行业认证与颁发的荣誉证书 字体 */
.honor .content{ padding-top: 50px; height: auto; overflow: hidden; }
.honor .content ul li{ float: left; display: inline; margin-right: 36px; }
.honor .content ul li:last-child{margin-right: 0;}
.honor .content ul li img{ width: 210px; height: 150px; }

.links{  padding-bottom: 10px; }
.links a{ margin-right: 15px; }

.footer{ height: 300px; background: #f5f5f5; overflow: hidden; margin-top: 10px; padding-top: 60px; border-bottom: 1px solid #ccc; }
.footer .fl h3{ color: #333; padding-bottom: 30px; }
.footer .fl p{ line-height: 40px; font-size: 15px; }
.footer .fl p img{ position: relative; top:3px; margin-right: 28px; }
.footer .fr{ border-right: 1px solid #cccccc; text-align: center; padding-right: 30px; margin-top: 30px; }
.footer .fr img{ width: 150px; }

.footer .flogo img{margin-top: 50px;}

.copyright{ font-size: 12px; color: #999999; padding-top: 10px; text-align: center; line-height: 35px;}


.about{ width: 1200px; margin:0 auto;  text-align: left;  padding-top: 60px;}
.about h1{ font-size: 24px; color: #184e9c; line-height: 80px; text-align: center;}
.about p{ text-indent: 25px; line-height: 30px; font-size: 16px; }

.aboutpic{ width: 1200px; height: auto; overflow: hidden; padding: 50px 0; }
.aboutpic ul li{ float: left; display: inline; margin-right: 15px; }
.aboutpic ul li img{ width: 385px; height: 300px; }

.position{ line-height: 50px; margin-bottom: 10px;display: block; }
.position a{ color: #333; }

.ny{ width: 100%; height: auto; overflow: hidden; padding: 0px 0 60px; }
.ny .fl{ width: 280px; height: auto; }
.ny .fr{ width: 870px; height: auto; }

.ny .fl h3{ background: #184e9c; height: 65px;text-align: center; line-height: 65px; font-size: 20px; color: #FFF;}
.ny .fl ul li{ width: 280px; height: 50px; margin-top: 12px; font-size: 16px; line-height: 50px; }
.ny .fl ul li a{ background: url(../images/menu01.jpg) no-repeat; padding-left: 20px; width: 280px; height: 50px; display: block;}
.ny .fl ul li a:hover,.ny .fl ul li a.hover{ background: url(../images/menu01hover.jpg) no-repeat; color: #FFF; }

.list-1 dl{ height: auto; overflow: hidden; margin-bottom: 32px; }
.list-1 dl dt{ float: left; display: inline; width: 260px;  }
.list-1 dl dd{ float: left; display: inline; width: 550px; height: auto; margin-left: 25px; }
.list-1 dl dt img{ width: 260px; height: 180px; }
.list-1 dl dd h2{ font-size: 16px; margin-bottom: 15px;}
.list-1 dl dd h2 a{ color: #333; }
.list-1 dl dd h2 span{ float: right; font-size: 14px; }
.list-1 dl dd p{ line-height: 25px; color: #999;  }

.list-2 ul li{ height: 50px; line-height: 50px; border-bottom: 1px dashed #ededed; overflow: hidden; }
.list-2 ul li span{ float: left; display: inline; }
.list-2 ul li span i{ padding:0 10px; font-size: 12px;color: #cdcdcd;}
.list-2 ul li em{float: right; display: inline; font-style: normal; font-size: 12px; }

.list-3{ width: 100%; height: auto; overflow: hidden; }
.list-3 ul li{ float: left; display: inline; margin-right: 12px; margin-bottom: 30px; text-align: center; }
.list-3 ul li:nth-child(3n){ margin-right: 0; }
.list-3 ul li img{ width:280px; height: 220px; border: 1px solid #ccc;  }
.list-3 ul li h3{ line-height: 40px;  font-size: 16px;}

.list-4{ background: #f5f5f5; padding: 30px 78px; margin-top: 60px; }
.list-4 .desc{ line-height: 30px; margin-bottom: 40px; }
.list-4 .email{ line-height: 30px; margin-bottom: 40px; font-weight: bold; color: #333; }
.list-4 h3{ background: #184e9c; height: 40px; padding: 0 15px; border-radius: 4px; color: #FFF; line-height: 40px; margin-top: 10px;}
.list-4 h3 span{ margin-right: 30px; }
.list-4 .content{ padding: 15px; font-size: 16px; line-height: 30px;  }



.news h1{ text-align: center; color: #333; font-size: 20px;font-weight: bold; }
.news .date{ text-align: center; margin-top: 15px; color: #666; }
.news .date span{ padding: 0 15px; }
.news .nr{ padding: 20px 0; line-height: 25px;}
.news .page{ background: #f5f5f5; height: 40px; line-height: 40px; }
.news .page .l{float: left; display: inline; padding-left: 15px;}
.news .page .r{float: right; display: inline; padding-right: 15px;}

.contact{ width: 1170px; height: auto; margin: 0 auto; overflow: hidden; padding-bottom: 50px; }
.contact .title{ background: url(../images/xian01.png) no-repeat center 10px ; text-align: center; }
.contact .title h2{ color: #184e9c; font-size: 24px; }
.contact .title h2 i{ padding: 0 10px; }
.contact .title p{ color: #999999; font-size: 16px; margin-top: 5px; }
.contact .content{ padding-top: 80px; height: auto; overflow: hidden; }
.contact .content .fr{ width: 303px; height: 460px; background: #eeeeee; }
.contact .fl h3{ font-size: 18px; color: #184e9c; margin-bottom: 50px; }
.contact .fl p{ line-height: 40px; font-size: 15px; }
.contact .fl p img{ position: relative; top:3px; margin-right: 28px; }

.contactpic{ width: 660px; height: auto; overflow: hidden; padding: 30px 0; }
.contactpic ul li{ float: left; display: inline; margin-right: 15px; }
.contactpic ul li img{ width: 200px; height: 136px; }

.job{ width: 1170px; height: auto; margin: 0 auto; overflow: hidden; padding-bottom: 50px; }
.job .title{ background: url(../images/xian01.png) no-repeat center 10px ; text-align: center; }
.job .title h2{ color: #184e9c; font-size: 24px; }
.job .title h2 i{ padding: 0 10px; }
.job .title p{ color: #999999; font-size: 16px; margin-top: 5px; }

.product{ width: 100%; height: auto;overflow: hidden; margin-bottom: 15px; }
.product h2{ background: #f5f5f5; height: 50px; line-height: 48px; margin-bottom: 15px; border-bottom: 1px solid #dddddd; padding-left: 20px; }
.product .l{float: left; display: inline; width: 420px; height: 400px;}
.product .r{ float: right; display: inline;width: 400px; height: 400px; }
.product .r h3{ font-size: 18px; color: #333;font-weight: bold; margin-bottom: 30px; }
.product .r p{ font-size: 12px; line-height: 30px; }
.product .r p span{display: inline-block; width: 82px;}

.showcase-pic {position: relative;width: 420px;overflow: hidden;float: left;}
.showcase-pic li {height: 400px;}
.showcase-pic .arr {position: absolute;top: 43%;width: 18px;height: 32px;margin-top: -11px;z-index: 2;}
.showcase-pic .prev {left: 15px;background: url(../images/left.png) no-repeat 0 0;}
.showcase-pic .next {right: 15px;background: url(../images/right.png) no-repeat 0 0;}

.tag a{ margin-right: 8px; }

.tabs{ width:870px; text-align:left;  }
.tabs .hd{ height:50px; line-height:50px; background:#efefef;  border-bottom:1px solid #ccc;  position:relative; }
.tabs .hd ul{ float:left;  position:absolute; left:0px; top:0px; height:50px;   }
.tabs .hd ul li{ float:left; padding:0 25px; cursor:pointer;  font-size: 18px; }
.tabs .hd ul li.on{ height:50px;  background:#184e9c; color: #FFF;  }
.tabs .bd ul{ padding:15px;  zoom:1;  }
.tabs .bd ul p{ line-height: 40px; font-size: 16px; }
.tabs .bd ul p img{ position: relative; top:3px; margin-right: 18px; }

.r-product{ margin: 30px 0 0; height: auto; overflow: hidden; position: relative; }
.r-product .tit{ background: #f5f5f5; height: 50px; line-height: 50px; font-size: 18px; margin-bottom: 15px; border-bottom: 1px solid #dddddd; padding-left: 20px; }
.r-product ul li{ float: left; display: inline; margin-left: 12px; font-size: 13px; text-align: center;}
.r-product ul li img{ width: 200px; height: 160px; border:1px solid #ccc; }
.r-product ul li img:hover{ border:1px solid #184e9c; }
.r-product .prev{ display:block; position:absolute;filter:alpha(opacity=0);opacity:0; border-radius: 0 5px 5px 0; top:110px; left:0px; width:30px; height:60px; background:rgba(0,0,0,0.7);   }
.r-product .next{ display:block; position:absolute;filter:alpha(opacity=0);opacity:0; border-radius: 5px 0 0 5px; top:110px; right:0px; width:30px; height:60px; background:rgba(0,0,0,0.7);   }
.r-product .prev:hover,.r-product .next:hover{ filter:alpha(opacity=100);opacity:1; }
.r-product .prev img,.r-product .next img{ position: relative;top:15px; left:5px; }

.r-news{ margin: 30px 0 0; height: auto; overflow: hidden; position: relative; }
.r-news .tit{ background: #f5f5f5; height: 50px; line-height: 50px; font-size: 18px; margin-bottom: 15px; border-bottom: 1px solid #dddddd; padding-left: 20px; }
.r-news ul li{ line-height: 35px; float: left; display: inline;  width: 48%; margin-left: 2%;}
.r-news ul li:before{ content: "●"; margin-right: 5px; margin-left: 0px; }
.r-news ul li span{ float: right; }

.r-service{ margin: 30px 0 0; height: auto; overflow: hidden; position: relative; }
.r-service .tit{ background: #f5f5f5; height: 50px; line-height: 50px; font-size: 18px; margin-bottom: 15px; border-bottom: 1px solid #dddddd; padding-left: 20px; }
.r-service .contents { padding:0 20px;line-height: 25px;}
.r-service .contents a{ margin-right: 20px; }

.bookadd{margin:10px 0;}
.bookadd div{margin-bottom:15px;}
.bookadd .enter{ width: 220px; margin: 0 auto; height: 40px; }
.bookadd .enter input{ border:1px solid #ccc;width:220px; height: 25px;  }
.bookadd .enter select{ border-bottom:1px solid #ccc;width:222px; height: 30px;  }
.bookadd .enters{ width: 220px; margin: 0 auto; height: 80px; color: #666; }
.bookadd .enters .ip{border-bottom:1px solid #ccc; text-decoration: none; width:220px; height: 60px;font-family: 'microsoft yahei'; }
.bookadd .enter .ips{border:1px solid #ccc;width:220px;height:60px;}
.bookadd .enterss{ width: 220px; margin: 0 auto; height: 40px; margin-top: -10px;}
.bookadd .enterss input{ border:1px solid #ccc;width:100px; height: 25px;  }
.bookadd .enterss img{ position: relative; left: 0;top:8px; height: 25px; }
.bookadd .enter .bnt{border:none;background:#184e9c; width: 220px; height: 42px; border-radius: 4px; color: #FFF;}



.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#184e9c url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#184e9c url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#184e9c url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#184e9c url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0;}
.hd_qr img{ width: 130px;position: relative; left:-30px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


.gototop{ width:60px; height:60px; position: fixed; right:10px; bottom:10px;}
.gototop a{ background: url(../images/backtop.png) no-repeat; width: 60px; height: 60px; display: block; }