@charset "utf-8";
html{color:#000;background:#FFF; }
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{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}



@charset "utf-8";
body { color:#666666;font:12px/1.231 Verdana, Arial, Helvetica, sans-serif ,"";font-family:"微软雅黑";} /*网站字体颜色*/
a { color:#201a17; text-decoration:none; }  
a:focus{outline:0;} 
a:hover { TEXT-DECORATION: none; }
i , em{ font-style:normal;}
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.fw{ font-family:"微软雅黑","宋体";}
.pa{
	position:absolute;
	width: 240px;
	height: 32px;
}
.pr{ position:relative}
.mt8{ margin-top:8px;}
.font14 { font-size:14px; font-weight:bold;}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}



/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto; }

.left { width:228px; float:left; overflow:hidden;margin-right:5px; }
.left2 { width:905px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:#ccc; height:0; font-size:0; overflow:hidden;border-top:1px solid #ccc;}
.left2top { background:#ccc; height:0; font-size:0; overflow:hidden;border-top:1px solid #ccc;}
.leftbot { background:#ccc; height:0; font-size:0; overflow:hidden;  margin-bottom:10px;border-bottom:1px solid #ccc;}
.left2bot { background:#ccc; height:0; font-size:0; overflow:hidden; margin-bottom:10px; border-bottom:1px solid #ccc;}

.right { width:950px; float:right; display:inline;overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { background:#ccc; height:0; font-size:0; overflow:hidden;border-top:1px solid #ccc;}
.right2top { background:#ccc; height:0; font-size:0; overflow:hidden;border-top:1px solid #ccc;}
.rightbot { background:#ccc; height:0; font-size:0; overflow:hidden; margin-bottom:10px;border-bottom:1px solid #ccc;}
.right2bot { background:#ccc; height:0; font-size:0; overflow:hidden; margin-bottom:10px;border-bottom:1px solid #ccc;}

.right_main { width:948px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;background:#FFF;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;background:#FFF;}
.left2_main { width:903px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;background:#FFF;}
.plc h1 {display: inline-block; font-size: 12px;}
/*头部开始*/
.topWrap{ background:url(https://www.changhaiyy.com/Skins/Default/Img/Common/t_bj.jpg) repeat-x center top; height:198px;background-size:auto 198px;  }

.h_top{ height:39px; display:block; line-height:38px; color:#949494; position:relative; font-family:"微软雅黑";}
.h_top span{color:#949494;}
.h_top span a { color:#949494; display:inline-block; padding:0 8px;}
.h_top span img{ vertical-align:middle;} 

.h_nr{ height:113px; overflow:hidden; width:100%;}
.h_logo{ width:622px; height:95px; overflow:hidden; margin-top:20px;}
.h_logo span{ width:215px; height:42px; overflow:hidden;}
.h_logo span img{width:215px; height:42px; }
.h_logo h1{ font:20px "Microsoft Yahei"; color:#282828; line-height:30px;}
.h_logo h1 b{ color: #D22C1E;  float:none; display: inline-block;}
.h_top p b {
    color: #D22C1E;
    font-weight: normal;
}

.h_lx{ width: 415px;height: 91px;margin-top: 15px;overflow: hidden;}
.h_lx p{height: 55px;
font: 16px "Microsoft Yahei";
color: #000;
line-height: 18px;
float: left;
margin-right: 19px;
padding-top: 2px;
padding-left: 64px;
background: url(https://www.changhaiyy.com/Skins/index/tel.png) no-repeat;}
.h_lx p span{ font: 28px Impact;
display: block;
color:#D22C1E;}
.h_lx i 
{
display: block;
font: 14px "Microsoft Yahei";
color: #001333;
width: 140px;
height: 28px;
text-align: center;
border: 1px solid #001333;
line-height: 28px;
float: left;
margin-top: 16px;
    
    }
.h_lx i a{ color:#001333;}

.h_nav{height:52px; overflow:hidden; position:relative; margin-right:-100px;}
.h_nav ul li { float:left; height:47px; overflow:hidden;}
.h_nav ul li a{display: inline-block;
font: 16px "Microsoft Yahei";
color: #FFF;
line-height: 47px;
height: 47px;
padding: 0 37px 0 37px;}
.h_nav li a:hover , .h_nav .cur a {text-decoration:none;background:#d5b292; color:#fff;}

body .header {
width: 1200px;
}
.topadcs img{ width:100%;}
/*头部结束*/
body .topadcs{ width:1200px;}
/*底部开始*/
.footer{ position:relative; margin-top:24px; height:298px;}
.fnav
{
    
    height: 50px;
line-height: 50px;
text-align: center;
color: #626262;
border: 1px solid #D0D0D0;
border-width: 1px 0;
     
     }
     
     .fl.f_er {
    width: 157px;
    padding-right: 100px;
    padding-top: 36px;
}
     
.fnav a{ color: #FFF;
padding: 0 35px;
display: inline-block;
font-size: 17px;}
.f_pic{  width:280px; height:144px; border-right:1px solid #e0e0e0; margin:39px 0 0 0; display:inline; border-right:1px solid #ccc;}
.f_pic img{  width:216px; height:43px; margin-top:40px;} 
.f_wz{ color: #FFF;
padding: 37px 0 0 58px;
width: 452px;
font-size: 15px;
line-height: 29px;}
.f_wz a{ color:#ffffff;}
.f_wz img{ vertical-align:middle; margin-left:12px;}
.footer p{ position:absolute; top:96px; right:94px; width:242px; height:107px;}
.footer p img{ width:111px; height:107px;}
.clear{ clear:both;height:0}

body .footer {
background: #001333;
width: 100%;
overflow: hidden;
}

body .footer .content {
    width: 1200px;
}

/*底部结束*/

.pro_curmbs h1{ font-size:12px;  position:relative; display:inline-block;}
.plc a {color: #fff;}



.link_bj{  width:1182px; border:10px solid #ebebeb; margin:29px auto 0; overflow:hidden;}
.link {  border:1px solid #cfcfcf; overflow:hidden; font-family:"Microsoft Yahei";}
.link h2{ width:92px; background:#aaaaaa; padding-top:34px; text-align:center; height:76px;overflow:hidden;font-weight:normal;}
.link h2 a{ color:#fff; font-size:16px;}
.link h2 i{ display:block; color:#f9f9f9; font-size:14px; line-height:24px; text-transform:uppercase;}
.link p{ width:727px; overflow:hidden; line-height:30px; color:#4b4b4b; padding-top:20px;}
.link p a{ color:#74797d; padding:0 12px; display:inline-block;}
.link span{ display:block; width:115px; line-height:97px; color:#a5a4a3; font-family:"宋体"; height:97px; overflow:hidden;}
.link span a{ color:#201a17; font-family:"Microsoft Yahei";}
#site{ position:absolute; z-index:3;top:4px; left:220px;}
#siteDiv{  background-color: #FFFFFF;border: 1px solid #999999;display: none;padding: 8px 10px;position: absolute;top: 23px;white-space: nowrap;width: 300px;z-index: 1000; display:none;left:0px;}
#siteDiv li {float: left;list-style-type: none;padding-right: 15px;}
#siteDiv li a{ color:#666;}


.dic {
    float: left;
    line-height:24px;
    width:100%;
}

.dic strong {
    color: #ed751f;
    float: left;
    font-weight: bold;
    width: 55px;
}

.dic a {
    display: block;
    float: left;
    text-align: center;
    width: 55px;
}

.dic2 {
    float: left;
    line-height: 24px;
    width:100%;
   
}

.dic2 strong {
    color: #ed751f;
    float: left;
    font-weight: bold;
    width: 55px;
}

.dic2 a {
    display: block;
    float: left;
    text-align: center;
    width: 55px;
}
.dic2 a:hover{ background:#ed751f; color:#fff;}
.dic a:hover{ background:#ed751f; color:#fff;}

.dic3 {
    float: left;
    height: 145px;
    width:100%;
    overflow-y: scroll;
}

.fl.f_er {padding: 35px 0 0 25px;width: 250px;}
.fl.f_er > img {width: 140px;}
.h_nav ul li a{font-weight:normal !important;}



.ftliuyan {
    background: url(/Images/fdbgs.png);
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 110px;
    z-index: 99999;
    overflow:hidden;
    display:none;
}
.ftliuyan h4 {
    background: url(https://www.changhaiyy.com/Images/fdbgs2.png) no-repeat left;
    width: 438px;
    height: 90px;
    float: left;
    line-height: 90px;
    color: #fff;
    padding-left: 179px;
    font-size: 25px;
    margin-top: 14px;
}
.ftliuyan ul {
    float: left;
    width: 388px;
    margin-top: 40px;
}
.ftliuyan ul li {
    float: left;
    width: 124px;
}
.ftliuyan ul li input {
    width: 112px;
    height: 32px;
    font-size: 16px;
    color: #000;
}
.btns a {
    display: block;
    width: 117px;
    height: 37px;
    background: #d5b292;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}
.gbliuyan {
    background: url(https://www.changhaiyy.com/Images/gbtn.png) no-repeat;
    display: block;
    width: 23px;
    height: 23px;
    float: left;
    cursor: pointer;
    margin-top: 10px;
    overflow:hidden
}

.ftkfjgp {
 height: 210px;
position: fixed;
left: 0;
bottom: 0;

 z-index: 99999999999;
 display: block;
 background: url(https://www.changhaiyy.com/Images/kffd.jpg) no-repeat;
 width: 0px;
}

.topWrap{  z-index:99999; position:relative;}
.h_top{ z-index:999999;}

/*banner开始*/
#banner{width:100%;height:auto;}
#banner img{width:100%}

/*banner结束*/
#telbg{width:100%;height:190px; background: url(../images/tel.jpg) no-repeat center top;}
.sesrcher{width:50%;height:50px;MARGIN: 0px auto; padding-top:65px; padding-left:45%}
.topSearch{ width:416px; height:36px;background-color:#fff;padding:7px; }
.topSearch .input1{ width:381px; height:36px; line-height:36px; color:#959595; font-size:14px;  border:0px}
.topSearch .btn1{  width:35px; height:36px; background:url(../images/search.png) no-repeat; cursor:pointer; border:0px}


/*配套开始*/

#ptbt{width:100%;height:auto;line-height:50px; font-size:20px;MARGIN: 0px auto; margin-top:80px; text-align:center;color:#4f4e4e; }
#ptbt span{ font-size:38px; display:inherit; font-weight:bold;color:#b7171f}
#ptcon{width:1200px;height:535px;MARGIN: 0px auto;  background: url(../images/anlibg.jpg) no-repeat center top; margin-top:80px;}
.ptcona{width:142px;height:215px;background: url(../images/anlitt.jpg)#001232 no-repeat 20px center;text-align:center; font-size:50px; font-weight:bold; padding:100px 140px 160px 54px;color:#fff}
.ptconb{width:1200px;height:425px; padding-top:25px;position:absolute;}
.ptconb_a{width:960px;height:425px; float:right;}
.ptconb_a ul{list-style:none;margin:0px;padding:0px;width: auto;}
.ptconb_a li{width:290px;height:425px;line-height:60px;margin-left:15px;margin-right:15px; float:left; font-size:26px;background:#fff;box-shadow: 2px 2px 10px #ddd;border-radius: 15px;text-align:center}
.ptconb_a li img{width:290px;height:325px;border-radius: 15px;}
.ptconb_a a{ font-size:18px;}
.ptconb_a dl{ width:250px;height:30px; text-align:right;MARGIN: 0px auto;background: url(../images/anlijt.jpg) no-repeat right top;}

/*配套结束*/

/*案例开始*/
#casebg{width:100%;height:auto;background-color:#e9e8e6;padding-top:20px; padding-bottom:40px}
#caselm{width:1210px;height:240px;MARGIN: 0px auto;}
#caselm ul{list-style:none;margin:0px;padding:0px;width: auto;}
#caselm li{width:102px;height:145px;line-height:30px; font-size:14px; margin-left:5px; margin-right:5px; float:left}

#caselm span{ display:block;font-size:18px;}
#caselm li:hover span,.caselmaa span,.caselmab span,.caselmac span,.caselmad span{ display:block;font-size:18px;color:#fff}
#caselm li:hover a,.caselmaa a,.caselmab a,.caselmac a,.caselmad a{ display:block;font-size:14px;color:#fff}
.caselma{background:url(../images/ffjnbg.png)#d5b292 0px 0px; padding-left:190px; padding-top:95px; }
.caselmb{background:url(../images/ffjnbg.png)#d5b292 345px 0px; padding-left:190px; padding-top:95px;}
.caselmc{background:url(../images/ffjnbg.png)#d5b292 720px 0px; padding-left:190px; padding-top:95px;}
.caselmd{background:url(../images/ffjnbg.png)#d5b292 1115px 0px; padding-left:190px; padding-top:95px;}
#caselm .caselma:hover,.caselmaa{background:url(../images/ffjnbgs.png)#001232 0px 0px; padding-left:190px; padding-top:95px;}
#caselm .caselmb:hover,.caselmab {background:url(../images/ffjnbgs.png)#001232 345px 0px; padding-left:190px; padding-top:95px;}
#caselm .caselmc:hover,.caselmac {background:url(../images/ffjnbgs.png)#001232 720px 0px; padding-left:190px; padding-top:95px;}
#caselm .caselmd:hover,.caselmad {background:url(../images/ffjnbgs.png)#001232 1115px 0px; padding-left:190px; padding-top:95px;}




#casecon{width:1200px;height:auto;MARGIN: 0px auto;padding-top:20px;}
#casecon img{width:100%;}
.caseconleft{width:530px;height:660px; float:left; overflow:hidden }
.caseconleft .txt{width:450px;height:490px;line-height:30px;position:absolute;background:url(../images/txtse.png); padding:170px 40px 0px 40px; font-size:16px; color:#e5e5e5; z-index:55}
.caseconleft .txt span{ font-size:30px; line-height:80px;display:inherit; font-weight:bold; color:#fff; text-align:center}
.caseconleft .txt a{ font-size:12px; color:#e5e5e5; display:inherit;float:right; margin-top:20px;}
.caseconright{width:1000px; float:right}
.caseconright ul{list-style:none;margin:0px;padding:0px;width: auto;}
.caseconright li{width:1000px;height:320px;line-height:30px; font-size:14px; margin-bottom:20px;box-shadow: 2px 2px 10px #ddd;}
.olkda{width:520px;height:320px; float:left}
.olkdb{margin-left:520px;height:280px; font-size:16px; color:#7e8288;background-color:#fff; padding:20px}
.olkdb span{ font-size:30px; color:#d42a1d; display:inherit; line-height:80px;}
.olkdb a{ font-size:12px; color:#7e8288; display:inherit;float:right; margin-top:20px;}
/*案例结束*/
/*选择迪欧*/
#chosedo{width:100%;height:auto;background: url(../images/diousjn.jpg) no-repeat center top; margin-top:20px;}
.chosedott{width:100%;height:110px;line-height:110px; text-align:center; font-size:42px; font-weight:bold;color:#fff}
.chosedottb{width:100%;height:auto; line-height:50px;text-align:center; font-size:22px;color:#b7171f;letter-spacing:20px; padding-top:10px;}
.chosedoa{width:1110px;height:307px;line-height:30px;MARGIN: 0px auto;background: url(../images/diousjn_01.png) no-repeat center top; padding:90px 0px 0px 90px; font-size:16px}
.chosedoa span{height:50px;line-heigh:50px;font-size:28px; display:inherit; font-weight:bold}
.chosedob{width:880px;height:284px;line-height:30px;MARGIN: 0px auto;background: url(../images/diousjn_02.png) no-repeat center top; padding:40px 0px 0px 685px; font-size:16px}
.chosedob span{height:50px;line-heigh:50px;font-size:28px; display:inherit; font-weight:bold}
.chosedoc{width:505px;height:310px;line-height:30px;MARGIN: 0px auto;background: url(../images/diousjn_03.png) no-repeat center top; padding:30px 605px 0px 90px; font-size:16px}
.chosedoc span{height:50px;line-heigh:50px;font-size:28px; display:inherit; font-weight:bold}
.chosedod{width:645px;height:262px;line-height:30px;MARGIN: 0px auto;background: url(../images/diousjn_04.png) no-repeat center top; padding:40px 0px 0px 555px; font-size:16px}
.chosedod span{height:50px;line-heigh:50px;font-size:28px; display:inherit; font-weight:bold}
/*选择迪欧结束*/

/*酒店案例*/
#jdcase{width:100%;height:auto;background: url(../images/bg.jpg) no-repeat center top;margin-top:40px;}
#jdcasett{width:100%;height:154px;line-height:50px; font-size:25px;MARGIN: 0px auto; margin-top:30px; text-align:center; background: url(../images/jjcasett.png) no-repeat center top;color:#b4b4b4; padding-top:30px;}
#jdcasett span{ font-size:42px; display:inherit; font-weight:bold;color:#b7171f}
#jdjcbgtt{width:100%;height:124px;line-height:50px; font-size:25px;MARGIN: 0px auto; margin-top:30px; text-align:center; color:#3d3e3e; padding-top:30px;}
#jdjcbgtt span{ font-size:42px; display:inherit; font-weight:bold;color:#b7171f}
.jdjconsb{width:1200px;height:auto;MARGIN: 0px auto;}
.jdjconsb img{width:100%;}
/*酒店案例结束*/
/*五星服务*/
#wxfwcon{width:1200px;height:auto;MARGIN: 0px auto;}
.wxfwconleft{width:600px;height:420px; float:left; margin-bottom:40px}
.wxfwconleft img{width:600px;height:420px;}
.wxfwconright{width:540px;height:auto; float:right}
.wxfwconright ul{list-style:none;margin:0px;padding:0px;width: auto;}
.wxfwconright li{width:400px;height:90px;line-height:30px; font-size:14px; margin-bottom:40px;color:#000; padding-left:140px; padding-top:10px}
.wxfwconright li span{ font-size:27px;line-height:60px;  display:inherit; font-weight:bold;color:#b7171f}
.wxfwa{background:url(../images/fuwubg.jpg) no-repeat 0px 0px; padding-left:100px;  }
.wxfwb{background:url(../images/fuwubg.jpg) no-repeat 0px -135px; padding-left:190px; }
.wxfwc{background:url(../images/fuwubg.jpg) no-repeat 0px -285px; padding-left:190px; }


/*五星服务*/






/*迪欧实验室开始*/
#dosnstt{width:100%;height:auto;line-height:50px; font-size:18px;MARGIN: 0px auto;  text-align:center; background: url(../images/diousyf.jpg) no-repeat center top;color:#7e8288;padding-top:20px; margin-top:50px; }
#dosnstt span{ font-size:45px; display:inherit; font-weight:bold;color:#08929d}
#dosnsttb{width:50px;height:2px;background:#7e8288;MARGIN: 0px auto; margin-bottom:40px; margin-top:10px}
#dosnscon{width:100%;height:638px;background: url(../images/diousyftd.jpg) no-repeat center center;}
.dosns{width:1340px;height:528px; padding-top:110px;MARGIN: 0px auto;}
.dosnsright{width:670px; margin-left:670px;}
.dosnsright ul{list-style:none;margin:0px;padding:0px;width: auto;}
.dosnsright li{width:545px;height:100px;line-height:30px; font-size:16px; margin-bottom:80px;color:#fff; padding-left:125px;}
.dosnsright span{ font-size:25px;line-height:50px; display:inherit; font-weight:bold;}
/*迪欧实验室结束*/
#zbgs{width:1680px;height:396px;MARGIN: 0px auto;background: url(../images/zbgs.jpg) no-repeat center top; padding-top:156px; margin-top:60px;}
#zbgs ul{list-style:none;margin:0px;padding:0px;width: auto;}
#zbgs li{width:210px;height:100px;line-height:30px; font-size:16px; color:#737474; float:left}
#zbgs span{ font-size:20px;line-height:50px; display:inherit; font-weight:bold;color:#08929d; text-align:center}
.zbgsa{ padding-top:210px; margin-left:50px; margin-right:65px;}
.zbgsb{ padding-top:60px; margin-right:65px;}
.zbgsc{ padding-top:150px; margin-right:65px;}
.zbgsd{  margin-right:55px;}
.zbgse{ padding-top:90px; margin-right:65px;}
.zbgsf{ padding-top:120px; }


#wrapper
{
	margin-top: 0px;
	text-align:center; margin-bottom:50px
}


.jscarousal
{
	width: 1400px;
	height: 408px;

	margin:0 auto;
	padding: 0;
	position: relative; /*overflow: hidden;*/
}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right
{
	float: left;
	width: 100px;
	height: 98px;
	
	color: #333;
	position: relative;
	top: 160px;
	cursor: pointer;
}
.jscarousal .jscarousal-left
{
	background-image: url(../images/leftbg.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.jscarousal .jscarousal-right
{
	background-image: url(../images/rightbg.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.jscarousal-contents
{
	width: 1200px;
	height: 408px;
	float: left;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents > div
{
	position: absolute;
	width: 100%;
	height:368px;
}
.jscarousal-contents > div > div
{
	float: left;
	margin-left: 0px;
	margin-right: 0px;padding:20px
}
.jscarousal-contents img
{
	width: 260px;
	height: 368px;box-shadow: 5px 5px 20px 2px #7c797a; 
	
}
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-active
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-inactive
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-text
{ font-size:18px;
	color: #333;
	font-weight: bold;
	text-align: center;
	display: block;
	height:30px;
	padding: 10px 2px 2px 0px;
}