@charset "utf-8";

/* CSS Document */

body

{font-family: "思源黑体 CN", "微软雅黑", SimHei, sans-serif;

margin:0;padding:0;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

/*@font-face{

    font-family:'FuturaLL';

    src:url('../fonts/Futura LT Light.otf');

}*/

ol,ul,li{list-style:none; padding:0;}

p{ margin:0;}

a{color:#333;text-decoration:none;}

table{border-collapse:collapse;border-spacing:0;}

img{border:0;display:inline-block;vertical-align:middle;}

.vcenter {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  max-width: 100%;

  max-height: 100%;

  display: block;

  vertical-align: middle;

  margin: auto;

}

.pic {

  position: relative;

  overflow: hidden;

}

.pic:after {

  content: "";

  display: block;

}

/*修改滚动条*/



::-webkit-scrollbar{

    width:6px;

    height:6px ;

}

::-webkit-scrollbar-track{

    box-shadow: inset 0 0 6px transparent;

    background: #f8f8f8;

    border-radius: 6px;

}

::-webkit-scrollbar-thumb{

    border-radius: 6px;

    background: #bbb;

}





/* --Public-- */

.hidden{overflow:hidden;}

.fl{float:left;}

.fr{float:right;}

.clear{clear:both;}

.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;}

.center{text-align:center;}

.valign-middle{display:table-cell;vertical-align:middle;}

/* --pub-- */

.pub{width:85%;margin:auto; max-width:1280px !important; }

.pub1{ width:50%; float:right; margin-right:10%;}



/* --header-- */



.top_bj{ height:auto; background:#ffaad5; line-height:40px; color:#b55686; font-size:15px; }

.top_left{ float:left;}

.top_right{ float:right;}

.menu1 .menu-label{font-weight:700;text-transform:uppercase}

.menu1 .menu-top{ margin:0;}

.menu1 .menu-top>li{float:left;position:relative;text-align:center;}

.menu1 .menu-top .menu-right{float:right}

.menu1 .menu-button{display:block;line-height:40px;padding:0 20px;color:#b55686;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:color .2s}

.menu1 li:hover .menu-button{color:#b55686;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:color .2s}

.menu1 .menu-drop{padding-right:15px}

.menu1 .menu-drop .menu-label{padding:0 20px;background:url(../Image/top_right-drop1.png) no-repeat right;-webkit-transition:background .2s;-moz-transition:background .2s;-ms-transition:background .2s;-o-transition:background .2s;transition:background .2s}



.menu1 .menu-dropdown{text-align:left;background-color:#ffaad5;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;position:absolute;left:-5000px;opacity:0;z-index:100}

.menu1 li:hover .menu-dropdown{left:0;opacity:1;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}

.menu1 .menu-right:hover .menu-dropdown{left:auto;right:0}

.menu1 .menu-sub{margin:5px 0}

.menu1 .menu-sub li{white-space:nowrap;-webkit-transition:background-color .1s;-moz-transition:background-color .1s;-ms-transition:background-color .1s;-o-transition:background-color .1s;transition:background-color .1s}

.menu1 .menu-subbutton{display:block;padding:7px 20px;line-height:1.3;color:#b55686;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:color .2s}

.menu1 .menu-sub li:hover .menu-subbutton{color:#fff;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:color .2s}

.menu1 .menu-desc{font-style:italic;color:#a0a0a0;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:color .2s}

.menu1 .menu-sub li:hover .menu-desc{color:#d0d0d0;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:color .2s}

.menu1 .menu-dropdown6 .menu-label{vertical-align:middle}

.menu1 .menu-dropdown6 .menu-subbutton{padding:5px 20px}





.head{ margin:30px auto;}

.head .logo{width:40%;height:auto;float:left; margin-top:20px;}

.head .logo img{ max-width:100%;}

.head_right{ float:right;}

.search{ width:100%; float:right; height:35px; position:relative; margin-top:10px; border-bottom:1px solid #bfbfbf;}

.search-text{height:35px;width:100%; position:absolute; top:0; left:0px;color:#bfbfbf; font-size:14px;outline:none; background:none; border:none;}

.search-button{ width:19px; height:35px; position:absolute; top:0px; right:0; background:url(../Image/search.png) center no-repeat; text-align:center; font-size:0; outline:none; border:none;}

.tel{ color:#454545; font-size:15px; margin-top:10px;}

.tel span{ color:#e866a8; font-weight:bold;}

.mob_tel{ color:#454545; font-size:15px; margin-top:20px; display:none;}

.mob_tel span{ color:#e866a8; font-weight:bold;}





.header_bg{width:100%;height: auto; -webkit-transition:all 0.4s;transition:all 0.4s; background:#f7e3ec; border-bottom:2px solid #ffaad5;}

.header_bg .nava{height:84px;position:relative;overflow:hidden; padding-left:0; margin:0;}

.header_bg .nava li{width:14.1%;height:84px;float:left;font-size:18px; color:#312b2e;line-height:84px;text-align:center;position:relative;overflow:hidden;cursor:pointer; text-align: center; border-right:1px solid #d5bfc9; border-bottom:2px solid #f7e3ec;}

.header_bg .nava li img{ margin-right:10px;}

.header_bg .nava li:hover{ border-top:2px solid #ffaad5; background:#fff;}

@-webkit-keyframes rotate{

 0%{

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

 }

 100%{

  -webkit-transform: rotate(360deg);

  -moz-transform: rotate(360deg);

  -ms-transform: rotate(360deg);

  -o-transform: rotate(360deg);

  transform: rotate(360deg);

 }

}

@keyframes rotate{

 0%{

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

 }

 100%{

  -webkit-transform: rotate(360deg);

  -moz-transform: rotate(360deg);

  -ms-transform: rotate(360deg);

  -o-transform: rotate(360deg);

  transform: rotate(360deg);

 }

}



.index1{ margin-top:80px;}

.index1_top{ color:#7e7e7e; font-size:16px; text-align:center;}

.index1_top p{background:url(../Image/p1.png) bottom center no-repeat; text-align:center; font-size:40px; color:#391427; padding-bottom:30px; margin-bottom:20px;}

.index1_main{background:url(../Image/p2.png) top center no-repeat; padding-top:50px; margin-top:60px; position:relative;}

.index1_left{ width:62%; float:left;}

.index1_left img{ width:100%; border-radius:5px;}

.index1_right{ width:38%; float:right; position:absolute; bottom:0; right:0;}

.index1_right_top{ font-size:24px; color:#9d3c6d; width:90%; margin:0 auto; margin-bottom:30px;}

.index1_about{ box-shadow:0 0 10px rgba(0,0,0,0.2); padding:3% 5%; color:#5f5f5f; line-height:27px;

}

.index1_about_con{text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;overflow: hidden;}

.index1_more{ width:90px; height:31px; background:#66b3ff; color:#fff; text-align:center; line-height:31px; border-radius:5px; margin-top:20px;}











/**********************index1 end**************/





.index2_top{ font-size:24px; color:#391427; margin-top:80px;}

.index2_top p{ width:18px; height:2px; background:#391427; float:left; margin-top:18px; margin-right:10px;}

.index2_main li{ width:31.3%; margin:1%; position:relative; float:left;}





#accordion{z-index: 1;}

#accordion .panel{width:31.3%; margin:1%; position:relative; float:left;}

#accordion .panel-heading{}

#accordion .panel-title{ width:96%; margin:0 auto; background:#fff; position:relative; z-index:99; border-radius:5px;}

#accordion .panel-title a{display: block;position: relative;transition: all 0.3s ease 0s;}

#accordion .panel-title a.collapsed{transition: all 0.3s ease 0s;}

#accordion .panel-title a img{ width:100%;}



#accordion .panel-collapse .con{ position:absolute; bottom:-48%; box-shadow:0 0 10px rgba(0,0,0,0.2); padding-top:80%; background:#fff; padding-left:2%; padding-right:2%;border-radius:5px;}

#accordion .panel-collapse .con .tit{ olor:#2f2f2f; font-size:18px; height:40px; line-height:40px; overflow:hidden; 

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;overflow: hidden;}

#accordion .panel-collapse .con .con2{margin-top:10px; color:#5a5a5a; line-height:25px;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 3;

-webkit-box-orient: vertical;overflow: hidden;}

#accordion .panel-collapse .con .more{ margin:10px 0 20px 0; color:#9d447d;}

.collapse{display:none;visibility:hidden}

.collapse.in{display:block;visibility:visible}

.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}



.index2_main{ display:block; padding-bottom:160px;}

.index2_main_mobile{ display:none;}

.index2_main_mobile li{ width:100%; margin:1% 0; position:relative;}

.index2_main_mobile li .index2_main_mobile_img{ width:96%; margin:0 auto; background:#fff; position:relative; z-index:99; border-radius:5px;}

.index2_main_mobile li .index2_main_mobile_img img{ width:100%;}

.index2_main_mobile li .con{ padding-left:2%; padding-right:2%;border-radius:5px;}

.index2_main_mobile li .con .tit{ olor:#2f2f2f; font-size:18px; height:40px; line-height:40px; overflow:hidden; 

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;overflow: hidden;}

.index2_main_mobile li .con .con2{margin-top:10px; color:#5a5a5a; line-height:25px;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 3;

-webkit-box-orient: vertical;overflow: hidden;}

.index2_main_mobile li .con .more{ margin:10px 0 20px 0; color:#9d447d;}

.collapse{display:none;visibility:hidden}

.collapse.in{display:block;visibility:visible}

.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}













/****************************index2 end****************************/









.foot_bj{ background:#f7e3ec; padding:15px 0; padding-top:60px; padding-bottom:50px; border-bottom:3px solid #ffaad5;}

.foot_top{ font-size:20px; color:#9d447d;}

.foot_top p{ width:18px; height:2px; background:#9d447d; float:left; margin-top:18px; margin-right:10px;}

.foot_nav{ width:20%; float:left;}

.foot_nav li{ color:#312b2e;background:url(../Image/p4.jpg) left center no-repeat; margin-left:30px; padding-left:15px; margin-top:15px;}



.foot_contact{ width:35%; float:left;}

.foot_contact li{ color:#312b2e; padding-left:30px; margin-top:15px;}

.foot_contact li.icon-06{background:url(../Image/p5.png) left center no-repeat;}

.foot_contact li.icon-03{background:url(../Image/p6.png) left center no-repeat;}

.foot_contact li.icon-04{background:url(../Image/p7.png) left center no-repeat;}

.foot_contact li.icon-02{background:url(../Image/p9.png) left center no-repeat;}

.foot_contact .foot_logo{ max-width:100%;margin-top:40px;}



.foot_news{ width:40%; float:right;}

.foot_news li { margin-top:20px;}

.foot_news_time{ width:17%; background:#fff; padding:2%; text-align:center; font-size:15px; color:#9d447d;}

.foot_news_time p{ border-bottom:1px solid #9d447d; font-size:26px;}

.foot_news li .foot_news_con{ width:75%;}

.foot_news li .foot_news_tit{ font-size:18px; color:#9d447d}

.foot_news li .foot_news_con2{ font-size:15px; color:#83737d}

.foot_news li .foot_news_more{ font-size:15px; color:#9d447d}





.foot_bottom{text-align:center; font-size:15px; color:#6e6e6e; line-height:30px; padding:30px 0;}

.foot_bottom span{ margin:0 5px;}

.foot_bottom a{ color:#686868;}





#lanren{ position:fixed; bottom:20px; right:20px; z-index:9999999999999999999999;}

#lanren #audio-btn{width: 44px;height: 44px; background-size: 100% 100%;}

#lanren .on{background: url(../Image/music_on.png) no-repeat 0 0;-webkit-animation: rotating 1.2s linear infinite;animation: rotating 1.2s linear infinite;}

#lanren .off{background: url(../Image/music_off.png) no-repeat 0 0;}

@-webkit-keyframes rotating {

	from{

		-webkit-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		-o-transform: rotate(0deg);

    	transform: rotate(0deg);

	}

	to{

		-webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		-o-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}

@keyframes rotating {

    from{

        -webkit-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		-o-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    to{

        -webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		-o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}





/****************************foot end****************************/





.crumbs{ background:#fef5f9; border-bottom:1px solid #ecccda; color:#c3b8bd; font-size:16px; line-height:30px; padding:15px 0;}

.crumbs img{ margin-right:10px;}



.inner{ margin:80px auto;}



.inner_left{ width:25%; float:left;}

.inner_left_type{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2);}

.inner_left_type .inner_left_top{ font-size:20px; color:#4b3643; border-bottom:1px solid #e7e7e7; padding:10px;}

.inner_left_type .list{width : 100%;}

.inner_left_type .list ul{list-style: none;}

.inner_left_type .list ul img{ margin:0 20px 0 10px;}

.inner_left_type .list ul p{ padding:0; margin:0;}

.inner_left_type .list ul span{ cursor:pointer;}

.inner_left_type .list>ul>li{ width:100%;

	margin-bottom:10px;

	-webkit-transition: .3s ease;

	-moz-transition: .3s ease;

	-o-transition: .3s ease;

			transition: .3s ease;

}

.inner_left_type .list>ul>li p[class=title]{

	width      : 100%;

	height     : auto;

	line-height: 30px;

	padding    : 0;

	border     : none;

	position   : relative;

	font-size  : 16px; padding:10px 0 10px 0;

}

.inner_left_type .list>ul>li p[class=title]>span{position: absolute;right: 10px; top:10px; border:1px solid #665a60; border-radius:100%; width:16px; height:16px; color:#665a60; font-size:20px; line-height:16px; text-align:center;}

.inner_left_type .list-se{overflow: hidden;display: none;}

.inner_left_type .list-se>p{background:#f7e3ec;color:#665a60;}

.inner_left_type .list-se>p a{ color:#665a60;}

.inner_left_type .list-se>li{

	position: relative;

	margin-left:12%;

	right   : -100%;

	-webkit-transition: right .5s;

	-moz-transition   : right .5s;

	-o-transition     : right .5s;

	transition        : right .5s;

	background:#fff;color:#898989;

}

.list-se>li>p{

	color       : #898989;

	height      : auto;

	

	-webkit-box-sizing :border-box;

	        box-sizing :border-box;

	line-height : 30px;

	padding:10px;

	-webkit-transition   : border .5s; 

			 transition  : border .5s;

	-webkit-transition   : background .3s;

			 transition  : background .3s;

}

.list-se>li>p>a{ color:#898989;}



.inner_left_pro{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); padding:20px; margin-top:50px;}

.inner_left_pro .inner_left_pro_top{ font-size:20px; color:#4b3643; border-bottom:1px solid #e7e7e7; padding:10px 0;}

.inner_left_pro_line{ height:1px; background:#e0e0e0; position:relative; margin-bottom:20px;}

.inner_left_pro_line p{ width:23px; height:3px; background:#ffaad5; position:absolute; top:-1px;}

.inner_left_pro .img img{ width:100%;}

.inner_left_about_con{ font-size:15px; color:#747474;}

.inner_left_about_con a{ display:block; color:#9d447d; margin-top:10px;}



.inner_right{ width:71%; float:right;}

.inner_right_top{background:url(../Image/p11.jpg) bottom center repeat-x; color:#515151; font-size:18px; padding-bottom:25px; margin-bottom:30px;}

.inner_right_top span{ color:#9d447d; font-size:24px;}

.inner_about1_con{ color:#6e6e6e; font-size:16px;}

.inner_about1_con img{ width:100%;}



.inner_about_qywh li{ background:#f6f6f6; border-radius:5px; margin-top:20px;}

.inner_about_qywh li .inner_about_qywh_left{ width:20px; padding:30px 10px; font-size:18px; font-weight:bold; color:#fff; float:left; border-radius:5px; background:#66b3ff}

.inner_about_qywh li .inner_about_qywh_right{ width:90%; float:left; margin-left:20px; margin-top:20px; font-size:16px; color:#616161;}

.inner_about_qywh li:nth-child(4) .inner_about_qywh_left{ padding:50px 10px;}

.inner_about_qywh_left_app{ display:none;}





.inner_honor_top{font-size:20px; background:#66b3ff; color:#fff; line-height:50px;border-radius:5px;text-align:center; margin:40px 0 20px 0;}





.honor li{ width:23%; float:left; margin-right:2.6%; margin-top:2%}

.honor li .img{ width:100%; margin:0 auto; overflow:hidden; border:1px solid #e4e4e4;}

.honor li .img img{ width:100%;transition: all 0.5s ease-in-out 0s;}

.honor li .title{ text-align:center; color:#737373; font-size:16px; margin-top:10px; line-height:30px; height:60px; overflow:hidden;}

.honor li:nth-child(4n){ margin-right:0;}

.honor li:hover .img img{transform:scale(1.08);}











.inner_pro_top{ background:#fef5f9;}

.inner_pro_top_img{ width:45%;}

.inner_pro_top_img img{ width:100%;}

.inner_pro_top_con{ width:45%; margin-right:5%; color:#4b3643; font-size:16px; font-weight:300;}

.inner_pro_top_con p{ font-size:24px; margin-top:30px; margin-bottom:10px;}











.pro li{ width:31.3%; float:left; margin-right:3%; margin-top:3%;}

.pro li .pic{ width:100%; margin:0 auto; border:1px solid #dfdfdf;}

.pro li .pic img{ width:100%;transition: all 0.5s ease-in-out 0s;}

.pro li .title{ width:90%; color:#4b3643; font-size:18px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;height:50px; line-height:25px; padding:10px 5%; border-bottom:3px solid #ffaad5; overflow:hidden;}

.pro li .title span{ border-left:5px solid #ffaad5; padding-left:20px; }

.pro li:nth-child(3n){ margin-right:0;}

.pro li:hover .pic img{transform:scale(1.08);}

.pro.new_pro{overflow: hidden}
.pro.new_pro li{ border: 1px solid #dfdfdf;box-sizing:border-box;}
.pro.new_pro li .pic{border: none;position: relative;}
.pro.new_pro li .title{border: none;padding: 8px 5% 0px;height: unset;}
.pro.new_pro li .title span{display:inline-block;border-left:none;padding-left:0px;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro.new_pro li .type-ms{ padding: 0px 5% 10px; box-sizing: border-box; font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;height: 125px;line-height: 19px;}
.pro.new_pro li .pic .pro-ts{ position: absolute; right: -1px; background-color: #ffaad5; height: 28px;line-height:28px;width: 96px;bottom: 0px; color: #fff;font-style:normal;font-size: 14px;text-align: center;opacity:0.9;}



.pro_info{ margin-top:50px;}

.proleft { width: 40%; float:left;}

.proleft .swiper-list{margin-top:50px;padding-bottom:50px;overflow:hidden;position:relative;}

.proleft .swiper-list .swiper-slide{padding:0 30px;background:#FFF;position:relative;cursor:pointer;}

.proleft .swiper-list .swiper-slide .img{margin:20px 0;position:relative;overflow:hidden;}

.proleft .swiper-list .swiper-slide .img img{width:100%;height:auto;display:block;margin:auto;

-webkit-transition:all 0.4s;transition:all 0.4s;}

.proleft .swiper-list .swiper-slide:hover .img img{transform:scale(1.08);}



.proleft .swiper-list .swiper-slide .line{width:100%;height:1px;display:block;background:#ddd;}



.gallery-top{width:100%;position:relative;}

.gallery-top .swiper-slide{width:100%;display:block;}

.gallery-top .swiper-slide img{width:100%;display:block;}

.gallery-top .swiper-button-prev{left:6px;}

.gallery-top .swiper-button-next{right:6px;}

.gallery-top .swiper-button-next, .gallery-top .swiper-button-prev{width:66px;height:66px;}





.product_img_right{width:100%;margin-top:40px;}

.gallery-thumbs{width:100%;padding-right:5px !important;padding-top:6px !important;margin-left:0 !important;}

.gallery-thumbs p{font-size:16px;color:#999;line-height:32px;margin-bottom:10px;}

.gallery-thumbs .swiper-slide{border:1px solid #eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.gallery-thumbs .swiper-slide img{width:100%;display:block;}

.gallery-thumbs .swiper-slide-thumb-active{opacity:1;border:2px solid #333;}

.gallery-thumbs .swiper-slide-thumb-active:before{

    content: '';

    display: block;

    width: 0;

    border: 6px solid transparent;

    border-bottom-color: #333;

    position: absolute;

    top: -13px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

}





.proright { width: 55%; padding-bottom:20px; float:right; border-bottom:1px solid #dcdcdc; }

.proright h3{ color:#4b3643; font-size:24px; padding-bottom:20px; margin-bottom:20px; margin-top:0; float:left;}

.pro_more{ background:#66b3ff; width:148px; height:40px; line-height:40px; float:right; padding:0 20px; color:#fff; float:right; text-align:center; border-radius:5px; margin-top:10px;}



.pro_des{ color:#747474; font-size:16px; margin-bottom:50px; line-height:30px; margin-top:30px;}









.pro_info_main{ margin-top:80px; background:#fbfbfb;}



.pro_info_top span{ background:#fef5f9; border-top:4px solid #ffaad5; border-top-left-radius:5px; border-top-right-radius:5px; color:#803766; font-size:16px; padding:10px 20px;}

.product_recommend{ margin:50px 0;}

.product_recommend ul{ border:1px solid #e3e3e3; padding:30px; overflow:hidden; margin:5px 0 0 0;}

.product_recommend li{ margin:1% 0; background:#fff;}

.product_recommend li .pic{ width:35%; float:left;}

.product_recommend li .pic img{ width:100%;transition: all 0.5s ease-in-out 0s; border-radius:5px;}

.product_recommend li .tit{ width:63%; float:right;}

.product_recommend li p{line-height:30px; height:30px; overflow:hidden; color:#4b3643; font-size:18px; margin:30px 0;}

.product_recommend li .con{ color:#727272; line-height:30px; padding:10px 0; border-bottom:1px dashed #d2d2d2; border-top:1px dashed #d2d2d2;}

.product_recommend li:hover img{transform: scale(1.1);}





.inner_content{ font-size:16px; line-height:30px;}

.inner_content p{ margin:0;}

.inner_content img{ max-width:100%;}



/*************************product end*************************/











.inner_news_status {height: 30px;line-height: 30px;font-size: 12px;color: #333;margin-top: 20px;padding-bottom: 10px; }

.inner_news_status span {padding-left: 20px; padding-right: 10px; line-height:30px;height:30px; display:block; float:left;}

.inner_news_status .newstime{ background:url(../Image/news2.png) left center no-repeat;}

.inner_news_status .click{ background:url(../Image/news3.png) left center no-repeat;}







.inner_right_news_pro{ background:#f9f9f9; margin-bottom:50px;}

.inner_right_news_pro #owl-demo2 p{ text-align:center; color:#4b3643; margin-top:10px;}



.inner_news li { margin-top:30px;}

.inner_news_time{ width:8%; background:#fff; padding:2%; text-align:center; font-size:15px; color:#9d447d; box-shadow:0 0 10px rgba(0,0,0,0.3);}

.inner_news_time p{ border-bottom:1px solid #9d447d; font-size:26px; margin-bottom:10px;}

.inner_news li .inner_news_con{ width:82%;}

.inner_news li .inner_news_tit{ font-size:18px; color:#9d447d;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;overflow: hidden;}

.inner_news li .inner_news_con2{ font-size:15px; color:#83737d;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;overflow: hidden;}

.inner_news li .inner_news_more{ font-size:15px; color:#9d447d}







.newshow .newshowtit {

  text-align: center;

  border-bottom: 1px dotted #bfbebe; margin-bottom:20px;

}

.newshow .newshowtit h1 {

  font-size: 22px;

  color: #333;

}

.newshow .newshowtit .date {

  line-height: 30px;

  font-size: 12px;

  color: #999;

}

.newshow .newshowtxt p {

  margin-top: 25px;

  line-height: 25px;

}

.newshow .newshowimg {

  text-align: center;

  margin: 65px 0;

}



.inner_news_img img{ max-width:100%;}







/**************************news end**********************/





.case li{ float:left; width:27.3%; background:#f7f7f7; padding:2%; margin:1%;}

.case li .title{ font-size:20px; color:#4b3643; font-weight:bold;}

.case li .title p{ width:24px; height:2px; background:#d2d2d2; margin-bottom:10px; margin-top:20px;}

.case li .more{ font-size:16px; color:#ffffff; background:#66b3ff; width:90px; height:30px; line-height:30px; border-radius:5px; margin-top:50px; text-align:center;}



/***********************************case end*******************/





.inner_contact_top{ background:#fef5f9;}

.inner_contact_img{ width:48%; float:left;}

.inner_contact_img img{ width:100%;}

.inner_contact_con{ width:48%; margin-left:2%; float:left; margin-top:50px; font-size:16px; color:#4b3643;}

.inner_contact_con p{ font-size:24px; color:#4b3643; margin-bottom:20px;}



.inner_contact ul{ width:40%; float:left; margin-top:40px;}

.inner_contact ul:nth-child(2n){ float:right;}

.inner_contact ul p{ font-size:20px; color:#4b3643; font-weight:bold; border-bottom:1px solid #d2d2d2; padding-bottom:10px; margin-bottom:20px;}

.inner_contact ul li{ font-size:16px; color:#777777; line-height:30px;}

.inner_contact ul li span{ color:#fd3098;}





.inner_message{ margin-top:50px;}

.inner_message_top{  border-bottom:1px solid #d2d2d2; padding-bottom:10px; margin-bottom:20px;}

.inner_message_top p{ font-size:20px; color:#4b3643; font-weight:bold;}

.inner_message_main .input-group{ margin-bottom:20px; width:47%;}

.inner_message_main .input-group p{line-height:40px;}

.inner_message_main .input-group1 p{ margin-top:10px;}

.inner_message_main .input-group1{ width:60%; margin-bottom:10px;}

.inner_message_main .input-group1 input{ border:1px solid #e3e3e3;line-height:40px; color:#898989; outline:none; width:80%; float:left; background:#ffffff; padding-left:10px;}

.inner_message_main .input-group input{ border:1px solid #e3e3e3;line-height:40px; color:#898989; outline:none; width:80%; float:left; background:#ffffff; padding-left:10px;}

.inner_message_main #content{ float:left; height:100px;}

.inner_message_main #captcha{ float:left; width:69%;}

.inner_message_main .verify{ width:90px; height:36px;}

.inner_message_main .verify img{ width:90px; height:36px; margin-top:5px;}

.inner_message_main #submit{ width:200px; line-height:58px; height:58px; text-align:center; color:#fff; background:#66b3ff; border-radius:5px; margin-top:20px;}





/**************************contact end************************/







/* --翻页-- */

.txt-upDown{width:auto;height:auto;clear:both;font-size:14px;padding-top:20px;margin-top:40px;border-top:1px dashed rgb(230,230,230);}

.txt-upDown-li{width:50%;height:42px;line-height:42px;padding:0 5px;overflow:hidden;color:#666;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;

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

.txt-upDown-li .arrow{width:10%;height:42px;overflow:hidden;font-family:'宋体';font-weight:bold;}

.txt-upDown-li .title{width:90%;height:42px;overflow:hidden;color:#666;}

.txt-upDown-li:hover{color:#fff;background:#ffaad5;padding:0 20px;cursor:pointer;}

.txt-upDown-li:hover .arrow{color:#fff;}

.txt-upDown-li:hover .title .page-a{color:#fff;}

.txt-upDown-li:hover .title a{color:#fff;}

.txt-upDown-li.txt-right{text-align:right;}



/* --分页-- */

.de-page-mian {

  overflow: hidden;

  text-align: center;

  font-size: 0;

  margin: 60px 0 35px;

}

.de-page-mian .page-inner {

  display: inline-block;

  overflow: hidden;

}

.de-page-mian .page-inner a {

  display: block;

  float: left;

  min-width: 26px;

  padding: 0 5px;

  height: 36px;

  border: 1px solid #dddddd;

  background: #fff;

  text-align: center;

  line-height: 36px;

  font-size: 14px;

  color: #333;

  overflow: hidden;

   margin:5px -1px 5px 0;

}

.de-page-mian .page-inner a.active,

.de-page-mian .page-inner a:hover {

  color: #fff;

  border-color: #ffaad5;

  background: #ffaad5;

}

.de-page-mian .page-inner a.prev {

  margin-right: 10px;

  background: #fff url(../Image/prev.jpg) no-repeat center;

}

.de-page-mian .page-inner a.prev.on {

  background: #fff url(../Image/prev-hover.jpg) no-repeat center;

}

.de-page-mian .page-inner a.prev:hover {

  background-color: #fff;

  border-color: #dddddd;

}

.de-page-mian .page-inner a.next {

  margin-left: 10px;

  margin-right: 15px;

  background: #fff url(../Image/next.jpg) no-repeat center;

}

.de-page-mian .page-inner a.next.on {

  background: #fff url(../Image/next-hover.jpg) no-repeat center;

}

.de-page-mian .page-inner a.next:hover {

  background-color: #fff;

  border-color: #dddddd;

}

.de-page-mian .page-inner a.page-btn {

  font-size: 12px;

  margin-right: 0;

  width: 63px;

  margin-left: 10px;

}

.de-page-mian .page-inner span {

  display: block;

  font-size: 12px;

  color: #333;

  float: left;

  line-height: 38px;

}

.de-page-mian .page-inner input {

  display: block;

  float: left;

  height: 36px;

  width: 36px;

  border: 1px solid #dddddd;

  text-align: center;

  line-height: 36px;

  font-size: 14px;

  color: #333;

  margin: 0 5px;

}



/* --暂无数据-- */

.no-goods{padding:100px 0;overflow:hidden;text-align:center;}

.no-goods img{

  display: block;

  margin:0 auto 30px;

  width:220px;

  max-height: 105px;

}

.no-goods p{

  font-size:14px;

  color:#666666;

  line-height: 20px;

}

.index_download{
    width: 86%;
    margin: 0 auto 40px;
}
.index_download h2{
    font-size: 24px;
    animation: bounceInLeft 1.5s ease-out forwards;
    -webkit-animation: bounceInLeft 1.5s ease-out forwards;
}
.index_download .download-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index_download p{
    font-size: 14px;
    color: #333;
    margin-top: 4px;
    flex: 1;
    margin-right: 2%;
    animation: bounceInLeft 1.5s ease-out forwards;
    -webkit-animation: bounceInLeft 1.5s ease-out forwards;
}
.index_download a{
    color: #fff;
    padding: 12px 15px 12px 40px;
    text-align: center;
    font-size: 14px;
    border-radius: 6px;
    background: #ffaad5 url(../Image/download.png) no-repeat 10px center;
    background-size: 23px;
    animation: bounceInRight 1.5s ease-out forwards;
    -webkit-animation: bounceInRight 1.5s ease-out forwards;
}
.index_download a:hover{
    background-color: #e866a8;
}










@-webkit-keyframes imgScale {

  from {

    transform: scale(1);

    -ms-transform: scale(1);

    -moz-transform: scale(1);

    -webkit-transform: scale(1);

    -o-transform: scale(1); }

  to {

    transform: scale(1.04);

    -ms-transform: scale(1.04);

    -moz-transform: scale(1.04);

    -webkit-transform: scale(1.04);

    -o-transform: scale(1.04);}

}

@keyframes imgScale {

  from {

    transform: scale(1);

    -ms-transform: scale(1);

    -moz-transform: scale(1);

    -webkit-transform: scale(1);

    -o-transform: scale(1); }

  to {

    transform: scale(1.04);

    -ms-transform: scale(1.04);

    -moz-transform: scale(1.04);

    -webkit-transform: scale(1.04);

    -o-transform: scale(1.04);}

}

.imgScale {

	animation: imgScale 6s ease-in-out infinite alternate;

	-webkit-animation: imgScale 6s ease-in-out infinite alternate;

}



@keyframes scrolldown {

	0% {

		transform: scale(1, 1); 

		transform-origin: 100% 100%;

	}

	33% {

		transform: scale(1, 0); 

		transform-origin: 100% 100%;

	}

	66% {

		transform: scale(1, 0); 

		transform-origin: 0 0;

	}

	100% {

		transform: scale(1, 1); 

		transform-origin: 0 0;

	}

}



@keyframes scrolldown2 {

	0% {

		transform: scale(1, 1); 

		transform-origin: 100% 100%;

	}

	55% {

		transform: scale(1, 1); 

		transform-origin: 100% 100%;

	}

	70% {

		transform: scale(1, 0); 

		transform-origin: 100% 100%;

	}

	85% {

		transform: scale(1, 0); 

		transform-origin: 0 0;

	}

	100% {

		transform: scale(1, 1); 

		transform-origin: 0 0;

	}

}



@keyframes scrollup {

	0% {

		transform: scale(1, 1); 

		transform-origin: 0 0;

	}

	33% {

		transform: scale(1, 0); 

		transform-origin: 0 0;

	}

	66% {

		transform: scale(1, 0); 

		transform-origin: 100% 100%;

	}

	100% {

		transform: scale(1, 1); 

		transform-origin: 100% 100%;

	}

}



@keyframes scrollup2 {

	0% {

		transform: scale(1, 1); 

		transform-origin: 0 0;

	}

	15% {

		transform: scale(1, 0); 

		transform-origin: 0 0;

	}

	30% {

		transform: scale(1, 0); 

		transform-origin: 100% 100%;

	}

	45% {

		transform: scale(1, 1); 

		transform-origin: 100% 100%;

	}

	100% {

		transform: scale(1, 1); 

		transform-origin: 100% 100%;

	}

}



@keyframes sound {

	0% {

		transform: scale(1, 1); 

		transform-origin: 100% 100%;

	}

	20% {

		transform: scale(0, 1); 

		transform-origin: 100% 100%;

	}

	40% {

		transform: scale(0, 1); 

		transform-origin: 0 0;

	}

	60% {

		transform: scale(1, 1); 

		transform-origin: 0 0;

	}

	100% {

		transform: scale(1, 1); 

		transform-origin: 0 0;

	}

}



@keyframes btnline {

	0% {

		transform: scale(1, 1); 

		transform-origin: 100% 100%;

	}

	33% {

		transform: scale(0, 1); 

		transform-origin: 100% 100%;

	}

	66% {

		transform: scale(0, 1); 

		transform-origin: 0 0;

	}

	100% {

		transform: scale(1, 1); 

		transform-origin: 0 0;

	}

}



@keyframes btntate {

	0% {

		transform: scale(1, 1); 

		transform-origin: 100% 100%;

	}

	33% {

		transform: scale(1, 0); 

		transform-origin: 100% 100%;

	}

	66% {

		transform: scale(1, 0); 

		transform-origin: 0 0;

	}

	100% {

		transform: scale(1, 1); 

		transform-origin: 0 0;

	}

}