@charset "utf-8";
/****reset***/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td,label { margin:0px;padding:0px;}
table{border-collapse:collapse;}
a img{border:0px; outline:none;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight:normal;}
input, button, textarea, select { font-family:inherit;font-size:12px; vertical-align:middle; outline:none;}
a{text-decoration:none; outline:none;color:#444;}
a:hover{ text-decoration:none; }
.clear{	font-size: 0px;	line-height: 0px;margin: 0px;padding: 0px;height: 0px; width:0px; clear:both; visibility:hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear:both;visibility: hidden;}
body{ font-size:12px; font-family: Arial,"Microsoft YaHei"; color:#444;background:#fff;}
.wrapper{ width:1200px; margin:0 auto; overflow:hidden;}

.header{ overflow:hidden; width:100%; border-top:4px solid #a90101;}
.logo{ float:left; padding-top:15px;}
.nav{ overflow:hidden; float:left;margin-left: 50px;}
.nav ul{ overflow:hidden;}
.nav ul li{ float:left; font-size:14px; text-align:center; width:90px;display:block;}
.nav ul li:hover a{display:block; }
.nav ul li a{color:#333;padding: 35px 0; display: block; font-size:16px;}
.nav ul li a span{  font-size:11px;text-transform: uppercase; color:#999; display:block; margin-top:5px;}
.nav ul li:hover a{ color:#fff; background:#a90100;display:block;}
.nav ul li:hover a span{ color:#fff; }
.nav ul li.hover a{ display:block;}
.nav ul li.hover a{color:#fff; background:#a90100;display:block;}
.nav ul li.hover a span{color:#fff;}
.tel{ float:right; background:url(../images/top_call.png) no-repeat left; padding-left:60px;height: 49px; margin-top:30px;}
.tel h1{ font-size:13px;}
.tel h2{font-family: "Impact"; font-weight:bold; font-size:18px;}


.index_pro{ overflow:hidden; width:100%; margin:50px 0;background:url(../images/about_img.jpg) no-repeat; background-size:cover;}
.pro_con_index{ overflow:hidden;}
.pro_con_index li{ float:right;height: 40px; background:url(../images/pro_con_index_hover.png) no-repeat bottom;text-align: center; width:120px; padding-bottom:10px;} 
.pro_con_index li a{color:#fff; font-size:16px; display:block;}
.pro_con_index li a:hover{ color:#999;}


.right{ float:right; width:900px; overflow:hidden;}
.right_title{ color:#a90100; font-size:18px; background:url(../images/line.png) no-repeat bottom; padding-bottom:20px;}
.right_title span{ font-size:14px; color:#c8c8c8; text-transform:uppercase; padding-left:10px;}
.right_title a{ float:right;}
.right_con{ overflow:hidden; margin-top:30px;}
.right_con ul{ overflow:hidden;}
.right_con ul li{ float:left; text-align:center; margin:10px 7px;border:1px solid #ddd;}
.right_con ul li a{ color:#fff; font-size:14px;}
.right_con ul li p{ background:#a90100; padding:10px 0;}
.right_con a.mo{color:#a90100; border:1px solid #a90100; padding:10px 20px; font-size:14px; display:block; width:100px; margin:50px auto; text-align:center;}
.index_case{ overflow: hidden; margin-top:50px;}
.index_pro_title{ overflow:hidden;margin-top:50px;}
.index_case_title{ color:#fff; font-size:24px;padding-left:20px; float:left; background:url(../images/main_tit_gang.jpg) no-repeat left center;}
.index_case_title span{ font-size:14px;text-transform:uppercase;}
.index_case_con{ padding:50px 0; overflow:hidden;}
.index_case_con ul{ overflow:hidden; float:right;}
.index_case_con ul li{ float:left; text-align:center; width:30%; padding:20px;}
.index_case_con ul li img{ border:1px solid #ddd; width:100%;}
.index_case_con ul li h1{ font-size:18px; color:#a90100; padding:20px 0;}
.index_case_con ul li p{ font-size:14px; color:#666; line-height:24px;}
.index_reason{ overflow:hidden; text-align:center; background:url(../images/reason_bg.jpg) no-repeat; padding:50px 0;}
.index_about{ overflow:hidden; margin-top:50px;}
.index_about_title{color:#a90100; font-size:24px;background:url(../images/main_tit_gang.jpg) no-repeat left center; padding-left:20px; }
.index_about_title span{font-size:14px;text-transform:uppercase;}
.index_about_con{ overflow:hidden; padding-top:50px; }
.index_about_con a{ color:#fff; border:1px solid #fff; padding:10px 20px; font-size:14px; display:block; width:100px; margin:0 auto; text-align:center; margin-bottom:50px;}
.index_about_con div{font-size:16px; color:#333; line-height:2em;width: 710px; float:right;}
.index_about_con img{ float:left; padding-right:50px; display:block;}
.index_about_con1{ overflow:hidden; padding-top:50px; }
.index_about_con1 .txt{font-size:16px; color:#333; line-height:2em;float:right; width:400px;}
.index_about_con1 img{ float:left; padding-right:50px; display:block;}

.index_news_title{color:#a90100; font-size:18px; background:url(../images/index_news_title.png) no-repeat bottom; padding-bottom:20px;}
.index_news_title span{font-size:14px; color:#c8c8c8; text-transform:uppercase; padding-left:10px;}
.index_news_title a{ float:right;}
.index_news_con{ overflow:hidden; margin-top:50px; }
.index_news_con ul{ overflow:hidden; float:left;width:600px;}
.index_news_con ul li{ padding:20px 0;}
.index_news_con ul li h1{ color:#3e3838; font-size:16px;}
.index_news_con ul li p{ color:#999; color:#999; padding-top:15px;}
.index_news_con ul li span{background:url(../images/news_list.png) no-repeat left; width:61px; height:61px; display:block; float:left; color:#a90100; font-size:24px; font-weight:bold; padding:30px 0 0 25px;}

.four_nav{width: 1240px; margin:15px auto 75px; padding: 30px 0 40px; border-bottom: solid 1px #dadada; }	
.four_nav_a{width: 300px; height: 70px; display: block; float: left; color: #414141;}
.four_nav_a:first-child{margin-left:30px;}
.four_nav_div{margin-left: 97px;font-size: 20px; padding-top: 12px;}
.bg1{background: url(http://www.roseonly.com.cn/upload/syspic_new/14846353323263189.svg) no-repeat scroll -55px center;background-size: 75% auto;}
.bg2{background: url(http://www.roseonly.com.cn/upload/syspic_new/14846353796712510.svg) no-repeat scroll -55px center;background-size: 75% auto;}
.bg3{background: url(http://www.roseonly.com.cn/upload/syspic_new/14841011654291143.svg) no-repeat scroll -55px center;background-size: 75% auto;}
.bg4{background: url(http://www.roseonly.com.cn/upload/syspic_new/14841010645436709.svg) no-repeat scroll -55px center;background-size: 75% auto;}
.f14{ font-size: 14px;}
.f_wg_box{display:block;margin-top:7px;}


.footer{ background:#232323; padding:50px 0; margin-top:50px; color:#fff;}
.foot{ background:#181818; text-align:center; color:#949494; font-size:14px; padding:10px 0;}

.partnerOdds{background:#a90100;overflow:hidden;padding:10px 0;}
.partnerOdds ul{width:1200px; margin:0 auto;}
.partnerOdds li{float:left;width:24%;text-align:center;border:3px solid #a90100;padding-bottom:35px;}
.partnerOdds li span{width:140px;height:140px;overflow:hidden;display:inline-block;margin-top:35px;background:url(../images/s_odds1.png) no-repeat;}
.partnerOdds li.p2 span{background:url(../images/s_odds2.png) no-repeat;}
.partnerOdds li.p3 span{background:url(../images/s_odds3.png) no-repeat;}
.partnerOdds li.p4 span{background:url(../images/s_odds4.png) no-repeat;}
.partnerOdds li h3{font-size:18px;color:#86bf4e;margin-top:0px;font-weight:normal;}
.partnerOdds li:hover{border:3px solid #fff;}
.partnerOdds li:hover span{background-position:0 -140px;}
.partnerOdds li:hover h3{color:#fff;}


.main{ overflow:hidden; width:100%;}
.main_title{ overflow:hidden; border-bottom:4px solid #A90100; padding:20px 0; margin-bottom:20px;}
.bt{ font-size:24px; font-weight:bold; color:#a90100;padding-left:20px; float:left; background:url(../images/main_tit_gang.jpg) no-repeat left;}
.site{ float:right; color:#999;padding-top:8px;}
.site span{ color:#a90100;}
.main_con{ overflow:hidden;}
.main_list{  padding:20px 0 10px 0; display:block;}
.main_list ul{ overflow:hidden;}
.main_list ul li{ height: 40px;background: url(../images/pro_con_index_hover2.png) no-repeat bottom;text-align: center;width: 120px;padding-bottom: 10px; float:left;} 
.main_list ul li a{ color:#666;font-size:16px;display:block;text-align:center;}
.main_list ul li a:hover{ color:#181818;}
.about_con{ font-size:16px; color:#444; line-height:2em;}
ul.subnav{  background:#f5f5f5; height:30px; line-height:30px; width:100%; padding:0; margin:0; text-align:center; }
ul.subnav li{ font-size:12px; display:inline-block; padding:0 10px; margin:0; border-bottom:0; background:url(../images/line1.png) no-repeat center right;border:none;}
ul.subnav li a{ color:#666;}
ul.subnav li:hover{border-bottom:none;background:none;}
ul.subnav li a:hover{ color:#a90100; font-weight:bold; }


.pro_con{ overflow:hidden;}
.pro_con ul li{ float:left; width:30%; padding:0 1%; text-align:center;}
.pro_con ul li img{ border:1px solid #eee;}
.pro_con ul li p{ font-size:14px; color:#444; padding:10px 0;}

.pros_con{ overflow:hidden;}
.pros_con img{ text-align:center; border:1px solid #eee; display:block; width:50%; margin:0 auto;}
.pros_con h1{ text-align:center; color:#a90100; font-size:22px; padding:30px 0;}
.pros_con div{ font-size:16px; color:#444; line-height:2em;}

.news_con{ overflow:hidden;}
.news_con ul{ overflow:hidden;}
.news_con ul li{ padding-bottom:40px; display:block; float:left;}
.news_con ul li img{ float:left; width:270px; height:150px; padding-right:30px;}
.news_con ul li h1{ font-size:16px; color:#3e3838; padding-bottom:15px;}
.news_con ul li h2{ color:#999; font-weight: bold;padding-bottom:15px;}
.news_con ul li span{ font-size:14px; color:#666;padding-bottom:15px; display:block;}
.news_con ul li p{ color:#f00;}


.gsjj_txt{ font-size:14px;  padding-bottom:50px; overflow:hidden;}
.gsjj_txt ul{}
.gsjj_txt ul li{ float:left; width:32.1%; margin:0 0.6%; margin-top:20px;}
.gsjj_txt ul li .cp_img{width:100%; overflow:hidden;  position:relative;border:1px solid #eeeeee;}
.gsjj_txt ul li .cp_img .cp_img_top{padding-top:75.72414%;}
.gsjj_txt ul li .cp_img img{transition:all 1s;}
.gsjj_txt ul li .cp_txt{display:block; height:50px; line-height:50px; text-align:center; overflow:hidden; font-family:'微软雅黑'; font-size:16px; color:#333333; transition:all 0.4s;}
.gsjj_txt ul li:hover .cp_img img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}



.img-position-absolute{position: absolute;top: 0;bottom: 0; left: 0;right: 0; max-width: 100%; max-height: 100%;display: block;margin:auto;padding: auto;}


.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; line-height:44px; overflow:hidden; border-bottom:1px dashed #ddd; width:98%}
.xw_ul li span{float:right; font-family:Arial; font-size:14px; color:#666666;}
.xw_ul li a{display:block; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#333333;}
.xw_ul li a:hover{color:#004481; font-weight:bold;}

.cpxq{display:block; overflow:hidden;padding-top:20px;}
.cpxq_T{display:block; line-height:40px; text-align:center; overflow:hidden; font-family:'微软雅黑'; font-size:20px; color:#333333; font-weight:bold}
.cpxq_img{padding:15px 0; text-align:center; width:100%}

.cpxq_txt{display:block; font-family:'微软雅黑'; font-size:14px; line-height:24px; color:#333333; overflow:hidden; padding-bottom:20px;}
.cpxq_txt img{ max-width:100% !important; height:auto !important;}

.xwxq{display:block; overflow:hidden;}
.xwxq_T{display:block; overflow:hidden; text-align:center; font-family:'Microsoft YaHei'; font-size:18px; color:#333333; line-height:36px; font-weight:bold;}
.xwxq_sp{display:block; overflow:hidden; text-align:center; font-family:'Microsoft YaHei'; font-size:12px; color:#004481; line-height:30px;}
.xwxq_txt{display:block; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#666666; line-height:26px;}


.pc-slide {width: 100%; max-width: 800px; margin: 0 auto;}
.view .swiper-container {width: 100%;height:auto;}
.view .swiper-container .swiper-slide{width:calc(100% - 2px) !important; position: relative; border:1px solid #ddd;}
.view .swiper-container .swiper-slide .cpxq_img_top{padding-top: 75%;}

.preview {width: 100%;margin-top:15px;position: relative;}
.preview .swiper-container {width: 720px;height: auto ;}
.preview .swiper-slide {width: 110px;height: auto;cursor:pointer; border:1px solid #ddd; margin-right:4px;}
.preview .swiper-container .swiper-slide .cpxq_img_top{padding-top: 75%;}
.preview .slide6 {width: 82px;}
.preview .arrow-left {background: url(../images/feel3.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.preview .arrow-right {background: url(../images/feel4.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.preview .active-nav img {border: 1px solid #F00;}