@charset "utf-8";
/* CSS Document */
#content{width:100%;margin:auto;background: #fff;}
#content .content{width:1200px;margin:auto;}
#body{width:1200px; margin:auto;}
.blue{color:#234584;}
.red{color:#fe4444;}
.clear{clear:both; width:100%; height:1px;}
.hide{display:none;}
/*面包式导航*/
#position{float: left;width:100%;height: 55px;line-height: 55px;background: #f9f9f9;box-shadow: 0px -3px 4px 1px #efe8e8;margin: 0 0 40px 0;}
.position{width: 1200px;margin: 0 auto;}
.position .cur_position{/* width: 200px; *//* color: #ffffff; *//* float:left; *//* font-size:14px; */}
.position .cur_position .h1{font-size:24px;float: left;width: 100%;margin: 35px 0 0 0;}
.position .cur_position .h2{font-size:14px}
.position .crumbs{height: 55px;line-height: 55px;font-size: 14px;color: #aaa;float: left;margin-right:10px;}
.position .crumbs a{color: #aaa;padding:5px;}
.position .crumbs span{display:inline-block;color: #666;text-indent:10px;}
/*左栏*/
#content .left{width: 235px;height:auto;padding-bottom:10px;float:left;background: #fff;min-height:370px;z-index: 999;position: relative;}
#content .left .lmenu{width: 235px;height: 120px;background: #f08519;color: #fff;float: left;border-bottom: 1px solid #eee;text-align: center;font-size: 28px;}
#content .left .lmenu .h1{font-size: 26px;color: #fff;width: 100%;float: left;margin: 20px 0 0;}
#content .left .lmenu .h2{font-size: 16px;text-transform: uppercase;}
#content .left ul{width: 233px;height:auto;float: left;border-bottom: 1px solid #eee;}
#content .left ul li{width: 100%;font-size:14px;background: #f7f7f7;border: 1px solid #fff;height: 50px;text-align: center;line-height: 50px;border-bottom: 0;border-left: 2px solid #f7f7f7;}
#content .left ul li i{float: right;color: #ccc;font-size: 18px;margin: 15px 5px 0 0;}
#content .left ul li:hover, #content .left ul li.active{background: #f2e8e2;border-left: 2px solid #f08519;}
#content .left ul li:hover a, #content .left ul li.active a, #content .left ul li:hover i, #content .left ul li.active i{color: #f08519;}
#content .left .contact{float: left; margin: 30px 0 0 0; width: 235px; padding-bottom: 20px; background: #0a5cae;}
#content .left .contact .h1{font-size: 24px; color: #333; float: left; height: 66px; line-height: 66px; background: #eee; width: 272px; text-indent: 30px;}
#content .left .contact .brief b{font-weight:normal; color:#666; font-size:16px}
#content .left .contact .brief{float: left; font-size: 14px; color: #999; line-height: 25px; background: #0a5cae;}
#content .left .contact .brief .title{font-size: 20px; color: #fff; margin: 20px 0 0 20px; float: left;}
#content .left .contact .brief img{width: 100%;}
#content .left .contact .brief ul{border: 0; padding: 20px; width: 195px;}
#content .left .contact .brief ul li{background: #0a5cae; border: 0; color: #fff; text-align: left; height: auto; line-height: initial;}
#content .left .contact .brief ul li img{width: auto;}
#content .left .contact .brief ul li.tel{font-size: 18px; height: 50px; line-height: 50px;}
#content .left .contact .brief ul li.tel img{margin: 10px 5px 0 0;}
#content .left .contact .brief ul li.email img{margin: 10px 5px 0 0;}
#content .left .contact .brief ul li.add img{margin: 5px 5px 0 0;}
#content .left .contact .brief ul li span{height: 50px; float: left;}
#content .left .contact .brief ul li .img{float: left;}
#content .left .contact .brief ul li.email{height: 50px; line-height: 50px;}
#content .left .contact .brief ul li.add{height: 50px;}
#content .left .contact .ewm{float: left; width: 100%; text-align: center;}
#content .left .contact .uuu{float: left; width: 100%; text-align: center; font-size: 14px; color: #666; margin: 0 0 10px 0;}
#content .left .contact .ewm img{}
/*#content .left .contact{width:263px; padding-bottom:20px; margin-top:20px; color:#666666;background:url(../images/contact_bg.jpg) no-repeat;}
#content .left .contact .brief{width:90%; margin:auto; padding:20px 0px 30px; line-height:26px; font-size:14px; font-weight:500;color:#666666;}
#content .left .contact .brief span{width:188px; float:right;}*/
#content .left .nav_child{display:block;width: 90%;margin:auto;height:35px;line-height:35px;font-size: 14px;font-weight:500;text-indent: 30px;overflow:hidden;border-bottom: 1px solid #eee;color: #666;}
#content .left .cur{color: #e21419; border: 1px solid #e9e6e6; border-left: 0; border-right: 0; background: url(../images/l.png) no-repeat #f9f9f9;}
#content .left .nav_child:hover{color: #e21419; background: url(../images/l.png) no-repeat #ededed;}
#content .left2{width:225px;float:left; margin-bottom:30px;}
#content .left2 .hot{clear:both; width:100%; height:auto; background:#fff;}
#content .left2 .hot .title{width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; background:#e60012; color:#fff;}
#content .left2 .hot ul{border-right:1px solid #dddddd; border-left:1px solid #dddddd;}
#content .left2 .hot ul li{width:100%; height:226px; margin:auto; font-size:14px; line-height:25px; padding-bottom:5px; border-bottom:1px solid #dddddd;}
#content .left2 .hot ul li .img{width:225px; height:155px; display:table-cell; vertical-align:middle; text-align:center;}
#content .left2 .hot ul li .img img{max-width:220px; max-height:150px; vertical-align:middle;}
#content .left2 .hot ul li .name{width:157px; float:right; font-size:12px; overflow:hidden;}
#content .left2 .hot ul li .name span{color:#e60012; padding-left:10px;}
/*单页*/
#content .danye{width:918px; background:#fff; float:right;}
#content .danye .title, .news_right .title{
    font-size: 20px;
    color: #333;
    width: 100%;
    border-bottom: 1px solid #dedede;
    float: left;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
}

span.title {}
#content .danye .pagebox{width:94%;padding:20px 3%;background:#fff;line-height: 30px;}
#content .danye img{max-width:100%;}
#content .danye .kuang{border:1px solid #dfdfdf;margin-bottom:20px;}
#content .danye .kuang .name{width:100%;height:55px;border-bottom:1px solid #dfdfdf;}
#content .danye .kuang .name span{display:block;width:255px;height:55px;line-height:55px;background:#f6f8ff;color:#436f9f;text-align:center;font-weight:bolder;font-size:16px;border-right:1px solid #dfdfdf;}
#content .danye .kuang ul li{width:253px; height:auto; float:left; margin-top:20px; padding-bottom:20px; margin-left:24px;}
#content .danye .kuang ul li img{width:100%; height:247px; margin-bottom:10px;}
#content .danye .kuang ul li .titl{width:100%; height:auto; line-height:20px; text-align:center;}
/*产品列表*/
#content #product_right{width: 1200px; background:#fff; float:right; padding: 0 0 20px 0;}
#content .product_right{width:100%;}
#content .product_detail{width:865px;background:#fff;float:right;}
/*产品详情*/
.game163{width: 380px;margin: 0 auto;position: relative;overflow: hidden;float:left;height: 300px;margin-left: 0;border: 1px solid #dedede;}
.game163 img{width: 100%; height: 100%;}
#content .content .brief2 .titles{font-size: 18px; color: #333; float: left; width: 380px; margin-left: 32px; line-height: 33px;}
#content .content .brief2{width: 800px;
background:#fff;
float: left;
/* padding: 20px; */}
#content .content .brief2 .title{width: 420px; float: right; margin: 30px 0 0 0;}
#content .content .brief2 .title .tese{font-size: 14px; color: #333; line-height: 28px;}
#content .content .brief2 .title .tese span{font-weight: bold; height: 240px; float: left;}
#content .content .brief2 .title h2{margin-bottom:10px;font-size:18px;color: #333;float: left;width: 100%;}
#content .content2{width: 100%; float: left; background:#fff; margin: 40px 0 0 0;}
#content .content2 .nav_menu{width:100%; margin:auto;height:50px; border-bottom:1px solid #ccc;}
#content .content2 .nav_menu ul li{width:auto; height:50px; line-height:50px; font-size:14px; padding:0px 20px;cursor:pointer; float:left; color:#436f9f;border:1px solid #ccc;border-bottom:0px;}
/*#content .content2 .nav_menu ul li:first-child{border-right:0px;}*/
#content .content2 .nav_menu ul .cur{background:#f6f8ff; height:49px;}
#content .content2 .titles{float: left; width: 100%; height: 20px; margin: 0 0 15px 0;}
#content .content2 .titles span{background: #fff; float: left; /* width: 60px; */ height: 20px; font-size: 20px; color: #333;}
#content .content2 .nei{clear:both;width: 805px;border-top:0px;margin: 0 0 20px 0;font-size: 16px;color: #666;line-height: 33px;}
/*文章样式*/
#content .news_right{width: 918px; background:#fff; float:right; margin-bottom:30px;}
#content .news_right .news_list{width: 918px;margin:auto;}
#content .news_right .news_list .ul{width:100%;}
#content .news_right .news_list .ul .title{color:#e50112; font-size:22px; height:40px;}
#content .news_right .news_list .ul li{height: 228px;width:100%;margin-bottom:20px;border-bottom: 1px #c3c3c3 dashed;float: left;}
#content .news_right .news_list .ul li .img{height: 176px;width: 301px;float:right;}
#content .news_right .news_list .ul li .img img{height: 176px;width: 301px;}
#content .news_right .news_list .ul li .brief{height:120px;width: 460px;float:left;}
#content .news_right .news_list .ul li .brief .date{height:59px;width:100%;color:#666;font-size:14px;line-height: 80px;}
#content .news_right .news_list .ul li .brief h2{color:#333;font-size: 16px;line-height: 80px;}
#content .news_right .news_list .ul li .brief .desc{font-size: 14px;color:#666;line-height: 22px;}
#content .news_right .news_list .ul li .brief:hover h2, #content .news_right .news_list .ul li .brief:hover .date{color: #f08519;}
/*contact*/
#content .contact_right{width:865px; padding-bottom:20px; float:right;}
#content .contact_right .contact_list{width:100%;}
#content .contact_right .contact_list .ul li{width:100%; height:95px; border-bottom:1px dashed #cccccc; margin-bottom:20px;}
#content .contact_right .contact_list .ul li .brief{width:100%; height:90px;}
#content .contact_right .contact_list .ul li h3{height:30px; line-height:30px;}
#content .contact_right .contact_list .ul li .date{height:30px; line-height:30px;}
/*activity*/
#content .activity_right{width:865px; padding-bottom:20px; float:right;}
#content .activity_right .ul li{margin-top:21px; height:auto; clear:both; font-size:14px; border-bottom:1px solid #ccc;}
#content .activity_right .ul li .qu{height:25px; width:100%; line-height:25px; overflow:hidden; margin-bottom:7px;}
#content .activity_right .ul li .qu .q{width:25px; height:25px; line-height:25px; text-align:center; color:#fff; background:#0074d9; float:left;}
#content .activity_right .ul li .qu .u{width:840px; height:auto; float:right; color:#303030; font-weight:500;}
#content .activity_right .ul li .an{height:auto; width:100%; line-height:25px;}
#content .activity_right .ul li .an .a{width:25px; height:25px; line-height:25px; text-align:center; color:#fff; background:#666666; float:left;}
#content .activity_right .ul li .an .n{width:840px; height:auto; line-height:22px; float:right;color:#666666;}
/*down*/
#content .down_right{width:865px; padding-bottom:20px; float:right;}
#content .down_right li{width:100%; height:30px; line-height:30px; margin-bottom:10px; border-bottom:1px dashed #ccc;}
/*证书列表*/
#content .video_right{width:865px;float:right;}
#content .video_right .video_list li{width:267px;height:238px;text-align:center;margin-right:32px;margin-bottom:15px;float:left;position:relative;overflow:hidden;}
#content .video_right .video_list li:nth-child(3n){margin-right:0px;}
#content .video_right .video_list li .img{width:267px;height:238px;text-align:center;display: table-cell; vertical-align:middle;}
#content .video_right .video_list li a img{width:267px;height:238px;}
/*案例列表*/
#content .picture_right{width:865px; padding-bottom:20px; float:right;}
#content .picture_right .picture_list li{width:190px; height:170px; float:left; margin-right:28px; margin-bottom:10px;}
#content .picture_right .picture_list li.four{margin-right:0px;}
#content .picture_right .picture_list li .img{width:190px; height:130px; display:table-cell; text-align:center; vertical-align:middle;}
#content .picture_right .picture_list li:hover .img{border:1px solid #e50112;}
#content .picture_right .picture_list li .img img{max-width:185px; max-height:125px;vertical-align:middle;}
#content .picture_right .picture_list li .name{height:30px; line-height:30px; text-align:center;}
/*分页*/ .pages{clear:both;width: 100%;height: 35px;margin: 30px auto 10px auto;position: relative;}
.pages ul{height: 35px; margin-top: 0; width: 50%; position: absolute; left: 50%; margin-left: -117.5px;}
.pages ul li.item{border:1px solid #e9e9e9 ;}
.pages ul li.item{float: left;text-align: center;cursor: pointer;width: 30px;height: 30px;line-height: 30px;margin-left: 20px;}
.pages ul li.prev{width:42px;height:30px;margin-left: 0;}
.pages ul li.next{width:42px;height:30px;}
.pages ul li.next:hover , .pages ul li.prev:hover{border: 1px solid #e62129;}
.pages ul li.item a{color: #999999;}
.pages ul li.on{background-color: #0facee;}
.pages ul li.on a{color: #fff;}
.total{display:none;}/*招聘复制样式*/
.cdzhaop{width:100%; margin:0px auto;}
.cdzhaop_tit{height:46px; line-height:46px; overflow:hidden; background-color:#F1F1F1;padding-left:20px; padding-right:44px;}
.cdzhaop_tit h1{width:33%; float:left; font-size:17px; color:#333;}
.cdzhaop_tit h2{width:33%; float:left; font-size:17px; color:#333;}
.cdzhaop_tit h3{width:17%; float:left; font-size:17px; color:#333;}
.cdzhaop_tit h4{width:17%; float:left; font-size:17px; color:#333; text-align:right;}
.cdzhaop ul{}
.cdzhaop ul li{border-bottom:1px dashed #999; overflow:hidden; line-height:38px; padding-bottom:10px; padding-top:10px; padding-left:20px; padding-right:44px;}
.cdzhaop ul li h1{width:33%; float:left; font-size:17px; height:38px;}
.cdzhaop ul li h1 a{color:#008cd7;}
.cdzhaop ul li h1 a:hover{text-decoration:underline;}
.cdzhaop ul li h2{width:33%; float:left; font-size:17px; color:#333; height:38px;}
.cdzhaop ul li h3{width:17%; float:left; font-size:17px; color:#333; height:38px;}
.cdzhaop ul li h4{width:17%; float:left; font-size:17px; color:#333; text-align:right; height:38px;}
.pager3{line-height:32px; font-size:16px; padding-top:20px; padding-bottom:30px; text-align:center; color:#333;}
.pager3 a{color:#333;}
.pager3 a:hover{color:#026CB8;}
.pager3 font{color:#999; margin-left:10px; margin-right:10px; position:relative; top:-1px;}
.pager3 span a{margin-left:10px;}
.pager3 input{width:40px; height:24px; line-height:24px; border:1px solid #CCC; margin-left:6px; margin-right:6px;}
.pager3 a.paer_curr{color:#026CB8; font-weight:bold;}
.ban{width: 100%; float: left;}
.ban .ban_box{width: 1200px; margin: 0 auto; position: relative;}
.ban img{}
.ban .ban_box .dw{position: absolute; top: 120px; min-width: 200px;}
.ban .ban_box .h1{font-size: 34px; color: #000; font-weight: bold; float: left; /* width: 100%; */ position: relative;}
.ban .ban_box .h1:after{content:"";position: absolute;height: 5px;width: 100%;background: #0facee;left: 0;bottom: 4px;opacity: 0.8;}
.ban .ban_box .h2{font-size: 18px;color: #666;text-transform: uppercase;float: left;width: 100%;}
#content .product_right .product_list{width: 1200px;float:right;}
#content .product_right .product_list li{width: 375px;height: 375px;float:left;margin-right: 35px;margin-bottom: 20px;/* background: #fff; *//* padding: 5px; *//* border: 1px solid #fff; */}
#content .product_right .product_list li.nll{margin-right:0}
#content .product_right .product_list li .img{width: 375px;height: 290px;/* display:table-cell; */vertical-align:middle;text-align:center;position: relative;border: 1px solid #ccc;}
#content .product_right .product_list li:hover{/* border: 1px solid #0a5fb2; */}
#content .product_right .product_list li .img .h{background:url(../images/hover.png) no-repeat center center;width: 100%;position: absolute;height: 100%;z-index: 100;left: 0;top: 0;display: none;}
#content .product_right .product_list li:hover .img{border: 1px solid #0facee;}
#content .product_right .product_list li:hover .img .h{display: block;background: rgba(0,0,0,.6) url(../images/hover.png) no-repeat center center;}
#content .product_right .product_list li:hover a{color:#fff}
#content .product_right .product_list li .img img{width: 100%;height: 100%;vertical-align:middle;}
#content .product_right .product_list li .name{width:100%;height: 45px;text-align: left;font-size: 16px;overflow:hidden;float: left;line-height: 45px;}
#content .product_right .product_list li:hover .name{color: #333;}
#content .product_right .product_list li .name .more{float: right; border: 1px solid #ccc; height: 25px; line-height: 25px; margin: 10px 0 0 0; font-size: 12px; padding: 0 15px;}
#content .product_right .product_list li:hover .name .more{background: #0facee; color: #fff; border: 0;}
#content .product_right .product_list li .lll{float: left; width: 50px; height: 6px; background: #999; margin: 5px 0 0 0;}
#content .product_right .product_list li:hover .lll{width: 100%; background: #0facee;}
#content #product_right .nav{float: left; margin: 50px 0;}
#content #product_right .nav li{float: left; padding: 5px 20px; border: 1px solid #ccc; margin: 0 10px;margin-bottom: 15px;}
#content #product_right .nav li a{font-size: 16px;}
#content #product_right .nav li.active, #content #product_right .nav li:hover{background: #0facee; border: 1px solid #0facee;}
#content #product_right .nav li.active a, #content #product_right .nav li:hover a{color: #fff;}
.tuibox{
    float: right;
    width: 320px;
    margin: 40px 0 0 0;
}
.tuibox .title{
    font-size: 18px;
    color: #333;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}
.tuibox ul{}
.tuibox ul li{
    width: 150px;
    float: left;
    margin-right: 20px;    margin-bottom: 20px;
}
.tuibox ul li.nil{
    margin-right: 0;
}
.tuibox ul li .img{
    width: 150px;
    float: left;
}
.tuibox ul li .img img{
    width: 100%;
    height: 100px;
}
.tuibox ul li .name{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #333;
}
.flist{
    float: left;
    width: 100%;
}
.flist li{
    float: left;
    width: 210px;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 110px;
    overflow: hidden;
}
.flist li.mr0{ margin-right:0}
.flist li img{
    width: 100%;
    height: 2;
}