@charset "utf-8";
/* CSS Document */
ul,li,dl,dt,dd,ol{ list-style-type:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,form,input,textarea,label,table,tr,td,p,header,article,footer,nav,section,aside,menu{margin:0; padding:0;}
header,article,footer,nav,section,aside,menu{ display:block;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:none;}
a{text-decoration:none;outline:none;}
.public_cont {width:1200px;margin:0px auto;}
body{ margin:0;padding:0;font-family:Microsoft Yahei;font-size:12px;}
input{font-family:Microsoft Yahei;}
.cl{ clear:both; font-size:0; line-height:0; height:0; width:100%; overflow:hidden;}
.fix:after {visibility: hidden;display: block;font-size: 0;content:""; clear: both; height: 0;}
.fix{*zoom:1;}
.after:after {content: "";display: block;clear: both;}
.index_nav{position: absolute;top:0px;left:0px;z-index:9999;width:100%;}
.xz_class_menu{position: absolute;bottom:0px;left:0px;z-index:9999;width:100%;height:200px;}
.xz_class_menu ul{position: relative;height:200px;width:63%;    margin: 0px auto;}
.xz_class_menu ul .xz_mune_1{position: absolute;bottom:0px;left:240px;}
.xz_class_menu ul .xz_mune_2{position: absolute;bottom:0px;left:480px;}
.xz_class_menu ul .xz_mune_3{position: absolute;bottom:0px;left:0px;}
.xz_class_menu ul .xz_mune_4{position: absolute;bottom:0px;left:720px;}
.xz_class_menu ul .xz_mune_5{position: absolute;bottom:0px;left:960px;}
.xz_class_menu ul li a{width:220px;height:120px;display:block;}
.xz_class_menu ul li{width:220px;}
.xz_class_menu ul li a{text-align:center;background:url("../images/navt.png") repeat;width:100%;display:block;}
.xz_class_menu ul li a:hover{background:url("../images/navbt.png") repeat;width:100%;display:block;}
.xz_class_menu ul li a b{display:block;font-size:20px;color:#ffffff;font-weight: normal;line-height:40px;}
.xz_class_menu ul li a span{display:block;}
.xz_class_menu ul li a span img{;font-size:0px;display:block;}
.xz_mune_2 a span img{    padding: 15px 0px 15px 0px;}
.xz_mune_3 a span img{    padding: 32px 0px 16px 0px;}
.xz_mune_4 a span img{    padding: 20px 0px 10px 0px;}
.xz_mune_5 a span img{    padding: 30px 0px 10px 0px;}


/*通用导航条*/
.public_header{position: relative;}
.public_nav_logo img{width:170px;height:70px;display:block;font-size:0px;}
.public_nav_logo{float:left;width:170px;padding-left:10%; }
.public_nav_case{float:right;width:800px;padding:15px 10% 0px 0px;}
/*banner*/
.banner{ width:100%; height:920px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:920px; float:left;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:380px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:380px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}
/*简介*/
.sy_about{background-color:#f6f6f6;width:100%;height:760px;}
.sy_about_fd{height:350px;}
.sy_about_fd h2{color:#221814;font-size:35px;font-weight: normal;text-align:center;padding-top:70px;}
.sy_about_fd p{   text-align:center;line-height:35px; font-weight: bold;color:#009bdb;font-size:16px;overflow: hidden;}
.sy_about_fd span{display:block;padding:20px 0px;text-align:center;}
.sy_about_fd b{width:50px;height:3px;background-color:#009bdb;line-height:40px;display:inline-block;}
.sy_about_more a{color:#009bdb;font-size:20px;border:1px solid #009bdb;padding:10px 50px;}
.sy_about_more a:hover{color:#ffffff;border:1px solid #009bdb;background-color:#009bdb;}
.sy_about_more{text-align:center;margin-top:60px;}
.sy_about_more_1 a{color:#ffffff;font-size:20px;padding:15px 50px;background-color:#009bdb;box-shadow: 3px 5px 5px #c1c1c1;}
.sy_about_more_1 a:hover{color:#ffffff;background-color:#c71622;}
.sy_about_more_1{z-index:9999;text-align: center;
    margin-top: 60px;}
/*服务*/
.sy_service{background-color:#009bdb;width:100%;height:300px;}
.sy_service_cont ul li{float:left;width:180px;margin:0px 10px;text-align:center;}
.sy_service_cont ul li img{width:140px;height:140px;font-size:0px;display:inline-block;}
.sy_service_cont ul li p{width:180px;height:40px;line-height:40px;color:#333333;font-size:16px;margin-top:20px;}
.sy_service_cont ul{padding-top:50px;}
/*理念*/
.sy_idea_title{padding:100px 0px 30px 0px;}
.sy_idea_title h2{color:#221814;font-size:25px;font-weight: normal;text-align:center;}
.sy_idea_title p{color:#a9a9a9;font-size:14px;text-align:right;line-height:25px;height:25px;overflow: hidden;white-space: nowrap;text-align:center;}
.sy_idea_title span{display:block;padding:10px 0px;text-align:center;}
.sy_idea_title b{width:100px;height:3px;background-color:#009bdb;display:inline-block;}

.sy_idea_cont{width:100%;}
.xz_idea_left{float:left;width:40%;position: relative;}
.xz_idea_right{float:left;width:60%;}
.xz_idea_bj img{width:100%;}
.xz_idea_texe{position: absolute;top:10%;right:50px;}
.xz_idea_texe h1{font-size:80px;font-weight: normal;color:#333333;}
.xz_idea_texe h2{font-size:50px;font-weight: normal;color:#333333;text-align:right;padding-bottom:30px;}
.xz_idea_texe ul li{font-size:20px;font-weight: normal;color:#333333;text-align:right;line-height:40px;}

/* .sy_idea_cont ul li{float:left;width:33%;max-height:500px;position: relative;}
.sy_idea_cont ul li img{width:100%;display:block;font-size:0px;}
.idea_two{margin:0px 0.15%;}
.sy_idea_text{position: absolute;top:30%;width: 80%;margin: 0px 10%;}
.sy_idea_text h2{font-weight: normal;font-size:30px;color:#ffffff;text-align:center;white-space: nowrap;overflow: hidden;margin-bottom:15px;}
.sy_idea_text p{font-size:14px;color:#ffffff;text-align:center;overflow: hidden;line-height:25px;height:150px;} */
.section{width:100%;overflow:hidden;}
.section ul{width:100%;}
.section ul li{float:left;display:inline;width:50%;overflow:hidden;position:relative;}
.section ul li .photo{width:100%;height:auto;overflow:hidden;}
.section ul li .photo img{width:100%;display:block;font-size:0px;}
.section .rsp{border-top:3px solid #c71622;width:80%;height:200px;overflow:hidden;position: absolute;background:#009bdb;bottom:25%;left:10%;}
.section .text{position:absolute;width:80%;height:200px;left:-100%;bottom:25%;overflow:hidden;}
.section .text h3{width:100%;height:50px;line-height:50px;text-align:center;color:#FFFFFF;font-size:20px;}
.section .text p{font-size:14px;color:#ffffff;text-align:center;overflow: hidden;line-height:25px;height:125px;width:80%;margin:0px auto;}
/*方案*/
.product{ height: 400px; position: relative; overflow: hidden; display: none; }
.product ul{ position: absolute; left: 0px;}
.product-wrap .show{ display: block;}
.tejia_cc{position:relative; width:1200px; height:400px; overflow: hidden; float: left;}
.tejia_con{position: relative; width:1080px; height:400px; margin:0 auto;overflow: hidden;}
.tejia_con ul{width:9999px; position:absolute;}
.tejia_con ul li{width:340px; height:400px; float:left; margin:0 10px;position:relative;}

.tejia_bj_text p{font-size:14px; color:#ffffff;width:300px;overflow:hidden;margin:10px auto;height:80px;line-height:20px;}
.tejia_bj_text{position: absolute;bottom:0px;left:0px;height:100px;background:url(../images/fabj.png) repeat;width:340px;}

.tejia_con ul li a{display:block;width:340px;height:400px;}
.tejia_con ul li a img{display:block;width:340px;height:400px;font-size:0px;}
#wrap{ width:100%; height:auto;margin:0 auto; position:relative; z-index:99; overflow: hidden;}
#main{ width:1200px; height:auto; min-height: 520px; margin:0 auto; position: relative; overflow: hidden;}
#in_01{ width:1200px; height:400px; margin: 0 auto;}
#in_02{ width:100%; height:288px; background:#0f0f0f;}
#in_02_mid{ width:1200px; height:240px; padding-top:34px; margin:0 auto;}
.in_02_t{ width:185px; height:49px; margin:0 auto;}
.bbtn{ display:block; z-index: 6;}
.aleft{ width:60px; height:60px;position:absolute; left:0; top:170px;}
.aright{ width:60px; height:60px; position:absolute; right:0; top:170px;}


.xz_yqlj_img ul li{float:left;width:300px;height:190px;background-color:#ffffff;}
.xz_yqlj_img ul li a img{width:298px;height:189px;display:block;font-size:0px; }
.xz_yqlj_img ul li a{width:298px;height:190px;border:1px solid #cccccc;display:block;overflow: hidden;}
.xz_yqlj_img ul li a:hover{border:1px solid #ff6600;}
/*新闻*/
.sy_news{background:url("../images/news.jpg") no-repeat center top;width:100%;height:500px;margin:50px 0px;}
.sy_news_fd{float:left;width:500px;}
.sy_news_fd h2{color:#221814;font-size:25px;font-weight: normal;text-align:left;padding-top:70px;}
.sy_news_fd span{height:3px;display:block;margin:20px 0px;}
.sy_news_fd b{float:left;width:50px;height:3px;background-color:#009bdb;display:block;}
.sy_news_more a{color:#009bdb;font-size:20px;border:1px solid #009bdb;padding:10px 50px;}
.sy_news_more a:hover{color:#ffffff;border:1px solid #009bdb;background-color:#009bdb;}
.sy_news_more{text-align:left;margin-top:60px;}
.sy_news_list{height:210px;overflow: hidden;}
.sy_news_list ul li a{color:#333333;font-size:13px;transition: all .5s;}
.sy_news_list ul li a:hover{padding-left:10px;}
.sy_news_list ul li{line-height:35px;width:500px;overflow: hidden;white-space: nowrap;}
/*通用底部*/
.public_footer{min-height:300px;background-color:#009bdb;width:100%;}
.footer_text_1{float:left;width:290px;margin-right:50px;}
.footer_text_2{float:left;width:440px;margin-right:50px;}
.footer_text_3{float:left;width:370px;}
.footer_text h1{font-weight: normal;font-size:20px;color:#ffffff;padding:40px 0px;}
.footer_copy,.footer_copy a{color:#333333;font-size:14px;}
.footer_copy{text-align:center;height:100px;line-height:100px;}
.xz_footer{margin-top:40px;}

.xz_sy_mews_img{float:left;width:105px;height:70px;margin-right:10px;}
.xz_sy_mews_img img{width:105px;height:70px;}
.xz_sy_mews_text{float:left;width:325px;height:70px;}
.xz_sy_mews_text h2{font-weight: normal;height:20px;line-height:20px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.xz_sy_mews_text h2 a{font-size:16px;color:#ffffff;text-overflow:ellipsis;}
.xz_sy_mews_text h2 a:hover{color:#ff6600;}
.footer_text_2 ul li{border-bottom:1px solid #ffffff;padding:10px 0px;}
.footer_text {height:300px;overflow: hidden;}
.xz_sy_mews_text p{font-size:12px;height:50px;line-height:25px;color:#ffffff;overflow: hidden;text-overflow:ellipsis;}
.footer_text_3 ul li{font-size:12px;color:#ffffff;line-height:30px;padding-left:30px;}
.footer_text_3 ul{background:url("../images/adff.png") no-repeat;}
/*内页关于*/
.ny_banner_bjt{background:url("../images/nybanner.jpg") no-repeat center top;width:100%;height:420px;}
.ny_idea_title{padding:40px 0px 40px 0px;}
.ny_idea_title h2{color:#221814;font-size:25px;font-weight: normal;text-align:center;}
.ny_idea_title p{color:#a9a9a9;font-size:14px;text-align:right;line-height:25px;height:25px;overflow: hidden;white-space: nowrap;text-align:center;}
.ny_idea_title span{display:block;padding:10px 0px;text-align:center;}
.ny_idea_title b{width:100px;height:3px;background-color:#009bdb;display:inline-block;}
.neiye_content_case ul li{float:left;width:150px;height:40px;margin:0px 20px 20px 0px;}
.neiye_content_case ul li a{background:url("../images/nycase1.png") no-repeat;width:150px;height:40px;text-align:center;line-height:40px;display:block;color:#2cade5;font-size:15px;}
.neiye_content_case{margin:0px 0px 30px 0px;}
.neiye_content_case ul li a:hover{background:url("../images/nycase2.png") no-repeat;width:150px;height:40px;color:#ffffff;}
.neiye_text_about,.neiye_text_about p{font-size:14px;color:#333333;line-height:25px;}
.neiye_text_about p,.neiye_text_about p img,.neiye_text_about img{margin-bottom:10px;}
.neiye_text_about p img,.neiye_text_about img{max-width:1200px;}
.neiye_contact{margin-bottom:30px;}
/*业务及案例*/
.neiye_text_case ul li{float:left;width:380px;margin:10px;}
.neiye_text_case ul li img{display:block;font-size:0px;width:380px;height:240px;}
.neiye_text_case ul li h2{font-weight: normal;font-size:16px;color:#333333;margin:10px 0px;white-space: nowrap;overflow: hidden;}
.neiye_text_case ul li p{font-size:13px;color:#666666;overflow: hidden;line-height:25px;height:75px;}
.neiye_text_case ul li span a{font-size:15px;color:#ffffff;line-height:40px;height:40px;width:160px;background-color:#2cade5;text-align:center;display:block;margin-top:10px;}
.neiye_text_case ul li span a:hover{background-color:#e50012;}
/*分页*/
.public_page span{margin-right:10px;background-color:#2cade5;color:#ffffff;font-size:16px;padding:9px 25px;}
.public_page a{margin-right:10px;background-color:#2cade5;color:#ffffff;font-size:16px;padding:9px 25px;}
.public_page span font{color:#ffffff;}
.public_page  a:hover{background-color:#e50012;}
.public_page{margin-top:30px;}
/*案例详情页*/
.neiye_casexx_title h2{font-weight: normal;font-size:18px;color:#333333;text-align:center;}
.neiye_casexx_title p{font-size:14px;color:#666666;text-align:center;margin:10px 0px;}
.neiye_casexx_title{border-bottom:1px solid #cccccc;margin-bottom:20px;padding-bottom:10px;}
.casexx_content,.casexx_content p{font-size:14px;color:#333333;line-height:25px;}
.casexx_content p,.casexx_content p img,.casexx_content img{margin-bottom:10px;}
.casexx_content p img,.casexx_content img{max-width:1200px;}
.casexx_content p a:hover{color:#F00}
/*联系我们*/
.contact_text .contact_stt{color:#d1d1d2;font-size:30px;font-weight: normal;margin:30px 0px;}
.contact_phone ul li{float:left;width:380px;height:160px;}
.phone_1{background:url("../images/dh.jpg") no-repeat;width:380px;height:160px;}
.phone_2{background:url("../images/qq.jpg") no-repeat;width:380px;height:160px;margin:0px 30px;}
.phone_3{background:url("../images/weixin.jpg") no-repeat;width:380px;height:160px;}
.phone_1 span,.phone_2  span{display:block;font-size:25px;color:#009bdb;padding-left: 110px;}
.phone_2  span a{font-size:16px;color:#009bdb;}
.phone_1_pad{padding-top:40px;}
/*留言*/
.book_form label{display:block;width:100px;font-size:16px;color:#333333;margin:10px 0px;}
.book_form label b{color:#df002c;}
.book_form input{width:100%;font-size:14px;color:#333333;outline:none;height:35px;border:0px;}
.book_form textarea{width:100%;font-size:14px;color:#333333;outline:none;height:80px;border:0px;resize:none;}
.book_form span{width:100%;height:1px;display:block;background-color:#cccccc;}
.book_form p{margin-bottom:25px;}
.book_form .book_form_tj input{width:240px;font-size:16px;color:#ffffff;outline:none;height:40px;border:0px;background-color:#009bdb;cursor:pointer}
.book_form{margin:30px 0px;}
/*新闻*/
.ny_news_left{float:left;width:880px;height:190px;}
.ny_news_right{float:left;width:285px;margin-left:35px;height:190px;}
.ny_news_right img{display:block;width:285px;height:190px;font-size:0px;}
.neiye_text_news ul li{padding:10px 0px;border-bottom:1px solid #cccccc;}
.ny_news_left span{display:block;font-size:23px;color:#009bdb;}
.ny_news_left h2{font-weight: normal;padding:10px 0px;}
.ny_news_left h2 a{font-size:25px;color:#333333;font-weight: normal;white-space: nowrap;overflow: hidden;display:block;}
.ny_news_left h2 a:hover{color:#009bdb;}
.ny_news_left p{font-size:14px;color:#666666;height:100px;line-height:25px;overflow: hidden;}
/*资料下载*/
.ny_download ul li{padding:10px 0px;border-bottom:1px solid #cccccc;line-height:35px;}
.ny_download ul li span{float:left;width:1000px;color:#333333;font-size:14px;}
.ny_download ul li a{    border-radius: 5px;float:right;width:100px;height:35px;background-color:#009bdb;display:block;text-align:center;line-height:35px;color:#ffffff;}
.ny_download ul li a:hover{background-color:#e50012;color:#ffffff;}

@media screen and (max-width:1200px) {
.public_nav_logo{ padding-left: 5%; }
.public_nav_case {padding: 15px 5% 0px 0px;}
}
@media screen and (max-width:1700px) {
.xz_class_menu ul{width: 70%;}
}
@media screen and (max-width:1600px) {
.xz_class_menu ul{width: 80%;}
}
@media screen and (max-width:1400px) {
.xz_class_menu ul{width: 87%;}
}
@media screen and (max-width:1350px) {
.xz_class_menu ul{width: 90%;}
}
@media screen and (max-width:1300px) {
.xz_class_menu ul{width: 95%;}
}
@media screen and (max-width:1250px) {
.xz_class_menu ul{width: 98%;}
}