@charset "utf-8";
/* CSS Document 
** author:永易搜
** URL:http://www.yongyisou.com/
** tips:CSS文件非专业勿动，编码格式为utf-8
*/
*{ padding:0px; margin:0px;}
li{list-style:none;}
img{border:none;border:0;}
a{text-decoration:none;color:#000;}
a:hover{color:#f00;}
a:focus {outline:0; } 
html{font:normal 14px/1.5 "microsoft yahei",tahoma,arial,sans-serif;background:#fff;}
body{background:#fff;}
input,input:focus,select,select:focus{outline:none;text-indent:5px}
h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
/*通用调用*/
.w1200{width:1200px;height:auto;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
/*首页*/

/*列表*/

/*内容*/
 
/* 建站单页 */
.recommend_2{width:100%;height: 795px;background: url(../images/one_bg1.jpg) no-repeat center;

}
.rec_2{width:1200px;height: 795px;margin: 0 auto;        }
.rec_title{ width:100%;height: 83px;line-height: 83px;  margin-top: 35px;font-size: 38px;font-weight: bold;text-align: center;
    background: url(../images/rec_title1.png) no-repeat center;
}


.fun{  height: 870px;}


.fun .down{overflow: hidden; }
.fun .down .left{width:530px; margin-top: 35px;}

.fun .down .left .fun_list{ position: relative; width: 660px; height: 145px;border-radius: 20px;   }

.fun .down .left .fun_list .pic_a{width: 660px; height: 145px;position: absolute;z-index: 2; border-radius: 20px;

}
.fun .down .left .fun_list .pic_a .img1{display: block;margin: 30px 0 0 120px;  }

.fun .down .left .fun_list .pic_a .img2{position: absolute; margin: -60px 0 0 160px;   }


.fun .down .left .fun_list .pic_b{ width: 660px; height: 145px; position: absolute; z-index: 1; border-radius: 20px;
  opacity:0;filter: alpha(opacity=0); -moz-opacity:0;  -khtml-opacity:0;background: rgba(255, 255, 255, 0.6); 
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-box-shadow:0px 0px 20px #f2f4f9; -webkit-box-shadow:0px 0px 20px #f2f4f9; box-shadow:0px 0px 20px #f2f4f9;

}
.fun .down .left .fun_list .pic_b .img_icon{ 
    display: block;float: left;margin: 30px 0 0 20px;
}
.fun .down .left .fun_list .pic_b .text { float: right;height: 140px;
	width: 508px;margin-right: 20px;
	
}
.fun .down .left .fun_list .pic_b .text img{margin-top: 26px;  }
.fun .down .left .fun_list .pic_b .text .cont{font-size: 14px;color: #a19999;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.fun .down .left .fun_list.on{cursor:pointer;  }
.fun .down .left .fun_list.on span{color:#ffffff;  }
.fun .down .left .fun_list.on .pic_b{z-indexx:3;opacity:1;filter: alpha(opacity=100); -moz-opacity:1;  -khtml-opacity:1;   }

.fun .down .left .fun_list.on .pic_a{opacity: 0;filter:alpha(opacity=0,style=0);   }

.fun .down .right{width:400px; height: 604px; position: relative; margin: 50px 60px 0 0; }

.fun .down .right .fun_font{position:absolute;width:400px; height: 604px;  

   }
.fun_font{opacity:0;filter:alpha(opacity=0,style=0);margin-top: 20px;   }
.fun_font.on{opacity:1;filter: alpha(opacity=100); -moz-opacity:1;  -khtml-opacity:1;  z-index: 10;
 z-index: 2; margin-top: -20px; transition: .6s;  }
 

.fun_font .text .text_img{position: absolute;     }


.fun_font .text ul{ position: absolute;width:399px;height: 604px;    }
.fun_font .text ul li{position: absolute;width:20px; height: 20px;   }
.fun_font .text ul li .number{  color: #fff;font-size: 12px;background: #f6615a;width:20px; height: 20px;line-height: 20px;text-align: center;border-radius: 50%;  }


.fun_font1 .text ul li:nth-child(1){ left: 310px;top: 5px;    }
.fun_font1 .text ul li:nth-child(2){ left: 150px;top: 20px;   }
.fun_font1 .text ul li:nth-child(3){ left: 165px;top: 90px;   }
.fun_font1 .text ul li:nth-child(4){ left: 295px;top: 120px;  }
.fun_font1 .text ul li:nth-child(5){ left: 160px;top: 450px;  }
.fun_font1 .text ul li:nth-child(6){ left: 90px;top: 520px;   }
.fun_font1 .text ul li:nth-child(7){ left: 310px;top: 553px;  }

.fun_font2 .text ul li:nth-child(1){ left: 150px;top: 20px;    }
.fun_font2 .text ul li:nth-child(2){ left: 290px;top: 74px;   }
.fun_font2 .text ul li:nth-child(3){ left: 125px;top: 155px;   }
.fun_font2 .text ul li:nth-child(4){ left: 220px;top: 325px;  }
.fun_font2 .text ul li:nth-child(5){ left: 160px;top: 450px;  }

.fun_font4 .text ul li:nth-child(1){ left: 75px;top: 15px;    }
.fun_font4 .text ul li:nth-child(2){ left: 280px;top: 18px;   }
.fun_font4 .text ul li:nth-child(3){ left: 130px;top: 98px;   }
.fun_font4 .text ul li:nth-child(4){ left: 175px;top: 260px;  }
.fun_font4 .text ul li:nth-child(5){ left: 280px;top: 340px;  }





.fun_font .text ul li:hover .title_4{opacity:1;filter: alpha(opacity=100); -moz-opacity:1;  -khtml-opacity:1;   }

.fun_font .text ul li .title_4{position: absolute; background: #f6615a;width: 150px;  padding: 10px;text-align: left;  
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    opacity:0;
    filter: alpha(opacity=0); -moz-opacity:0;  -khtml-opacity:0;
}

.fun_font .text ul li:nth-child(1) .title_4{right: -28px;top: 35px;  }
.fun_font .text ul li:nth-child(2) .title_4{right: 35px;top: -35px; }
.fun_font .text ul li:nth-child(3) .title_4{right: 35px;top: -13px; }
.fun_font .text ul li:nth-child(4) .title_4{right: -28px;top: 35px;  }
.fun_font .text ul li:nth-child(5) .title_4{right: 37px;top: -43px;  }
.fun_font .text ul li:nth-child(6) .title_4{right: 37px;top: -23px; }
.fun_font .text ul li:nth-child(7) .title_4{right: 37px;top: -43px; }

.fun_font2 .text ul li:nth-child(1) .title_4{right: -28px;top: 35px;  }
.fun_font2 .text ul li:nth-child(2) .title_4{right: -28px;top: 35px; }
.fun_font4 .text ul li:nth-child(2) .title_4{right: -28px;top: 35px; }





.fun_font .text ul li .title_4 .img{float: right; }
.fun_font .text ul li:nth-child(1) .title_4 .img{margin: -22px 23px 0;   
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg); 
    -moz-transform:rotate(-90deg); 
    -webkit-transform:rotate(-90deg); 
    -o-transform:rotate(-90deg); 
  }
.fun_font .text ul li:nth-child(2) .title_4 .img{margin: 29px -20px 0;  }
.fun_font .text ul li:nth-child(3) .title_4 .img{margin: 6px -20px 0;  }
.fun_font .text ul li:nth-child(4) .title_4 .img{margin: -22px 23px 0;   
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg); 
    -moz-transform:rotate(-90deg); 
    -webkit-transform:rotate(-90deg); 
    -o-transform:rotate(-90deg); 
  }
 .fun_font .text ul li:nth-child(5) .title_4 .img{margin: 37px -20px 0;  }
 .fun_font .text ul li:nth-child(6) .title_4 .img{margin: 18px -20px 0;  }
 .fun_font .text ul li:nth-child(7) .title_4 .img{margin: 36px -20px 0;  }

.fun_font2 .text ul li:nth-child(2) .title_4 .img,
.fun_font4 .text ul li:nth-child(2) .title_4 .img{margin: -22px 23px 0;   
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg); 
    -moz-transform:rotate(-90deg); 
    -webkit-transform:rotate(-90deg); 
    -o-transform:rotate(-90deg);  
     }





.fun_font .text ul li .title_4 .title_p{font-size: 14px;color: #fff;font-weight: bold;  }
.fun_font .text ul li .title_4 .cont{font-size: 12px;color: #fff; }




/*  */
.marketing{ width:100%;height: 626px;background: url(../images/rec_cont2.png) no-repeat center; overflow: hidden;

}
.market{width:1200px;height: 623px;margin: 0 auto;      }
.market_title{height: 57px; line-height: 57px; font-size: 38px; color: #fccf17; text-align: center; margin: 45px 0 30px;     }

.market ul{ overflow: hidden; width:1220px;margin-top: 75px;

}
.market ul li{position: relative;  width:188px; height: 327px;border-radius: 15px;  float: left; margin-right: 15px; }
.market ul li:nth-child(2n){margin-top: 45px;}
.market ul li:hover{ 
    transform: rotateY(-180deg);
    opacity:1;filter: alpha(opacity=100); -moz-opacity:1;  -khtml-opacity:1;
}
.market ul li:hover .classify_1{
	transform: rotateY(-180deg);
    opacity:0;filter: alpha(opacity=0); -moz-opacity:0;  -khtml-opacity:0;
}
.market ul li:hover .classify_2{ 
    transform: rotateY(-180deg);
    opacity:1;filter: alpha(opacity=100); -moz-opacity:1;  -khtml-opacity:1;
    
}
.market .classify{position: absolute; width:188px; height: 327px; border-radius: 15px; 
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s; 
}
.market .classify_1{background: rgba(255, 255, 255, 0.07);     } 

.market .classify_1 .img{width: 140px;height: 140px;margin: 42px auto 0;position: relative; 
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 50%;
}


.market .classify_1 .img .img1{position: absolute;    }
 
.market .classify_1 .img .img2{display: block;margin: 45px auto; 
     
}
.market ul li:nth-child(3) .classify_1 .img .img2{margin: 60px auto;      }

.market .classify_1 .text{color: #fff;  font-size: 22px;font-weight: bold; text-align: center;
  padding-top: 20px;border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.market .classify_2{color: #fff; background: url(../images/market_bg1.jpg) no-repeat;
    opacity:0;filter: alpha(opacity=0); -moz-opacity:0;  -khtml-opacity:0;

     }
.market .classify_2 .top{color: #fff;font-size: 22px; text-align: center; margin: 20px 0;    }
.market .classify_2 .text{ border-top: 1px solid rgba(255, 255, 255, 0.2);   }
.market .classify_2 .text .text_s{width:160px;text-align: center; color: #fff;font-size: 16px; 
   margin: 25px auto;
}
.market .classify_2 .text a{display: block;border: 1px solid rgba(255, 255, 255, 0.2);  
    color: #fff;width: 110px;height: 35px; line-height: 35px; text-align: center;  
    margin: 0 auto;  
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s; 
}
.market .classify_2 .text a:hover{color: #fccf17;border: 1px solid #FCCF17;}



.packafe{height: 670px;overflow: hidden;width: 1202px;}
.packafe_text{margin: 63px auto; }
.packafe_text .text_div{float: left;width: 200px;position: relative;  
    transition: all 0.3s; left:1px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s; 
  }
.packafe_text .text_div:nth-child(1):hover .top{background: #4d92ec;  }
.packafe_text .text_div:nth-child(1):hover ul{ border: 1px solid #C6C6C6;border-top: 1px solid #4d92ec; }

.packafe_text .text_div .top{height: 45px;line-height: 45px;text-align: center;background: #4d92ec; color: #fff; margin-right: -1px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s; 
}

.packafe_text .text_div .line{width: 250px;height: 5px;border-top: 1px solid #C6C6C6;  
    margin-top: 54px;margin-left: -17px;
    transform:rotate(27deg);
    -ms-transform:rotate(27deg); /* Internet Explorer */
    -moz-transform:rotate(27deg); /* Firefox */
    -webkit-transform:rotate(27deg); /* Safari 和 Chrome */
    -o-transform:rotate(27deg); /* Opera */
   
}

.packafe_text .text_div.on .top{background: #f6615a; }
.packafe_text .text_div.on:hover .top{background: #f6615a; }

.packafe_text ul{width: 199px;border: 1px solid #C6C6C6;border-top: 1px solid #4d92ec;  position: absolute;overflow: hidden;  
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s; 
 }

.packafe_text .text_div.on ul{border: 1px solid #f6615a;float: left;z-index: 50;   }
.packafe_text .text_div.on:hover ul{border: 1px solid #f6615a; }




.packafe_text ul:nth-child(6){border-right: 1px solid #C6C6C6;  }
.packafe_text ul li:nth-child(1){border-top: none;  }

.packafe_text ul li:nth-child(7){height: 100px;overflow: hidden;  }
.packafe_text ul li{height: 43px;line-height: 43px;text-align: center; border-top: 1px solid #C6C6C6;font-size: 16px;color: #666666;    }

.packafe_text ul li .dui{display: block;  width: 20px;height: 18px;background: url(../images/dui_1.png) no-repeat center; margin: 13px auto; 

    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s; 
  }

/*.packafe_text .text_div.on .dui{ background: url(../images/dui_2.png) no-repeat center;}*/

.packafe_text ul li a{display: block;width:115px;height: 30px;line-height: 30px; border: 1px solid #4d92ec;
  text-align: center;border-radius: 15px;font-size: 16px;color: #4d92ec;margin: 13px auto;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.packafe_text ul li .a2{background: #4d92ec;color: #fff;     }
.packafe_text ul li a:hover{border: 1px solid #f6615a;   }

.packafe_text ul li .a1:hover{color:#f6615a;    }
.packafe_text ul li .a2:hover{background: #f6615a;     }

.packafe_text .text_div.on .a1:hover{ color:#f6615a; border: 1px solid #f6615a;  }
.packafe_text .text_div.on .a2:hover{background: #f6615a;  border: 1px solid #f6615a; }

.packafe_text .text_div.on .a1{ color:#4d92ec;  border: 1px solid #4d92ec; }
.packafe_text .text_div.on .a2{background: #4d92ec;  border: 1px solid #4d92ec; }





.promise{width:100%;height: 785px;background: url(../images/rec_cont3.png) no-repeat center; overflow: hidden; }
.promise_cont{width: 1200px;  position: relative;margin: 0 auto;top:20px; height: 430px;    }
.promise_cont img{display: block;  position: absolute;top: 45px;z-index: 5;   }
.promise_cont ul{float: right;height: 430px;width: 815px;    }
.promise_cont ul li{width: 400px;height: 200px;background: #3a3b44;margin-top: 13px;overflow: hidden;  }
.promise_cont ul li:nth-child(2n+1){float: left; }
.promise_cont ul li:nth-child(2n){float: right; }
.promise_cont ul li .top{width: 340px;height: 150px;border-radius: 70px; background: #e3d198;
    margin: -75px auto 0;
 }
.promise_cont ul li .top .top_s{height: 55px;position: relative;  top: 85px;font-size: 18px;color: #5a4905; text-align: center;     }
 
.promise_cont ul li .text{ text-align: center; height: 60px; margin-top: 35px;   }
.promise_cont ul li .text h5{font-size: 20px;color: #fff;   }
.promise_cont ul li .text p{font-size: 14px;color: #fff;margin-top: 5px;   }

.promise .img_div{margin-top:30px;  position: relative;  }
.promise .img_div img{ display: block;   }
.promise .img_div .text{position: absolute; height: 88px;line-height: 88px;margin-top: -88px;
   color: #e2d198;  width:780px; font-size: 32px;font-weight: bold;margin-left: 420px;
  }

.promise .img_div .text a{ display: inline-block; color:#e2d198;font-size: 38px;  }
.promise .img_div .text .span1{font-size: 38px; }
.promise .img_div .text a:hover{font-size: 38px; color:#f0e0ab;  }



.client{height: 670px;    }
.client ul{ height:335px;width: 1220px; margin-top: 50px; }
.client ul li{width: 390px;height: 245px;background: #363636;margin-top: 90px; position: relative; float: left;margin-right: 15px;
   transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.client ul li a{display: block; width: 390px;height: 245px;    }
.client ul li:hover{background: #fcce16; }
.client ul li:hover .top{background: #fcce16; }
.client ul .top{position: absolute;  width:170px;height: 170px;background: #363636;top:  -90px;
 border-radius: 50%;left: 110px;   transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
  }
.client ul .top img{display: inline-block;position: relative; top: 20px;left: 22px; border-radius: 50%; }

.client ul .title{text-align: center;font-size: 20px;color: #fff;top: 90px;position: relative;  
   transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;  }
.client ul .title span{color: #999;   
   transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s; }

.client ul .text{font-size: 14px;color: #999; top: 100px;  position: relative;width: 350px;margin: 20px auto;text-align: center; 
   transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;  }
.client ul li:hover .title{color: #1F1F1F;  }
.client ul li:hover .title span{color: #1F1F1F;  }
.client ul li:hover .text{color: #1F1F1F;  }

.client .more0 {position:relative;overflow:hidden;width:170px;height:50px;border-radius:30px;-moz-border-radius: 30px;
background:#363636;transition:all .3s;
    margin: 60px auto;
}
.client .more0 .more1 {position:relative;z-index:8;width:170px;height:50px;transition:1s ease 0s;}
.client .more0 .more1 .mo {right:85px;}
.client .more0 .more1 .mo,.client .more0 .more1 .re {position:absolute;top:0;display:block;width:85px;height:50px;background:#363636;transition:1s ease 0s;}
.client .more0 .more1 .re {left:85px;}
.client .more0:hover .more1 {width:270px;transition:1s ease 0s;}
.client .more0:hover .more1 .mo {right:270px;width:135px;transition:1s ease 0s;}
.client .more0:hover .more1 .re {left:270px;width:135px;transition:1s ease 0s;}
.client .more0 .more2 {position:absolute;top:0;left:0;z-index:9;display:block;width:170px;height:50px;color:#fccf17;text-indent:50px;line-height:50px;transition:all .3s;}
.client .more0 .more2 span {position:relative;top:-27px;right:-110px;display:block;width:1pc;height:1px;background:#fccf17;transition:all .3s;}
.client .more0 .more2 span:after,.more2 span:before {position:absolute;right:-2px;width:7px;height:1px;background:#fccf17;content:"";}
.client .more0 .more2 span:after {top:-2px;transform:rotate(45deg);}
.client .more0 .more2 span:before {top:2px;transform:rotate(-45deg);}
.client .more0:hover {width:220px;background:#fccf17;transition:all .3s;}
.client .more0 .more2:hover {color:#1f1f1f;text-indent:68px;transition:all .3s;}
.client .more0 .more2:hover span {right:-126px;background:#1f1f1f;transition:all .3s;}
.client .more0 .more2:hover span:after,.client .more0 .more2:hover span:before,.news_top {background:#363636;   }

.consult_4{width:100%;height: 194px;background: url(../images/consult_4.jpg) no-repeat center; overflow: hidden;
	
}
.consult_4 .text{font-size: 30px;font-weight: bold;color: #333333;width: 600px;margin: 30px auto;text-align: center;     }
.consult_4 .text span{color: #f26a52;    }
 
.consult_4 .consult_text{display: block; width: 200px;height: 50px;line-height: 50px;  background:#363636;color: #fff;font-size: 18px;text-align: center;border-radius: 30px;  
margin: 20px auto;
   transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    }

.consult_4 .consult_text:hover{background: #fccf17;color: #333; }



/* 

    border: 1px solid red;

*/