/* ------------------------------------
 * 上海添侩信息科技有限公司
 *
 * @author  Moidea
 * @link  http: //www.moidea.us/
 * @update  2015-11-10
 * --------------------------------- */

/* ------------------ * Global style * --------------- */
body{background:#fff; color:#606060; font:normal 12px/20px "宋体",Tahoma, Geneva, sans-serif}
body,h1,h2,h3,h4,h5,h6,p,ul,li,input,textarea,select,form,dd,dt,dl{margin:0; padding:0}
ul,ul li{padding-left:0;list-style-type:none}
a img{border:0}
a{text-decoration:none;color:#606060}
a:hover{text-decoration:underline;color:#0d91d5}
h1,h2,h3,h4,h5,h6{display:block; font-size:16px; color:#606060; font-family:"微软雅黑"}
img{display:inline-block; vertical-align:top; border:none}
.clear{clear:both}
.fr{float:right}
.fl{float:left}
.ofh{overflow:hidden;}
.content,.w1000{width:1000px; margin:0 auto;}
.xian{border-top: 1px solid #171A1D; border-bottom: 1px solid #363A44;}
/* ------------------ * Header * --------------- */
.topbox{overflow: hidden;background: #009adc; height: 30px; line-height: 30px; color: #fff;}
.topbox a:hover{color:#fff;}
.topbox img{width: 13px;margin: 6px 0 0;}
.topbox .tel{line-height: 30px; padding-left: 0px; font-size: 18px; color: #FFF; font-family: "微软正黑", "黑体", "宋体"; margin-right: 10px;}
.header{height:101px; background:url(img/header_bg.gif) repeat-x; box-shadow:0px 2px 8px rgba(0,0,0,.4);position:relative}
.header .top{height:25px; line-height:25px; color:#bbb;}
.header .top a{margin:0 4px; color:#808080; display:inline-block;}
.header .bd{height:75px; position:relative; left:0; top: 20px;}
.header .logo{margin-bottom:10px; height:60px;}
.header .nav{line-height:30px; margin-top:20px; float:right;font-family: "Microsoft JhengHei";font-size: 16px; font-weight: bold;text-shadow: 1px 1px 0 #f1f1f1;}
.nav ul li{position:relative; float:left; padding:0 5px; margin:0 10px; text-align:center}
.nav ul li dl{position:absolute; width:100%; left:0px; top:30px;display:none; z-index:999999}
.nav ul li dl dd{margin:5px 0; background-color:#0d91d5;}
.nav ul li dl dd a{color:#FFF}
.header .nav a:hover{text-decoration:none;}
/* ------------------ * Banner * --------------- */
.banner{margin:3px 0 0;}
.banner .slideBox{width:100%; height: 420px; overflow:hidden; position:relative;}
.banner .slideBox .hd{height: 16px; overflow: hidden; position: absolute; bottom: 20px; z-index: 1; background: url(img/focus_bg.png) no-repeat; width: 120px; left: 45%; padding-left: 16px;}
.banner .slideBox .hd ul{overflow:hidden; zoom:1; float:left;}
.banner .slideBox .hd ul li{float: left; margin-right: 10px; width: 12px; height: 12px; text-align: center; background: url(img/focus_ico2.png) no-repeat; cursor: pointer; margin-top: 2px;}
.banner .slideBox .hd ul li.on{background: url(img/focus_ico1.png) no-repeat;}
.banner .slideBox .bd{position:relative; height:100%; z-index:0;}
.banner .slideBox .bd ul{width: 100% !important;}
.banner .slideBox .bd ul li{width: 100% !important;}
.banner .slideBox .bd img{width: 100%; height: 420px; display:block;}
.advantage{overflow:hidden;font-family: Microsoft Yahei;}
.advantage h1{font-size: 26px; color: #0166b6; text-align: center;}
.advantage h1 a{color: #0d91d5; text-decoration: none; font-family: Microsoft Jhenghei;}
.advantage .text{font-size: 16px; line-height: 25px; color: #121212; text-align: center;}
.advantage .box{width: 220px; margin: 10px; float: left;}
.advantage .boxima{width: 80px; height: 80px; margin: 10px auto;}
.advantage .boxima img{width: 80px; height: 80px;}
.advantage a img{display: block; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out;}
.advantage .box .title{font-size: 16px; color: #0166b6; text-align: center;}
.advantage .box .title span{color: #0d91d5; font-size: 14px;}
.book{background: #f8f8f8;overflow: hidden;padding: 30px 0;background: url(img/probg.jpg) no-repeat;}
.book ul{margin-right:-16px; overflow:hidden; zoom:1;}
.book ul li{width:238px; float:left; margin:10px 0; margin-right:16px; _display:inline;}
.box{overflow: hidden;padding: 30px 0;}
.company h1,.video h1{background: #f0f0f0; color: #606060; height:26px; line-height:26px; font-size:14px; font-weight:normal; padding: 0 10px;}
.h1 span{margin-left:10px; font-family:Arial; color:#bbb; font-weight:normal; font-size:12px;}
.company{width:300px; margin-right:30px; overflow:hidden;}
.company img{margin: 10px 0 5px; display:block;}
.company p{line-height:26px;}
.company p a{color:#0d91d5;}
.news{width:400px; margin-right:30px; overflow:hidden;}
.news h1{height:26px; line-height:26px; font-size:14px; font-weight:normal;}
.news h1 a{font-size:12px; font-family:"宋体"; color:#909090;}
.news h1 ul li{background:#f0f0f0; width:80px; height:26px; display:inline-block; text-align:center; color:#606060; margin-right:5px; cursor:pointer;}
.news h1 ul li.on{background:#0d91d5; color:#fff;}
.news .hd{margin:10px 0;}
.news .hd .pic img{width:120px; height:74px; padding:2px; border:1px solid #eee; float:left; margin-right:10px;}
.news .hd h2{height:26px; line-height:26px; margin-bottom:2px;}
.news .hd h2 a{font-size:12px; color:#0d91d5;}
.news .hd p{line-height:26px; height:50px; color:#808080;}
.news .hd p a{color:#0d91d5;}
.news li{height:26px; line-height:26px;}
.news li a{line-height:26px; display:inline-block;}
.news li span{float:right; color:#909090;}
.news li b{font-weight:normal; color:#0d91d5;}
.news .first-li{margin:10px 0;height: auto;}
.news .first-li a{display:block;}
.news .first-li .pic img{width: 120px;height: 74px;padding: 2px;border: 1px solid #eee;float: left;margin-right: 10px;}
.news .first-li h2{height: 26px;line-height: 26px;margin-bottom: 2px;}
.news .first-li h2 a{font-size: 12px;color: #0d91d5;white-space: nowrap;}
.news .first-li p{line-height: 26px;height: 50px;color: #808080;}
.news .first-li p a{color: #0d91d5;display: inline-block;}
.video{width:240px;}
.video .bd{margin-top:10px;}
.gray{}
.pro{clear:both;}
.news_title{height:31px; line-height:31px; border-bottom:1px solid #d3d3d3; padding-right:10px;}
.news_title b{display:block; width:106px; height:32px; background-color:#0d91d5; color:#FFF;font-size:14px; text-align:center}
.scroll{width:1000px; height: 152px; margin-top:10px;}
.scroll .tempWrap{width:1000px;}
.scroll ul li{width:150px; height:155px; padding:0 7px;}
.scroll ul li a{display:block; width:150px; height:150px; border:1px solid #d3d3d3}
.scroll ul li a img{padding:1px;}
.scroll ul li a:hover{border:1px solid #23a102}
/* ------------------ * Main * --------------- */
.body{overflow: hidden; background: #F9F9F9; padding-bottom: 30px;}
.list_article,.article_article{border-top:1px solid #CCC; padding-top:10px;}
.list_article h1{font-size:20px; font-family:"微软雅黑"; color:#202020; text-indent:10px; border-bottom:1px dashed #e0e0e0; padding-bottom:10px;}
.list_article ul{margin:0 10px;}
.list_article li{margin:10px 0; padding:5px; border:1px solid #f5f5f5; overflow:hidden}
.list_article li a.pic{width:200px; height:100px; overflow:hidden; margin-left:15px; display:inline-block}
.list_article li img{height:auto}
.list_article li h2{color:#454545; height:30px; line-height:30px; font-size:14px; padding:0 0px;}
.list_article li h2 span{color:#909090; font-weight:normal; font-size:12px;}
.list_article li p{line-height:25px;color:#909090;}
.list_article li p a{color:#ce0030;}
.post{padding:10px;min-height:300px;}
.style{padding-top:10px;}
.style li{border: 1px solid #CCC;padding: 1px;background: #FFF;width: 168px;height: 155px;float: left;margin-left: 0px;margin-right: 10px; margin-bottom: 15px;margin-top: 0px;list-style: none;list-style-position: outside;text-align: center;font-size: 13px;color: #444;line-height: 22px;}
.style li img{height:135px;}
/* ----------------- * 分页盒样式 * -------------- */
ol.page-navigator{clear:both; margin: 15px 0; padding: 0; text-align: center;}
ol.page-navigator li{display: inline-block; margin: 0 4px;border-radius: 3px;border: 0;padding: 0;background-color: #f5f5f5;}
ol.page-navigator li a{display: block; padding: 0.0625rem 0.625rem 0.0625rem; color: #999; -webkit-border-radius: 3px; border-radius: 3px;font-size: 14px;}
ol.page-navigator li.current a{background: #0d91d5; color: #fff; font-weight: bold; cursor: default;}
ol.page-navigator a:hover{text-decoration: none;color: #000;background: #e6e6e6;}
/* ----------------- * Error page * -------------- */
.error-page{margin-top: 100px; margin-bottom: 100px;}
/* ----------------- * Page *--------------- */
.location{font-size: 12px; line-height: 31px;padding-left:10px;background: url("img/box_bg5.jpg") repeat left top;}
.location a{padding:0 5px;}
.pageBanner{background: url(img/banner2_bg.png) repeat-x;}
.pageBannerImg{background: url(img/banner1_bg.jpg) no-repeat center top; height: 157px; overflow: hidden;}
.pageBannerImg .cont{padding:0;}
.pageBannerImg h2{font-size: 30px; font-family: SimHei,sans-serif; color: #fff; line-height: 165px;
text-shadow: 1px 1px 0px #000;}
.list_article,.article_article{border-top:1px solid #CCC; padding-top:10px;}
.article_article img, .brand_right img{max-width: 100%;}
.article_article h1{font-size:20px; font-family:"微软雅黑"; line-height:30px; padding-bottom:10px; text-align:center;}
.article_article .other{padding-bottom:5px; color:#999; border-bottom:1px dashed #D0D0D0; margin:0 10px; text-align:center}
.article_article .article_inner{padding:10px; font-size:14px; line-height:30px;}
.article_inner hr{margin: 2em auto; width: 200pt; border: 1px solid #e9e9e9; border-width: 2px 0 0;}
.article_inner .tab-item{border-color: #bce8f1;margin-bottom:10px;}
.article_inner .tab-item th{color: #3a87ad; background: #d9edf7;border-bottom: 1px #bce8f1 solid;}
.article_inner .tab-item td{line-height: 24px;
padding-left:10px;
border-right: 1px #8fc7e9 solid; border-bottom: 1px #8fc7e9 solid;}
.article_inner .tab-item td img{}
.catalog_left{float:left; width:240px; padding-top:20px;}
.catalog_right{float:right; width:750px; margin-top:20px; background: #fff;min-height: 600px;border-right: 1px solid #EFEFEF;border-bottom: 1px solid #EFEFEF;}
.bdsharebuttonbox{padding:10px;}
.tags{padding:10px;}
.post-near{padding:10px;}
.left_f{padding: 18px; border: 1px solid #1FA2E6; background-color:#fff;margin-bottom:10px;}
.left_f li a{font-size:14px; display:block; width: 203px; height:36px; background-color:#dedee0; color: #1FA2E6; margin:8px 0; text-align:center; line-height:36px; text-decoration: none;}
.left_f li a:hover{color:#fff; background-color: #1FA2E6;} .yskj_side1{overflow:hidden; margin-bottom:10px;} .yskj_side1 h2{padding:0 10px; height:38px; line-height:38px; color:#1FA2E6; background:#efefef; border:1px solid #eee; margin-bottom:10px; font-size:14px;}
.yskj_side1 h2 i{height:12px; width:2px; background:#1FA2E6; display:inline-block; vertical-align:top; margin-right:10px; margin-top:13px;}
.yskj_side1 li{height:35px; line-height:35px; border:1px solid #eee; margin-bottom:10px;}
.yskj_side1 li i{color:#1FA2E6; margin:0 10px; font-size:10px; font-weight:bold;}
.yskj_side1 .cdiv{padding: 0 5px 10px;border: 1px solid #eee;}
.msg-box{padding:10px;}
.msg-box span{font-size: 16px;line-height: 32px;text-shadow: 1px 1px 0 #F5F5F5;}
.msg-box a img{vertical-align: bottom;}
.msg-box a:hover{opacity:0.7;}
.msg{position:relative;}
.msg td{height: 50px; font-size: 14px;line-height: 28px;}
.msg td a:hover{color: #1FA2E6; text-decoration: underline;}
.msg .input .txtbox{width: 338px; padding-left: 10px; height: 36px; background: #fff; line-height: 36px; border: 1px solid #dadada; color: #999;}
.msg .text{background: #fff; padding: 5px; width: 698px; height: 250px; margin-top: 10px; overflow-y: auto; font-size: 12px; line-height: 24px; border: 1px solid #dadada; color: #999; max-width: 698px;}
.text:focus{outline: none; border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6)}
.msg .email{font-size:16px;}
.msg .submit{padding-left:0; background: #1FA2E6; width: 100px; height: 30px; display: block; border: none; cursor: pointer; color: #fff; font-size: 18px; font-family: "Microsoft YaHei"; border-radius:3px;}
.msg .submit:hover{opacity: 0.8;}
/* ------------------ * 在线客服 * --------------- */
.main-im{position:fixed; right: 10px; top:200px; z-index: 100; width: 110px; height: 272px;}
.main-im .qq-a{display: block; width: 106px; height: 115px; font-size: 14px; color: #0484cd; text-align: center; position: relative;}
.main-im .qq-a span{bottom: 3px; position: absolute; width: 90px; left: 10px;}
.main-im .qq-hover-c{width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9;}
.main-im .qq-container{z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(img/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width: 70px; left: 1px; top: 8px; position: absolute;}
.main-im .im_main{background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel{color: #000000; text-align: center; width: 109px; border-bottom: 1px solid #dddddd; overflow: hidden;}
.main-im .im_main .im-tel img{margin-top:5px;}
.main-im .im_main .im-tel div{font-weight:bold;font-size: 13px;margin-top: 5px;}
.main-im .im_main .im-tel .tel-num{font-family: Arial; font-weight: bold; color: #e66d15;font-size:15px;margin-top: 0px;}
.main-im .im_main .im-tel:hover{background: #fafafa;}
.main-im .im_main .weixing-container{width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(img/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute;}
.main-im .im_main .weixing-show .weixing-ma{width: 104px; height: 103px; padding-left: 5px; padding-top: 5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;}
.main-im .im_main .go-top{width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(img/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display: block; width: 52px; height: 47px;}
.main-im .close-im{position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px;}
.main-im .close-im a{display: block; width: 24px; height: 24px; background: url(img/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration: none;}
.main-im .open-im{cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(img/open_im.png) no-repeat left top;}
/* ------------------ * Footer * --------------- */
.footer{background: #25282f; overflow:hidden;padding-top: 10px;}
.footer .link{height:30px; line-height:30px;}
.footer .link strong{color:#1FA2E6; font-weight:normal;}
.footer .link a{margin:0 5px; color:#808080;}
.footer .link span a{color:#1FA2E6;}
.footer .logo{height:40px; margin: 20px 0;margin-top: 5px;margin-bottom: 40px;}
.footer .footer_r{text-align:right; line-height:26px; margin-top:10px; color:#bbb;}
.footer .footer_r a{margin:0 4px; color: #FFBE00;}
.footer .footer_r p{color:#909090;}
.footer .bar{height: 8px; line-height: 0; overflow: hidden; font-size: 0; text-align: center; width: 100%;}
.footer .bar span{width: 20%; display: inline-block; height: 8px; background: #fb3818;}
.footer .bar span.c1{background: #0054ff;}
.footer .bar span.c2{background: #9500ba;}
.footer .bar span.c3{background: #fb3818;}
.footer .bar span.c4{background: #fc7e03;}
.footer .bar span.c5{background: #fff701;}