body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,option,p,blockquote,th,td{margin:0;padding:0;}
* {outline: 0 none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
ul li{list-style: none;}
a{color:black;outline:0 none;text-decoration: none;cursor:pointer;}
table {border-collapse: collapse;}
img{border:0;}
body{
    font-family: "Microsoft YaHei","Arial";
    font-size: 14px;
    -webkit-tap-highlight-color:transparent;
}


#top{width: 1200px;height: 120px;margin: 0 auto;line-height: 120px;}
#top .top_left{display: inline-block;}
#top .top_left .logo,#top .top_left h1{display: inline-block;vertical-align: middle;}
#top .top_left h1{color: #333;font-weight: normal;font-size: 27px}
#top .top_right{line-height:normal;text-align: right;width: 76%;float: right;margin-top: 33px}
#top .top_right .search_box{margin-bottom: 10px}
#top .top_right .search_box img{margin-left: 7px}
#top .top_right .top_nav li{display: inline-block;margin-left: 40px;position: relative;}
#top .top_right .top_nav li a{color: #333;font-size: 16px;font-weight: bold;}
#top .top_right .top_nav li a:hover,#top .top_right .top_nav li.active>a{color: rgb(254,0,0)}
#top .deep_nav {position: absolute;display: none;left: -40%;top: 50px;width: 100%;background:#fff;box-shadow: 0 0 5px rgb(220,220,220);padding:17px 40%;z-index: 2}
#top .deep_nav a{display: block;width: 100%;padding: 7px 0;text-align: center;}
.cebian{display: none;}
.wx{cursor: pointer;}
.show_erweima{width: 100%;height: 100%;display: none;position: fixed;left: 0;top: 0;z-index: 3;background: rgba(0,0,0,0.6)}
.wx_box{width:200px;height: 200px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin:auto;}
.wx_box .wx_close{position: absolute;right: -10px;top: -13px;cursor: pointer;}

.banner{position: relative;visibility: hidden;}
.banner .slider {position: relative;}
.banner .slider li{float: left;position: relative;}
.banner .slider li img{width: 100%}
.banner .slider .fss-wrapper{float: left}
.banner .small_slider{width: 1200px;position: absolute;left: 50%;z-index: 2;margin-left: -600px;text-align: right;bottom: 10%}
.banner .small_slider li{display: inline-block;margin-left: 20px;cursor: pointer;}
.banner li .text{position: absolute;width: 1200px;left: 50%;top: 40%;z-index: 2;margin-left: -600px}
.banner li .text .text_cn{color: #fff;font-size: 43px;font-weight: bold;}
.banner li .text .text_en{color: #fff;font-size: 27px;margin:15px 0 35px;}
.banner li .text .text_p{color: rgb(220,220,220);font-size: 22px;}
.banner .rongyu_shows{width: 100%;height: 80px;background: rgba(0,0,0,0.6);position: absolute;left: 0;bottom: 0;z-index: 2}
.banner .rongyu_shows .rongyu_text{width: 1200px;margin:0 auto;line-height: 80px;color: #fff;font-size: 15px}
.banner .rongyu_shows .rongyu_text strong{font-weight: bold;margin-right: 5px}
.banner .rongyu_shows .rongyu_text a{float: right;color: #fff}

.index_title{text-align: center;font-size: 30px;margin-bottom: 40px;padding-top: 120px}
.index_title strong{display: inline-block;border-bottom: 2px solid rgb(200,200,200);padding-bottom: 5px;color: #666;font-weight: normal;}

.index_about{background:#f3f3f3;position: relative;}
/*.index_about .bg{max-width: 100%;vertical-align: bottom;}*/
.index_about .text{position: absolute;width: 600px;left:50%;top: 30%;z-index: 2;}
.index_about .text p{color: #666;font-size: 14px;line-height: 25px;margin-bottom: 25px}
.index_about .text p strong{color: rgb(254,0,0)}
.index_about .text ul{text-align: center;margin-top: 35px}
.index_about .text li{display: inline-block;margin:0 14px;}
.index_about .text li .imgwrap{height: 60px;line-height: 60px;margin-bottom: 20px}
.index_about .text li .imgwrap img{vertical-align: middle;}
.index_about .text li p{color: #666;font-size: 14px;margin-bottom: 0}
.index_about .text li p strong{font-size: 20px;margin:0 3px;}
.index_about .yd_bg{display: none;}

.index_fanwei{width: 100%;position: relative;height: 1080px}
.index_fanwei .text{position: absolute;width: 1200px;left: 50%;top: 0;margin-left: -600px;z-index: 2}
.index_fanwei .index_title strong{color: #fff}
.index_fanwei .fanwei_p{width: 80%;margin:0 auto;text-align: center;color:#fff;line-height: 30px;font-size: 15px}
.index_fanwei .list{margin-top: 100px}
.index_fanwei .list .mainli{float: left;margin: 0 15px;}
.index_fanwei .list li{width: 100%;position: relative;margin-bottom: 30px}
.index_fanwei .list li .show{position: relative;z-index: 2}
.index_fanwei .list li .show .li_bg{max-width: 100%;vertical-align: middle;}
.index_fanwei .list li .show .show_text{position: absolute;width: 100%;left: 0;bottom: 0;height: 40px;line-height: 40px;text-align: center;background:rgba(0,0,0,0.5);color: #fff}
.index_fanwei .list li .hidden {position: absolute;width: 80%;padding-left: 10%;padding-right: 10%;height: 100%;left: 0;top: 0;z-index: 1;background:#000000;}
.index_fanwei .list li .hidden .hidden_title{color: #fff;font-size: 16px;margin-top: 30px}
.index_fanwei .list li .hidden .hidden_title span{font-size: 13px;}
.index_fanwei .list li .hidden .line{width: 40px;height: 2px;background:#fff;margin:20px 0;}
.index_fanwei .list li .cont_p{color: #fff;font-size: 14px;line-height: 25px;}
.index_fanwei .pagination {text-align: center;margin-top: 30px}
.index_fanwei .pagination a{display: inline-block;width: 80px;height: 4px;font-size: 0;background:rgb(200,200,200);margin:0 10px;}
.index_fanwei .pagination a.selected,.index_meg .pagination a:hover{background:rgb(254,0,0);}

.section{overflow: hidden;}

.index_meg{position: relative;background:rgb(230,230,230);}
.index_meg .wrap{width: 1200px;margin:0 auto;}
.index_meg .bg{position: absolute;bottom: 0;left: 0;max-width: 100%}
.index_meg .meg_p{width: 80%;margin:0 auto;text-align: center;color:#666;line-height: 30px;font-size: 15px}
.index_meg .meg_sliderbox{position: relative;margin-top: 100px}
.index_meg .meg_slider li{float: left;margin:0 40px;}
.index_meg .meg_slider li .main_div{margin-bottom: 30px;height: 320px}
.index_meg .meg_slider li .imgwrap{height: 45px;line-height: 45px}
.index_meg .meg_slider li img{max-width: 100%;vertical-align: middle;}
.index_meg .meg_slider li .title_cn{font-size: 18px;color: #000;font-weight: bold;margin:15px 0;}
.index_meg .meg_slider li .cont_p{}
.index_meg .meg_slider li .cont_p p{color: #666;font-size: 14px;line-height: 25px}
.index_meg .pagination02 {text-align: center;margin-top: 60px}
.index_meg .pagination02 a{display: inline-block;width: 80px;height: 4px;font-size: 0;background:rgb(200,200,200);margin:0 10px;}
.index_meg .pagination02 a.selected,.index_meg .pagination02 a:hover{background:rgb(254,0,0);}

.index_contact .footer_contact{position: relative;height: 64%}
.index_contact .footer_contact .bg{vertical-align: bottom;}
.index_contact .text{position: absolute;width:100%;left: 0;top: 0;text-align: center;}
.index_contact .text .index_title strong{color: #fff}
.index_contact .text .cont_p{color: #fff}
.index_contact .contact_enter{margin-top: 4%}
.index_contact .lists{margin-top: 80px}
.index_contact .lists li{display: inline-block;margin:0 50px;} 
.index_contact .lists li .imgwrap{display: inline-block;vertical-align: middle;width: 50px;margin-right: 5px;height: 50px;line-height: 50px;border: 1px solid #fff;border-radius: 50%;}
.index_contact .lists li .imgwrap img{vertical-align: middle;}
.index_contact .lists li .texts{display: inline-block;vertical-align: middle;text-align: left;}
.index_contact .lists li .texts p{color: #fff;}


#footer{padding: 60px 0;background:rgb(65,65,65);}
#footer .wrap{width: 1200px;margin:0 auto;}
#footer .wrap .f_top .left{float: left;}
#footer .wrap .f_top .left p{color: #fff;font-size: 15px;font-weight: bold;margin-bottom: 18px}
#footer .wrap .f_top .right {float: right;}
#footer .wrap form{border:1px solid gray;}
#footer .wrap input.text_input{border:none;background:none;width: 400px;padding-left: 10px;line-height: 35px;color: #fff;vertical-align: bottom;}
#footer .wrap input.search_input{font-size: 0;height: 35px;width: 35px;border: none;background:url(../images/search_icon.png) no-repeat center;cursor: pointer;}
#footer .wrap .f_bottom{text-align: center;height: 50px;line-height: 50px;border-top: 1px solid rgb(200,200,200);border-bottom: 1px solid rgb(200,200,200);margin: 40px 0}
#footer .wrap .f_bottom li{display: inline-block;margin:0 4.5%;}
#footer .wrap .f_bottom li a{color:rgb(220,220,220)}
#footer .wrap .f_bottom li a:hover{color: #fff}
#footer .copyright {color: #fff}


.title{text-align: center;font-size: 30px;margin-bottom: 40px;padding-top: 80px}
.title strong{display: inline-block;border-bottom: 2px solid rgb(200,200,200);padding-bottom: 5px;color: #666;font-weight: normal;}

.inside_banner,.inside_contact{position: relative;height: 300px;}
.inside_contact{visibility: hidden;}
.inside_banner .text,.inside_contact .text{position: absolute;width: 1200px;left: 50%;margin-left: -600px;top: 40%}
.inside_banner .inside_title,.inside_contact .inside_title{color: #fff;font-weight: bold;font-size: 25px}
.inside_banner .line,.inside_contact .line{width: 45px;height: 3px;background:#fff;margin-top: 20px}
.bread{width: 100%;height: 70px;line-height: 70px;border-bottom: 1px solid rgb(220,220,220)}
.bread .wrap{width: 1200px;margin:0 auto;}
.bread .wrap .left{float: left;}
.bread .wrap .right{float: right;}
.bread .wrap li{display: inline-block;}
.bread .wrap li a{color: #666;font-size: 15px}
.bread .wrap li a:hover{color:rgb(254,0,0) }
.bread .wrap span{margin:0 10px;color: #666}

.company{width: 1200px;margin:0 auto;margin-bottom: 80px}
.company p{font-size:14px;color:#666;line-height: 25px}
.company ul{text-align: center;margin: 40px 0}
.company li{display: inline-block;margin:0 7%;}
.company li .imgwrap{height: 60px;line-height: 60px;margin-bottom: 20px}
.company li .imgwrap img{vertical-align: middle;}
.company li p{color: #666;font-size: 14px;}
.company li p strong{font-size: 20px;margin:0 3px;color:rgb(254,0,0)}
.company img{max-width: 100%}

.history{width: 100%;height: 800px;position: relative;}
.history .wrap{position:absolute;width: 1200px;left: 50%;top: 0;margin-left: -600px}
.history .list{width: 80%;margin:0 auto;}
.history .list li{width:46%;padding-right: 54%;position: relative;text-align: right;margin-bottom: 10px}
.history .list li .time{font-size: 16px;font-weight: bold;position: relative;}
.history .list li .cont_p {height: 40px}
.history .list li .pointer{position: absolute;top: 90%;right: -68px}
.history .list li p{color: #666;font-size: 15px;margin-top: 15px}
.history .list li.active{padding-right: 0;padding-left: 54.5%;text-align: left;}
.history .list li.active .pointer{left:-68px;}
.history .pointer_yuan{position: absolute;top: 50%;margin-top: -4.5px;right: -23px}

.product{width: 1200px;margin:0 auto;margin-bottom: 80px}
.product ul {padding-top: 40px}
.product ul li{float: left;width: 23.5%;margin-left: 2%;position: relative;margin-bottom: 30px;overflow:hidden;}
.product ul li img{max-width: 100%;vertical-align: bottom;transition: all 1s;-webkit-transition: all 1s;}
.product ul li:hover img{transform: scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}
.product ul li p{position: absolute;width: 90%;height: 45px;padding-left: 10%;color: #fff;line-height: 45px;background:rgba(0,0,0,0.6);left:0;bottom: 0}

.productdetail{width: 1200px;margin:60px auto;}
.productdetail .title_cn{font-size: 18px;color: #666;font-weight: bold;}
.productdetail .content_p {margin:25px 0;}
.productdetail .content_p p{color: #666;margin-bottom: 15px;font-size: 14px;line-height: 25px}
.productdetail .detail_text{}
.productdetail .detail_text img{vertical-align: bottom;max-width: 100%;}
.productdetail .detail_text .left{float: left;width: 35%}
.productdetail .big_imgs{position: relative;}
.productdetail .big_imgs li{float: left;}
.productdetail .small_imgs{position: relative;margin-top: 15px}
.productdetail .small_imgs li{float: left;}
.productdetail .detail_text .right{float: right;width: 60%}
.productdetail .detail_text  table{width: 100%;text-align: center;}
.productdetail .detail_text  table td{width: 50%;color: #666;cursor: pointer;}
.productdetail .detail_text  table tr th{height: 40px;line-height: 40px}
.productdetail .detail_text  table tr .th01{background:rgb(243,214,216);text-align: center;}
.productdetail .detail_text  table tr .th02{background:rgb(215,233,243);text-align: center;}
.productdetail .detail_text  table tr td{height: 40px;line-height: 40px;background:rgb(245,245,245);border:1px solid #fff;}
.productdetail .detail_text  table tr td.active{background: rgb(230,230,230)}
.productdetail .detail_text  table tr:hover td{color: #fff;background: rgb(150,150,150)}
.productdetail .more{display: inline-block;width:120px;height: 40px;line-height: 40px;text-align: center;color: #fff;background: rgb(211,70,70);border-radius: 5px}
.productdetail .table_detail{margin-top: 20px}
.productdetail .table_detail p{color: #666;font-size: 14px;line-height: 25px;}

.idea{width: 1200px;margin:0 auto;margin-bottom: 80px;}
.idea ul{margin-top: 70px}
.idea li{text-align: center;float: left;width: 24%;margin:0 -2.5%;}
.idea li.li1{margin-left: 0}
.idea li.li5{margin-right: 0}
.idea li.li2{padding-top: 334px} 
.idea li.li4{padding-top: 334px} 
.idea li img{max-width: 100%}
.idea li .title_cn{font-size: 18px;color: #000;margin:20px 0;}
.idea li .cont_p {color: #666;line-height: 25px;font-size: 14px;height: 100px}

.partner{width: 1200px;margin:0 auto;margin-bottom: 80px;}
.partner li{float: left;width: 18.75%;margin-left: 1.35%;border:1px solid rgb(220,220,220);height: 130px;line-height: 130px;text-align: center;margin-bottom: 20px}
.partner li img{vertical-align: middle;max-width: 100%;max-height: 100%}

.honor{width: 1200px;margin:0 auto;margin-bottom: 80px;}
.honor li{float: left;width: 23.5%;margin-left: 1.5%;text-align: center;border:1px solid rgb(220,220,220);margin-bottom: 20px;height: 280px;line-height: 280px}
.honor li img{max-width: 100%;vertical-align: middle;}

.contact{width: 1200px;margin:0 auto;margin-bottom: 80px;}
.contact .contact_list{text-align: center;margin:40px 0 60px;}
.contact .contact_list li{display: inline-block;margin:0 1%;width:22.5%;vertical-align: top;}
.contact .contact_list li .yuan{width: 220px;height: 220px;border:2px solid rgb(200,200,200);border-radius: 50%;margin:0 auto;}
.contact .contact_list li .yuan .imgwrap{height: 120px;line-height: 120px;margin-top: 30px}
.contact .contact_list li .yuan .imgwrap img{vertical-align: middle;}
.contact .contact_list li .cont_title{font-size: 15px;color: #333;font-weight: bold;}
.contact .contact_list li .cont_p{font-size: 14px;color: #666;margin-top: 35px;line-height: 24px}
.contact .map{width: 100%;border:3px solid rgb(220,220,220);}
.contact .map #map{margin:10px;height: 450px;}


.searchform .input01 {width: 400px;height: 30px;border: 1px solid rgb(200,200,200);float: left;line-height: 30px;font-size: 15px;color: #666;padding-left: 10px;}
.searchform .input02 {width: 100px;height: 32px;float: left;background: #ff0030;border: none;color: #fff;font-size: 15px;cursor: pointer;}
.formwrap {text-align: center;margin-top: 100px;}
.searchform {display: inline-block;}
.search-result-empry, .search-keyword-error-too-short, .search-error {text-align: center;margin: 20px auto 300px;font-size: 15px;color: #666;}
.resultwrap {margin: 50px auto 200px;}
.results {width: 1200px; margin: 0 auto;padding: 20px 0;border-bottom: 1px solid rgb(220,220,220);}
.results .title {font-size: 16px;color: #333;line-height: 35px;padding-top: 0;margin-bottom: 0;text-align: left;}
.results .title:hover{color: #ff0030}
.results {width: 1200px;margin: 0 auto;padding: 20px 0;border-bottom: 1px solid rgb(220,220,220);}


.totop{display: inline-block;width: 40px;height: 40px;background: url(../images/totop01.png);position: fixed;right: 30px;bottom: 30px;z-index: 3;display: none;}
.totop:hover{background: url(../images/totop02.png);}

.honor_detail{width: 1200px;margin:60px auto;}
.honor_detail p{font-size: 16px;color: #666;line-height: 27px}