﻿*{box-sizing: border-box;margin:0;padding:0;}
div:before,ul:before,ol:before{content: '';clear: both;display: table;}
div:after,ul:after,ol:after{content: '';clear: both;display: table;}
body{ font-size:14px; color:#474747; line-height:2; margin:0px auto; font-family:微软雅黑;min-width:1440px; }
ul,ol,li,p,dl,dt,dd{list-style:none}
a{ text-decoration:none; color:#000; }
a img { border:0px;}
a:hover{color:#c00;}
img{border:0;vertical-align:top}
.left{float:left; }
.right{float:right;}
.center{text-align:center}
.container{width:1300px;clear:both;margin:0 auto;}
.container:after{content:"";display:table;clear:both;}
.titc{clear:both;text-align:center}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;margin:0;padding:0;}
#top{height: 124px;box-shadow: 0 3px 19px #333;position: relative;z-index: 1000;}
#logo{width: 529px;height: 124px;}
#nav li{float: left;height: 65px;margin-top: 32px;}
#nav li a{width: 90px;line-height: 65px;display: inline-block;margin:0 18px;text-align: center;font-size: 18px;}
#nav li.on a{border-bottom: 3px solid #2E5ECC;}
#nav li a:hover{border-bottom: 3px solid #2E5ECC;}
#banner{width: 100%;position: relative;overflow: hidden;height: 650px;background:transparent;}
#banner .skitter{background:#fff;}
	.jc_index_banner{width:1920px;height:650px; overflow:hidden; position:relative;margin-left:-960px; left:50%; }
	.skitter-large-box{margin-left:-960px;left:50%;position:absolute;}
	.skitter{max-width:1920px;}
	.skitter-large-box,.skitter{width:1920px;}
    .skitter-large-box,.skitter img{height:650px;width:1920px}
    
#searchhottel{background:#EBEBEB;height: 112px;overflow: hidden;}
#search{width: 270px;height: 40px;background: #fff;margin:36px 0 0 0;}
#search #key{border: none;width: 200px;height: 40px;line-height: 40px;padding:0 0 0 10px;}
#search .submit{background: url(images/2.jpg) center no-repeat;width: 42px;height: 40px;border: none;line-height: 40px;outline-width: 0;}
#searchhottel .tel{width:360px ;margin: 22px 0 0 50px;animation: upAnimation 2s infinite linear;}
#searchhottel .tel:hover{animation:stop}
#searchhottel .gjc{font-size: 18px;line-height: 112px;border-right: 1px #ccc solid;text-align: center;padding:0 40px;display: inline-block;}

@keyframes upAnimation{0%{transform:rotate(0deg);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}10%{transform:rotate(-12deg);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}20%{transform:rotate(12deg);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}28%{transform:rotate(-10deg);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}36%{transform:rotate(10deg);transition-timing-function:cubic-bezier(0.755,.5,.855,.06)}42%{transform:rotate(-8deg);transition-timing-function:cubic-bezier(0.755,.5,.855,.06)}48%{transform:rotate(8deg);transition-timing-function:cubic-bezier(0.755,.5,.855,.06)}52%{transform:rotate(-4deg);transition-timing-function:cubic-bezier(0.755,.5,.855,.06)}56%{transform:rotate(4deg);transition-timing-function:cubic-bezier(0.755,.5,.855,.06)}60%{transform:rotate(0deg);transition-timing-function:cubic-bezier(0.755,.5,.855,.06)}100%{transform:rotate(0deg);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}}

#searchhottel .hot{width: 615px;margin:35px 0;}
.tytit{text-align: center;margin: 30px 0;}
.tytit .big{background: url(images/1.png) no-repeat center 43px;height: 80px;}
.tytit .big a{font-weight: bold;font-size: 40px;}

#leftplist{width: 285px;}
#leftplist .tit{height: 86px;width: 100%;background: #3B67D0;text-align: center;}
#leftplist .tit a{color:#fff;font-size: 30px;line-height: 86px;}
#leftplist .con{margin-top: 1px;background: #F1F1F1;}
#leftplist dl dt{background: #9C9C9C;color:#fff;height: 40px;line-height: 40px;text-align: center;}
#leftplist dl dt a{color:#fff;font-size: 18px;}
#leftplist dl dd li{width: 250px;height: 78px;line-height: 78px;border-bottom:1px #ccc dashed;text-align: center;margin: 0 auto;}
#leftplist dl dd li a{font-size: 16px;}
#leftplist dl dd ul li:last-child{border-bottom: 0;}
#rightplist{width: 1015px;}
#rightplist li{float: left;width: 320px;height: 400px;margin:0 0 20px 18px;border: 1px solid #eee;}
#rightplist li .img{width: 318px;height: 332px;overflow: hidden;}
#rightplist li img{width: 318px;height: 332px;transition: 0.8s all;}
#rightplist li:hover img{width: 318px;height: 332px;transform: scale(1.2);}
#rightplist li .txt{height: 66px;line-height: 66px;background: #EBEBEB;text-align: center;color:#000;font-size: 16px;}
#rightplist li:hover .txt{height: 66px;line-height: 66px;background: #2E5ECC;color:#fff;}
#xjjdcb{background: url(images/4.jpg) no-repeat center;height: 241px;margin-top: 64px;}
#habout{background: url(images/12.jpg) no-repeat center;height: 689px;}
#hgstk .hd{width: 1165px;margin: 0 auto;}
#hgstk .hd li{float: left;width: 480px;height: 50px;line-height: 50px;border: 1px solid #000;text-align: center;margin:10px 50px;position: relative;}
#hgstk .hd li:before{content: '';display: inline-block;width: 31px;height: 23px;position: absolute;left:155px;top:13px;}
#hgstk .hd li:first-child:before{background: url(images/4.png) no-repeat center;}
#hgstk .hd li.on:first-child:before,#hgstk .hd li:hover:first-child:before{background: url(images/2.png) no-repeat center;}
#hgstk .hd li:last-child:before{background: url(images/3.png) no-repeat center;}
#hgstk .hd li.on:last-child:before,#hgstk .hd li:hover:last-child:before{background: url(images/5.png) no-repeat center;}
#hgstk .hd li a{font-size: 18px;}
#hgstk .hd li.on a,#hgstk .hd li:hover a{color:#2E5ECC;}
#hgstk{background: #F3F3F3;padding-bottom: 50px;width: 100%;}
#hgstk .bd{overflow:hidden;width:1300px;height:305px;position:relative;}
#hgstk .bd li{float: left;margin: 10px 7px;}
#hgstk .bd li img{width: 418px;height: 304px;}
#hgstk .bd .item{position: relative;overflow: hidden;zoom:1; display: none;width:1300px;}
#hgstk .bd .item.on{display: block;}
#hgstk .bd .item ul{zoom:1;overflow: hidden;}
#hgstk .bd .item ul li{width: 418px;height: 304px;}
#hnews .timg{width: 638px;height: 210px;margin: 10px 0;}
#hnews .timg img{width: 638px;height: 210px;}
#hnews ul li{line-height: 52px;clear: both;}
#hnews ul li:before{content: '';background: #2E5590;border-radius: 3px;display: block;width: 4px;height: 12px;float:left;margin:20px 8px 0 0;}
#hnews ul li a{float: left;font-size: 16px;}
#hnews ul li span{float: right;}
#hyqlj{margin-top:52px;background:url(images/sy_60.jpg) left top no-repeat;min-height:120px;line-height:60px;padding-left:124px;}
#hyqlj a{padding:0 15px;}
#fdhdzqq{background: #F7F8FA;padding:50px 0;margin: 20px 0 0 0;}
#copyright{background: #2F5DCC url(images/11.jpg) no-repeat center;height: 300px;position: relative;}
#copyright *{color:#fff;}
#dnav{border: 1px solid #fff;border-left: 0;border-right: 0;margin-top: 110px;}
#dnav dl{display: flex;justify-content:space-around;color:#fff;height: 70px;line-height: 70px;}
#dnav dl a{color:#fff;font-size: 18px;}
#dnav dl a:before{content: '';display: inline-block;width: 8px;height: 8px;background: #fff;border-radius: 10px;margin:0 10px 0 0;}
/* page */
.cright{float: right;width: 1000px;}
.m_tit1{border-left: 5px solid #3B67D0;padding:0 0 0 15px;background: #efefef;height: 50px;line-height: 50px;}
.m_tit1 a.first{color:red;}
.m_tit1 a+a:before{content: '>'; margin:0 10px;}
.m_tit1 span:before{content: '>'; margin:0 10px;}


/*picl*/
.picl_list_block li{float: left;width: 33%;margin: 30px 0;}
.picl_list_block li .img{width: 98%;height: 220px;overflow: hidden;margin: 0 auto;}
.picl_list_block li img{width: 100%;height: 220px;transition: 0.8s all;}
.picl_list_block li:hover img{transform: scale(1.2);}
.picl_list_block li .txt{width: 98%;background: #2e5ecc;height: 50px;line-height: 50px;color:#fff;text-align: center;margin: 0 auto;}

/*pl*/
.product_list_block li{float: left;width: 33%;margin: 30px 0;}
.product_list_block li .img{width: 98%;height: 345px;overflow: hidden;margin: 0 auto;}
.product_list_block li img{width: 330px;height: 345px;transition: 0.8s all;}
.product_list_block li:hover img{transform: scale(1.2);}
.product_list_block li .txt{width: 98%;background: #2e5ecc;height: 50px;line-height: 50px;color:#fff;text-align: center;margin: 0 auto;}

#h_main{padding-top:20px;}

#m_newsList{margin:0;padding:0;width:99%;}
#m_newsList li{margin:0;height:40px;border-bottom:1px #ccc dashed;line-height:40px; clear:both;background: url(images/dot.jpg) no-repeat 9px 18px; text-indent: 24px; }
#m_newsList li a{float:left;font-size:14px;}
#m_newsList li em{ float:left;}
#m_newsList li span{float:right;margin:0 10px 0 0;font-size:13px;}

.page{margin:0 auto;text-align:center}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}.pagination>li {
display: inline;
}
.pagination>li>a:hover,.pagination>li>a.active, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
color: #2a6496;
background-color: #eee;
border-color: #ddd;
}
.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #428bca;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}


.maxwidth table{width:100%!important; word-break:break-all;word-wrap:break-word;}
.maxwidth img{max-width:100%; height:auto!important;}


#newsshow h2{font-size:16px; text-align:center; border-bottom:1px #C8D8F2 solid; line-height:50px;margin:0 10px;}
#newsshow .ftit1{ text-align:center;line-height:30px;margin:0 10px;border-bottom:1px #C8D8F2 solid;}
#newsshow .rc{margin:0 5px;}


/*产品详细页 左图右简介 */
#protxt{display:inline-block;}
#proimg  {width:360px;float:left; border:1px solid #ddd; margin:10px 0;}
#protit{  font-size: 20px;float: left;margin-bottom: 20px;color:#000;font-family:'microsoft yahei';line-height:60px;border-bottom:1px #999999 dotted;width:100%;font-weight: bold;}
#proAbstract{text-align: left;padding-top:60px;}
#proAbstract .con{width:100%;font-size:15px;line-height:35px;height:180px;}
#productimagelist { width:360px;height:280px;position:relative;}
#productimagelist ul { position:absolute;left:0;top:0;width:360px;height:280px; z-index:1;}
#productimagelist ul li {float:left;width:360px;height:280px; display:none;}
#productimagelist ul li.on {display:block;}
#productimagelist ul li img {width:360px;height:280px;}
#productimagelist ol { position:absolute;bottom:20px;left:20px; z-index:2;}
#productimagelist ol li { width:20px;height:5px;background:#ff3300;float:left;margin:5px;cursor:pointer;margin-right:2px;opacity:0.4;}
#productimagelist ol li.on { width:20px;height:5px;background:#ff3300;float:left;margin:5px;cursor:pointer;margin-right:2px;opacity:1;}
#pro_right{width:600px;float:left; margin-left:25px;font-weight: bold;}
#pro_con{padding:0;margin:0;clear:both;margin-top:13px;}
#pro_con .menubox {width:100%;display:inline-block;border-bottom:1px #D7D4D4 solid;}
#pro_con .menubox li{width:15%;float:left;background:#F3F3F3;text-align:center;height:35px;color:#FFF;}
#pro_con .menubox li:hover{background:#0C5CD3;}
#pro_con .menubox li:hover a{color:#fff}
/* #pro_con .menubox li+li{background:#F3F3F3;color:#000;margin-left:2px;} */
/* #pro_con .menubox li+li a{color:#000;width:100%;} */
/* #pro_con .menubox li+li:hover{color:#FFF;} */
/* #pro_con .menubox li+li a:hover{color:#FFF;} */
#pro_con .menubox li a{line-height:35px;height:35px;color:#000;  font-family: 'microsoft yahei';font-size: 15px;font-weight: normal;}
#pro_con .menubox li.on{background:#0C5CD3;color:#fff}
#pro_con .menubox li.on a{color:#fff;}
#pro_con .itemtab {}
#pro_con .itemtab h3{font-size:16px;font-family: 'microsoft yahei';color:#333;}

#procon{margin-top:10px;float:left;margin-left:11px}
#procon .cpzx{float:left; width:820px; margin-left:5px; }
#procon .cpzx .nrcon{padding-bottom:10px;}
#procon .cpzx .cname{width:100%;border-bottom:1px #DCDCDC solid;}
#procon .cpzx .cname a{font-family:'microsoft yahei';font-size:18px;color:#222222;padding-LEFT:10px;}
#procon .cpzx .cimg {padding:20px 0;}
#procon .cpzx .cimg li{font-family:'microsoft yahei';font-size:14px;color:#222222;padding:0 10px;float:left;overflow:hidden;width:185px; height:200px;}
#procon .cpzx .cimg img{width:170px;height:135px; border:1px solid #ddd;}
#procon .cpzx .cimg .img a{height:auto;}
#procon .cpzx .cimg .txt a{width:171px;line-height:30px;height:30px;text-align:center;overflow:hidden; margin:8px 0; font-size:13px; background:#f3f3f3; color:#666;}


.ftit{text-align: center;font-size: 18px;font-weight: bold;}
.ftit h2{font-size: 21px;font-weight: bold;}
.ftit1{text-align: center;margin:20px auto;width:96%;border:1px #ccc solid;border-left:0;border-right:0;}