@charset "utf-8";
/*public start*/
html{ font-size:62.5%;}
html, body, span, div, p, a, h1, h2, h3, h4, h5, h6, img, form, font, strong, b, i, dl, dt, dd, ol, ul, li {padding:0; margin:0;list-style: none;}
body{ margin:0 auto; background:#FFF;color:#333;font-size:1.2rem; font-family:Arial,"微软雅黑", Helvetica, sans-serif;} 
h1,h2,h3,h4,h5,h6{font-size:2.2rem;font-weight:normal;} 
img { max-width:100%; vertical-align:middle; border:none; font-size:0}
input{ outline:none;}
a {color:#333;text-decoration:none;outline:none;}
i,em{font-style:normal;}
textarea{resize: none;}

.li_img{display:table; text-align:center; *position:relative; *overflow:hidden;}
.li_img a{display:table-cell; vertical-align:middle; *position:absolute; *left:50%; *top:50%;}
.li_img a img{*position:relative; *left:-50%; *top:-50%;}
.fix{ clear:both;}
.fix:after {visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
.fix {zoom:1;}
.fl{float:left;}
.fr{float:right;}
.tc{ text-align:center;}
.last{margin-right:0px !important;}
/*public end*/
.content{max-width:1200px; margin:0 auto;}
.outL{white-space:normal;word-break:break-all;}  
.outH{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 
.top{ background:#ecf0f1;/*font-family:"宋体";*/}
.ttop{ background:#ecf0f1; font-size:1.3rem; line-height:3em; color:#8a8a8a;}
.ttop .wel{ float:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.lang a{color:#8a8a8a;}
.lang a.cur{color:#0093dd; }
.logo{}
.logo img{height:100%;}

.top1{ padding:15px 0; position:relative;}
.top1_right{ display: block;}
.top1_right em{ font-size:2.2rem; color:#0093dd; display:block;}
.top1_right .r_img{ float:left;}
.top1_right span{ float:left; margin-left:14px; font-size:1.5rem; color:#333;}
.phone{ margin-right:40px;}

.top2_right{ display:none;}
.top2_right em{ font-size:2.2rem; color:#0093dd; display:block;}
.top2_right .r_img{ float:left;}
.top2_right span{ float:left; margin-left:14px; font-size:1.5rem; color:#333;}
.phone2{ margin-right:40px;}

/*头部新右侧*/
.top_r{}
.top_r .top_phone{ padding-left:50px; background:url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-020/images/index_06.png) no-repeat 0 50%; margin:5px 40px 5px 0;}
.top_r .top_phone p{font-size:24px; font-weight:bold; line-height:25px; color:#0093dd;}
.top_r .top_phone span{font-size:16px;color:#000; line-height:20px;}
.top_r .top_ewm{}
.top_r .top_ewm .img{height:55px;}
.top_r .top_ewm .img img{max-height:55px;}
.top_r .top_ewm .con{margin-left:10px;margin:5px 0 5px 10px;}
.top_r .top_ewm p{font-size:20px; font-weight:bold; line-height:25px; color:#0093dd;}
.top_r .top_ewm span{font-size:16px;color:#000; line-height:20px;}

.tmenu{ width:100%; background:url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-020/images/nav_bg_03.jpg) repeat-x center 1px ; text-align:center;} 
.tmenu_list li{ float:left; display:inline-block; width:11.11%;}
.tmenu_list li a{display:block; font-size: 1.5rem; color:#222; line-height:54px; height:50px;}
.tmenu_list li.cur a,.tmenu li a:hover{color:#cc0000; background:url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-020/images/index_11.png) no-repeat center top;}

.menu_btn{ margin-right:3%; padding:1.5% 0;  display:none;}
/*隐藏的导航*/
.menus{ width:100%; position:absolute; right:0; top:100%; background:#fff; z-index:1111; }
.arrow-down{border-bottom:solid 9px #dedede; border-left:solid 9px transparent;border-right:solid 9px transparent;height:0;width:0; position:absolute;right:8%; top:-4%;}
.menus ul{ width:100%; margin:0 auto;}
.menus li{ border-bottom:1px solid #ccc;}
.menus li a{ display:block; text-align:center; padding:2% 0; font-size:16px; color:#333;}
.menus li a:hover,.menus li a.cur{ color:#fff; background:#0093dd;}
/*banner*/
.banner img{width:100%;}
/*main*/
.main{}
.in_tit{ font-size:2.5rem; background:url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-020/images/index_15.png) no-repeat center; text-align:center; margin-top:4%; margin-bottom:2%;}
.in_tit span{ font-size:1.5rem; font-family:Arial; color:#999; display:block;}
.in_con{ position:relative;}
.pro_prve{ position:absolute; left:-45px; top:50%; margin-top:-15px; z-index:10;}
.pro_next{ position:absolute; right:-45px; top:50%; margin-top:-15px; z-index:10;}

.pro_list a{ overflow:hidden; text-align:center; transition:all  0.3s ease-out; border:2px solid transparent;box-sizing:border-box; display:block; font-size:1.6rem; line-height:4em; background:#f8f8f8;}
.pro_list a img{transition:all  0.8s ease-out;}
.pro_list a:hover{ border:2px solid #0093dd;}
.pro_list a:hover .li_img img{ transform:scale(1.1); }

.pro_more{ margin-top:3%; margin-bottom:5%; text-align:center;}
.in_more{ display: inline-block; width:101px; line-height:2.2em; text-align:center; color:#999; border:1px solid #ccc; font-size:1.4rem;transition:all 0.4s ease-out;}
.in_more:hover{ color:#0093dd; border:1px solid #0093dd; }

.in_more1{ display: inline-block; border-radius:20px; width:71px; line-height:2em; text-align:center; color:#999; border:1px solid #ccc; font-size:1.3rem; transition:all 0.4s ease-out;}
.in_more1:hover{ color:#0093dd; border:1px solid #0093dd;}

.inabout{ background:#f9f9f9; padding:3% 0;}
.inabout_img{ width:48%;}
.inabout_txt{ width:48%;}
.inabout_txt h3{ font-size:2.4rem; line-height:2em; margin-top:2%;}
.inabout_txt p{ font-size:1.4rem; line-height:2em; /*text-indent:2em;*/}
.inabout_more{ margin-top:3%;}

.innew_box{ padding-bottom:3%;}
.innew_con1{ padding:1%; margin-right:2.4%; width:29.3%; float:left; border:1px solid #ccc;}
.innew_img{ text-align: center;}
.innew_tit{ font-size:1.8rem; line-height:2em;}
.in_new_list li{ margin-top:4%;}
.in_new_list li h4{ font-size:1.4rem; line-height:2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.in_new_list li:hover h4 a{ color:#0093dd; text-decoration:underline;transition:all 0.4s ease-out;} 
.in_new_list li em{ font-size:1.2rem; line-height:2em; display:block; color:#999;}
.in_new_list li span{ font-size:1.3rem; line-height:1.8em; display:block; color:#666;}
.innew_more{ text-align:right; margin-top:2%;}

.inmess_box{ background:url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-020/images/index3_40.jpg) no-repeat center; padding:3% 0; min-height:515px; margin-bottom:2%; box-sizing:border-box;}
.inmess_tit{ font-size:2.5rem; color:#0093dd; margin-bottom:2%;}
.inmess_tit span{ display:block; font-size:1.5rem; line-height:2em; color:#333;}

.inmess_con{ width:55%; position:relative;}
.inmess_list li.li1 dd,.inmess_list li.li2 dd{ width:46%; background:#fff; float:left; margin-bottom:3%; border:1px solid #ccc;  box-sizing:border-box;}
.inmess_list li.li1 dd input,.inmess_list li.li2 dd input{ width:82%; font-size:1.4rem; margin-left:2%; line-height:2.8em; border: none; }
.inmess_list li.li1 dd label,.inmess_list li.li2 dd label{ display:inline-block; float:left; width:14%;}
.inmess_list li.li2 dd.last,.inmess_list li.li1 dd.last{ float:right;}
.inmess_list li.li3 textarea{ width:100%; box-sizing:border-box; height:130px; font-size:1.4rem; padding-left:10px;border:1px solid #ccc;}
.inmess_list li.li4{ text-align:center; padding:3%;}
.inmess_list li.li4 input{ font-size:1.6rem; margin:0 2%; display:inline-block; line-height:2.2em; padding:0 5%; background:#cc0000; border:none; color:#fff;}
.inmess_list li.li4 .submit{ background:#cc0000;}
.inmess_list li.li4 .rewrite{ background:#666;}
/*bottom*/
.bottom{ background:#313131;}
.b_logo{ padding:3% 0 0 0; text-align:center;}
.b_contact{ margin:2% 0;}
.b_code{ width:49%; text-align: right; display: inline-block;}
.b_phone{ float:right; display:inline-block; width:49%; line-height:2em; text-align:left; color:#fff; font-size:1.4rem;}
.b_phone em{ font-size:2.5rem; display:block; line-height:1.5em;}
.b_phone .con{ width:239px; height:73px; padding-left:20px; border:1px solid #fff; padding-top:15px;} 

.bmenu { text-align:center; border:1px solid #535353; border-width:1px 0 1px 0 ; padding:15px 0;}
.bmenu li{ display:inline-block; width:8%; background:url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-020/images/index3_47.jpg) no-repeat right center; margin-left:-5px;}
.bmenu li a{ color:#5f5f5f;}
.bmenu li.cur a,.bmenu li:hover a{  text-decoration:underline; color:#8d91a0;}
.bmenu li.last{ background:none;}
.copy{ color:#5f5f5f; text-align:center; font-family:"宋体"; font-size:1.2rem; line-height:4.6em;}


.nymain{}
/*cpzx*/
.ny_tit{ font-size:1.3rem; color:#666; padding:15px 0; border-bottom:1px solid #d2d2d2;}
.ny_tit em{ color:#0060cb; font-size:2.5rem; display:block;}
.ny_tit span{ float:right; line-height:3.5em; padding-left:15px; background:url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-020/images/cpzs_05.jpg) no-repeat 0 50%;}
.tit_list{ text-align:center; padding:3% 0;}
.tit_list a{ display:inline-block; padding:0 3%; margin:0 1%; font-size:1.6rem; line-height:2em; background:#fff; border:1px solid #d2d2d2;}
.tit_list  a:hover,.tit_list  a.cur{ color:#fff; background:#0093dd;}

.nyabout_box{padding:3% 0;}

.cpzs_list li{ float:left; width:29%; margin-bottom:3%; margin-right:6.5%;}
.cpzs_list li.mr0{ margin-right:0%;}
.cpzs_list li .li_img{ position:relative; border:1px solid #f3f3f3; transition:all 0.6s ease-out;}
.cpzs_list li .li_img .por{  position:absolute; opacity:0; left:20%; top:20%; bottom:20%; right:20%;  transition:all 0.6s ease-out;  width:60%; height:60%; background:rgba(27,27,27,0.67);}
.cpzs_list li .li_img .por img{ margin-top:-20px;  transition:all 0.6s ease-out; width:20%;}
.cpzs_list li .li_img table{ width:100%; height:100%; }
.cpzs_list li span { font-size:1.6rem; line-height:3.5em; text-align: center; background:#1b1b1b; display:block; color:#fff;}
.cpzs_list li:hover .li_img{ border:1px solid #626262; }
.cpzs_list li:hover .li_img .por{ opacity:1; width:100%; height:100%;left:0%; top:0%; bottom:0%; right:0%;}
.cpzs_list li:hover .li_img .por img{ transform:rotate(360deg); margin-top:0px;} 
.filp{ margin:2% 0 6%; text-align: center;}
/*cpxq*/
.cpxq_l{ float:left; width:35%;}
.cpxq_l img{ border:1px solid #eaeaea; width:100%; box-sizing:border-box;}
.cpxq_r{ float:right; width:60%;}
.cpxq_r h3{ font-size:2.5rem; line-height:2.5em; margin-bottom:1rem; border-bottom:1px solid #d2d2d2;}
.cpxq_r dd{ font-size:1.5rem; line-height:2em;}
.cpxq_r dd span{ color:#666;}
.cpxq_r dd em{ font-size:1.8rem; color:#0077d2;}
.cpxq_txt{ margin-top:3%;}
.cpxq_txt h3.tit{border-bottom:1px solid #d2d2d2; margin-bottom:2%;}
.cpxq_txt h3.tit span{ font-size:1.6rem; text-align:center; padding:0 4%; margin-bottom:-1px; display:inline-block; line-height:2.5em; background:#0093dd; color:#fff;}
.cpxq_txt .con{line-height:2em; font-size:14px; color:#333;}
.cpxq_txt .con table td{ padding:10px !important; border:1px solid #aaa;line-height: 1.6em;}
.cpxq_txt h4{ font-size:2rem; text-align:center;}
.cpxq_txt .p1{ font-size:1.4rem; margin:3% 0;}
.cpxq_txt .p2{ font-size:1.4rem; margin:3% 0;line-height:2em;}
.cpxq_txt .p2 span{ font-size:1.5rem; }
.xg_tit{ font-size:2.5rem; background:url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-020/images/cpxq_10.jpg) no-repeat bottom center; padding-bottom:1%; text-align:center; margin-top:4%; margin-bottom:2%;}
.nyxgcp_box{ margin-bottom:6%;}
/*about*/
.nyabout_left{ float:left; width:54%;}
.nyabout_right{ float:right; width:40%;}
.nyabout_left h3{ color:#0093dd; font-size:2rem; line-height:2em;}
.nyabout_left .p1{ font-size:1.4rem; line-height:2em; text-indent:2em;}
.nyabout_img{ margin:2% 0 6%;}
.nyabout_img .img1{ float:left; width:37%;}
.nyabout_img .img2{ float: right; width:60%;}
/*contant*/
.contact{ margin-bottom:6%;}
.contact_tit{ font-size:2rem; margin:4% 0 2%; }
.contact_left{ width:32%;}
.contact_right{ width:65%;}
.contact_lx li{ font-size:1.5rem; line-height:2.2em;}
.contact_lx li img{ padding-right:2%;}

.contact_left h4{ font-size:1.8rem; color:#0093dd; margin:6% 0 3%;}
.contact_lxr{ margin-bottom:7%;}
.contact_lxr li{ font-size:1.5rem; line-height:2em;}



.news_list{}
.news_list li{width:25%;float:left; box-sizing:border-box; padding:0 15px;margin:0; margin-bottom:30px; }
.news_list li .li_img img{
	-webkit-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;	
}
.news_list li:hover .news_img img{ opacity:0.8;}
.news_list li .news_img{width:100%;margin-bottom:10px; background:#000;}
.news_list li .news_txt span{color:#000; font-weight:bold; font-size:24px; display:block; line-height:1.3em; max-height:2.6em; overflow:hidden; background:none; text-align:left;}
.news_list li .news_txt p{font-size:14px;color:#aaa;margin:10px 0;line-height:1.4em; height:4.2em; overflow:hidden;}
.news_list li .news_txt i{ font-style:normal; color:#fff; background:#007DDA;display:inline-block; font-size:12px; font-family:Arial, Helvetica,sans-serif;padding:5px; font-weight:bold;}

/*新闻详细页*/
.news_det_tit{padding:0 3%; text-align:center; border-bottom:1px solid #ddd; padding-bottom:20px;}
.news_det_tit h3{font-size:25px; font-weight:bold; color:#000;}
.news_det_tit p{font-size:14px; color:#888;margin-top:5px;}

/*招聘中心*/
.job_list{/*padding-bottom:15px;*/}
.job_list li{ background:#f2f2f2; padding:15px 20px; width:100%; box-sizing:border-box; margin:0;margin-top:15px;}
.job_list li:hover{ background:#ededed; /*box-shadow:0 3px 10px rgba(0,0,0,0.3);*/}
.job_list li h2{font-size:30px; font-weight:bold; color:#000; position:relative; line-height:40px; cursor:pointer;}
.job_list li h2 span{font-size:14px; color:#666;/* font-weight:normal; float:left;*/}
.job_list li h2 span em{ font-weight:bold; color:#0060cb;}
.job_list li h2 i{ position:absolute; right:0; top:0; height:100%; display:block; width:40px;text-align:center;}
.job_list li h2 i:after{ content:"+"; }
.job_list li h2.on i:after{ content:"-";}
.job_list li .li_txt{display:none;}
.job_list li .li_con{margin-top:10px; font-size:14px; line-height:2em;}
.job_list li .li_con h5{color:#0060cb; font-size:14px; font-weight:bold;}
.job_list li .li_con p{color:#666;}

/*文件下载*/
.down_list li {padding: 20px 0;position: relative;border-bottom: 1px solid #ddd;}
.down_list li h1 {font-size:16px;color: #333;}
.down_list li p {margin-top: 5px;}
.down_list li p i {display: inline-block;margin-right: 20px;color: #888;padding-left: 15px;font-size: 12px;}
.down_list li a.down_btn { background:#007DDA;color: #fff;display: block;position: absolute;height:32px;line-height:32px;padding:0 13px 0 11px;right:0;margin-top: -16px;top: 50%;text-align: center;font-size: 16px;font-weight: bold;border-radius: 5px;}
.down_list li a.down_btn .icon4 {display: inline-block; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-020/images/down_btn.png) no-repeat left center;width: 16px; background-size: 16px;margin-right: 2px;}
.down_list li a.down_btn:hover{ background:#0060cb;}
.down_list li p i.icon1{background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-020/images/icon_documents_alt.png) no-repeat left center;background-size: 12px;}
.down_list li p i.icon2{background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-020/images/icon_clock_alt.png) no-repeat left center;background-size: 12px;}
.down_list li p i.icon3 {background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-020/images/arrow_down_alt.png) no-repeat left center;background-size: 12px;margin: 0;}

/*在线留言*/
.message_box{ margin:0 auto;border-radius:10px; background:#f2f2f2; /*box-shadow:0 5px 15px rgba(0,0,0,0.5);*/ box-sizing:border-box; padding:20px; background:url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-020/images/key.png) no-repeat right bottom; background-size:35% auto; border:1px solid #ccc;}
.mesg_con{float:left; width:55%; padding-right:5%; box-sizing:border-box; border-right:1px solid #ccc;}
.message_box .lan{ position:relative; padding-left:20%;margin-bottom:15px;}
.message_box .lan span{display:block;line-height:32px; font-size:16px; position:absolute; left:0; top:0; width:20%; font-weight:bold;color:#333;}
.message_box .lan span font,.mesg_con2 p font{display:inline-block; width:20px; text-align:center; color:red; font-family:"宋体",Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;}
.message_box .lan .mesg_txt{line-height:30px; height:30px; border:1px solid #ccc; border-radius:3px; width:80%;padding:0; text-indent:10px; box-shadow:inset 0 3px 10px rgba(0,0,0,0.1);}
.message_box .lan .mesg_textarea{ width:100%; border:1px solid #ccc; box-sizing:border-box; padding:5px 10px; line-height:1.6em; border-radius:3px;box-shadow:inset 0 3px 10px rgba(0,0,0,0.1);}
.message_box .lan .mesg_btn{ width:110px; height:40px; font-size:18px; font-weight:bold; color:#fff; background:#CC0001; border-radius:5px; border:0;}
.mesg_con2{ width:42%;}
.mesg_con2 h5{font-size:16px; line-height:32px; font-weight:bold; color: #0060cb;}
.mesg_con2 p{font-size:14px; line-height:2em; color:#666; margin-top:5px;}
.pages {
	color:#aaa;
	padding:0;
	font-family:"黑体",Verdana;
	font-size:14px;
	font-weight:bold;
}
.pages ul {
	list-style:none;
	margin:0px;
	padding:0px;
	text-align:left;
}
.pages li {
	display:inline-block;
	*display:inline;
	margin:0 1px;
}
.pages li a {
	color:#666;
	border:1px solid #f8f8f8;
	background-color:#f8f8f8;
	text-decoration:none;
	display:block;
	line-height:35px;
	height:35px;
	padding:0 13px;
}
.pages li a:hover {
	color:#ffffff;
	border:1px solid #007DDA;
	background:#007DDA;
}
.pages li.current a {
	color:#ffffff;
	border:1px solid #007DDA;
	background:#007DDA;
}
.pages li.current a:hover {
	color:#ffffff;
	border:1px solid #007DDA;
	background:#007DDA;
}
.pages li.nolink a {
	color:#CCCCCC;
	border:1px solid #F0F0F0;
	background:#ffffff;
}
.pages li.nolink a:hover {
	color:#CCCCCC;
	border:1px solid #F0F0F0;
	background:#ffffff;
}