@CHARSET "UTF-8";
body,p,h1,dl,dd{margin:0;}
ul,li{list-style:none;padding:0;margin:0;}
img{border:none;}
a{text-decoration:none;margin:0;}


*{color:#666666;font-family:"微软雅黑";}
.clear{clear:both;}

* {margin:0;padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* The Grid ---------------------- */
.row { width: 1200px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }

.row .one { width: 8.333%; }
.row .two { width: 16.667%; }
.row .three { width: 25%; }
.row .four { width: 33.333%; }
.row .five { width: 41.667%; }
.row .six { width: 50%; }
.row .seven { width: 58.333%; }
.row .eight { width: 66.667%; }
.row .nine { width: 75%; }
.row .ten { width: 83.333%; }
.row .eleven { width: 91.667%; }
.row .twelve { width: 100%; }
.fl{float:left;}
.fr{float:right;}
/*头部*/

.header{    
	background: #262f36;
    height: 78px;
    line-height: 78px;
    position: fixed;
    width: 100%;
    z-index: 999;
	margin-bottom: 78px;
}
.headbottom{height: 78px;}
.l_header{float:left;width:180px;}
.l_header a{height:78px;line-height:78px; display: table-cell;vertical-align: middle;}
.r_header{float:left;width:1000px;}
.m_nav, .menuScroll{display:none;}
.r_nav li{margin:0px 28px;float:left;-WebKit-box-sizing:border-box}
.r_nav li a{color:#FFFFFF;font-size:16px;display:block;}
.r_nav li .nav_current{color:#f8b729;}
.r_nav li .navSelect{
	min-height:85px;
	width:225px;
	overflow: hidden;
	position: absolute;
	margin-left:-80px;
	display:none;
	z-index:99;
	padding:23px 0px;
	line-height:40px;	
	background:rgba(32, 42, 58,0.96) none repeat scroll !important;
}
.r_nav li .navSelect li{margin:0;text-align: center;width: 100%;}
.r_nav li .navSelect li a:hover{background:#1389f5;}

.r_header .tel {float:left;color:#ffffff; padding-left:40px;background:url(../images/T_telephone.png) left center no-repeat;}
.r_header .wt_io{background:url(../images/weixin.png) left center no-repeat;width:25px;float:left;margin-left:30px;}
.r_header .wt_io:hover{cursor:pointer}
.r_header .h-wechat{
	display:none;
	position: absolute;
    z-index: 999;
    margin-left: -50px;
}
.r_header .h-wechat p{line-height:30px;height:30px;text-align:center;background:#fff}

/*banner*/
.banner_container{overflow:hidden;height:720px;margin:auto;width:100%;position:relative;}
.banner{position:absolute;top:0;}
.banner_btn{position:absolute;left:50%;margin-left:-23px;bottom:10px;z-index:998}
.banner_btn li{float:left;width:11px;height:11px;background-color:#a6a39e;margin:0 4px;}
.banner_btn .on{background-color:white;}
.banner_btn li{cursor:pointer;}
.slideBox .bd ul li img{margin:auto;}
.slideBox .bd ul li a{width:100%;height:720px;display:block;background-size: 50%}
.slideBox_row .btns a {position:absolute; top:50%; z-index:4; margin-top:-25px; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms;}
.slideBox_row .btns .prev {position: absolute;left: 10%;top: 50%;margin-top:-20px;width:39px;height:39px;z-index: 9999;display: none;cursor: pointer;background: url(../images/page_1.png);}
.slideBox_row .btns .next {position: absolute;right: 10%;top: 50%;margin-top:-20px;width:39px;height:39px;z-index: 9999;display: none;cursor: pointer;background: url(../images/page_2.png);}
.slideBox_row:hover .next,.slideBox_row:hover .prev{display: block;}

.i_r1{margin-top:20px;}
.i_r1 .toptip, .i_r4 .toptip{height:125px;background:url(../images/row_bottom.png) center bottom no-repeat;}
.toptip h2{font-size:34px;text-align:center;}
.i_r1 .toptip h2{color:#2c2626; padding-top:45px;}
.i_r1-tip{margin:30px auto 40px; text-align: center;}
.i_r1-tip h3 a, .i_r1 .view-more a{
	display: inline-block;
	width:200px;
	font-size:18px;
	font-weight:normal; 
	text-align:center;
	line-height:42px;	
	-moz-border-radius: 21px; /* Firefox */
  	-webkit-border-radius: 21px; /* Safari 和 Chrome */
  	border-radius: 21px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

  	-moz-box-shadow: 21px; /* Firefox */
  	-webkit-box-shadow: 21px; /* Safari 和 Chrome */
 	box-shadow:21px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */	
}

.i_r1-tip h3 a{background-color:#dcdcdc;color:#323232}
.box-img {text-align:center;}
.box-img img{/* width:390px; */width:285px;max-width:100%;  display: -webkit-inline-box;}
.box-img .contr{border:1px solid #d9d9d9;/* width:390px; */width:285px;max-width:100%;padding:15px;line-height:20px;margin:auto;}
.box-img .contr p{
	color:#797979;
	font-size:16px;
	isplay: -webkit-box;
text-overflow: ellipsis;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.box-img2 {text-align:center;padding:0px 15px;}
.box-img2 img{width:100%;object-fit: cover; display: -webkit-inline-box;}
.i_r1 .view-more{text-align:center;margin:40px 0px 55px;}
.i_r1 .view-more a{background-color:#2c75c2;color:#ffffff;}

.i_r2{background:#2c75c2;}
.i_r2 .toptip{height:125px;background:url(../images/row_bottom2.png) center bottom no-repeat;}
.i_r2 .toptip h2{color:#ffffff;padding-top:50px;}
.i2-imgbox{
	width:285px;
	max-width:100%;
	overflow:hidden;
	margin:26px 0px;
	-moz-border-radius: 12px; /* Firefox */
  	-webkit-border-radius: 12px; /* Safari 和 Chrome */
  	border-radius: 12px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

  	-moz-box-shadow: 12px; /* Firefox */
  	-webkit-box-shadow: 12px; /* Safari 和 Chrome */
 	box-shadow:12px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */	
}
.i2-imgbox img{width:285px;height:224px;max-width:100%;}
.i_r2 .i2-tip{font-size:18px;color:#ffffff;background:#6088ab;line-height:40px;height:40px;text-align:center;}
.i_r2 .i2-cont{
	isplay: -webkit-box;
text-overflow: ellipsis;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
	
	height:85px;
	font-size:14px;
	color:#5d88ab;
	padding:25px 35px;
	line-height:18px;
	background:#ffffff;
}


.i_r3{width:100%;display: table;background:#f1eff0; background-image: -webkit-linear-gradient(top, #f1eff0, #f8f8f8); }
.i_r3 .i_r3-img{vertical-align: middle;display:inline-flex;height:230px; width: 100%;}
.i_r3 img{max-width:100%;text-align: center;margin: auto; vertical-align: middle;}
.i_r4{margin-bottom:80px;}
.i_r4 .toptip h2{color:#2c2626;padding-top:50px;}
.i_r4 .i_r4-img{margin-top:30px;max-width:565px;overflow:hidden;}
.i_r4 .i_r4-img2{display:none;}
.i_r4 .i_r4-img .i4-img{height:365px;overflow: hidden;vertical-align: middle;/* display:table-cell; */    display: block;text-align:center;}
.i_r4 .i_r4-img .i4-img img{width:100%;max-height:365px;}
.i_r4 .i_r4-img .i4-tip{
	height:50px;
	line-height:50px;
	text-align:center;
	padding:0px 15px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	background:#d8e2eb;
	font-size: 20px;
}
.i_r4 .i_r4-toptip2{margin-top:30px;}
.i_r4-toptip2 ul li{border-top: 2px solid #f8f8fa;height:40px;line-height:40px;cursor: pointer;float:left;margin-right:10px;background:#f8f8fa;font-size:18px;padding:0px 28px;}
.i_r4-toptip2 ul li.nav{border-top:2px solid #eeab1f;}
.i_r4-toptip2 ul .nav:before{content: '';display:block;position: absolute;  margin-left: 30px;background:url(../images/sj.png) center top no-repeat;width: 6px;height: 4px;}
.i_r4-contlist ul {margin-top:25px;}
.i_r4-contlist ul li{line-height:50px;height:50px;width:100%;border-bottom:1px solid #d4d4d4;float:left;display:block;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.i_r4-contlist ul li span{margin-right:25px;}
.i_r4-contlist .i_r4list2{display:none;}

.i_r5 {margin-bottom:50px;}
.i_r5 .toptip {
    height: 105px;
    background: url(../images/row_bottom.png) center bottom no-repeat;
	margin-bottom:20px;
}
.i_r5 .toptip h2{color:#2c2626;padding-top:30px;}

.i_r5 .i_r5ul {height:250px; width: 1200px;margin:30px auto 0px;overflow:hidden;}
.i_r5 ul li{
	text-align: center;
	float:left;	
	width:300px;	
	height:250px;	
	overflow: hidden;
}
.i_r5 ul li a{
	width:280px;
	height:100%;
	display: block;
	margin:0 auto;
	border: 2px solid #f8f8fa;
	moz-box-shadow: 2px 2px 15px #dedede;
    -webkit-box-shadow: 2px 2px 15px #dedede;
    box-shadow: 2px 2px 15px #dedede;
	box-sizing: border-box;
}
.i_r5 .i_r5ul .i_r5-imgbox{height: 210px;width:280px;display: table-cell; vertical-align: middle;}
.i_r5 ul li img{max-width:258px;max-height:180px;margin:0 auto;}
.i_r5 ul li span{
	font-size:14px;
	display:block;
	line-height: 30px;
}
.i_r5 .btns2{
	position: relative;
}
.i_r5 .btns2 #goL{
	position: absolute;
    left: 5%;
    top: 50%;
    margin-top:-150px;
    width: 50px;
    height: 50px;
    z-index: 99;
    cursor: pointer;
    background: url(../images/pre.png) center center no-repeat;
}
.i_r5 .btns2 #goR{
	position: absolute;
    right: 5%;
    top: 50%;
    margin-top: -150px;
    width: 50px;
    height: 50px;
    z-index: 99;
    cursor: pointer;
    background: url(../images/next.png) center center no-repeat;
}

@media screen and (max-width:780px){ 
	.i_r1{margin-top:0px;}
	.i_r1 .toptip, .i_r4 .toptip{height: 90px;}
	.i_r1 .toptip h2{padding-top:25px;}
	.i_r1-tip{margin:20px auto 20px;}
	.i_r4{margin-bottom: 30px;}
	.i_r4 .toptip h2{padding-top: 20px;}
	
}

.foot{background:#262f36;padding:30px 0px 50px;}
.foot .friendLine{border-bottom:1px solid #52595f;padding:20px 0px;}
.foot .friendLine li, .foot .friendLine li a{line-height:40px;float:left;color:#ffffff;margin-right:20px;}
.foot .copright{margin-top:15px;line-height:36px;color:#ffffff;}
.foot .copright p, .foot .copright a, .foot .f-connect p, .foot .f-wechat p{color:#ffffff;}

.foot .f-connect{margin-top:15px}
.foot .f-connect .f-tel{line-height:30px;background:url(../images/tele.png) left center no-repeat;padding-left:30px;}
.foot .f-connect .f-meal{line-height:30px;background:url(../images/yx.png) left center no-repeat;padding-left:30px;}
.foot .f-wechat{float:right;margin-top:30px;}
.foot .f-wechat p{line-height:36px;}

/* 图片放大特效 */
.i_r4-img img, .list-img-img img{-webkit-transition: -webkit-transform .3s ease-out;-moz-transition: -moz-transform .3s ease-out;-ms-transition: -ms-transform .3s ease-out;transition: transform .3s ease-out;}
.i_r4-img a:hover img, a:hover .list-img-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}




.zxzz{
	word-wrap: break-word; 
	
	width: 50px;
	background:#0ea7e4;
	right:10px;
	bottom:170px;
	position:fixed; 
	z-index:99;
	font-size:18px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 3px;
    -webkit-box-shadow: 3px;
    box-shadow: 3px;
}
.zxzz a{color:#fff;display:block;padding:18px 0;text-align: center;}
#scrollUp {
	bottom: 100px;
	right: 10px;
	height: 50px;
	width: 50px;
	background: url(../images/top.png) no-repeat;
	_background: url(../images/top.gif) no-repeat;
}
/* 1366屏 */
@media only screen and (max-width:1366px){
	.row {width:1100px;}
	.r_header{float:left;width:900px;}
	.r_nav li{margin:0px 20px;}
	

	.banner_container{overflow:hidden;height:540px;margin:auto;width:100%;position:relative;}
	.slideBox .bd ul li {
	    background-size: auto 540px !important;
	    background-repeat: no-repeat !important;
	    background-position: top center !important;
	}
	.slideBox .bd ul li a{width:100%;height:542px;display:block;background-size: 50%}	
	
	.box-img img{width:356px;    max-width: 100%; overflow: hidden;}
	.box-img2 img{width:535px;  max-width:100%;  }
	
	.box-img .contr{width:356px;}
	.i2-imgbox{width:260px;}
	.i_r4-contlist ul {margin-top:10px;}
	.i_r4 .i_r4-img{max-width:535px;}
	.i_r4 .i_r4-img .i4-img{height:345px;}
	.i_r4 .i_r4-img .i4-img img{max-height:345px;}
	.i_r4-contlist ul li{
	height:49px;
		line-height:49px;
	}
	.i_r4-contlist ul li span {
	    margin-right: 25px;
	    max-width: 400px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	
	.i_r5 .i_r5ul {width: 1100px;max-width: 100%;}
	.i_r5 ul li{width: 275px;}
	.i_r5 ul li a {
	    width: 255px;
	}
	.i_r5 ul li img{max-width:238px;max-height:180px;}
}





/* Mobile Grid and Overrides ---------------------- */
@media screen and (max-width:780px){ 
.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
/* Mobile 4-column Grid */
.row .mobile-one { width: 25% !important; float: left; padding: 0 15px; }
.row .mobile-one:last-child { float: left; }
.row.collapse .mobile-one { padding: 0; }
.row .mobile-two { width: 50% !important; float: left; padding: 0 15px; }
.row .mobile-two:last-child { float: left; }
.row.collapse .mobile-two { padding: 0; }
.row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
.row .mobile-three:last-child { float: left; }
.row.collapse .mobile-three { padding: 0; }
.row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
.row .mobile-four:last-child { float: left; }

.row .mobile-five { width: 33.33% !important; float: left; padding: 0 15px; }
.row .mobile-five:last-child { float: left; }
	.r_header{display:none;}
	/* 导航 */
	.m_nav{display:block;}
	
	.m_nav .m-sidebar {
	    font-size: 24px;	    
	    font-weight: normal;
	    cursor: pointer;
	    color: #4d5158;
	    position: absolute;
	    top: 20px;
	    right: 15px;
	    width: 40px;
		height:40px;
		line-height: 60px;
	    text-align: center;
		background:url('../images/sidebar.png') center center no-repeat #0c61a2;
		z-index: 999;
	}

	.Mslide {
    height: 100% !important;
    height: 100vh !important;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
	}
	.Mslide .m-sidebar {	    
		color: #4d5158;
		width: 60px;
    	height: 60px;
	}
	.Mslide .nav{
		border-bottom: 1px solid rgba(0,0,0,.05);
		clear:both;
		width: 100%;
		height: 1px;
		position: relative;
	}
	
	.Mslide .menuScroll{display:block;}	
	.Mslide .menuScroll {
	    height: 100%;
	    width: 100%;
		background: rgba(255,255,255,.95);
		position: relative;
		z-index: 9999;
	}
	
	.Mslide .menuUlCopy{
	height: 100% !important;
    height: 100vh !important;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
		margin-left:15px;
	}
	.menuUlCopy li {
    width: 100%;
    overflow: hidden;
    color: #4d5158;
    font-size: 16px;
    line-height: 44px;
	}
.menuUlCopy li a {
    width: calc(100% - 65px);
    float: left;
    display: block;
    text-align: left;
    color: inherit;
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
    height: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
	.menuUlCopy .nav_current {
	    background: transparent;
	    color: #f13a3a;
	}
 .menuUlCopy li .fa {
    color: inherit;
    display: block;
    font-size: inherit;
    float: left;
    width: 50px;
 	height:45px;
 	background:url(../images/angle-down.png) center center no-repeat;
    text-align: center;
}
.navSelect {display:none;width: 100%;}
.menuUlCopy .navSelect {
    padding: 0 0 0 30px;
    clear: both;
}
.menuUlCopy .navSelect li {
    width: 100%;
    overflow: hidden;
    color: #4d5158;
    font-size: 12px;
    line-height: 44px;
}


	.banner_container{overflow:hidden;height:180px;margin:auto;width:100%;position:relative;}
	.slideBox .bd ul li {
	    background-size: auto 180px !important;
	    background-repeat: no-repeat !important;
	    background-position: top center !important;
	}
	.slideBox .bd ul li a{width:100%;height:190px;display:block;background-size: 50%}	
	
	
	.i2-imgbox, .i2-imgbox img{
		width:100%;
		height: auto;
	}
	.i_r3 .i_r3-img{height:100px;}
	.i_r4 .i_r4-img .i4-img{height: 245px;}
	.i_r4-contlist ul li span {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    margin-right: 0px;
	}
	.i_r5 .i_r5ul { width: 275px;}
	.foot .f-connect{margin-left:0px}
	.foot .f-wechat{float:none;text-align: center;margin-top:20px;}
	.foot .f-wechat img{display: inline-block;}
	.foot .copright a{clear:both;display:block;}
	.list-img .imgbox {
	    height: 100px;
	}
}