/* CSS Document */

body{ margin:0; padding:0; background:url(pc-bg8.jpg) no-repeat fixed; max-width:640px;}
.topwihte{ width:100%; height:50px;}
.topwihte1{ width:100%; height:90px;}
ul{ margin:0; padding:0; list-style-type:none}
.topinfo{ width:100%; height:50px; background:#101010; position:fixed; top:0; max-width:640px; padding-top:10px; z-index:9999999999999}
.topinfo .searchb{ width:100px; height:45px; float:left; padding-top:0px; margin-left:0px; margin-top:8px;}
.topinfo .logo{ text-align:center; width:60%; float:left}
.topinfo .logo img{ width:100%}
.topinfo .menu{ width:50px; height:35px; float:right; padding-top:5px;flex-shrink: 0;}

.sec_menu{ width: 100%; height: 40px; background: #111 ; position: fixed; top: 60px; border-top: 1px #444 solid;border-bottom:  1px #444 solid; left: 0;z-index:9999999999999; max-width: 640px;}
.sec_menu li{ float: left; width: 20%; }
.sec_menu li a{ display: block; font-size: 14px; line-height: 40px; text-align: center; text-decoration: none; color: #fff; border-right: 1px #333 solid}

.rmenu{ width:40%; height:100%; background:#999999; position:fixed; right:-40%; z-index:888;  background:url(mbg.fw.png); z-index:9999999999; top:0}
.rmenu ul{ margin-top:10px; margin-left:15px;}
.rmenu ul li{ width:130px; height:34px; font-size:14px; line-height:34px; border-bottom:1px #999 solid;}
.rmenu ul li a{ color:#fff; text-decoration:none}
.rmenu .close{ height:40px; margin-top:90px;margin-left:15px;}

.chooselist{width:96%; height:auto; margin:auto; margin-top:30px;}
.chooselist .chooseli{ width:100%; height:40px; background:#413342; font-size:16px; line-height:40px; text-align:center; color:#FFFFFF; margin-top:12px;}
.chooselist .chooseli a{ display:block; color:#FFFFFF; text-decoration:none}

.lmenu{ width:40%; height:100%; background:#999999; position:fixed; left:-40%; z-index:888; top:0; background:url(mbg.fw.png);}
.lmenu ul{ margin-top:10px;  float:right; margin-right:15px;}
.lmenu ul li{ width:130px; height:34px; font-size:14px; line-height:34px; border-bottom:1px #999 solid; text-align:right}
.lmenu ul li a{ color:#fff; text-decoration:none}
.lmenu .close{ height:40px; margin-top:75px;  float:right; margin-right:15px;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;}
.topbanner{ width:100%;}

    .swiper-container {
        width: 100%;
        height: 100%;
        
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; position:relative;
    }



.pro_box{ width: 94%; margin: auto; color: #fff; font-size: 14px; line-height: 24px;}
.pro_box img{ width: 100%;  }
.pro_box p{ margin:0; padding:0; text-shadow: 1px 1px 1px #333;}

.pro_box1{ width: 94%; margin: auto; color: #fff; font-size: 14px; line-height: 24px;text-shadow: 1px 1px 1px #333;}
.pro_box1 img{ width: 100%; margin-top: 5px; border-radius:3px;}
.pro_box1 p{ margin:0; padding:0; }

.pro_title{ margin-top:80px;width: 100%; font-size: 22px; line-heiht:24px; color:#fff ; text-align: center; margin-top: 20px; padding-bottom:20px;text-shadow: 1px 1px 1px #333; font-weight: bold; color: #caffff }

.swiper-slide .t_banner{ width:70%; margin:auto; position:absolute; padding:20px; background:url(bg.fw.png); bottom:160px; left:10%;text-shadow: 1px 1px 1px #333;}
.swiper-slide .t_banner .b_title{ font-size:22px; line-height:20px; color:#FFFFFF; font-weight:bold;-webkit-animation-delay: 0.1s;animation-delay: 0.1s;opacity: 0;}
.swiper-slide .t_banner .b_title span{ color:#FFFF33; font-size:24px; margin:0 5px;}
.swiper-slide .t_banner .b_txt{ font-size:14px; line-height:24px; color:#FFFFFF; margin-top:30px;-webkit-animation-delay: 0.3s;animation-delay: 0.3s;opacity: 0;}	
.swiper-slide .t_banner .b_line{ width:100%; height:1px; background:#FFFFFF; margin-top:15px;-webkit-animation-delay: 0.4s;animation-delay: 0.4s;opacity: 0;}
.swiper-slide .t_banner .b_eng{ width:100%; font-size:12px; line-height:22px; color:#FFFFFF;margin-top:15px;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;opacity: 0;}
	
.i_title{ width:94%; height:65px; padding-top:40px; text-shadow: 1px 1px 1px #333;}
.i_title .t_title{ font-size:30px; line-height:40px; color:#FFFFFF; font-weight:600; margin-left:8px; text-align:center}
.i_title .b_title{ font-size:12px; line-height:22px; color:#FFFFFF;margin-left:8px; text-align:center}

.i_pro{ width:90%; margin:auto; margin-top:12px; position:relative}
.i_pro img{ border-radius:3px; }


.i_pro .top_cover{ color:#FFFFFF; width:80%; z-index:999;text-shadow: 1px 1px 1px #333; width: 100%; text-align: center;}
.i_pro .top_cover .top_tit{ font-size:18px; line-height:34px; }
.i_pro .top_cover .top_txt{ font-size:14px; line-height:12px; padding-bottom: 14px;}
.i_pro .top_cover a{ color: #fff; text-decoration: none; }


.i_case_tit{ width:94%; height:45px; margin-top:15px; padding-left:15px;}
.i_case_tit .caseli{ height:36px; float:left; }
.i_case_tit .caseli a{ display:block; background:url(mbg.fw.png) ; font-size:12px; line-height:36px; text-align:center; padding:0 8px; color:#FFFFFF; text-decoration:none; margin-left:8px; border-radius:3px;}

.case_cover{ position:absolute; bottom: 100px; left:10%; color:#FFFFFF; width:80%; z-index:999;text-shadow: 1px 1px 1px #333;}
.case_cover .top_tit{ font-size:18px; line-height:30px; text-align:center;-webkit-animation-delay: 0.1s;animation-delay: 0.1s;opacity: 0;}
.case_cover .top_txt{ font-size:12px; line-height:24px; text-align:center;-webkit-animation-delay: 0.1s;animation-delay: 0.1s;opacity: 0;}
.case_cover a{ color: #fff; text-decoration: none; }

.i_case_s_tit{ width:90%; text-shadow: 1px 1px 1px #333;  margin:auto;margin-top:25px; text-align: center;}
.i_case_s_tit .t_tit{ font-size:22px; line-height:34px; color:#FFFFFF; font-weight:600}
.i_case_s_tit .b_tit{ font-size:12px; line-height:20px; color:#FFFFFF}

.i_case_box{ width:90%; margin:auto; margin-top:10px; position:relative}
.i_case_box img{ width:100%; border-radius:5px;}
.i_case_box .case_tit{ text-align: center;  position:absolute; bottom:20px; left:0; width:97%; height:40px; background:url(mbg.fw.png); font-size:16px; line-height:40px; color:#FFFFFF; padding-left:3%;text-shadow: 1px 1px 1px #333;}

.i_case_box_li{ width:92%; margin:auto; margin-top:10px;}
.i_case_box_li li{ width:50%; float:left}
.i_case_box_li li a{margin-right:5px; display:block; margin-left:3px; font-size:14px; line-height:28px; color:#FFFFFF; text-decoration:none;text-shadow: 1px 1px 1px #333; text-align: center;}
.i_case_box_li li img{ width:100%; border-radius:5px;}

.line{ width:90%; height:1px; background:#FFFFFF; margin:auto; margin-top:30px;}

.i_about_pic{ width:90%; margin:auto; margin-top:10px;}
.i_about_pic img{ width:100%; border-radius:8px;}
.i_about_txt{ width:90%; font-size:14px; line-height:24px; color:#FFFFFF; margin:auto; margin-top:8px;text-shadow: 1px 1px 1px #333;}

.i_about_more{ width:90%; height:30px; border-radus:5px; margin:auto}
.i_about_more a{ display:block; font-size:14px; line-height:30px; text-align:center; background:#0099CC; color:#FFFFFF; text-decoration:none;padding:0 10px; border-radius:5px; width:120px; margin:auto; border:1px #FFFFFF solid; margin-top:15px;}

.i_news_box{ width:90%; margin:auto; margin-top:20px;}
.i_news_box .news_li{ width:100%; height:70px; margin-top:15px; text-shadow: 1px 1px 1px #333;}
.i_news_box .news_li .n_pic{ width:34%; height:60px; float:left}
.i_news_box .news_li .n_pic img{ width:100%; border-radius:3px;}
.i_news_box .news_li .n_txt{ height:60px; float:left; width:63%; margin-left:10px;}
.i_news_box .news_li .n_txt .n_tit{ font-size:14px;  }
.i_news_box .news_li .n_txt .n_tit a{ color:#FFFFFF; text-decoration:none}
.i_news_box .news_li .n_txt .n_desc { font-size:12px; line-height:20px; color:#FFFFFF; margin-top:8px;}

.i_conn_box{ width:90%; margin:auto; margin-top:20px; padding-bottom:20px;}
.i_conn_box .in{ width:98%; height:30px; color:#666666; padding-left:2%; margin-top:10px; border:1px #fff solid; border-radius:3px; line-height:30px;}
.i_conn_box .intxt{ width:98%; height:60px; color:#666666; padding-left:2%; margin-top:10px; border:1px #fff solid; border-radius:3px; line-height:30px;}


.footer{ width:90%; height:50px; padding:20px 5%; font-size:12px; line-height:18px; text-align:center; color:#FFFFFF; background:#101010; margin-top:20px;}

.tel{ width:50px; height: 50px; background: #0080FF; border-radius:50%; position: fixed; left: 30px; bottom: 50px; box-shadow: 3px 3px 3px #333; z-index: 99999999}
.tel img{ width: 60%; margin:auto; margin-left: 10px; margin-top:10px;}
.tel a{ display: block;  }