@charset "utf-8";
 


@font-face {
  font-family: 'iconfont';
  src: url('http://at.alicdn.com/t/font_1432720974_1547027.eot'); 
  src: url('http://at.alicdn.com/t/font_1432720974_1547027.eot#iefix') format('embedded-opentype'), 
  url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'), 
  url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'), 
  url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg'); 
}
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
.fa {display: inline-block;font-family: "iconfont";font-size:20px;font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.fa-icon-qq:before { content: "\e604"; }
.fa-icon-weibo:before { content: "\e600"; }
.fa-icon-weixin:before { content: "\e605"; }
.fa-icon-zaixianzixun:before { content: "\e608"; }
/************************************************************************************************************/

.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.w100{ width:100% !important;}
.h100{ height:100% !important;}
a{ text-decoration:none !important; cursor:pointer !important;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1000px !important;}

 


.main{ padding:30px 0;}
.main-White{ background:#fff;}


.main-Colorless{background:none;}


.main-Background{ background:url(../images/bg_03.png) repeat;}


.main-Color{ background:#f5f5f5;}


.main-opcityBackground{ background:url(../images/casesharing_mask_03.png) repeat;}


.header1{ position:fixed; left:0; top:0; z-index:99999; width:100%; height:80px; background:url(../images/tphovermb.png) repeat;}
.header1 .logo{ width:35%; height:80px;}
.header1 .logo img{ margin:20px 0 0 0; width:313px; height:40px;}
.header1 nav{ width:65%;}
.header1 nav li{ position:relative; width:12.5%;height:80px;}
.header1 nav li a{ display:block; line-height:80px; color:#fff;}
.header1 nav li a:hover{ color:#eb81a9;}
.header1 nav li a.active{ color:#eb81a9;}
.header1 nav li:hover ul{ display:block;}
.header1 nav li ul{ display:none; position:absolute; left:0; top:80px; width:100%; background:url(../images/tphovermb.png) repeat;}
.header1 nav li ul li{ width:100%; height:40px;background:none;}
.header1 nav li ul li a{ line-height:40px; background:none;}
.header1 nav li ul li:hover{ background:#000}


.bannerbox1{width:100%; height:737px;}
#banner{ height:737px;position:relative;overflow:hidden; transition:all 0.3s;}
#banner .main_image{ height:737px;position:relative;overflow:hidden;transition:all 0.3s;}
#banner .main_image ul{position:absolute;top:0;left:0;width:9999px;overflow:hidden;}
#banner .main_image li a{display:block;}
#banner .main_image li span{display:block;width:100%;height:737px;transition:all 0.3s;}
#banner .main_image li .img_1{}
#banner .main_image li .img_2{}
#banner .main_image li .img_3{}
#banner .main_image li img{ display:block; margin:0 auto;}
#banner div.flicking_con{position:absolute;bottom:10px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
#banner div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
#banner div.flicking_con a.on{background-position:0 -21px}
#banner #btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:29px!important;height:29px!important;top:50%;margin-top:-30px;display:none; transition:all 0.5s;}
#banner #btn_prev{background:url(../images/main_btn_arrow_lr.png) no-repeat left bottom;left:20px;}
#banner #btn_prev:hover{background:url(../images/main_btn_arrow_lr.png) no-repeat right bottom;}
#banner #btn_next{background:url(../images/main_btn_arrow_lr.png) no-repeat left top;right:20px;}
#banner #btn_next:hover{background:url(../images/main_btn_arrow_lr.png) no-repeat right top;}


.title02{ margin:0 0 20px 0;}
.title02 h2{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; color:#eb81a9; line-height:30px; transition:all 0.3s;}
.title02 h1{ font-size:22px; color:#eb81a9; line-height:30px; transition:all 0.3s;}
.title02 h2:hover{ color:#c66087}
.title02 h1:hover{ color:#c66087}


.title04{ height:40px;border-bottom: 1px solid #aeaeae;}
.title04 h1{font-size:16px; height:39px;line-height:39px;}
.title04 h1 a{ color:#3e3d3d; }
.title04 h1 a:hover{ }
.title04 span{color:#666; line-height:39px;}
.title04 span a{ color:#666;}
.title04 span a:hover{ color:#e8383d}


.title07{ margin:20px 0 0 0;}
.title07 h1{ margin:0 auto !important; width:80%; font-size:16px; color:#666; line-height:30px; border-bottom:solid 1px #e0e0e0;}
.title07 h6{color:#999; line-height:30px; }


.picture3 .picture3-list .imgbox img{ display:block; margin:0 auto;}
.picture3 .picture3-list .imgbox .img{ display:none;}
.picture3 .picture3-list h3{ margin:10px 0 !important;}
.picture3 .picture3-list h3 a{font-size:18px; color:#262626; transition:all 0.3s;}
.picture3 .picture3-list p a{ font-size:12px; color:#999;}
.picture3 .picture3-list:hover .imgb{ display:none;}
.picture3 .picture3-list:hover .img{ display:block;}
.picture3 .picture3-list:hover h3 a{ color:#eb81a9;}


.picture4 .picture4-list{ margin:0 0 10px 0;}
.picture4 .picture4-list a{ position:relative; display:block; background:#f0f0f0; height:200px; overflow:hidden;}
.picture4 .picture4-list a img{ display:block; margin:0 auto; min-height:100%;}
.picture4 .picture4-list .mask{ position:absolute; left:-100%; top:0; z-index:9; width:100%; height:100%; background:url(../images/casesharing_mask_03.png) repeat; transition:all 0.3s;}
.picture4 .picture4-list .mask span{padding:70px 0 0 0;position:absolute;left:0%; top:0%;width:100%; height:100%; line-height:100%;}
.picture4 .picture4-list .mask span img{ min-height:inherit;}
.picture4 .picture4-list:hover .mask{ left:0;}


.picture4-2 .picture4-list{ margin:0 0 10px 0;}
.picture4-2 .picture4-list a{ position:relative; display:block; background:#f0f0f0; height:314px; overflow:hidden;}
.picture4-2 .picture4-list a img{ display:block; margin:0 auto; min-height:100%;}
.picture4-2 .picture4-list .mask{ position:absolute; left:-100%; top:0; z-index:9; width:100%; height:100%; background:url(../images/casesharing_mask_03.png) repeat; transition:all 0.3s;}
.picture4-2 .picture4-list .mask span{padding:100px 0 0 0;position:absolute;left:0%; top:0%;width:100%; height:100%; line-height:100%;}
.picture4-2 .picture4-list .mask span img{ min-height:inherit;}
.picture4-2 .picture4-list:hover .mask{ left:0;}


.picture5 .picture5-list{ margin:0 0 20px 0;}
.picture5 .picture5-list .imgbox{ position:relative; margin:0 auto; width:174px; height:174px; border:solid 1px #d4d5d7; background:#fff; border-radius:50%; overflow:hidden; transition:all 0.3s;}
.picture5 .picture5-list .imgbox img{ position:absolute; left:0; top:0; width:100%;}
.picture5 .picture5-list h6{ margin:24px 0 0 0 !important; font-size:20px; font-weight:bold; line-height:20px;}
.picture5 .picture5-list h6 a{color:#eb81a9; transition:all 0.3s;}
.picture5 .picture5-list:hover .imgbox{ border:solid 1px #c65d85;}
.picture5 .picture5-list:hover h6 a{ color:#c65d85;}


.picture6 { margin:20px 0 0 0;}
.picture6 .picture6-list{ margin:0 0 20px 0;}
.picture6 .picture6-list .imgbox a{ position:relative; display:block; height:170px; background:#f0f0f0; overflow:hidden;}
.picture6 .picture6-list .imgbox a img{ display:block; margin:0 auto;}
.picture6 .picture6-list .mask2{ position:absolute; left:0; bottom:-100%; z-index:9; width:100%; height:100%; background:url(../images/casesharing_mask_03.png) repeat; transition:all 0.3s;}
.picture6 .picture6-list .mask2 b{ display:inline-block;font-size:30px; color:#fff; line-height:50px;}
.picture6 .picture6-list .mask2 span{position:absolute; left:50%; top:50%;margin:-25px 0 0 -50px; width:100px; height:50px; border:solid 1px #fff;}
.picture6 .picture6-list .mask2 span strong{ font-size:30px;}
.picture6 .picture6-list .mask2 span p{ height:110px; font-size:14px;line-height:22px;  overflow:hidden;}
.picture6 .picture6-list h4{ line-height:30px;transition:all 0.3s;}
.picture6 .picture6-list h4 a{ font-size:16px; color:#666;transition:all 0.3s;}
.picture6 .picture6-list:hover .mask2{ bottom:0;}
.picture6 .picture6-list:hover h4{ background:#ff547f;}
.picture6 .picture6-list:hover h4 a{ color:#fff;}


.picture7{ margin:20px 0 0 0;}
.picture7 img{ display:block; margin:0 auto;}


.picture13 .picture13-list .imgbox{ height:200px; overflow:hidden; background:#f0f0f0;}
.picture13 .picture13-list .imgbox img{ display:block; margin:0 auto;}
.picture13 .picture13-list h2{ margin:5px 0 0 0 !important; font-size:18px; line-height:36px;}
.picture13 .picture13-list h2 a{ color:#eb81a9;}
.picture13 .picture13-list p{ line-height:24px;}
.picture13 .picture13-list p a{ color:#555; transition:all 0.3s;}
.picture13 .picture13-list:hover p a{ color:#999;}


.picture18{ height:320px; overflow:hidden;}
.picture18 .left .imgbox{ height:320px; overflow:hidden; background:#f0f0f0;}
.picture18 .right .imgbox{ height:150px; overflow:hidden; background:#f0f0f0;}
.picture18 .right .right-list{ margin-bottom:20px;}
.picture18 img{ display:block; margin:0 auto; min-height:100%;}
.picture18 .imgbox{ position:relative;}
.picture18 .mb{position:absolute;left:0; top:0; z-index:9; width:100%; height:100%; background:url(../images/tphovermb.png) repeat; opacity:0; transition:all 0.3s;}
.picture18 a{ display:block; width:100%; height:100%; }
.picture18 .mb a span{ margin:-34px 0 0 -50%; padding:0 10px 40px 10px; position:absolute; left:50%; top:50%; width:100%; height:68px;font-size:28px; line-height:28px;color:#fff; background:url(../images/fdj.png) no-repeat bottom;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.picture18 .imgbox:hover .mb{ opacity:1;}


.news3 .news3-list{ height:44px;}
.news3 .news3-list a{ padding:0 20px 0 10px; width:90%; color:#5a5a5a; line-height:43px; background:url(../images/dian.png) no-repeat left; border-bottom:dashed 1px #c6c6c6; transition:all 0.3s;}
.news3 .news3-list a:hover{ color:#fd5573;}
.news3 .news3-list span{ width:10%; color:#5a5a5a; line-height:43px; border-bottom:dashed 1px #c6c6c6;}


.contact-map{ margin:20px 0; width:100%;  border:solid 1px #c4c2c2;}
.contact-content section h1{ font-size:16px; color:#666;}
.contact-content section address{ font-size:12px; color:#666;} 


.contact02 h1{ font-size:18px; color:#383838; line-height:50px;}
.contact02 .h5{ height:144px; overflow:hidden;}
.contact02 .h5 p{ margin:0 !important; color:#828282; line-height:24px; text-indent:2em;}
.contact02 .detailed{ height:150px; overflow:hidden;}
.contact02 .detailed li{ height:30px; color:#828282; line-height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.contact02 .detailed li b{ margin:0 10px 0 0; line-height:30px;}
.contact02  label{ padding-top:0 !important; text-align:left !important; color:#666; height:34px; line-height:34px; font-weight:normal;}
.contact02 input{ background:#f4f4f4; border:dashed 1px #aaa;}
.contact02 textarea{ max-width:100%; background:#f4f4f4; border:dashed 1px #aaa;}
.contact02 button{ width:100%; height:30px; color:#fff; background:#eb81a9; border:none; transition:all 0.3s;}
.contact02 button:hover{ background:#cc6a8f;}


.footer5{ padding:15px 0; background:#333;}
.footer5 .left{ width:15%;}
.footer5 .right{ padding:0 0 0 3%; width:85%;}
.footer5 .QrCode{width:100%; color:#fff; border-right: solid 1px #fff;}
.footer5 section{color:#fff;}
.footer5 section nav{height:14px;border-left: solid 1px #fff;}
.footer5 section nav li{ width:10%; line-height:14px;border-right: solid 1px #fff;}
.footer5 section nav li a{ color:#fff; transition:all 0.3s;}
.footer5 section nav li a:hover{ color:#eb81a9;}
.footer5 section .ContactUs{margin:6px 0;} 

 
.hot{height:50px; background:#eb81a9; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 1px #ffc0d8;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:5px 0;}
.hot .row div:hover{ background:#c65d85;}


.subnav ol{ height:57px; background:#cc6a8f; border-bottom:solid 2px #fff;}
.subnav ol b{ margin:0 10px; font-size:20px; color:#fff; line-height:55px;}
.subnav ol h1{ font-weight:bold; font-size:22px; color:#fff; line-height:55px;}
.subnav ol small{ padding:11px 0 0 0; margin:0 0 0 10px; font-size:12px; color:#fff; line-height:16px;}
.subnav .contact-text{ padding:10px; font-size:12px; color:#6a6a6a; line-height:22px; background:#f3f3f3;}
.subnav .contact-img{ margin:20px 0;}
.subnav .pcdnav li{ margin:2px 0 0 0; height:45px;}
.subnav .pcdnav li a{display:block; font-size:18px; color:#8c8a8a; line-height:45px; background:url(../images/subnavicon_06.png) no-repeat 20% 50% #e9e9e9; transition:all 0.3s;}
.subnav .pcdnav li a.active{background:url(../images/subnavicon_03.png) no-repeat 20% 50% #d8d8d8; color:#4e4e4e;}
.subnav .pcdnav li a:hover{ background:url(../images/subnavicon_03.png) no-repeat 20% 50% #d8d8d8; color:#4e4e4e;}
.subnav .pcdnav li a.no-hover{ background:url(../images/subnavicon_06.png) no-repeat 20% 50% #e9e9e9 !important;}
.subnav .pcdnav li a.no-hover:hover{background:url(../images/subnavicon_06.png) no-repeat 20% 50% #dadada !important;}
.subnav .pcdnav .xlxl{ margin:2px 0 0 0; height:auto;}
.subnav .pcdnav .xlxlhide{ height:0; overflow:hidden;}
.subnav .pcdnav .xlxl a{ display:block; font-size:12px; color:#999; line-height:35px;background:#f4f4f4; transition:all 0.3s;}
.subnav .pcdnav .xlxl a:hover{background:#e1e1e1;}
.subnav .pcdnav .xlxl a.active{background:#e1e1e1;}
.subnav .yddnav li{ margin-bottom:2px; height:60px;}
.subnav .yddnav li a{ display:block; font-size:18px;color:#fff; line-height:60px; background:#666; transition:all 0.3s;}
.subnav .yddnav li a.active{ background:#ff547f}
.subnav .yddnav span{ padding-left:30px;}
.subnav .yddnav b{ padding-right:30px; line-height:60px;}
.subnav .yddnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .yddnav .xl.xlhide{ height:0; overflow:hidden;}
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#ff547f; border-top:solid 1px #ff93ae;}
.subnav .yddnav .xls a{ color:#fff; display:block; line-height:40px;}
.subnav .yddnav .xlxl{ height:auto; overflow:hidden;}
.subnav .yddnav .xlxl.xlxlhide{ height:0; overflow:hidden;}
.subnav .yddnav .xlxls{ height:32px;background:#efefef; border-bottom:dotted 1px #666}
.subnav .yddnav .xlxls a{ color:#666; display:block; line-height:32px;}


.text03{ padding:10px; font-size:14px; color:#666; line-height:24px;}
.text03 img { height:100%;  padding:10px 1%; width:98%}
 
 .more1{ margin-top:20px;}
.more1 a{display:block;margin:0 auto;width:100px;height:40px;color:#eb81a9;line-height:38px;border:solid 1px #eb81a9;transition:all 0.3s;}
.more1 a:hover{ color:#fff; background:#eb81a9;}


.OnlineMessage1{ margin:20px 0 0 0;}
.OnlineMessage1 label{ font-weight:normal; color:#666;}
.OnlineMessage1 button{ margin:0 10px 0 0; width:100px; height:30px; color:#fff; background:#cc6a8f; border:none; transition:all 0.3s;}
.OnlineMessage1 button:hover{ background:#aa4d70;}

@media (max-width:1199px){

 
.bannerbox1{ height:380px;}
#banner{ height:380px;}
#banner .main_image{ height:380px;}
#banner .main_image li span{height:380px}
}


@media (max-width:991px){
.main{ padding:20px 0;}	
	
 
.header1{margin-bottom:0px;height:50px;}
.header1 .topbar{ height:50px;}
.header1 .icon-menu{margin:12px 15px 0 0;font-size:26px;color:#fff;  cursor:pointer; }
.header1 .sjdnav{ width:150px; height:auto; position:absolute;right:10px; top:60px;z-index:5; }
.header1 .sjdnav ul{ padding:0; margin:0;}
.header1 .sjdnav li{ height:30px;display:block; padding:0; background:url(../images/tphovermb.png) repeat; text-align:center; margin-bottom:5px;}
.header1 .sjdnav li a{display:block; color:#bababa; line-height:30px; }
.header1 .sjdnavhide{ height:0; overflow:hidden;}	
.header1 .logo{ margin:0 0 0 10px; height:50px;}
.header1 .logo img{ width:250px; height:auto; margin-top:10px;}

 
.bannerbox1{height:316px;}
#banner{ height:316px;}
#banner .main_image{ height:316px;}
#banner .main_image li span{height:316px}


.title02{ margin:10px 0 20px; }
.title02 h2{font-size:14px; line-height:24px;}
.title02 h1{font-size:22px; line-height:26px;}


.picture3 .picture3-list{ margin:0 auto 20px auto;}


.picture4 .picture4-list a{ height:210px;}


.picture4-2 .picture4-list a{ height:210px;}


.picture18{ height:auto;}
.picture18 .left{ margin-bottom:20px;}
.picture18 .left .imgbox{ height:320px;}
.picture18 .right .imgbox{ height:150px;}


.news3 .news3-list a{width:85%;}
.news3 .news3-list span{ width:15%;}

 
.footer5{padding:10px 0; font-size:12px;}
.footer5 .right{ width:100%;}
.footer5 section .ContactUs{ text-align:center;}
.footer5 section .Email{  text-align:center;}
.footer5 section address{  text-align:center; margin-bottom:0;}
.footer5 section .Copyright{ text-align:center;}
.footer5 section small	{ display:block;font-size:12px;  text-align:center;} 

}

@media (max-width:767px){
body{ padding-bottom:50px;}	
.main{ padding:10px 0;}		
	
 		
.header1{ position:inherit; background:#c95883;}
.header1 .sjdnav{ left:0;top:50px; width:100%; background:#999;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
.header1 .sjdnav li{margin-bottom:0;padding-left:3%;height:40px; background:#3b3b3e; border-bottom:solid 1px #343538;border-top:solid 1px #484a4e;}
.header1 .sjdnav li a{color:#fff;line-height:40px; }	
.header1 .icon-menu{ font-size:20px; margin-top:15px;}
.header1 .logo img{ width:210px;margin-top:12px;}


.bannerbox1{ height:240px;}
#banner{ height:240px;}
#banner .main_image{ height:240px;}
#banner .main_image li span{height:240px}


.title02{ margin:10px 0; }
.title02 h2{font-size:12px; line-height:20px;}
.title02 h1{font-size:16px; line-height:20px;}


.picture3 .picture3-list{ padding:10px 0;}
.picture3 .picture3-list .imgbox{ margin:0 auto; width:70%;}
.picture3 .picture3-list h3{ margin:0 !important}
.picture3 .picture3-list h3 a{ font-size:16px;}
.picture3 .picture3-list .Services-list{ margin:0 0 20px 0; padding:0 10px;}
.picture3 .picture3-list p{ margin:5px 0!important; line-height:18px; height:36px; overflow:hidden;}


.picture4 .picture4-list a{ height:180px;}


.picture4-2 .picture4-list a{ height:180px;}


.picture5 .picture5-list .imgbox{width:180px; height:180px;}


.picture13 .picture13-list .imgbox{ height:120px;}
.picture13 .picture13-list h2{ font-size:14px; line-height:20px;}
.picture13 .picture13-list p{ font-size:12px; line-height:20px; height:60px; overflow:hidden;}


.news3 .news3-list a{ padding-right:10px;width:80%;}
.news3 .news3-list span{ width:20%;}


.contact-map{ margin:10px 0; height:auto; }


.contact02 .form-group{ margin-bottom:5px;}
.contact02 label{ margin-bottom:0;}
.contact02 button{ margin:5px 0 0 0; border-radius:5px; height:40px;}
 }

@media (max-width:414px){	
  
.bannerbox1{ height:130px;}
#banner{ height:130px;}
#banner .main_image{ height:130px;}
#banner .main_image li span{height:130px}


.picture4 .picture4-list a{ height:120px;}


.picture4-2 .picture4-list a{ height:120px;}


.picture5 .picture5-list .imgbox{width:120px; height:120px;}


.picture13 .picture13-list .imgbox{ height:80px;}
.picture13 .picture13-list p{height:40px;}


.news3 .news3-list a{width:70%;}
.news3 .news3-list span{ width:30%;}
}

@media (max-width:340px){	
  
.header2 .logo img{ width:150px;margin-top:10px;}

 
.bannerbox1{ height:100px;}
#banner{ height:100px;}
#banner .main_image{ height:100px;}
#banner .main_image li span{height:100px}

}