/* 



    Created on : 2016-6-20, 15:45:47



    Author     : wangli116758



*/







html{overflow:auto;/*overflow-x:hidden;*/display: block; }    



body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {



    margin: 0;



    padding: 0;



}    



body {



    background-color: #edd0f5;

    color: #666;



    font: 14px/1.5 "Microsoft YaHei",Tahoma,"宋体",Verdana,Arial;



    display: block;



    min-width:1024px;

	/*margin-top:-20px;*/



}



p{ font: 14px/1.5 "Microsoft YaHei",Tahoma,"宋体",Verdana,Arial;}







div {



    display: block;



}





a {



    text-decoration: none;



}



ul li {



    list-style: outside none none;



}



img {



    border: 0 none;



    vertical-align: middle;



    color: transparent;



    font-size: 0;    



}



/*header模块*/


#header_fullrow{

    width: 100%;

}

#header_mainarea{

    width: 1024px;

    margin: 20px auto;

}

#header{

    width:1000px;

    margin: 0 auto;

}

#h_logo{

    margin-left: 0px;

    position: relative;

    float: left;

    top:50%;

    width: 170px;

    height: 190px;

    background: url(../images/logo.png) no-repeat center center;

    background-size: 100% 100%;

    margin-top: -25px;

}
.wal{width:1000px; margin:0 auto;}
.topDiv{background:#ce2b51 url(../images/top.png) bottom repeat-x; }
.topDiv .wal{height:41px; line-height:30px; position:relative; color:#FFF;}
.topDiv a{color:#FFF;}
.topDiv li{float:left; padding-left:20px;}
.topDiv img{float:left; position:relative; top:4px; margin-right:5px;}
#h_logo a{

    width: 100%;

    height: 100%;

    display: block;

}

.mobile_h_logo{

    width: 465px !important;

    background: url(../images/logo.png) no-repeat center center !important;

    background-size: 100% 100%;    

}



.footer_icon_toppic{display: inline-block;position:relative;float:left; text-align:center; margin-right:10px;width: 257px; }



.zxrx{  width: 230px;  padding:8px;color:#c781c9;}

.zxrx img{ float:left; margin:0 10px 0 0;}

.zxrx p{ float:left; margin:0 auto; color:#c781c9; /*font-weight:bold;*/ font-size:20px; line-height:35px;}

.zxrx a{color:#5aa703; text-decoration:none;}

.zxrx a:hover{color:#5aa703; text-decoration:none;}

.zxjj{ width: 200px; margin:45px 0 0 10px; text-align:center;}

.zxjj a{color:#fff;width:120px; font-weight:bold; display:block; padding:8px 10px; font-size:22px; line-height:25px; background:#5aa703; border-radius:6px;}

.zxjj a:hover{background:#ff7e26; display:block; padding:8px 10px;font-size:22px; line-height:25px;width: 120px;border-radius:6px;}

.zxpc{width: 240px; }

.zxpc1 img{float:left; margin:12px 5px 0 5px;width:110px; height:40px;}

.zxpc2 img{float:left; margin:8px 5px 0 5px;width:50px; height:50px;}





#h_navigation{

    position: relative;

    float: left;

    margin-left: 15px;

    font-size: 20px;

    height: 76px;

    display: inline-block;

}

.h_navigation_word{

    margin-left: 55px;

    float:left;

    position: relative;

    display: inline-block;

    height: 66px;

    width: 60px;

    line-height: 66px;

    text-align: center;

    top:50%;

    margin-top: -33px;

}

.h_navigation_word a{

   display: inline-block;

    height: 66px;

    width: 60px;

    line-height: 66px;

   text-align: center;

   border: none;

   color:#666;

}

.h_navigation_word_hlight a{

   color: #3395ff;

}



.h_navigation_word a:hover{

   border-bottom: 3px solid #3395ff;

   color: #3395ff;

}

#h_right_box{

    margin-right: 0px;

    position: relative;

    float: right;

    display: block;

    height: 76px;

    width: 253px;

}












.zxrx{  padding:8px; /*float:right;*/}

.zxrx img{ float:left; margin:0 10px 0 0; width:30px; height:30px; margin-top:10px;}

.zxrx a{width:168px; height:43px; background: url(../images/yf1.png) no-repeat; font-size:24px; line-height:43px; color:#78cee7;  text-decoration:none;text-align:center; float:right; display:block  }

.zxrx a:hover{width:168px; height:43px;text-decoration:none; font-size:24px; background: url(../images/yf11.png) no-repeat ;line-height:43px; color:#54ab18;   text-align:center; display:block  }

.zxrx p{ float:left; margin:0 auto; color:#c781c9; font-size:20px; line-height:35px;}



.zxjj{ width: 200px; margin:45px 0 0 10px; text-align:center;}



.zxjj a{color:#fff;width:120px; font-weight:bold; display:block; padding:8px 10px; font-size:22px; line-height:25px; background:#5aa703; border-radius:6px;}



.zxjj a:hover{background:#ff7e26; display:block; padding:8px 10px;font-size:22px; line-height:25px;width: 120px;border-radius:6px;}



.zxpc{width: 240px; }



.zxpc1 img{float:left; margin:12px 5px 0 5px;width:110px; height:40px;}



.zxpc2 img{float:left; margin:8px 5px 0 5px;width:50px; height:50px;}



#h_page_type{



    margin-right: 0px;



    position: relative;



    float: left;



    width:76px;



    height: 24px;



    background: url(../images/pics.pngg) no-repeat scroll -93px -4px;



    overflow: hidden;



    top:50%;



    margin-top: -12px;



    margin-right: 22px;



    padding-right: 22px;



    border-right: #e2e2e2 1px solid;



    display: block;



}



#h_page_type2{



    margin-right: 0px;



    position: relative;



    float: left;



    width:76px;



    height: 20px;



    background: url(../images/pc.pngg) no-repeat scroll 0 0;



    overflow: hidden;



    top:50%;



    margin-top: -10px;



    margin-right: 22px;



    padding-right: 22px;



    border-right: #e2e2e2 1px solid;



    display: block;



}







#h_page_type a,#h_page_type2 a{



    display: block;



    width: 100%;



    height: 100%;



}







#h_login{



    margin-right: 0px;



    position: relative;



    float: left;



    /*width:71px;*/



    height: 27px;



    background: url(../images/login.pngg) no-repeat scroll 0px 0px;



    overflow: hidden;



    top:50%;



    margin-top: -13px;



    width: 132px;



    display: none;



}



#h_login:hover{



    margin-right: 0px;



    position: relative;



    float: left;



    /*width:71px;*/



    width: 132px;



    height: 27px;



    background: url(../images/login2.pngg) no-repeat scroll 0px 0px;



    overflow: hidden;



    top:50%;



    margin-top: -13px;



}



#h_login a{



    display: block;



    width: 100%;



    height: 100%;



}



#h_login_after{



    display: none;



    margin-right: 0px;



    position: relative;



    float: left;



    height: 34px;



    overflow: hidden;



    top:50%;



    margin-top: -17px;



    width: 132px;



}



#h_login_user_pic{



    margin-right: 0px;



    position: relative;



    float: right;



    height: 31px;



    width: 31px;



    overflow: hidden;



    top:50%;



    margin-top: -15px;



    -moz-border-radius: 15px; 



    -webkit-border-radius: 15px; 



    border-radius:15px;



    float: left;



}



#h_login_after_right{



    float: left;



    margin-left: 5px;



    position: relative;



    height: 31px;



    overflow: hidden;



    top:50%;



    margin-top: -15px;



    display: inline-block;



}



#h_login_user_name{



    position: relative;



    height: 14px;



    overflow: hidden;



    line-height: 14px;



    font-size: 14px;



}



#h_login_user_level{



    position: relative;



    height: 17px;



    overflow: hidden;



}



.h_login_user_level_sun{



    height: 17px;



    width: 17px;



    display: block;



    margin-right: 1px;



    position: relative;



    float: left;    



}



.h_login_user_level_moon{



    height: 13px;



    width: 14px;



    display: block;



    margin-right: 1px;



    position: relative;



    float: left;



    margin-top: 4px;



}



.h_login_user_level_star{



    height: 13px;



    width: 13px;



    display: block;



    margin-right: 1px;



    position: relative;



    float: left; 



    margin-top: 4px;



}



/*end of header模块*/



 #wx{position:relative;}



.tp{position:absolute; top:130px; left:150px; display:none; z-index:10000;}







/* pagination模块*/



.pagination{margin: 0 auto;text-align: center;margin-bottom: 45px;display: inline-block;width: 100%;height: 34px;}



.pagination_div{margin: 0 auto;display: inline-block;text-align: center; *zoom: 1;*display: inline;}



.pagination a{position: relative;float: left; display: block;margin-right: 15px;text-align: center;line-height: 34px;}



.pagination_normal{display: block;font-size: 12px;border: 1px solid #dbdbdb;color: #666666;background-color: #ffffff;width: 34px;height: 34px;}



.pagination a:hover{border: 1px solid #3395ff;color: #3395ff;}



.pagination_current{font-size: 12px;color: #ffffff !important;background-color: #3395ff !important;display: block;border: 1px solid #68b1ff !important;display: block;width: 34px;



height: 34px;}



.pagination_next,.pagination_pre{display: block;font-size: 12px;border: 1px solid #dbdbdb;color: #666666;background-color: #ffffff;



width: 73px;height: 34px;font-size: 14px;line-height: 34px !important;}



a.pagination_disable{color: #999999 !important;cursor: default;}



a.pagination_disable:hover{border: 1px solid #dbdbdb !important;color: #999999 !important;}



/* end of pagination模块*/







/* footer模块*/



#footer_fullrow{width: 100%;text-align: center;border-top: 1px solid #dfdfdf;background-color: #edd0f5;margin: 0;padding: 0;}



#footer_middlearea{width:1024px;margin: 0 auto;text-align: center;}



#footer{width: 1000px;display: inline-block;text-align: center;margin-left: auto;



        margin-right: auto;}



#footer_icon_box{display: inline-block;margin: 45px auto 20px;width: 980px;position: relative;}



.footer_icon{display: inline-block;position:relative;float:left;text-align:center; margin-right:10px; margin-top:13px;width: 465px; }



.footer_icon_downpic{display: inline-block;position:relative;float:left; text-align:center; margin-right:10px;width: 257px; }



.footer_icon1{display: inline-block;position:relative;float:right;text-align:center;width: 235px; margin-top:3px;color:#5aa703;}



.footer_icon1{display: inline-block;position:relative;float:right;text-align:center;width: 230px; margin-top:3px;color:#5aa703;}

.footer_icon1 p{ font-size:16px; color:#c781c9; font-weight:bold; float:left;}
.footer_icon1 p a{ font-size:16px; color:#c781c9; float:left;}



.footer_icon1 a:hover{color:#5aa703; text-decoration:none;}



#footer1{ background:#a348a5; width:100%; height:40px; }

#footer1 p{color:#c471c6; padding:10px 0 0 0;}



.footer_icon_right{margin-right: 0px;}



#footer_icon_box .qrcode{position: absolute;display: none;width: 122px; height: 133px;z-index: 10;top:-135px;left:250px;}



#footer_icon_box .qrcode img{display: block;width: 122px; height: 133px;}



.footer_icon_word{font-size:14px;margin-top: 10px;display: inline-block;}



.zjx{ margin:0 auto;text-align: center; }



.zxpc3{ float:left;margin:12px 0px 0 40px;}



.zxpc3 img,.zxpc4 img{ width:65px; height:65px;}



.zxpc4{ float:left;margin:12px 0px 0 20px;}



 #wxfoot{position:relative;}



.tpfoot{position:absolute; top:-45px; left:90px; display:none; z-index:10000;}











#footer_fullrow1{width: 100%;text-align: center;border-top: 1px solid #dfdfdf;background-color: #a348a5;margin: 0;padding: 0;}

#footer11{ background:#a348a5; width:1000px; margin:0 auto; height:40px; }

#footer11 p{color:#c471c6; padding:8px; font-size:17px; float:right;}



/* end of footer模块*/







/*banner模块*/



#banner_fullrow{



    width:100%;



}



#banner{



    height: 508px;



    width:100%;



    position: relative;



    text-align: center;



    overflow:hidden;



    margin: 0 auto;



/*    margin: 0 auto;*/



/*    background-color: #3293fe;*/



}



#banner .swiper-container{overflow: hidden;position:relative;height: 508px;width:100%;}



#banner .swiper-wrapper{overflow:hidden;position:relative;}



#banner .swiper-wrapper > div {float: left;position:relative;}



#banner .swiper-slide { display: inline-block; width:100%;height: 508px;text-align:center;   



/*                        



       background: url(banner.jpg) no-repeat center center;



       background-size: 100% 100%;



       background-repeat:no-repeat\9;  



       background-image:none\9;        



       filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://banner.jpg',sizingMethod='scale')\9;



       text-align: center;



*/



}



#banner .swiper_slide_pic2{



/*    



       background: url(banner2.jpg) no-repeat center center;



       background-size: 100% 100%;



       background-repeat:no-repeat\9;  



       background-image:none\9;        



       filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://banner2.jpg',sizingMethod='scale')\9;



*/



}



#banner .swiper-slide img{/*width:1920px;*/width:100%;height: 508px;display: block;overflow: hidden;position:absolute;left:50%;margin-left:-1280px;}



.swiper-slide-visible{ z-index:1;}/*非常重要*/



.banner_box{



    width: 1000px;



    display: block;



    left:50%;



    top:200px;



    margin-left: -500px;



    text-align: left;



    position: absolute;



    z-index: 100;



}







.banner_word{



    width: 1000px;



    display: block;



    left:50%;



    top:104px;



    margin-left: -500px;



    text-align: left;



    position: absolute;



    z-index: 100;    



}



.banner_word img{



    display:block;



    width:512px;



    height:56px;



}



.banner_download {



    width:231px;height: 64px;  



    background-color: transparent;



    display: block;



}











.banner_download a{



    display: block;



    width:262px;height: 64px;



    background-color: transparent;    



    background-image: url(download_mobile_button3.png);



}



.banner_download a:hover{



    background-image: url(download_mobile_button4.png);



}



.banner_download a:hover{position:relative;}



.banner_download a:hover{zoom:1;}











.instruction{margin-top: 40px;height:118px;}



.instruction_mobile_qr_code{width:95px;height:118px;position:relative;float:left;display:block;}



.instruction_mobile_qr_code img{width:100%;height:100%}



.instruction_word{position:relative;float:left; margin-left:20px;}



.instruction_word2{position:relative;float:left; margin-left:20px;height:87px;top:50%;margin-top:-43px;}/*适用于只有三行文字*/



.banner_box .instruction_word p{text-align: left;font-size: 16px;line-height: 16px;display: block; margin-bottom:5px;color: #ffffff; font: 16px/1.5 "Microsoft YaHei",Tahoma,"宋体",Verdana,Arial;}



.banner_box .instruction_word p a{text-decoration:underline;color:#ccff62; }















#banner_position{ display: inline-block;position: absolute;bottom:20px;left:50%;margin-left: -500px;  width:1000px; text-align:left;line-height: 9px; height: 9px;z-index: 100;}



#banner_position li{ width:9px; height:9px;margin-right:14px;display:inline-block;background-image: url(../images/banner_dot2.png); position: relative;float: left;}



#banner_position li.cur{ background-image:url(../images/banner_dot1.png);width: 26px;height: 9px; }



/*end of banner模块*/ 



/*main模块*/



#main{margin: 0 auto;width:100%;display: block;text-align: center;}







.main_full_row{width: 100%;display: inline-block;background-color: #edd0f5;text-align: center;margin: 0 auto;}



.main_full_row_color{background-color: #edd0f5; }



.main_middlearea{width:1024px;text-align:center;margin:auto;}







#fine_skin{width: 1000px;display: inline-block;height: 230px;margin-top:90px; margin-bottom:95px;}



#rotary_skin{display: inline-block;position: relative;float: left;width: 421px;height: 230px;}







.show_images_list_li {



    display: block;



    position: absolute;



    vertical-align: bottom;



    background-color:#ffffff;



    border: 1px solid #cacaca;



    box-shadow:0px 6px 0px #e5e5e5;



    border-radius: 6px;



}



.show_images_1 {



    bottom: 0;



    left: 130px;



    z-index: 100;



    height: 223px;



    width: 254px;



/*    



    background:url(lunbo_f_bg.png) no-repeat center center;



    background-size: 100% 100%;



*/



    text-align: center;



}



.show_images_1 img {



    display: block;



    height: 90%;



    width:  90%;



    margin: 0 auto;



 /*    



    top: 50%;



*/   



    margin-top: 4%;



    position: relative;



}



.show_images_2 {



    bottom: 15px;



    left: 50px;



    z-index: 50;



    height: 193px;



    width: 220px;



    text-align: center;    



}



.show_images_2 img {



    height: 90%;



    width: 90%;



    margin: 0 auto;



    position: relative;



    margin-top: 4%;



}



.show_images_4 {



    bottom: 31px;



    left: 0;



    z-index: 25;



    height: 160px;



    width: 182px;



    text-align: center;     



}



.show_images_4 img {



    height: 90%;



    width: 90%;



    margin: 0 auto;



    position: relative;



    margin-top: 4%;    



}



.show_images_3 {



    bottom: 15px;



    left: 244px;



    z-index: 50;



    height: 193px;



    width: 220px;



    text-align: center;    



}



.show_images_3 img {



    height: 90%;



    width: 90%;



    margin: 0 auto;



    position: relative;



    margin-top: 4%;    



}



.show_images_5 {



    bottom: 31px;



    left: 332px;



    z-index: 25;



    height: 160px;



    width: 182px;



    text-align: center;     



}



.show_images_5 img {



    height: 90%;



    width: 90%;



    margin: 0 auto;



    position: relative;



    margin-top: 4%;    



}



.show_images_6 {



    bottom: 0;



    left: 130px;



    z-index: 1;



    height: 223px;



    width: 254px; 



    text-align: center;



}



.show_images_6 img {



    height: 90%;



    width: 90%;



    margin: 0 auto;



    position: relative;



    margin-top: 4%; 



}







#fine_skin_word_box{display: inline-block;position: relative;float: right;width: 352px;height: 99px;text-align: right;top:50%;margin-top: -50px;}







#fine_skin_word_box_word{display: block;width: 352px;height: 99px;}







#word_library{width: 1000px;display: inline-block;margin-top: 80px;height:291px;margin-bottom: 59px;}



#word_library_word_box{display: inline-block;position: relative;float: left;width: 407px;height: 104px;text-align: left;top:50%;margin-top: -52px;}



#word_library_word_box_word{display: block;width: 407px;height: 104px;}







#word_library_pic{display: inline-block;position: relative;float: right;}



#word_library_pic img{display: block;width:441px;height: 291px;}





#synchronous{width: 1000px;display: inline-block;margin-top: 35px;margin-bottom: 30px;}



#synchronous_word_box{display: inline-block;position: relative;float: right;width: 653px;text-align: right;top:25%;margin-top: -92px;}



#synchronous_word_box_word{display: block;width: 653px;}







#synchronous_pic{display: inline-block;position: relative;float: left;}



#synchronous_pic img{display: block;width:347px;}







#main_row3{width: 1000px;display: inline-block;margin-top: 35px;margin-bottom:30px;  }



.xkltt{ color:#47af61; font-size:26px; font-weight:bold;}



#main_row3 li{ margin:20px 12px; float:left; width:307px; color:#c781c9;}



#main_row3 li p{color:#28abff; font-size:17px;  margin-top:10px;}



#main_row3_word_box{display: inline-block;position: relative;float: left;width: 653px;text-align: left;top:25%;margin-top: -82px;}



#main_row3_word_box_word{display: block;width: 653px;}







#main_row3_pic{display: inline-block;position: relative;float: right;}



#main_row3_pic img{display: block;width:347px;}







#synchronous li{ margin:20px 12px; float:left; width:307px;color:#c781c9;}



#synchronous li p{color:#28abff; font-size:18px; margin-top:10px;}



.nav{ width:100%; height:57px; background:#c781c9;}

.nav ul{ width:1000px; margin:0 auto; height:57px;}

.nav ul li{ width:150px; height:43px; font-size:24px; line-height:43px; color:#fff; float:left; text-align:center; padding:7px 0 }

.nav ul li a{width:150px; height:43px; font-size:24px; line-height:43px; color:#fff;  text-align:center; display:block  }

.nav ul li a:hover{width:150px; height:43px; font-size:24px; line-height:43px; color:#fff; background:#47af61; border-radius:2px;  text-align:center; display:block  }

.clear{ clear:both}

.nav1{ width:100%; height:130px; }

.nav1 ul{ width:1000px; margin:0 auto; height:57px;}

.nav1 ul li{ width:150px; height:43px; font-size:24px; line-height:43px; color:#fff; float:left; text-align:center; padding:7px 5px; }

.nav1 ul li a{width:150px; height:43px; font-size:24px; line-height:43px; color:#fff;background:#a348a5;   text-align:center; border-radius:2px;display:block;border:1px solid #c781c9; }

.nav1 ul li a:hover{width:150px; height:43px; font-size:24px; line-height:43px; color:#fff; background:#47af61; border-radius:2px; border:1px solid #47af61; text-align:center; display:block  }


.clear{ clear:both}







.fl{ float:left}



.fr{ float:right}



.main_txtbox{ text-align:left}



.main_txtbox1{ text-align:left; width:650px;}


.item .search-btn {
	border: 0;
    cursor: pointer;
    float: right;
    cursor: pointer;
    width: 50px;
    height: 30px;
    display: inline-block;
    background: #a348a5 url(../images/search.png) no-repeat center center;
    text-align: center;
	border-radius: 5px;
}
 




.main_txtbox1 .main_txt_bt a{ width:650px; height:43px; font-size:24px;  margin-bottom:25px;  line-height:30px; color:#d096d1; float:right; display:block  }

.main_txtbox1 .main_txt_bt  a:hover{width:650px; height:43px; font-size:24px;margin-bottom:25px;  line-height:30px;color:#28abff; border-radius:2px; display:block  }





.yqlj{ width:100%; height:50px; line-height:30px; font-size:16px; color:#c781c9; text-align:left }



.yqlj span{font-size:16px; color:#c471c6; float:left; font-weight:bold}



.yqlj li{ padding-right:14px; float:left; list-style-type:none; color:#c781c9}



.yqlj li a{color:#c781c9}



.main_txt_bt{ font-size:22px; color:#c781c9;line-height:41px; font-weight:bold; margin:15px 0;}

.main_txt_bt img{ margin-right:20px;}

.main_txt_js{ font-size:21px; color:#c471c6; line-height:40px; font-weight:normal; }

.main_txt_js img{ margin-right:20px; /*width:25px; height:30px;*/} 

.main_txtbox1 .main_txt_js{ font-size:16px;}


.float_layer {border: 1px solid #a348a5; display:none; }
.float_layer h2 { height: 25px; line-height: 25px; padding-left: 10px; font-size: 14px; color: #fff; background:#a348a5; border-bottom: 1px solid #aaaaaa; position: relative; }
.float_layer .min { width: 21px; height: 20px; background: url(../images/min.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 25px; }
.float_layer .min:hover { background: url(../images/min.gif) no-repeat 0 0; }
.float_layer .max { width: 21px; height: 20px; background: url(../images/max.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 25px; }
.float_layer .max:hover { background: url(../images/max.gif) no-repeat 0 0; }
.float_layer .close { width: 21px; height: 20px; background: url(../images/close.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 3px; }
.float_layer .close:hover { background: url(../images/close.gif) no-repeat 0 0; }
.float_layer .content { height:300px; width:400px; overflow: hidden; font-size: 14px; line-height: 18px; color: #666;  }
.float_layer .wrap2 { padding:0 }