@charset "utf-8";
@import url(/web/20190103071601cs_/http://zycmgg.com/templates/css_style/dll.css);
@import url(/web/20190103071601cs_/http://zycmgg.com/templates/css_style/font.css);
@import url(/web/20190103071601cs_/http://zycmgg.com/templates/css_style/main.css);
@import url(/web/20190103071601cs_/http://zycmgg.com/onlinecss/onlineeditor.css);
@import url(/web/20190103071601cs_/http://zycmgg.com/templates/css_style/ddsmoothmenu.css);
@import url(/web/20190103071601cs_/http://zycmgg.com/templates/css_style/animate.css);
@import url(/web/20190103071601cs_/http://zycmgg.com/templates/css_style/banner.css);
@import url(/web/20190103071601cs_/http://zycmgg.com/templates/css_style/global.css);
@import url(/web/20190103071601cs_/http://zycmgg.com/templates/css_style/module.css);
@import url(/web/20190103071601cs_/http://zycmgg.com/templates/css_style/reset.css);

.mfbox{width:1200px; margin:0 auto;}
.header{ position:fixed; width:100%; height:100px; z-index:9000;}

.logo{float:left;}
.logo a{display:block; width:234px; height:100px; overflow:hidden; background:url(../../templates/images/logo_b.png) no-repeat center center; background-size:cover;}
.logo a img{width:234px; height:auto;}
.logo img{ display:none;}
.i_nav{float:right; height:100px;}
.lan{ position: absolute; top: 5px;left: 80%;display:none;}
.lan li{float:left; padding-right:5px;}


.add{background:#FFF; box-shadow:0 0 5px 2px rgba(0,0,0,.1);}
.add .logo a{background:url(../../templates/images/logo.png) no-repeat center center;}


.i_banner_box{position:relative; width:100%; height:800px; overflow:hidden;}
.i_banner{ float:left; display:inline;}


.i_container{overflow:hidden;}

.i_case{width:1200px; margin:70px auto 0;}
.i_case_l{clear:both; overflow:hidden; margin-top:40px;}
.i_case_l dl{ width:398px; height:300px; margin:15px 3px 0 0; float:left;}
.i_case_l dl:nth-child(3n){ margin:15px 0 0 0;}
.i_case_l dl dd{ width:100%; height:230px; overflow:hidden; }
.i_case_l dd a{ display:block; width:100%; height:100%; transition:all .3s ease-in;}
.i_case_l dl dd:hover a{ transform:scale(1.1);}

.i_case_l dl dt{ font-size:16px; margin:10px 0 5px 0;} 
.i_case_l dl dt a{  transition:all .3s ease-in; display:block; width:394px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_case_l dl span{ color:#666; display:block; width:394px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


.i_service{width:100%; margin-top:70px; padding:50px 0 0; background:#f7f7f7;}
.i_service_l{width:1000px; margin:0 auto; padding:50px 0;}
.i_service_l dl{ float:left; width:160px; line-height:26px; color:#666; margin:0px 20px;}
.i_service_l dl span{ display:block;}
.i_service_l dt{ font-size:16px; margin:10px 0 5px 0; color:#333;}

.i_about{ background:url(../../templates/images/bg01.jpg) no-repeat center center; background-attachment:fixed; width:100%; height:500px; background-size:cover;  text-align:center; color:#fff; overflow:hidden;  }
.i_about_c{ font-size:14px; color:#e2e2e2; line-height:28px; width:840px; margin:40px auto; text-align:center;}

.i_btn01 a{ width:150px; background:#e40073;  border-radius:2px; font-size:16px; color:#fff; height:46px; line-height:46px; display:inline-block; margin:0 8px; -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}
.i_btn01 a:hover{ background:#dc005a;}

.i_news{width:1230px; margin:60px auto 0;}
.i_news_l{ overflow:hidden; clear:both; margin:30px auto;} 
.i_news_l dl{ width:380px; float:left; font-size:14px;  margin:15px;  overflow:hidden; color:#666; line-height:26px;}
.i_news_l dl dd{ width:380px; height:240px; margin-bottom:12px; padding:1px; transition:box-shadow 218ms; } 
.i_news_l dl dd:hover{background-color:#ccc; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12); }
.i_news_l dl dd img{ display:block; width:100%; height:100%;}
.i_news_l dl dt{display:block; line-height:24px; color:#333; max-height:72px; overflow:hidden;}

.i_client{width:1200px; margin:50px auto;}
.i_client_l{ overflow:hidden; height:130px; clear:both; margin:30px auto 0;}
.i_client_l li{float:left; padding:10px 20px; width:160px; height:45px;}
.i_client_l li img{width:160px; height:45px;}

.iclh{ height:auto;}



.footer{overflow:hidden; width:100%; margin-top:20px; color:#FFF; background:#e40073;}
.footer_in{width:1250px; margin:0 auto; padding:60px 0; position:relative;}

.flogo{float:left; width:250px; font-size:14px; overflow:hidden;}
.flogo span{ display:block; padding:20px 0 10px; line-height:22px;}

.fnav{float:left; width:540px; margin-left:80px;}
.fnav dl{float:left; width:120px; padding:0 0 0 15px;}
.fnav dl dt{padding-top:20px; padding-bottom:10px; line-height:30px; font-size:18px;}
.fnav dl dd{line-height:26px; font-size:12px;}
.fnav dl a{color:#FFF;}
.fnav dl a:hover{color:#910049;}

.f_contact{float:right; width:300px; padding-top:20px; color:#FFF;}
.f_contact h4{ display:block; font-size:16px; padding-bottom:10px;}
.f_contact span{display:block; font-size:12px; line-height:25px; text-indent:20px;}
.f_contact span:nth-child(2){ background:url(../../templates/images/icon01.png) no-repeat left center;}
.f_contact span:nth-child(3){ background:url(../../templates/images/icon02.png) no-repeat left center;}
.f_contact span:nth-child(4){ background:url(../../templates/images/icon03.png) no-repeat left center;}
.f_contact span:nth-child(5){ background:url(../../templates/images/icon04.png) no-repeat left center;}

.copyright{ padding:15px 0 0 0; color:#FFF; text-align:center; line-height:25px; font-size:12px; background:#000000;}
.jsq{ padding: 0 0 15px 0; color:#FFF; text-align:center; line-height:25px; font-size:12px; background:#000000;}




.p_container{overflow:hidden;}

.p_banner_box{position:relative; width:100%; height:600px; overflow:hidden;}
.p_banner{ float:left; display:inline;}


.sidebar{width:100%; height:90px; text-align:center; background:url(../../templates/images/icon05.jpg) repeat-x center bottom; overflow:hidden;}


.txt01{width:100%; padding:60px 0;}
.txt01 h4{ display:block; line-height:30px; padding:20px 0; text-align:center; font-size:16px; color:#3e3a39; font-weight:bold;}
.txt01_c{width:790px; margin:0 auto; overflow:hidden; text-align:center; font-size:16px; color:#717071; line-height:25px;}

.txt02{width:100%; padding:60px 0; background:#F7F7F7;}
.txt02 h4{ display:block; line-height:30px; padding:20px 0; text-align:center; font-size:16px; color:#3e3a39; font-weight:bold;}
.txt02_c{width:790px; margin:0 auto; overflow:hidden; text-align:center; font-size:16px; color:#717071; line-height:25px;}

.team{width:100%; padding:60px 0; border-width:1px 0; border-style:solid; border-color:#c9c6c5;}
.team h4{ display:block; line-height:30px; padding:20px 0; text-align:center; font-size:16px; color:#3e3a39; font-weight:bold;}
.team_t{width:790px; margin:0 auto; overflow:hidden; text-align:center; font-size:16px; color:#717071; line-height:25px;}
.team_l{width:1092px; margin:30px auto 0;}
.team_l li{float:left; display:inline-block; width:360px; height:200px; margin:2px; overflow:hidden;}
.team_l li img{width:360px;}



.p_content{width:1200px; margin:0 auto;}
.p_left{ float:left;}
.p_right{ float:right;}