/*case*/
.case-area {display: flow-root;}
.case-area .case-title {padding: 20px;background: #FFF;margin-bottom: 20px;}
.case-title h1 {font-size: 24px;font-weight: bold;line-height: 36px;text-align: center;padding: 10px 0;}
.case-title .case-tit-box {}
.case-title .case-tit-box p {letter-spacing: 1px;font-size: 16px;line-height: 24px;;text-indent: 2em;}

.case_box{padding: 20px 10px;background-color: #FFF;width: 370px;float: left;margin: 0 5px 20px;}
.case_box .case_img{width: 370px;height: 229px;}
.case_box .case_img img{width: 370px;height: 229px;}
.case_box .case_info{}
.case_box .case_info span{font-size: 24px;padding: 0 0 10px;color: #555;line-height: 36px;display: block;text-align: center;}
.case_box .case_info table{border-collapse: collapse;border-spacing: 0;width: 100%;font-size: 16px;line-height: 24px;text-align: left;}
.case_box .case_info table td{border: 1px solid #777;padding: 8px 20px;}

/*list_article*/
.main_left{width: 858px;float: left;}
.main_right{width: 322px;float: right;}
.main_box{overflow: hidden;}
.list_left{background: #fff;border: 1px solid #e8e8e8;border-radius: 5px;}
.list_left li{border-bottom: 1px #e7e7e7 solid;padding:15px;display: flow-root;}
.list_left li img{width:242px;height:150px;}
.list_left .list_rt{float: right;width: 560px;}
.list_left .list_rt .list_tit{font-size: 18px;color: #333;margin-bottom: 10px;}
.list_left .list_rt .list_tit a{height: 27px;text-overflow: ellipsis;overflow: hidden;display: block;}
.list_left .list_rt .list_tit a:hover{color:#0091b3;}
.list_left .list_rt .list_come{font-size: 12px;color: #999;margin-bottom: 10px;}
.list_left .list_rt .list_come span{margin-right: 15px;}
.list_left .list_rt .list_intro{font-size: 14px;color: #666;margin-bottom: 20px;line-height: 24px;height: 48px;text-overflow: ellipsis;overflow: hidden;}
.list_left .list_rt .list_tag span{font-size: 12px;color: #999;background: #fff;border: 1px #ccc solid;border-radius: 16px;padding: 3px 8px;margin-right: 8px;}
.list_right{overflow: hidden;padding: 16px;margin-bottom: 15px;background: #fff;border: 1px solid #e8e8e8;border-radius: 5px;}
.list_right li{padding: 10px 0 10px 28px;overflow: hidden;position: relative;line-height: 21px;font-size: 14px;}
.list_right li a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list_right li a:hover{color:#0091b3;}
.list_right li i{position: absolute;left: 5px;top: 13px;width: 16px;height: 16px;line-height: 16px;color: #fff;border-radius: 50%;text-align: center;background: #0091b3;}
.list_right li em{color: #666;}
.list_right .tit{border-bottom: 1px solid #e6e6e6;overflow: hidden;line-height: 24px;padding-bottom: 10px;}
.list_right .tit span{color: #333;font-size: 18px;}
.list_introduce{width: 800px;color: #444;padding: 15px 30px 0;}
.list_introduce h1{font-size: 24px;font-weight: bold;line-height: 36px;}
.list_introduce p{font-size: 14px;line-height: 21px;margin-top: 5px;text-indent: 2em;letter-spacing: 3px;}
.new_page {background: #fff;margin:15px 0;}
.new_page .fanye {text-align: center;padding: 15px 0;border: 1px solid #e8e8e8;border-radius: 5px;}
.new_page .fanye li{display: inline-block;height: 34px;margin-right: 5px;}
.new_page .fanye li a{float: left;display: block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #dddddd;color: #555555;text-decoration: none;}
.new_page .fanye li.thisclass a,.fanye li.thisclass a:hover {background: transparent;border-color: #09f;color: #fff;cursor: default;}
.new_page .fanye li.thisclass {background: #09f;color: #fff;}

/* 底部相关资讯 */
.tj-box {margin-bottom:15px;display: flow-root;}
.tj-box .tj-item {padding: 20px;width: 560px;float: left;background: #FFF;}
.tj-top {font-size: 20px;font-weight: 500;line-height: 28px;color: #000;border-bottom: 2px solid #e1e1e1;padding: 6px 0 7px 13px;position: relative;}
.tj-top::before {content: '';width: 3px;height: 28px;position: absolute;left: 0px;background: #0091b3;}
.tj-top span {letter-spacing: 2px;}
.tj-list {display: flow-root;}
.tj-list li {line-height: 24px;height: 22px;font-size: 16px;width: 100%;padding: 8px 0;}
.tj-list li a {color: #333;padding-left: 5px;}
.tj-list li a:hover {color:#0091b3;}
.tj-list li span {float:right;color: #333;}

/* 底部相关案例 */
.pro-case{background-color: #fff;display: flow-root;padding: 20px;}
.pro-case .pro-caseimg{margin-top: 20px;}
.pro-case .pro-caseimg li{width: 270px;float: left;padding: 0 10px;}
.pro-case .pro-caseimg li a{}
.pro-case .pro-caseimg li a img{width: 268px;height:166px;border: #ccc solid 1px;}
.pro-case .pro-caseimg li span{display: block;color: #555;padding: 8px 0 0;text-align: center;font-size: 15px;line-height: 21px;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*article*/
article{padding:20px;}
.title{font-size: 28px;font-weight: 700;line-height: 36px;margin: 0 auto;width: 100%;color: #282d44;}
.news_info{width: 816px;color: #666;padding:12px 0;margin:0 0 10px;border-bottom: 1px solid #e9e9e9;display: table;}
.news_info .right_info{float: left;font-size: 14px;line-height: 21px;}
.news_info .right_info span{}
.news_info .right_info p{}
.news_info .kwords{float: right;}
.news_info .kwords span{float: left;font-size: 14px;line-height: 21px;}
.explain{background-color: #fafafa;color: #999;padding: 14px 27px;line-height: 21px;font-size: 14px;margin: 15px 0 0;}
.explain span{color: #0091b3;}
.explain a{color: #666;}
.content p{font-size: 16px;padding: 10px;line-height: 28px;color:#4e4e4e;}
.content h2{margin:8px 0;font-size: 17px;color: #0091b3;padding: 13px 10px;font-weight: 700;line-height: 20px;font-family: microsoft yahei;vertical-align: baseline;border-left: 3px #0091b3 solid;display: block;word-wrap: break-word;background-color: #f6f6f6;}
.content h3{margin-top: 18px;margin-bottom: 5px;font-weight: bold;}
.content img{display: block;margin: 10px auto;}
.content p a:hover{color:#0091b3;}
.content .articleud{clear: both;padding: 18px 0 0;height: 20px;line-height: 20px;font-size: 14px;}
.content .articleud span{color: #999;width: 320px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.content .articleud a{color: #666;}
.content .articleud a:hover{color: #0091b3;}
.tj-box .tj-item1 {padding: 20px;width: 826px;background: #FFF;border: 1px solid #e8e8e8;border-radius: 5px;}
.tj-list1 {display: flow-root;}
.tj-list1 li {line-height: 22px;height: 22px;font-size: 15px;width: 50%;padding: 8px 0;float:left;}
.tj-list1 li a {color: #333;padding-left: 5px;}
.tj-list1 li a:hover {color:#0091b3;}
.tj-list1 li span {float:right;color: #333;}

/* project */
.project-area{background-color: #fff;padding: 20px 20px 0;}
.project-area .project-series{display: flow-root;}
.project-area .project-series h1{font-size: 30px;line-height:45px;text-align: center;}
.project-area .project-series p{line-height: 30px;font-size: 16px;text-indent: 2em;margin: 10px 0;}
.project-area .project-series .pro-s3{width:373px;height: 290px;padding-right:20px;float:left;}
.project-area .project-series .pro-s3:last-child{padding-right:0;}
.project-area .project-series .pro-s3 img{width:373px;height:231px;}
.project-area .project-series .pro-s3 span{display: block;text-align: center;font-size:16px;line-height:30px;}
.project-area .project-series .pro-s4{width:275px;height: 230px;padding-right:20px;float:left;}
.project-area .project-series .pro-s4:last-child{padding-right:0;}
.project-area .project-series .pro-s4 img{width:275px;height:170px;}
.project-area .project-series .pro-s4 span{display: block;text-align: center;font-size:16px;line-height:30px;}
.project-area .project-series .pro-s5{width:220px;height: 190px;padding-right:15px;float:left;}
.project-area .project-series .pro-s5:last-child{padding-right:0;}
.project-area .project-series .pro-s5 img{width:220px;height:136px;}
.project-area .project-series .pro-s5 span{display: block;text-align: center;font-size:16px;line-height:30px;}
.project-area .project-list{}
.project-area .project-list .project-info{margin-bottom:20px;display: flow-root;}
.project-info .project-infoleft{width:300px;float:left;}
.project-info .project-infoleft h2{font-size: 26px;text-align: center;width: 100%;line-height: 60px;background: #0091b3;color: #ffffff;}
.project-info .project-infoleft img{position: relative;width: 100%;}
.project-info .project-infoleft .pro-xq{text-align: center;color: #ffffff;line-height: 36px;background-color: #0091b3;position: relative;top: -60px;padding: 10px;left: 10px;}
.project-info .project-infoleft .pro-xj{text-align: center;color: #ffffff;line-height: 36px;background-color: #0091b3;position: relative;top: -60px;padding: 10px;right:-30px;}
.project-info .project-inforight{width:820px;float:right;}
.project-info .project-inforight .pro-jj{height: 122px;}
.project-info .project-inforight .pro-jj p{font-size: 14px;line-height: 22px;letter-spacing: 2px;text-indent: 2em;}
.project-info .project-inforight .pro-cs{height: 110px;}
.project-info .project-inforight .pro-cs li{width:400px;float:left;font-size:14px;line-height:22px;padding: 0 10px 5px 0;}
.project-info .project-inforight .pro-cs li span{font-weight: bold;color:#0091b3;}
.project-info .project-inforight .pro-img{}
.project-info .project-inforight .pro-img li{width:260px;float:left;padding-right:20px;}
.project-info .project-inforight .pro-img li:last-child{padding-right:0;}
.project-info .project-inforight .pro-img li img{width:260px;height:161px;border-radius: 5%;}
.pro-sontit{font-size: 18px;line-height: 27px;font-weight: bold;padding:0 0 5px 0;display: block;}

/* project-list */
.project{}
.project .pro-up{height: 395px;background-color: #FFF;padding: 20px;}
.pro-up .pro-up-left{width: 550px;float: left;}
.pro-up .pro-up-left img{width: 550px;height: 341px;}
.pro-up .pro-up-left .onejsup{margin-top: 10px;}
.pro-up .pro-up-left .onejsup p{font-size: 14px;line-height: 21px;color: #999;}
.pro-up .pro-up-right{float: left;width: 570px;margin-left: 40px;}
.pro-up .pro-up-right h1{font-size: 30px;line-height: 45px;}
.pro-up-right .project-js{border-bottom:2px solid #0091b3;padding: 10px 0;}
.pro-up-right .project-js p{font-size: 14px;line-height: 21px;color: #666;text-indent: 2em;letter-spacing: 1px;}
.pro-up-right .project-cs{padding: 10px 0;background-color:#eaeaea;display: flow-root;}
.pro-up-right .project-cs p{font-size:18px;line-height:24px;padding-left: 10px;letter-spacing: 3px;}
.pro-up-right .project-cs li{float: left;width: 275px;padding: 10px 0 0 10px;font-size: 14px;line-height: 21px;}
.pro-up-right .project-cs li span{color:#0091b3;}
.pro-up-right .project-contact{margin-top: 15px;height: 50px;}
.pro-up-right .project-contact a{background: #0091b3;color: #fff;font-size: 18px;padding: 15px 15px;border-radius: 5px;display: block;float: left;}
.pro-up-right .project-contact span{color: #0091b3;font-size: 25px;font-weight: bold;margin-left: 110px;line-height: 50px;display: block;float: left;}
.icon_1{background: url(/statics/images/icon_1.jpg);float: left;margin-right: 5px;margin-top: 2px;width: 25px;display: inline-block;height: 25px;}
.icon_2{background: url(/statics/images/icon_2.jpg);float: left;margin-right: 5px;margin-top: 2px;width: 25px;display: inline-block;height: 25px;}
.icon_3{background: url(/statics/images/icon_3.jpg);float: left;margin-right: 5px;margin-top: 2px;width: 25px;display: inline-block;height: 25px;}
.icon_4{background: url(/statics/images/icon_4.jpg);float: left;margin-right: 5px;margin-top: 2px;width: 25px;display: inline-block;height: 25px;}
.icon_tel{background: url(/statics/images/icon_tel.jpg);float: left;margin-right: 5px;margin-top: 11px;width:30px;display: inline-block;height: 30px;}
.pro-up-right .project-ys{margin-top: 15px;height: 50px;}
.pro-up-right .project-ys p{font-size: 18px;line-height: 30px;margin-right: 16px;}
.pro-up-right .project-ys p span{float: left;margin-right: 12px;font-size: 15px;}
.project .pro-down{background-color: #FFF;margin-top: 20px;padding: 20px;display: flow-root;}
.pro-down .pro-down-left{width: 200px;float: left;}
.pro-down .project-company{margin-bottom: 20px;}
.pro-down .project-company p{font-size: 14px;line-height: 32px;margin: 8px 0;}
.pro-down .project-company p img{width:200px;height:200px;}
.pro-down .project-company .cstrong{padding:5px 0;font-weight:bold;font-size: 16px;}
.pro-down .project-company .companyys{color: #0091b3;font-size: 14px;text-align: center;line-height: 22px;font-weight: bold;}
.pro-down .project-company span{color:#ff3333;font-weight:bold;}
.pro-down .project-kind{margin-bottom:20px;}
.pro-down .project-kind span{background: #0091b3;color: #fff;font-size: 18px;height: 50px;line-height: 50px;display: block;text-align: center;}
.pro-down .project-kind li{background-color: #e8e8e8;font-size: 18px;line-height: 48px;height: 48px;letter-spacing: 1px;text-align: center;border-bottom: 1px dashed #ccc;}
.pro-down .project-kind li a:hover{color:#0091b3;}
.pro-down .project-case{}
.pro-down .project-case span{background: #0091b3;color: #fff;font-size: 18px;height: 50px;line-height: 50px;display: block;text-align: center;}
.pro-down .project-case li{margin-top: 15px;}
.pro-down .project-case li a{}
.pro-down .project-case li a img{width: 200px;height: 124px;}
.pro-down .project-case li p{font-size: 12px;line-height: 24px;text-align: center;white-space: nowrap;}
.pro-down .pro-down-right{width: 940px;float: left;margin-left: 20px;}
.pro-down-right .project-wrap-tit{text-align: center;background: #0091b3;height: 50px;}
.pro-down-right .project-wrap-tit li{float:left;}
.pro-down-right .project-wrap-tit li a{padding: 0 58px;line-height: 50px;display: inline-block;font-size: 18px;color: #fff;}
.pro-down-right .project-wrap{}
.project-wrap .prowrap-xqtit,.project-wrap .prowrap-xgtit,.project-wrap .prowrap-zztit,
.project-wrap .prowrap-jgtit,.project-wrap .prowrap-lxtit{color: #c4c4c4;font-size: 16px;text-align: center;line-height: 2.5rem;padding:15px 0 10px;}
.project-wrap .prowrap-xqtit p,.project-wrap .prowrap-xgtit p,.project-wrap .prowrap-zztit p,
.project-wrap .prowrap-jgtit p,.project-wrap .prowrap-lxtit p{font-size: 28px;}
.project-wrap .prowrap-xqtit p span,.project-wrap .prowrap-xgtit p span,.project-wrap .prowrap-zztit p span,
.project-wrap .prowrap-jgtit p span,.project-wrap .prowrap-lxtit p span{color:#0091b3;}
.project-wrap .prowrap-xq p,.project-wrap .prowrap-xg p,.project-wrap .prowrap-zz p,
.project-wrap .prowrap-jg p,.project-wrap .prowrap-lx p{font-size: 16px;line-height: 28px;text-indent: 2em;}
.project-wrap .prowrap-xq p span{font-weight: bold;font-size: 17px;margin: 5px 0;display: block;}
.project-wrap .prowrap-xq img {margin: 10px 0;}
.project-wrap .prowrap-lx p span{color:#0091b3;font-weight: bold;font-size: 20px;}
.project-wrap .prowrap-xg,.project-wrap .prowrap-zz{display: flow-root;}
.project-wrap .prowrap-xg img{width:450px;height:279px;margin:10px;float:left;}
.project-wrap .prowrap-zz img{width:225px;height:320px;margin:5px;float:left;}
.pro-down-right .onejsdown{margin: 30px 0;}
.pro-down-right .onejsdown p{font-size: 12px;line-height: 18px;color: #999;}
.pro-down-right .project-news{}
.pro-down-right .project-news .project-newstop{height: 35px;border-bottom: 1px solid #e9e9e9;margin-bottom: 15px;}
.pro-down-right .project-news .project-newstop span{display: inline-block;padding-bottom: 15px;font-size: 20px;font-weight: bolder;color: #222;border-bottom: 1px solid #0091b3;cursor: default;}
.pro-down-right .project-news .project-newslist{overflow: hidden;list-style-type: disc;margin-top: 8px;}
.pro-down-right .project-news .project-newslist li{width: 455px;float: left;list-style-type: disc;margin: 0 0 8px 15px;font-size: 15px;line-height:22px;white-space: nowrap;color: #0091b3;}
.pro-down-right .project-news .project-newslist li a:hover{color:#0091b3;}

/* about */
.about_box{margin-bottom:20px;display: flow-root;}
.about-sub-title{margin: 15px 0;text-align: center;}
.about-sub-title h1{font-size: 40px;font-weight: 600;line-height: 60px;color: #0091b3;}
.about-mb h2{ font-size:36px; color:#333;line-height: 54px;}
.about-mb .ab-txt{text-indent: 2em;color:#666;font-size: 16px;line-height: 32px;margin:10px 0;}

.jianjie{}
.jianjie img{width:100%}
.jianjie .l_box{width:64%;position:relative} 
.jianjie .r_box{width:34.5%;}
.jianjie .l_box h3{font-size: 18px;line-height: 24px;margin-bottom: 10px;}
.jianjie .l_box .pd{position:absolute; left:80px; top:13%; width:70%; padding:30px 30px 30px; background:url(../images/white87.jpg) repeat;} 
.jianjie .l_box .pd p{font-size:14px; color:#787878; line-height:26px; margin-bottom:30px;}
.jianjie .l_box .icon_list li{width:25%; float:left; text-align:center;}
.jianjie .l_box .icon_list li a{display:block;}
.jianjie .l_box .icon_list li a:hover .icon{transform:rotateY(180deg); -webkit-transform:rotateY(180deg);}
.jianjie .l_box .icon_list li .icon{width:55px; height:55px; margin:0 auto 15px; display:block; background:url(../images/about_icons.jpg) 0 0 no-repeat;}
.jianjie .l_box .icon_list .li2 .icon{background-position:-55px 0;}
.jianjie .l_box .icon_list .li3 .icon{background-position:-110px 0;}
.jianjie .l_box .icon_list .li4 .icon{background-position:-165px 0;}
.jianjie .l_box .icon_list .name{display:block;font-size:14px; color:#1f1f1f; line-height:20px;}
.jianjie .info_box{background:#F2F6FF repeat repeat; padding:13px; }
.jianjie .r_box h3{font-size: 18px;line-height: 24px;margin-bottom: 6px;}
.jianjie .r_box .pd{ background:#fff;    box-shadow: #E2E8FB 0px 3px 10px; padding:15px} 
.jianjie .r_box .pd li{font-size:15px; color:#787878; line-height:29px;}

.opc0 h3{font-size: 24px;line-height: 36px;margin-bottom: 6px;}
.opc0 .left,.opc0 .right{width:50%;}
.opc0 .left{position:relative}
.opc0 .left img,.opc0 .right img {border: 1px solid #ccc;}
.opc0 .right{position: relative;}
.opc0 .right .cont{ position: absolute; top: 0; max-width: 600px; box-sizing: content-box; padding: 7% 15%;}
.opc0 .right .cont .tit{font-size: 70px; margin-bottom:10px; color: #fff; line-height: 1;font-weight: 800;}
.opc0 .right .cont .title{font-size: 24px;color: #fff; }
.opc0 .right .cont .dec{ font-size: 15px; color: #fff; line-height:32px;margin-bottom:12px; margin-top:20px; }
.opc0 .right .cont li{ display: inline-block; *zoom:1;*display: inline; color: #fff; margin-right: 6%; }
.opc0 .right .cont li .num{ font-size: 59px; font-family: "impact";}
.opc0 .right .cont li.jia{ font-size: 59px; font-family: "impact";}
.opc0 .right .cont li .num_dec{ font-size: 16px;}
.opc0 .right .cont .more{ font-family: "arial"; color: #8f8f8f; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #8f8f8f; padding: 2% 5%;}
.opc0 .right .cont .more:hover{ color: #d0112b; }

.hezuo{}
.hezuo .hz-wrap{}
.hezuo .hz-wrap li{width:280px;float: left;margin-right:20px;margin-bottom:20px;}
.hezuo .hz-wrap li:last-child{margin-right: 0;}
.hezuo .hz-wrap li img{width: 278px;border: 1px solid #ccc;}

.zizhi-area {}
.zizhi-area .zizhi{width:1200px;float: left;margin-top: 10px;}
.zizhi-area .zizhi li {float:left;width:280px;padding: 0 10px;}
.zizhi-area .zizhi li span {text-align: center;display: block;font-size: 15px;line-height: 21px;}
.zizhi-area .zizhi li img {width: 280px;border: 1px solid #ccc;}

.about-xz{margin-top: 50px;background: #252A33;padding:50px 5%;margin-bottom: 100px;}
.about-xz h2{text-align:center;font-size: 36px;color:#fff;font-weight: 600;}
.about-xz p{font-size: 18px;color:#a0a0a0;line-height: 36px;text-align: center;margin-bottom: 20px;}
.about-xz li{width: 13%;float: left;margin:15px 0.6%;}