/* CSS Document */

#content{ width:1200px; overflow:hidden; margin:auto; padding-top: 58px;}
.position {
    color: #666666;
    font-size: 14px;
    line-height: 25px;
    overflow: hidden;
}
.position > span {
    float: left;
}
.position a {
    color: #686868;
}
.position a:hover {
    color: #0456a4;
}
.left_common {
    float: left;
    overflow: hidden;
    width: 274px;
    margin-bottom: 15px;
}
.left_menu {
    overflow: hidden;
    width: 225px;
    border-top: 1px solid #0456a4;
}
.left_menu_title {
    background-color: #34b5ea;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    height: 70px;
    overflow: hidden;
    padding-top: 14px;
    text-align: center;
}
.left_menu_title > span {
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    text-transform: uppercase;
}
.left_menu_nr > ul > li {
    background-color: #eeeeee;
    line-height: 52px;
    margin-bottom: 5px;
}
.left_menu_nr > ul > li a {
    /*background: rgba(0, 0, 0, 0) url("../images/ico-r.png") no-repeat scroll 22px center;*/
    background-color: #0456a4;
    color: #666;
    display: block;
    font-size: 16px;
    /*padding-left: 34px;*/
    /*text-indent: 12px;*/
}
.left_menu_nr > ul > li > a {
    text-align: center;
    color: #fff;
}
.left_menu_nr ul li a:hover, .left_menu_nr ul li a.on {
    /*background: #34b5ea url("../images/ico-hr.png") no-repeat scroll 22px center;*/
    background-color: #0456a4;
    color: #fff;
}
.left_menu_nr > ul > li > ul > li {
    line-height: 48px;
    overflow: hidden;

}
.left_menu_nr > ul > li > ul > li a {
    /*background: rgba(0, 0, 0, 0) url("../images/hui.png") no-repeat scroll left center;*/
    background: rgba(0, 0, 0, 0);
    font-size: 14px;
    font-weight: normal;
    /*margin-left: 34px;*/
    padding-left: 34px;
}
.left_menu_nr > ul > li > ul > li a:hover,.left_menu_nr > ul > li > ul > li a.on {
    /*background: rgba(0, 0, 0, 0) url("../images/lan.png") no-repeat scroll left center;*/
    background: rgba(0, 0, 0, 0);
    color: #0456a4;
}

.right_common{ width: 900px; float: right;}

.left_menu_nr ul.children3_ul > li{ background-color: #fff; border-top: 1px dashed #cacaca;}
.left_menu_nr ul.children3_ul > li:first-child{ border-top: none;}
/***********************************
2017.05.17
梁工
*/


/*文章页面*/
.position {
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #cececf;
    padding-left: 30px;
    background: url(../images/ico_curr_home.png) no-repeat left top;
}
.position .page-more{
    background-image: url(../images/ico-position.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    color: #fff;
    line-height: 64px;
    text-indent: 53px;
}
.position .page-more a{
    color: #fff;
    line-height: 64px;
}
.mainbox{  }

.article_left_common{ width:239px; float:left; overflow:hidden; border-top: 1px solid #0456a4; margin-bottom: 15px;}
.article_left_menu{ overflow:hidden;}
.article_left_menu_title{ text-indent: 80px; text-align: left; background: url(../images/ico-t.png) no-repeat 52px 22px #f0f0f0; height:48px; overflow:hidden; line-height:62px; font-size:24px; color:#303030;}
.article_left_menu_title span{ color: #0456a4;}
.article_left_menu_sub_title{ background-color: #f0f0f0; font-size: 18px; text-align: center; color: #d3d3d3; padding-bottom: 18px;}
.article_left_menu_nr ul li{ line-height:41px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background-color:#f0f0f0; margin-top:1px;}
.article_left_menu_nr ul li a{ font-size:14px; color:#666; padding-left:54px; display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.article_left_menu_nr ul li a:hover{ color:#0456a4;}
.article_left_menu_nr ul li a.on,.left_menu_nr ul li a:hover{ color:#fff; background-color:#0456a4;}
.article_left_menu_nr ul li ul li{ line-height:26px;}
.article_left_menu_nr ul li ul li a{ font-weight:normal; font-size:14px; background:url(../images/hui.png) no-repeat left center; padding-left:15px; margin-left:34px;}
.article_left_menu_nr ul li ul li a:hover{ background:url(../images/lan.png) no-repeat left center; color:#0456a4;}
.article_left_menu_nr ul li ul li a.on{ background:url(../images/lan.png) no-repeat left center; color:#0456a4;}

/*左侧推荐*/
.left-recommend{ margin-top: 20px; border-top: 1px solid #0456a4;}
.left-recommend-list{}
.left-recommend-list li{ line-height: 32px; padding: 0px 12px;}
.left-recommend-list li a{ display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.left-recommend-list li:hover{ background-color: #0456a4;}
.left-recommend-list li:hover a{ color: #fff;}

/*底部推荐*/
.page-recommend{ overflow: hidden;}
.page-recommend .recommend-title{ font-size: 24px; color: #303030; padding-bottom: 10px; border-bottom: 1px solid #0456a4;}
.page-recommend .recommend-list{ padding-top: 25px; overflow: hidden;}
.page-recommend .recommend-list li{ float: left; width: 45%; padding-right: 5%;}
.page-recommend .recommend-list li a{ display: block; line-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.article_left_contact{ width:251px; overflow:hidden; border:1px solid #ccc; overflow:hidden; margin-top:20px; text-align:center;}
.article_left_contact .img{ padding-top:15px; text-align:center;}
.article_left_contact .img img{ width:72%;}
.article_left_contact_title{ width:251px; height:54px; overflow:hidden; line-height:54px; background:url(../images/left_contact.jpg) no-repeat; font-size:20px; text-indent:80px; color:#fff;}
.article_left_contact_title a{ color:#fff;}
.article_left_contact_nr{ color:#b1b1b1; font-size:12px; padding:0px 32px 15px 32px; line-height:24px;}
.article_left_contact_nr p{ line-height:24px; color:#207ccf; font-size:14px; padding:15px 0px;}

.article_right_common{ width:920px; float:right; overflow:hidden;}
/************************************/

.right-title{ overflow: hidden; }
.page-title{ float: left; width: 475px; height: 50px; margin-top: 7px;  border-left: 5px solid #0064a4; line-height: 50px; font-size: 24px; text-indent: 20px; color: #303030; background: url(../images/page-title-bg.png) no-repeat right center; }
.page-more{ float: right; min-width: 425px; max-width: 460px; height: 64px; background-color: #008be5; }
.page-more .ico-more{ width: 92px; height: 64px; text-align: center; background:url(../images/ico-more.png) no-repeat center 9px #0064a4; display: block; font-size: 14px; line-height: 102px; color: #fff; }

/*****************/


.mainlist{ padding:0 0px; overflow:hidden;   }
.article{ line-height:2; padding:0px; overflow:hidden;  }
.article p:first-child{ margin:0; padding:0; }
.article img{ max-width:974px; }

.fenye{ text-align:center; padding-top: 25px; padding-bottom: 35px;}
.fenye a{ padding:4px 10px; margin:0 2px; border:1px solid #0456a4; display:inline-block;*display:inline; *zoom:1; font-size:12px; color:#666; }
.fenye a.pageon,.fenye a:hover{ color:#fff;  border:1px solid #0456a4; background-color: #0456a4;}

.newspage{ color:#0456a4; padding:35px 0px 20px 0px; font-weight:bold; overflow:hidden;  }
.newspage .prevpage{ float:left;}
.newspage .nextpage{ float:right;}

.list-news-3{ width:100%; list-style:none; margin:0px; padding:0px; overflow:hidden; }
.list-news-3 li{ float:left; width:100%; padding:0px 0 20px 0; background:url(../images/line1.jpg) repeat-x left bottom; margin-bottom:20px; }
.list-news-3 li dl{ width:100%; margin:0px; padding:0px; }
.list-news-3 li dl dt{ width:125px; height:98px; float:left; overflow:hidden; margin-right: 38px;}
.list-news-3 li dl dd{ width:580px; float:left; margin:0; position: relative; padding: 10px 0px;}
.list-news-3 li dl dd > a.more{ width: 82px; height: 25px; line-height: 25px; text-align: center; display: block; background-color: #0456a4; color: #fff;}
.list-news-3 li dl dd > a.more:hover{ background-color: #cacaca;}
.list-news-3 li dl dd h6{ margin:0; padding:0; line-height: 28px; }
.list-news-3 li dl dd h6 a{ font-size:14px; color:#0456a4; }
.list-news-3 li dl dd h6 span{ float:right; font-size:12px; color:#999; font-weight:normal; font-family:Arial, Helvetica, sans-serif;  }
.list-news-3 li dl dd p{ padding:0px; line-height: 28px; height: 56px; overflow: hidden; font-size: 12px; color: #666;}

.list-news-3 li dl dd.indate{ width: 150px; text-align: right; line-height: 88px; float: right;}

.list-type-faq{}
.list-type-faq li{ padding: 0px; margin: 0px; }
.list-type-faq li dl dt{ display: none;}
.list-type-faq li dl dd{ width:100%; float: none; padding:0px;}
.list-type-faq li dl dd h6{ cursor: pointer; margin:0; padding:0; line-height: 35px; border-bottom: 1px solid #dfdfdf; padding-left: 30px; background: url(../images/q.png) no-repeat 5px center; }
.list-type-faq li dl dd h6.curr{ background-color: #eee; }
.list-type-faq li dl dd div.content{ height: auto; border-left: 3px solid #005ec7; padding: 15px 25px 10px 35px; display: none; }
.list-type-faq li dl dd.indate{ line-height: 18px;}
.list-type-faq li dl dd a.more{ display: none;}

.list-p1{ overflow:hidden; list-style:none; margin:0; padding:0px; }
.list-p1 li{ width: 286px; margin-right: 20px; margin-bottom: 15px; float: left; padding: 6px; border: 1px solid #cacaca;}
.list-p1 li.right{ margin-right: 0px;}

.list-p1 li > a.img{ height: 405px; overflow: hidden; display: block; text-align: center; border: 1px solid #cacaca;}
.list-p1 li:hover a.img{ opacity: 0.8;}
.list-p1 li img{
    width: 100%;
    }
.list-p1 li > a.title{ height: 30px; line-height: 30px; overflow: hidden; font-size: 16px; color: #303030; display: block;}
.list-p1 li:hover > a{ color: #0456a4;}
.list-p1 li .desc{ height: 54px; line-height: 18px; overflow: hidden;}

.list-album{ width:950px; list-style:none; margin:0; padding:0; }
.list-album li{ width:285px; height:270px; text-align:center; float:left; margin-right:30px; margin-top:20px; }
.list-album li img{ width:275px; height:210px; border:1px solid #e3e3e3; padding:4px; }
.list-album li p{ margin:0; padding:0; height:30px; line-height:30px; }
 
.basic{ overflow:hidden; }
.basic-gallary{ clear:both; float:left; border:0px solid #e3e3e3; }
.basic-info{ float:left; margin-left:20px; }
.basic-info h2{ font-size:24px; color: #333333; line-height: 52px; border-bottom: 1px dashed #ccc;}
.basic-info .sub-title{ padding: 22px 0px; line-height: 22px; font-size: 18px; color: #333;}
.basic-info p{ padding-top:22px; font-size: 14px; line-height: 22px; color:#333;}
.font_hotline{
    font-size: 22px;
    font-weight: bold;
    color: #02407d;
}
.details{ margin:0 0px; font-size:16px; line-height:40px; color:#288dd3; border-bottom:1px solid #ccc; }

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ width:416px; height:416px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:416px;height:416px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:416px;height:416px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px; list-style:none; margin:0; padding:0;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.feedback-title{ font-size:18px; color:#686868;}
.tab_feedback{ padding:20px 0; }
.tab_feedback tr td{ padding:6px 0px; font-size:16px;}
.mandatory{ color:#f00; }
.tab_feedback tr td .textinp{ background:none; border:1px solid #e3e3e3; width:316px; height:28px;}
.tab_feedback tr td textarea{ background:none; border:1px solid #e3e3e3; width:316px; padding: 0px;}
.tab_feedback tr td .textval{ width:90px; height:31px; line-height:31px; text-align:center; background:none; border:solid 1px #e3e3e3; float:left;}
.vcode-img{ width:90px; height:11px; padding:10px 0px; border:solid 1px #e3e3e3; margin-left:30px; float:left; text-align:center;}
.vcode-img img{ cursor:pointer;}
.fbtn {
    line-height: 30px;
    padding: 0 30px;
    text-align: center;
    color: #acacac;
    font-size: 16px;
    background: none;
    border: 1px solid #b3afb0;
    
    outline: 0;
    cursor: pointer;
}

.fbtn:hover {
    background: #1267b8;
    color: #fff;
}

.article .tabBox{ padding-top: 46px;}
.article .tabBox .hd{ height: 42px; line-height: 42px; color: #fff; border-bottom: 1px solid #0456a4;}
.article .tabBox .hd ul{ overflow: hidden;}
.article .tabBox .hd ul li{ float: left; padding: 0px 32px; color: #666; cursor: pointer;}
.article .tabBox .hd ul li.on{ background-color: #0456a4; color: #fff;}
.article .tabBox .bd{ padding:30px 10px;}

.childClass{ display: none;}

/*左侧联系方式*/
.left_contact{ border: 1px solid #cacaca; margin-top: 9px; padding: 2px; margin-bottom: 25px;}
.left_contact img{ width: 100%;}
.left_contact .title{ text-align: center; color: #0456a4; font-size: 19px; line-height: 35px;}
.left-hotline{
    background: url(../images/ico-hotline.png) no-repeat left center;
    padding-left: 60px;
    margin-top: 8px;
    margin-left: 12px;
    min-height: 40px;
    font-size: 14px;
    color: #303030;
    line-height: 20px;
    }
.left-hotline > span{
    font-weight: bold;
    font-size: 18px;
    color: #0456a4;
}
.left_contact_nr{
    font-size: 14px;
    color: #666;
    padding: 8px;
    line-height: 28px;
}


/*服务列表*/
.recommend-goodsItem {
    float: left;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.recommend-goodsItem li {
    float: left;
    text-align: center;
    width: 284px;
    height: 251px;
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #d7ddde;
    overflow: hidden;
}
.recommend-goodsItem li.right {
    margin-right: 0px;
}
.recommend-goodsItem li a {
    color: #747474;
    display: block;
    overflow: hidden;
}
.recommend-goodsItem li a.img {
    height: 251px;
    /*border-bottom: 2px solid #ecf1f2;*/
}
.recommend-goodsItem li a.goods-title {
    height: 251px;
    font-size: 16px;
    line-height: 251px;
    overflow: hidden;
    width: 100%;
    color: #fff;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/pro_title_bg.png);
    /* older safari/Chrome browsers */  
    -webkit-opacity: 0;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0;  
    /* IE9 + etc...modern browsers */  
    opacity: 0;  
    /* IE 4-9 */  
    filter:alpha(opacity=0);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  
}
.recommend-goodsItem li:hover{
    border: 1px solid #3376b5;
}
.recommend-goodsItem li:hover a.goods-title{
    color: #fff;
    /* older safari/Chrome browsers */  
    -webkit-opacity: 1;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 1;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 1;  
    /* IE9 + etc...modern browsers */  
    opacity: 1;  
    /* IE 4-9 */  
    filter:alpha(opacity=100);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  
}
.recommend-goodsItem li a > img {
    width: 100%;
    height: 251px;
}
.recommend-goodsItem li > div {
    color: #999999;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}
.recommend-goodsItem li > div.goods-desc {
    height: 54px;
    line-height: 18px;
    text-align: left;
    font-size: 12px;
}

.recommend-goodsItem li > div.price {
    color: #e5004b;
    font-size: 18px;
    height: 41px;
    overflow: hidden;
}
.recommend-goodsItem li.first-li{
    width: 243px;
    height: 478px;
    background-color: #f4f4f4;
    border-bottom: none;
    position: relative;
}
.recommend-goodsItem li.first-li img{
    height: 240px;
    max-width: 240px;
}

.recommend-goodsItem li.first-li .class-tips{
    font-size: 28px;
    color: #294689;
    line-height: 42px;
    padding-top: 48px;
    padding-bottom: 15px;
    height: 84px;
}
.recommend-goodsItem li.first-li a.goods-title{
    position: absolute;
    bottom: 0px;
    font-size: 16px;
    color: #fff;
    height: 83px;
    line-height: 83px;
    background-color: #7f3126;
    width: 100%;
    padding: 0px;
}
/*相关服务*/
.case-title{ height: 36px; line-height: 36px; border-bottom: 1px solid #ccc; font-size: 18px; }
/*应用页推荐产品*/
.productlist {
    width: 103.5%;
}
.productlist, .productdetail {
    margin: 40px 0;
    overflow: hidden;
}
.homeproduct-tu {
    float: left;
    margin-bottom: 2%;
    margin-right: 2.3%;
    width: 31%;
}
.homeproduct-tu-pic {
    background-color: #d2d1d1;
    position: relative;
    text-align: center;
}
.homeproduct-tu-pic01 {
}
.homeproduct-tu-pic01 img {
    display: block;
    margin: 0 auto;
    vertical-align: bottom;
}
.homeproduct-tu-pic01 img.proimg {
  width: 100%;
  height: 264px;
}
.homeproduct-tu-pic .bg {
    background-color: #000;
    bottom: 2px;
    color: #fff;
    font-size: 16px;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    transition: all 0.1s ease 0s;
    width: 100%;
}
.homeproduct-tu-pic .bg01 {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 100%;
}
.homeproduct-tu-pic .bg01 a {
    background-color: #fff;
    border-radius: 100px;
    display: inline-block;
    height: 8px;
    margin: 0 4px;
    width: 8px;
}
.homeproduct-tu-pic .bg01 a.on {
    background-color: #e0a118;
}
.homeproduct-tu-pic .bg span {
    bottom: -80px;
    transition: all 0.4s ease 0s;
}
.home-product-text {
    margin-top: 15px;
    text-align: center;
}
.homeproduct-tu:hover .bg {
    opacity: 0.7;
}
.homeproduct-tu:hover .bg span {
    bottom: 50%;
    display: block;
    left: 50%;
    margin-bottom: -32px;
    margin-left: -21px;
    position: absolute;
}