@charset "utf-8";
/* CSS Document */
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select,figure,figcaption{margin:0;padding:0;}
em,i{font-style:normal;}
li {list-style:none;}
a {text-decoration:none;color:inherit;}
a:hover{text-decoration:none;color:inherit;}
a:focus{text-decoration: none;outline: none;}
img {border:none;vertical-align:middle;}
table{border-collapse:collapse;}
input,textarea{outline:none;background:#fff;border:none;}
textarea{resize:none;overflow:auto;}
body{font-size:12px;font-family:"微软雅黑";overflow-x:hidden;color:#333;}
/* end reset */

/* public */
.bl{float:left;display:inline-block;}
.br{float:right;display:inline-block;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after{content:'';display: block;height:0;clear: both;visibility:hidden;}
.img_box{display:table-cell;vertical-align:middle;text-align:center;}
.img_box img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%;}
.pic_box img{border:none;display:inline-block;max-width:100%;max-height:100%;}
h1,h2,h3,h4,h5{font-weight:normal;}
.fixed{position:fixed;left:0;top:0;z-index:999;}


.sidebar-wrapper { position: relative; height: 100%; overflow: auto;display:none;font-size:20px;}
#dowebok {background-color: #333;}
#dowebok .nav { margin-top: 80px; line-height: 60px; list-style-type: none;}
#dowebok .nav a { display: block;padding:0 20px; color: #fff; text-decoration: none;}
#dowebok .nav a:hover {background-color: #000;}
[data-simplersidebar='active']{box-shadow:3px 0px 3px 0px rgba(0, 0, 0, 0.5);}


.banner{position:relative;}
.banner img{width:100%;}
.banner .pagination{position:absolute;left:0;bottom:20px; margin:auto;padding:0;text-align:center;width: 100%;z-index:30;}
.banner .swiper-pagination-bullet{display:inline-block;width:10px;height:10px;background:#a53a88;cursor:pointer;opacity:1;-moz-transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}
.banner .swiper-pagination-bullet-active{background:#ccc;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}
.banner .banner_btn span.banner_prev,
.banner .banner_btn span.banner_next{border-radius:5px;cursor:pointer;position:absolute;bottom:60px;display:inline-block;width:50px;height:35px;line-height:35px;z-index: 8;background-color:rgba(231,189,167,.6);color:#fff;font-size:28px;text-align:center;font-family: '宋体';font-weight:bold;}
.banner .banner_btn span.banner_prev{right:120px;}
.banner .banner_btn span.banner_next{right:60px;}
.banner .banner_btn{width:100%;max-width:1200px;margin:0 auto;position:relative;}


.bannero{width:100%;max-width:1920px;}
.bannero img{width:100%;}
.btn{font-size:30px;font-family: '宋体';cursor:pointer;display:inline-block;text-align:center;}
.submit{font-family: '宋体';cursor:pointer;display:inline-block;text-align:center;}


.header{width:100%; height:140px;}
.header_box{position:relative;}
.header_box h1{height:140px; line-height:140px; float:left;}
.header_btn{position:absolute; right:0; top:15px;}
.header_btn .menu{width:40px; height:25px; float:right; display:inline-block; background:url(../images/menu.png) no-repeat; background-size:40px 25px;}
.header_btn a.en{width:60px; height:20px; line-height:20px; text-align:center; display:inline-block; font-size:12px; color:#fff; float:right; background:#a53a88; font-family: 'Arial'; margin-right:15px;}
.header_btn .search_btn{width:25px; height:20px; display:inline-block; float:right; background:#fff url(../images/search_btn.jpg) no-repeat center center; cursor:pointer; margin-right:15px;}
.header_box .nav{height:50px; font-size:14px; color:#7d7d7d; float:right; text-align:center; margin-top:65px;}
.header .nav li{position:relative;width:78px;line-height:27px; float:left; display:inline-block; cursor:pointer; margin-left:40px; position:relative;}
.header .nav li.on,
.header .nav li:hover{background:url(../images/nav_bg.jpg) no-repeat center bottom; background-size:67px 2px; color:#a53a88;}
.header .nav li a{display:block;}
.header .nav li .snav{
	width:120px;
	position:absolute;
	left:50%;
	/*top:50px;*/
	z-index:300;
	margin-left:-60px;
	display:none;
}
.header .nav li .snav li{
	width:120px;
	height:45px;
	line-height:45px;
	background:rgba(255,255,255,.95);
	color:#333;
	margin:0;
	border-bottom:1px solid #ccc;
	text-align:center;
}
.header .nav li .snav li:hover{
	background:rgba(231,189,167,.85);
}
.header .nav li:hover  .snav{
	display:block;
}
.header .header_form{position:absolute; right:0; bottom:-52px; z-index: 200; width:260px; height:50px; background:rgba(255,255,255,.8); border:1px solid #eee; padding:0 10px; display:none;}
.header .header_form form{width:260px; position:absolute; margin-top:8px;}
.header .header_form input.text{width:260px; height:35px; text-indent:10px; background:#fff; font-size:15px; color:#595959;}
.header .header_form input.submit{width:35px; height:35px; position:absolute; right:0; top:0; display:inline-block; background:#333 url(../images/search_btn.png) no-repeat center center; cursor:pointer;}


.tag_group{background:#414141; padding:20px 0; color:#fff; text-align:center;}
.tag_group .list_box{height:80px; padding-left:90px; background-repeat:no-repeat; background-position:left center; background-size:78px; display:inline-block; text-align:left;}
.tag_group .list_box h4{font-size:20px; padding-top:15px;}
.tag_group .list_box p{font-size:15px;}
.tag_group .box1{background-image:url(../images/tag1.png);}
.tag_group .box2{background-image:url(../images/tag2.png);}
.tag_group .box3{background-image:url(../images/tag3.png);}


.footer{padding:30px 0 50px 0; background:#fff;}
.footer_box{text-align:center; font-size:15px; color:#888; line-height:30px;}
.footer_box .footer_nav{width:21%; height:220px; float:left; display:inline-block; margin-top:30px; border-right:1px solid #ccc;text-align:left;}
.footer_box .footer_nav li a:hover{text-decoration: underline;}
.footer_box .footer_contact{display:inline-block;text-align:left;max-width:500px;margin-top:32px;}
.footer_box .footer_contact .footer_logo{width:350px;margin:0 auto;}
.footer_box .footer_contact .footer_logo img{width:100%;}
.footer_box .footer_contact .footer_text p{line-height:28px;}
.footer_box .footer_contact .footer_text p.call{color:#d09b2c; font-size:20px; font-weight:bold; margin-bottom:10px;}
.footer_box .qr_box{width:21%; height:220px; border-left:1px solid #ccc; display:inline-block; float:right; margin-top:30px;}
.footer_box .qr_box img{margin:10px 0; width:128px; height:128px;}


.firend_link{background:#ececec; padding-top:20px;text-align:center;}
.firend_link ul{display:inline-block;}
.firend_link ul li{display:inline-block; height:30px; line-height:30px; text-align:center; padding:0 10px; float:left; margin-right:6px; margin-bottom:6px; font-size:15px; color:#9e9e9e;}
.firend_link ul li a:hover{text-decoration: underline;}
.copy{background:#ececec; padding:5px 0 20px 0; text-align:center; font-size:15px; color:#9e9e9e;}





.htit1{
    text-align:center;
    padding:60px 0;
}
.htit1 h2{
    /*font-size:28px;
    color:#343434;
    font-family: '幼圆';
    padding:8px 0;*/
    font-size:26px;
    color:#dcdcdc;
    font-family: 'Century Gothic';
    text-transform: uppercase;
}
.htit1 p{
    font-size:26px;
    color:#dcdcdc;
    font-family: 'Century Gothic';
    text-transform: uppercase;
}



.index_pro{
    padding-bottom:60px;
}
.index_pro_slide .hd{
    text-align:center;
    height:50px;
    border-bottom:1px solid #ccc;
    margin-bottom:40px;
}
.index_pro_slide .hd ul li{
    display:inline-block;
    height:50px;
    line-height:50px;
    width:190px;
    font-size:13px;
    color:#818181;
    cursor:pointer;
    margin:0 12px;
}
.index_pro_slide .hd ul li:hover,
.index_pro_slide .hd ul li.on{
    background:url(../images/index_pro_hbg.jpg) no-repeat center bottom;
}
.index_pro_slide .bd{
    max-width:1200px;
    margin:0 auto;
    position:relative;
    margin-bottom:40px;
}
.index_pro_slide .bd .swiper-container{
    max-width:1070px;
    margin:0 auto;
}
.index_pro_slide .bd .swiper-slide{
    width:335px;
}
.index_pro_slide .bd .swiper-slide .img_box{
    width:335px;
    height:265px;
}
.index_pro_slide .bd .swiper-slide p{
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:14px;
    color:#444;
}
.index_pro_slide .bd .pprev,
.index_pro_slide .bd .pnext{
    width:40px;
    height:60px;
    line-height:60px;
    text-align:center;
    font-size:30px;
    font-family: '宋体';
    font-weight:bold;
    display:inline-block;
    position:absolute;
    top:42%;
    z-index: 100;
    cursor:pointer;
}
.index_pro_slide .bd .pprev{
    left:0;
}
.index_pro_slide .bd .pnext{
    right:0;
}
.index_pro .more{
    width:180px;
    height:40px;
    line-height:40px;
    text-align:center;
    display:block;
    margin:0 auto;
    background:#f6f6f6;
    font-size:14px;
    color:#737373;
    font-family: 'Arial';
}
.index_pro .more:hover{
    background:#333;
    color:#fff;
}





.index_service{
    width:100%;
    max-width:1920px;
    height:589px;
    background:url(../images/index_service_bg.jpg) no-repeat center;
    position:relative;
}
.index_service_box{
    width:53%;
    height:589px;
    overflow:hidden;
    position:absolute;
    right:0;
    bottom:0;
}
.index_service_box .box1{
    width:268px;
    height:290px;
    border:1px solid #fff;
    position:absolute;
    top:0;
    left:80px;
    border-right:0;
}
.index_service_box .box2{
    width:690px;
    height:175px;
    border:1px solid #fff;
    position:absolute;
    left:345px;
    top:115px;
}
.index_service_box .box3{
    width:270px;
    height:297px;
    border:1px solid #fff;
    position:absolute;
    left:0;
    bottom:0;
    border-bottom:0;
}
.index_service_box .box4{
    width:775px;
    height:175px;
    border:1px solid #fff;
    position:absolute;
    left:272px;
    bottom:121px;
    border-left:0;
    border-top:0;
}
.index_service_box .text_box{
    width:265px;
    height:175px;
    background:rgba(0,0,0,.6);
    text-align:center;
    color:#fff;
    cursor:pointer;
}
.index_service_box .text_box:hover{
    background:rgba(165,58,136,.95);
}
.index_service_box .text_box:hover h3{
    padding-top:10px;
}
.index_service_box .text_box:hover i{
    width:65%;
}
.index_service_box .text_box:hover em{
    opacity:1;
    filter: alpha(opacity=100);
    padding-top:20px;
}
.index_service_box .text_box h3{
    font-size:20px;
    padding:5px 0;
    display:inline-block;
    width:100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.index_service_box .text_box p{
    font-size:12px;
    text-transform: uppercase;
    padding:8px 0 3px 0;
}
.index_service_box .text_box i{
    width:0px;
    height:1px;
    background:#fafaf8;
    display:inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.index_service_box .text_box i.line{
    margin-top:50px;
}
.index_service_box .text_box em{
    width:40px;
    height:40px;
    background:url(../images/img15.png) no-repeat center;
    background-size:38px;
    display:block;
    margin:0 auto;
    padding-top:40px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    opacity:0;
    filter: alpha(opacity=0);
}
.index_service_box .box1 .text_box{
    position:absolute;
    left:0;bottom:0;
}
.index_service_box .box3 .text_box{
    width:270px;
    height:296px;
}
.index_service_box .box3 .text_box i.line{
    margin-top:100px;
}






.m_index_service{
    width:100%;
    background:url(../images/index_service_bg.jpg) no-repeat center;
    background-size:cover;
    padding:50px 0;
}
.m_index_service_slide .swiper-slide{
    width:260px;
    height:260px;
    background:rgba(0,0,0,.6);
    color:#fff;
    text-align:center;
    border-radius:12px;
}
.m_index_service_slide .swiper-slide h3{
    font-size:18px;
    margin-top:90px;
    padding:5px 0;
    display:inline-block;
    width:100%;
}
.m_index_service_slide .swiper-slide p{
    font-size:12px;
    text-transform: uppercase;
}








.index_about{
    width:100%;
    max-width:1920px;
    height:679px;
    background:url(../images/index_about_bg.jpg) no-repeat center;
}
.index_about_box{
    padding-top:100px;
}
.index_about_box .text_box .htit{
    padding-bottom:50px;
}
.index_about_box .text_box .htit h2{
    font-family: '幼圆';
    font-size:28px;
    color:#222222;
    padding:10px 0;
}
.index_about_box .text_box .htit p{
    font-size:38px;
    color:#2d2d2d;
    font-family: 'Arial';
}
.index_about_box .text_box .text{
    width:460px;
    padding-left:80px;
    font-size:15px;
    color:#767676;
    line-height:28px;
    background:url(../images/index_text_bg.jpg) no-repeat left 13px;
}
.index_about_box .text_box .text a.more{
    width:180px;
    height:40px;
    display:inline-block;
    line-height:40px;
    text-align:center;
    background:#414141;
    font-size:14px;
    color:#fff;
    font-family: 'Arial';
    margin-top:50px;
}
.index_about_box .text_box .text a.more:hover{
    background:#d19d30;
}
.index_about_box .pic_box{
    text-align:center;
}









.index_news{
    background-color:#f7f7f7;
    background-repeat: no-repeat;
    background-position:center 205px;
    background-image:url(../images/index_news_bg.png);
    padding-bottom:60px;
}
.index_news_slide .hd{
    font-size:16px;
    color:#a9a9a9;
    margin-bottom:30px;
}
.index_news_slide .hd ul li{
    height:45px;
    line-height:45px;
    text-align:center;
    padding:0 20px;
    display:inline-block;
    cursor:pointer;
}
.index_news_slide .hd ul li.on{
    color:#353535;
}
.index_news_slide .bd ul li{
    width:320px;
    display:inline-block;
    float:left;
    margin-right:118px;
}
.index_news_slide .bd ul li:nth-child(3){
    margin-right:0;
}
.index_news_slide .bd ul li .img_box{
    width:320px;
    height:165px;
}
.index_news_slide .bd ul li .text_box{
    height:140px;
    font-size:15px;
    color:#7b7b7b;
    padding-top:20px;
}
.index_news_slide .bd ul li .text_box h3{
    font-size:16px;
    color:#353535;
    margin-bottom:10px;
}
.index_news_slide .bd ul li .text_box p{
    line-height:23px;
    margin-top:20px;
}
.index_news_slide .bd ul li a{
    display:block;
}
.index_news_slide a.more{
    width:180px;
    height:40px;
    display:block;
    line-height:40px;
    text-align:center;
    background:#414141;
    font-size:14px;
    color:#fff;
    font-family: 'Arial';
    margin:0 auto;
    margin-top:40px;
}
.index_news_slide a.more:hover{
    background:#a53a88;
}




.htit2{
    text-align:center;
    padding:60px 0 20px 0;
}
.htit2 h2{
    font-size:28px;
    color:#222222;
    font-family: '幼圆';
    padding:10px 0;
}
.htit2 p{
    font-size:39px;
    color:#2d2d2d;
    font-family: 'Arial';
    text-transform: uppercase;
}
.htit2 p span{
    font-size:60px;
}



.agroup{
    text-align:center;
    padding:20px 0;
}
.agroup ul li{
    display:inline-block;
    height:30px;
    line-height:30px;
    padding:0 20px;
    font-size:18px;
    font-weight:bold;
    margin:0 20px;
}
.agroup ul li.on{
    color:#a53a88;
}




.about{
    width:100%;
    max-width:1920px;
    height:928px;
    background:url(../images/about_bg1.jpg) no-repeat center;
}
.about .htit2{
    padding-bottom:10px;
}
.about_box{
    padding-top:120px;
    text-align:right;
}
.about_box .text_box{
    width:480px;
    display:inline-block;
    text-align:left;
}
.about_box .text_box i{
    font-size:17px;
    color:#c1c1c1;
    text-transform: uppercase;
}
.about_box .text_box h3{
    font-size:54px;
    color:#393939;
    font-weight:bold;
    text-transform: uppercase;
    padding:25px 0;
}
.about_box .text_box h3 em{
    font-size:108px;
    color:#a53a88;
    font-style:italic;
    line-height:100px;
    font-family: 'Arial';
}
.about_box .text_box .text{
    font-size:14px;
    color:#767676;
    line-height:26px;
}




.about2{
    width:100%;
    max-width:1920px;
    height:728px;
    background:url(../images/about_bg2.jpg) no-repeat center;
}
.about2_box .htit{
    padding-left:50px;
    display:inline-block;
    padding-top:110px;
}
.about2_box .htit h2{
    color:#090202;
    font-weight:bold;
    font-size:54px;
}
.about2_box .htit h2 span{
    color:#a53a88;
}
.about2_box .htit p{
    font-size:16px;
    color:#0c1705;
    text-transform: uppercase;
    font-family: 'Arial';
}
.about2_box .text_box{
    width:520px;
    font-size:14px;
    color:#767676;
    line-height:26px;
    padding-top:50px;
}
.about2_box .text_box p{
    padding-left:50px;
    background:url(../images/list_style.png) no-repeat left 10px;
}




.about3{
    background:url(../images/about_bg3.jpg) no-repeat center top;
    padding-top:70px;
    text-align:center;
}
.about3 .htit{
    padding:50px 0;
}
.about3 .htit h2{
    color:#a53a88;
    font-weight:bold;
    font-size:42px;
    padding:5px 0;
}
.about3 .htit p{
    font-size:16px;
    color:#878787;
    text-transform: uppercase;
    font-family: 'Arial';
}
.about3 .text_box{
    font-size:16px;
    color:#565656;
    line-height:23px;
    padding-bottom:50px;
}


.about4{
    text-align:center;
    padding:60px 0;
}
.about4 h2{
    color:#090202;
    font-weight:bold;
    font-size:42px;
}
.about4 h2 span{
    color:#a53a88;
}
.about4 .text_box{
    padding-top:35px;
    font-size:16px;
    color:#767676;
    line-height:30px;
}




.contact{
    position:relative;
}
.contact .map{
    width:100%;
    max-width:1920px;
    height:900px;
    overflow:hidden;
    position:fixed;
}
.contact_list{
    width:300px;
    background:#fff;
    position:absolute;
    top:0;
    left:0;
    z-index:600;
}
.contact_list .htit{
    padding:20px 35px;
    background:#a53a88;
    font-size:14px;
    color:#fff;
}
.contact_list .htit h2{
    font-size:28px;
    padding:5px 0;
}
.contact_list ul{
    padding:15px;
}
.contact_list ul li{
    height:45px;
    line-height:45px;
    font-size:16px;
    color:#5b5b5b;
    border-bottom:1px solid #eee;
    text-indent:15px;
}
.contact_list ul li a{
    display:block;
}
.contact_list ul li:hover{
    background:#eee;
    color:#333;
}
.contact_list .address_box{
    position:absolute;
    left:305px;
    top:100px;
    background:#fff;
}
.contact_list .address_box .list_box{
    width:300px;
    padding:30px;
    padding-bottom:120px;
    position:relative;
    display:none;
}
.contact_list .address_box .list_box h3{
    font-size:12px;
    height:28px;
    line-height:28px;
/*    text-indent:10px;*/
/*    border-left:3px solid #333;*/
}
.contact_list .address_box .list_box .pic_box{
    width:100%;
    padding:15px 0;
}
.contact_list .address_box .list_box p{
    line-height:23px;
    border-bottom:1px solid #ccc;
    font-size:15px;
    padding:12px 0;
}
.contact_list .address_box .list_box p span{
    color:#000;
    font-size:16px;
    padding-right:15px;
}
.contact_list .address_box .list_box i{
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:25px;
    font-family: 'Arial';
    display:inline-block;
    border:1px solid #ccc;
    position:absolute;
    left:50%;
    bottom:25px;
    margin-left:-20px;
    cursor:pointer;
    color:#ccc;
}





.service{
    background:url(../images/service_bg.png) no-repeat left 80px;
}

.service_box{
    text-align:center;
}
.service_box h3{
    font-size:48px;
    color:#393939;
    font-weight:bold;
}
.service_box h3 span{
    color:#a53a88;
}
.service_box .text_box{
    padding:31px 0 8px 0;
    font-size:16px;
    color:#767676;
    line-height:26px;
}
.service_box .text_box img{
    max-width:100%;
}
.shouhou h3{
    font-size:27px;
}



.shouhou_service{
    padding-bottom:50px;
    text-align:center;
}
.shouhou_service .list_box{
    width:325px;
    height:230px;
    display:inline-block;
    margin:0 8px;
    margin-bottom:25px;
    background:#f5f5f5;
    overflow:hidden;
}
.shouhou_service .list_box .img_box{
    width:325px;
    height:145px;
}
.shouhou_service .list_box h4{
    font-size:20px;
    color:#333;
    font-weight:bold;
    padding:5px 0;
}
.shouhou_service .list_box p{
    font-size:13px;
    color:#333;
}











.bradn_type{
    border-bottom:1px solid #eee;
    padding:30px 0;
}
.bradn_type ul li{
    width:43px;
    display:inline-block;
    height:40px;
    float:left;
    line-height:40px;
    text-align:center;
    font-size:14px;
    font-family: 'Arial';
    font-weight:bold;
}
.bradn_type ul li:nth-child(1){
    width:65px;
}
.bradn_type ul li a{
    display:block;
}
.bradn_type ul li.on,
.bradn_type ul li:hover{
    background:#000;
    color:#fff;
}




.brand{
    padding:50px 0;
    text-align:center;
}
.brand h2{
    width:100%;
    font-size:18px;
    color:#333;
    text-align:center;
    padding:15px 0;
    display:inline-block;
    background:url(../images/brand_tbg.jpg) no-repeat center bottom;
}
.brand_box .list_box{
    /* width:250px;
    height:150px; */
    width: 33%;
    height: 300px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    float: left;
    border-bottom:1px solid #eee;
    position:relative;
    display:inline-block;
}
.brand_box .list_box .img_box{
    /* width:250px;
    height:150px; */
    width: 100%;
    height: 300px;
    border:1px solid #fff;
}
.brand_box .list_box span.fd{
    width:25px;
    height:25px;
    display:inline-block;
    position:absolute;
    right:5px;bottom:5px;
    background:url(../images/fdtag.png) no-repeat center;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity:0;
    filter: alpha(opacity=0);
}
.brand_box .list_box a{
    display:block;
    display: flex;
    justify-content: center;
    align-items: center;
}
.brand_box .list_box:hover span.fd{
    opacity:1;
    filter: alpha(opacity=100);
}
.brand_box .list_box:hover .img_box{
    border:1px solid #a53a88;
}

@media(max-width:1600px){
    .brand{
        margin-left: 15px;
        margin-right: 15px;
    }
}
@media(max-width:1200px){
    .brand_box .list_box .img_box,
    .brand_box .list_box{
        height: 200px;
    }
}
@media(max-width:768px){
    .brand_box .list_box{
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .brand_box .list_box .img_box,
    .brand_box .list_box{
        height: 150px;
    }
}

@media(max-width:580px){
    .brand_box .list_box{
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .brand_box .list_box .img_box,
    .brand_box .list_box{
        height: 120px;
    }
}




.news{
    padding-bottom:80px;
}
.news_box{
    padding-top:20px;
}
.news_box .list_box{
    width:380px;
    margin-bottom:30px;
    float:left;
    margin-right:28px;
}
.news_box .list_box:nth-child(3n){
    margin-right:0;
}
.news_box .list_box .img_box{
    width:380px;
    height:194px;
    margin-bottom:30px;
}
.news_box .list_box .text_box{
    font-size:15px;
    color:#838383;
    text-align:left;
    width:100%;
    height:100px;
    border-bottom:1px solid #ccc;
    position:relative;
}
.news_box .list_box .text_box h4{
    font-size:16px;
    color:#434343;
    margin:8px 0;
}
.news_box .list_box .text_box i{
    width:0;
    height:1px;
    display:inline-block;
    background:#333;
    position:absolute;
    left:0;
    bottom:-1px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
}
.news_box .list_box:hover>a>.text_box>i{
    width:100%;
}
.news_box .list_box .text_box .tag_box{
    display:inline-block;
    position:absolute;
    top:10px;
    right:5px;
}
.news_box .list_box .text_box .tag_box span{
    width:20px;
    height:20px;
    display:inline-block;
}
.news_box .list_box .text_box .tag_box span.box1{
    background:url(../images/index_news_tag1.png) no-repeat center -20px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}
.news_box .list_box .text_box .tag_box span.box2{
    background:url(../images/index_news_tag2.png) no-repeat -20px center;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}
.news_box .list_box:hover>a>.text_box>.tag_box>.box1{
    background:url(../images/index_news_tag1.png) no-repeat center center;
}
.news_box .list_box:hover>a>.text_box>.tag_box>.box2{
    background:url(../images/index_news_tag2.png) no-repeat center center;
}






.pages{
    padding:50px 0;
    text-align:center;
}
.pages a{
    height:35px;
    padding:0 14px;
    display:inline-block;
    background:#fff;
    font-size:17px;
    line-height:35px;
    color:#757575;
    border:1px solid #e5e5e5;
    border-radius:3px;
    margin:0 3px;
}
.pages a.on,
.pages a:hover{
    background:#3d3d3d;
    color:#fff;
    border:1px solid #3d3d3d;
}





.newsv{
    padding-bottom:60px;
}
.newsv_box{
    padding:20px 0;
}
.newsv_box .info_box{
    width:980px;
    margin:0 auto;
}
.newsv_box .htit{
    padding:50px 0;
    text-align:center;
}
.newsv_box .htit h2{
    font-size:20px;
    color:#333;
    font-weight:bold;
    padding:5px 0;
}
.newsv_box .htit p{
    font-size:16px;
    color:#6f6f6f;
}
.newsv_box .text_box{
    font-size:16px;
    color:#333;
    line-height:28px;
    border-bottom:1px solid #bfbfbf;
    padding-bottom:30px;
}
.newsv_box .text_box img{
    max-width:100%;
}
.newsv_box p.next{
    height:50px;
    line-height:50px;
}
.newsv_box p.next a{
    display:inline-block;
    height:50px;
    margin-right:60px;
    font-size:15px;
    color:#444;
}
.newsv_box p.next a:hover{
    text-decoration: underline;
}




.messages{
    padding:80px 0;
}
.messages_box .htit{
    padding-bottom:25px;
}
.messages_box .htit h2{
    font-size:33px;
    color:#a53a88;
}
.messages_box .htit p{
    font-size:16px;
    color:#6c6c6c;
}
.messages_box h3{
    font-size:16px;
    color:#505050;
    padding:15px 0;
    background:url(../images/messages_hbg.jpg) no-repeat right center;
}
.messages_box p{
    padding:10px 0;
}
.messages_box input.text{
    width:100%;
    height:40px;
    background:#ededed;
    text-indent:10px;
}
.messages_box textarea{
    width:96%;
    height:128px;
    background:#ededed;
    padding:2%;
    font-family:Arial,sans-serif; 
}
.messages_box .col1{
    width:340px;
    float:left;
}
.messages_box .col2{
    width:815px;
    float:right;
}
.messages_box .col3{
    width:720px;
    float:left;
    display:inline-block;
}
.messages_box .col4{
    width:430px;
    float:right;
    display:inline-block;
}
.messages_box .col5 p{
    width:340px;
    float:left;
}
.messages_box .col5 p:nth-child(2),
.messages_box .col5 p:nth-child(4){
    float:right;
}
.messages_box .col4 textarea{
    height:205px;
}
.messages_box .submit{
    width:260px;
    height:45px;
    line-height:45px;
    text-align:center;
    border:1px solid #ccc;
    font-size:14px;
    color:#333;
    border-radius:25px;
    margin:0 auto;
    display:block;
    margin-top:20px;
    margin-bottom:20px;
}
.messages_box .submit:hover{
    background:#333;
    color:#fff;
}



.pro{
    padding-top:20px;
}
.pro .container{
    max-width:1400px;
}
.pro_box .list_box{
    margin-bottom:80px;
}
.pro_box .list_box .img_box{
    width:1400px;
    height:360px;
    position:relative;
    overflow:hidden;
}
.pro_box .list_box .img_box img{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.pro_box .list_box .img_box .mask{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:rgba(0,0,0,.4);
    text-align:center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.pro_box .list_box .img_box .mask .text{
    display:inline-block;
    color:#fff;
    padding-top:155px;
}
.pro_box .list_box .img_box .mask .text h3{
    /*background:url(../images/pro_tbg.png) no-repeat top center;*/
    height:40px;
    line-height:40px;
    min-width:200px;
    font-size:25px;
}
.pro_box .list_box .img_box .mask .text p{
    font-size:30px;
    padding:8px 0;
    text-transform: uppercase;
}
.pro_box .list_box .img_box:hover img{
    -webkit-transform:scale(1.03,1.03);
    -moz-transform:scale(1.03,1.03);
    transform:scale(1.03,1.03);
}
.pro_box .list_box .img_box:hover .mask{
    background:rgba(0,0,0,.2);
}






.pro_box .list_box .pro_nav{
    max-width:800px;
    text-align:center;
    margin:0 auto;
    padding:15px 0;
}
.pro_box .list_box .pro_nav li{
    height:30px;
    line-height:30px;
    padding:0 10px;
    margin:0 15px;
    font-size:14px;
    color:#333;
    display:inline-block;
    margin-bottom:5px;
}
.pro_box .list_box .pro_nav li:hover{
    color:#8c8989;
}
.pro_box .list_box .pro_nav li a{
    display:block;
}
.pro_box a.more{
    width:150px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:14px;
    border:1px solid #333;
    display:block;
    margin:0 auto;
}
.pro_box a.more:hover{
    background:#333;
    color:#fff;
}





.prol{
    padding:20px 0;
}
.prol_box{
    width:100%;
    max-width:1400px;
    height:360px;
    margin:0 auto;
}
.prol_nav{
    padding:30px 0;
}
.prol_nav ul li{
    display:inline-block;
    height:35px;
    line-height:35px;
    font-size:14px;
    float:left;
    margin-right:15px;
    margin-bottom:6px;
}
.prol_nav ul li a{
    padding:0 20px;
    display:block;
}
.prol_nav ul li.on,
.prol_nav ul li:hover{
    background:#a53a88;
    color:#fff;
}




.prol_main{
    padding-bottom:80px;
}
.prol_main_box .list_box{
    width:370px;
    float:left;
    margin-right:43px;
    margin-bottom:50px;
}
.prol_main_box .list_box:nth-child(3n){
    margin-right:0;
}
.prol_main_box .list_box .img_box{
    width:370px;
    height:275px;
    border:1px solid #ccc;
    position:relative;
}
.prol_main_box .list_box .img_box:hover .mask{
    opacity:1;
    filter: alpha(opacity=100);
}
.prol_main_box .list_box .img_box .mask{
    width:100%;
    height:100%;
    display:inline-block;
    position:absolute;
    left:0;
    top:0;
    background:url(../images/prol_morebg.png) no-repeat center;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity:0;
    filter: alpha(opacity=0);
}
.prol_main_box .list_box p{
    height:40px;
    line-height:40px;
    font-size:14px;
    margin-top:8px;
    text-indent:10px;
    position:relative;
    background:#a53a88;
    color:#fff;
}
.prol_main_box .list_box p a.qq{
    width:40px;
    height:40px;
    display:inline-block;
    background:url(../images/prol_pbg.png) no-repeat center;
    position:absolute;
    right:10px;
    top:0;
}
.prol_main_box .list_box a{
    display:block;
}
.prol_main_box .list_box:hover .img_box{
    border:1px solid #a53a88;
}
/*.prol_main_box .list_box:hover p{
    background:#a53a88;
    color:#fff;
}
.prol_main_box .list_box:hover p a.qq{
    background:url(../images/prol_pbg.png) no-repeat center;
}*/






.prov{
    padding-bottom:40px;
}
.prov_box .l_box{
    width:600px;
    float:left; 
}
.prov_box .l_box .img_box{
    width:600px;
    height:430px;
    border:1px solid #ccc;
    position:relative;
}
.prov_box .l_box .img_box span.fd{
    width:30px;
    height:30px;
    display:inline-block;
    background:url(../images/fdtag.png) no-repeat center;
    position:absolute;
    right:5px;
    bottom:5px;
}
.prov_box .l_box a{
    display:block;
}
.prov_box .r_box{
    width:480px;
    float:right;
    margin-right:60px;
}
.prov_box .r_box .text_box h2{
    font-size:29px;
    color:#000;
    height:60px;
    line-height:60px;
    border-bottom:1px solid #ccc;
}
.prov_box .r_box .text_box h2 a.back{
    width:120px;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:12px;
    color:#565656;
    background:#ebebeb;
    display:inline-block;
    float:right;
    margin-top:15px;
}
.prov_box .r_box .text_box .size{
    padding:40px 0;
}
.prov_box .r_box .text_box .size h4,
.prov_box .r_box .text_box .size span{
    height:40px;
    line-height:40px;
    font-size:14px;
    color:#888;
    display:inline-block;
    float:left;
}
.prov_box .r_box .text_box .size h4{
    color:#000;
	width:80px;
}
.prov_box .r_box .text_box .size span{
    width:300px;
    border-left:1px solid #ccc;
    text-align:center;
	padding-left:30px;
	text-align:left;
}
.prov_box .r_box .text_box .text{
    padding:20px 0;
    font-size:14px;
    color:#818181;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.prov_box .r_box .text_box .text p{
    line-height:30px;
}
.prov_box .r_box .text_box .text span{
    color:#000;
}
.prov_box .r_box .text_box .text p.warning{
    display:inline-block;
    margin-top:10px;
    background:#000;
    color:#fff;
    padding:0 10px;
    border-radius:8px;
}
.prov_box .r_box .text_box .text p.warning i{
    color:#a53a88;
}

.prov_box .r_box .fxbox{
    padding:30px 0;
}
.prov_box .r_box .fxbox a.messages{
    width:200px;
    height:45px;
    line-height:45px;
    text-align:center;
    font-size:14px;
    color:#000;
    border:1px solid #333;
    padding:0;
    display:inline-block;
    float:left;
}
.prov_box .r_box .fxbox .bdsharebuttonbox{
    display:inline-block;
    float:right;
}
.bdsharebuttonbox .bds_weixin{
    background:url(../images/fx1.jpg) no-repeat center !important;
}
.bdsharebuttonbox .bds_tsina{
    background:url(../images/fx2.jpg) no-repeat center !important;
}
.bdsharebuttonbox .bds_linkedin{
    background:url(../images/fx3.jpg) no-repeat center !important;
}
.bdsharebuttonbox .bds_tqq{
    background:url(../images/fx4.jpg) no-repeat center !important;
}








.prov_other{
    padding-bottom:40px;
    background:#fbfbfb;
}
.prov_other h2{
    height:60px;
    line-height:60px;
    font-size:20px;
    color:#a53a88;
}
.prov_other_box .list_box{
    width:370px;
    float:left;
    margin-right:43px;
    margin-bottom:50px;
}
.prov_other_box .list_box:nth-child(3n){
    margin-right:0;
}
.prov_other_box .list_box .img_box{
    width:370px;
    height:275px;
    border:1px solid #ccc;
    position:relative;
}
.prov_other_box .list_box .img_box:hover .mask{
    opacity:1;
    filter: alpha(opacity=100);
}
.prov_other_box .list_box .img_box .mask{
    width:100%;
    height:100%;
    display:inline-block;
    position:absolute;
    left:0;
    top:0;
    background:url(../images/prol_morebg.png) no-repeat center;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity:0;
    filter: alpha(opacity=0);
}
.prov_other_box .list_box p{
    height:40px;
    line-height:40px;
    font-size:14px;
    margin-top:8px;
    text-indent:10px;
    position:relative;
    background:#a53a88;
    color:#fff;
}
.prov_other_box .list_box p a.qq{
    width:40px;
    height:40px;
    display:inline-block;
    background:url(../images/prol_pbg.png) no-repeat center;
    position:absolute;
    right:10px;
    top:0;
}
.prov_other_box .list_box a{
    display:block;
}
.prov_other_box .list_box:hover .img_box{
    border:1px solid #a53a88;
}


/*.prov_other_box .list_box:hover p{
    background:#a53a88;
    color:#fff;
}
.prov_other_box .list_box:hover p a.qq{
    background:url(../images/prol_pbg.png) no-repeat center;
}*/

.container .prov_content h2{
	margin-bottom: 20px;
}
.container .prov_content .text_box img{
	max-width:100%;
}
.container .prov_content p {
  font-size: 16px;
  color: #6f6f6f;
}