@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
@import url(global.css);
@import url(module.css);
@import url(reset.css);
/* ��ҳ���ֿ�ʼ */



.p_contact{
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.p_contact .title2 {
    width: 370px;
    text-align: center;
    position: relative;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}
.p_contact .title2 h3 {
    font-size: 16px;
    color: rgb(34, 34, 34);
}
.p_contact .title2 span {
    font-size: 28px;
    color: rgb(217, 217, 217);
    margin-top: 10px;
}
.p_contact ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.p_contact ul li {
    display: flex;
    align-items: center;
    width: calc(100% / 2);
    margin-bottom: 10px;
}
.p_contact ul li strong {
    padding: 0 10px;
}
.p_contact ul li.qrcode{
    flex-wrap: wrap;
}
.p_contact ul li.qrcode strong{
    width: 100%;
    line-height: 30px;
    font-size: 18px;
    color: #333;
    padding: 0 100px;
}























.mfbox{width:1200px; margin:0 auto;}
.header{ position:fixed; width:100%; height:80px; z-index:9000;top:0px}
.navbar-toggle {
     background: rgba(0, 0, 0, 0) url("../Images/icon0x.png") no-repeat scroll right top;
    border: 0 none;
    border-radius: 0;
    height: 65px;
    float: right;
    margin: 0;
    width: 65px;
    margin-top: 14px;display: none;
}.float_ri ul li .ri_tel a {
    color: #fff;
    text-indent:  0;
    width:  100%;
    line-height:  1.6;
    height: auto;
}
.logo{float:left;}
.logo a{display:block; width:234px; height:100px; overflow:hidden; background:url(/upload/weblogo/2016120617531771.png) no-repeat center center; 
background-size:100%;margin-top: -10px;}
.logo a img{width:234px; height:auto;}
.logo img{ display:none;}
.i_nav{float:right; height:100px;}
/*.i_nav li{float:left; height:100px; padding:0 15px;}
.i_nav li > a{display:block; color:#FFF; padding:0 10px; height:98px; line-height:98px; font-size:18px; text-align:center;  transition:none;}
.i_nav li > a:hover{color:#FFF; border-bottom:2px solid #FFF;}*/

.addb {
    margin-top: 100px;
}
.add{background:#FFF; box-shadow:0 0 5px 2px rgba(0,0,0,.1);}
.add .logo a{background:url(../Images/logo.png) no-repeat center center; background-size: 100%;}
#products1 .add .ddsmoothmenu ul li a{color:#fff !important;}
#news1 .add .ddsmoothmenu ul li a{color:#fff !important;}
#products1 .add .ddsmoothmenu ul li ul li a, #news1 .add .ddsmoothmenu ul li ul li a{color:#000 !important;}
/*.add .i_nav li > a{ color:#3e3a39;}
.add .i_nav li > a:hover{ color:#e40073; border-bottom:2px solid #e40073;}
.add .i_nav li > a.on{ color:#e40073;}*/

/*.i_banner li{width:100%; height:800px;}
.i_banner li a{display:block; width:100%; height:800px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:20px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 5px; width:12px; height:12px; background:#FFF; overflow:hidden; border-radius:6px;}
.i_banner_p a:hover{ background:#e50074;}
.i_banner_p a.on{ background:#e50074;}*/

.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:33%; height:360px; margin:15px 3px 0 0; float:left;
     text-align: center;}
.i_case_l dl:nth-child(3n){ margin:15px 0 0 0;}
.i_case_l dl dd{ width:300px; height:300px; overflow:hidden; 
     margin: 0 auto;}
.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:20px 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:30px; 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(../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:#646465;}
.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(1){ background:url(../Images/icon01.png) no-repeat left center;}
.f_contact span:nth-child(2){ background:url(../Images/icon02.png) no-repeat left center;}
.f_contact span:nth-child(3){ background:url(../Images/icon03.png) no-repeat left center;}
.f_contact span:nth-child(4){ background:url(../Images/icon04.png) no-repeat left center;}
.f_contact span:nth-child(5){ background:url(../Images/icon02.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;}

/* ��ҳ���ֽ��� */
.float_ri{z-index: 10;position:absolute;border-right:4px solid #042d53;right:0;top:22px;}
.float_ri ul{position:fixed;right:20px;top: 223px;}
.float_ri ul li .wei_ac{width:148px;display:none;margin-right: 50px;}
.float_ri ul li .ri_tel{width:148px;display:none;margin-right: 50px;position: absolute;top: 30px;right: 5px;}
.float_ri ul li{display:block;position: relative;}
.float_ri ul a{display:block;width:50px;height:50px;right:3px;margin-bottom: 2px;color:#fff;  line-height: 35px;text-indent: -10000px;border-radius: 50px;margin-top: 10px;float:right;}
.float_ri ul a.right01{background-image:url(../images/qq1.png);background-position:center;background-repeat:no-repeat;}
.float_ri ul a:hover.right01{background-image:url(/upload/weblogo/2016122216080027.png);background-position:center;background-repeat:no-repeat;}
.float_ri ul a.right02{background-image:url(../images/tel1.png);background-position:center;background-repeat:no-repeat;}
.float_ri ul a:hover.right02{background-image:url(/upload/weblogo/2016122216073360.png);background-position:center;background-repeat:no-repeat;}
.float_ri ul a.right03{background-image:url(../images/wechat1.png);background-position:center;background-repeat:no-repeat;}
.float_ri ul a:hover.right03{background-image:url(/upload/weblogo/2016122216090972.png);background-position:center;background-repeat:no-repeat;}
/*.float_ri ul li:hover a{color:#fff;text-decoration:none;background-color:#3e3a39;width:130px;background-position:100%;text-indent:15px;background-size:50px;}
.float_ri li:hover .right02{width:250px;line-height:18px;text-indent:0;padding-left:15px;}*/
.float_ri ul li:hover .right03,.float_ri ul li:hover .right02{width:50px;background-position:center;text-indent: -10000px;}
.float_ri ul li:hover .wei_ac{display:block;}
.float_ri ul li:hover .ri_tel{display:block;}
.float_ri ul li .ri_tel{ width:150px; background:#222; border-radius:4px; color:#fff;  padding:5px 0 15px 0;box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:width .3s ease-in-out; display:none;}
.float_ri ul li .ri_tel dl{width:110px; margin:0 auto; overflow:hidden; text-align:left; line-height:22px; font-size:12px; margin-top:10px;}
.theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5; display:none; }
.popover1{ width:360px; height:400px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.popover1 dl{ margin-top:60px; font-size:14px; color:#333; line-height:40px;}
.popover1 dl a{ width:110px; height:40px; background:#e50074; color:#fff; display:inline-block; border-radius:2px; font-size:14px;}
/* ��ҳ���ֿ�ʼ */
.p_container{overflow:hidden;}

.p_banner_box{position:relative; width:100%;  overflow:hidden;    text-align: center;}

.p_banner{ margin-left:0px !important;}
/*.p_banner li{width:100%; height:600px;}
.p_banner li a{display:block; width:100%; height:600px;}
.p_banner_p{position:absolute; width:100%; left:0; bottom:20px; text-align:center;}
.p_banner_p a{display:inline-block; margin:0 5px; width:12px; height:12px; background:#FFF; overflow:hidden; border-radius:6px;}
.p_banner_p a:hover{ background:#e50074;}
.p_banner_p a.on{ background:#e50074;}*/
.p_banner img {
    width: 100% !important;
    height: auto !important;
}
.sidebar{width:100%; height:90px; text-align:center; background:url(../Images/icon05.jpg) repeat-x center bottom; overflow:hidden;}
.sidebar1{width:100%; height:90px; text-align:center;  overflow:hidden;}
/*.sidebar li{ display:inline-block; height:90px; padding:0 40px; overflow:hidden;}
.sidebar li a{display:block; height:87px; line-height:87px; color:#3e3a39; font-size:18px; transition:none; -webkit-transition:none; -moz-transition:none;}
.sidebar li a:hover{color:#e40073; border-bottom:3px solid #e40073;}
.sidebar li a.on{color:#e40073; border-bottom:3px solid #e40073;}*/

.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;}
.singles_view.gbook {
    margin: 0 auto;
    width: 700px;
}
.gbook_post {
    float: left;
    width: 50%;
}
.gbook_post input {
    border: 1px solid #ddd;
    height: 35px;
    margin: 10px 0;
    text-indent: 20px;
    width: 90%;
}
.gbook_post.input_7 {

    width: 100%;
}
.input_7 textarea {
    border: 1px solid #ddd;
    height: 130px;
    margin-top: 10px;
    width: 95%;
}
.gbooktext {
    float: right;
    height: 70px;
    line-height: 80px;
    padding-right: 30px;
}
.gbooktext a {
    color: #e40073;
}
@media screen and (max-width: 1230px){
.i_case {
    width: 1000px;
}
.i_case_l dl{
    width: 32.333333%;
    margin: 15px .5%;
}
.i_case_l dl:nth-child(3n) {
   margin: 15px .5%;
}
.i_news
{
    width: 1000px;
}
.i_news_l dl {
    width: 300px;
    margin: 15px;
}
.i_news_l dl dd{width:100%;}
}
@media screen and (max-width: 1208px){
.p_content {
    width: 100%;
}
.p_p_list li {
    width: 32.3333333%;
    height: 275px;
    margin: 0 .5%;
    margin-top: 40px;
    float: left;
    color: #666;
}
  .team_l{width:100%;}
}
@media screen and (max-width: 1000px){
.i_client_l {
    overflow: hidden;
     height:auto;

}.i_service_l {
    width: 100%;
}
.i_about_c{width:90%}
.i_case {
    width: 100%;
}
.i_news {
    width: 100%;
}
.i_news_l dl {
    width: 30%;
    margin: 15px 1.5%;
}
.i_client {
    width: 100%;
}
.i_client_l li {
    margin: 15px 12px;
}
.footer_in {
    width: 100%;
    margin: 25px auto 40px auto;
}
.flogo {
    float: none;
    margin: 0 auto 20px auto;
    display: none;
}
.fnav{margin-left:0px}
.f_contact {
    width: 215px;
    float: right;
}
}
@media screen and (max-width: 768px){
  .mfbox{width:100%;}
  .p_banner_box{margin-top:80px;}
.i_case {
    margin-top: 30px;
}.navbar-toggle {
    display: block;
}.i_banner_box .slidesjs-container {
    height: auto !important;
}
.i_nav{display:none;}
.i_nav {
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    display: none;
    height: auto;
    position: fixed;
    right: 0px;
    top: 80px;
    width: 170px;
}
.add .nava:hover, .add .navactive:hover{line-height:30px !important;}
.ddsmoothmenu ul li {
display: block !important;
    height: auto !important;
    margin: 0;
    padding: 0;
    float: none !important;height: auto !important;clear: both;
}
.i_nav ul li ul {
    position: static;
    width: 100px;width: 100% !important;
    left: 0px !important;}
.i_nav ul li ul li {
    margin-left: 0;
}
.i_nav ul li ul li a {width: 100%;}
.i_banner_box{margin-top:100px;}
.title02 {
    font-size: 24px;
}
.i_news_l dl {
    width: 45%;
    margin: 15px 2.5%;
}
.add .selected, .add .navactive{    line-height: 30px;}
.add .nava{    line-height: 30px;}
.i_client_l li {
    width: 35%;
    height: auto;
    margin: 12px 7.5%;padding:0px
}
.fnav {
    float: left;
    width: 100%
}
.fnav dl{width:19%;margin: 0 3%;padding: 0;}
.f_contact{
    width: 95%;
    margin: 0 auto;
    float: left;
    padding-left: 18px;
}
.title01 h3 {
    font-size: 24px;
    margin: 25px auto 5px auto;
}
.title01 h3 {
    font-size: 24px;
}
.txt01_c{width:100%;
  }
.txt02_c {width:100%;
  }
.team_t{width:100%;}
.singles_view.gbook{width:100%;
  }
.i_service_l dl{
    width: 50%;
    margin: 20px 0%;
    text-align: center;
}
.sidebar{height:auto;}
.sortnavul li {
    display: block;height: auto;
    float: left;
    width: 29%;
    margin: 5px 2%;
    padding: 0;
}
.sortnavul li a:hover{color:#fff;border-bottom:none}
.sortnavul li a{
    color: #fff;
line-height:39px;
height:39px;
    background: #24b727;
    border: 1px solid #24b727;
}
.p_p_list li {
    width: calc(100% / 2);
    margin: 0;
    height: auto;
    margin-bottom: 0;
    float: none;
    font-size: 14px;
    padding: 5px;
    box-sizing: border-box;
}
  body#menu_34 .p_p_list li img{
  	    width: 100%;
    height: auto;
  }
  .p_p_list{
  	    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
.p_p_list li a{width:100%}
.p_p_list li img{width:100%;height:auto}

#products1 .add .ddsmoothmenu ul li a {color:#3e3a39 !important;}
#products1 .i_container{ margin-top:100px;}

.p_u_def4{width:100%;}
.p_u_def4 .title .tt{float:left;}
.p_u_def4 .list{width:100%;}
.p_u_def4 .list li{width:100%;}
  .i_case_l ul{
  	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }


}
@media screen and (max-width: 470px){
.remark1{    max-width: 100%;}
.menu_40 .remark1 span {
    white-space: initial !important;
    text-align: left;
    font-size: 14px !important;
}
  .i_case_l dl:nth-child(3n){
  	    margin: 0;
  }
.i_case_l dl{
    width: calc(100% / 2);
    margin: 0;
    float: none;
    padding: 5px;
    box-sizing: border-box;
        height: auto;
}
  .i_case_l dl dd{
  	    width: 100%;
    height: 150px;
  }
  .i_case_l dl dt a{
  	  width: 100%;
  }
.i_news_l dl {
    width: 100%;
    margin: 15px auto 30px auto;
    float: none;
}

.fnav dl {
    width: 42%;
    margin: 0 3%;
    height: 190px;
    text-align: center;
}
.f_contact {
    width: 90%;
    margin: 0 auto;
    float: none;
    text-align: center;
}
.f_contact span {

    background: none !important;
}
  

  
.cooperation_content {
    padding: 70px 0 100px 0;
}
.wrap {
    max-width: 1004px;
    margin: 0 auto;}
.inda7 {
    text-align: center;
    font-size: 30px;
}
.inda8 {
    text-align: center;
    font-size: 32px;
}
.team_line {
    background: #d0121d;
    height: 2px;
    width: 130px;
    margin: 25px auto;
}