@charset "utf-8";
body {font-family:"微软雅黑";  margin:0 auto; padding:0px; font-size:12px; height:100%; line-height:22px; width:100%;}
ul,ul li,ol li,tr td,dl dd,dd,dl{ list-style-type:none; margin:0; padding:0; }
p{ margin:0; padding:0}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
a{ text-decoration:none; cursor:pointer; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
img{ vertical-align:middle;}
.imgs{ vertical-align:top;}
.lf{ float:left;}
.rg{ float:right;}  
img{border:none;}
html{ overflow-x:hidden;} 
div:hover,li:hover,tr:hover,a:hover{ -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
input{ outline:none;}
/* 公用样式 */
.div_js_txt{ position:fixed; width:0; height:0; top:0px; right:0px; z-index:1000; height:100%; overflow:hidden;}
.div_js_bg{ background:url("../images/1_17.png") repeat center center; position:absolute; width:100%; height:100%; z-index:1000;  left:0px; top:0px; filter:alpha(opacity=0); opacity:0;}
.div_js_lf{ width:60%; position:absolute; top:0px; left:-100%; height:100%; background:#000;}
.tag_right{ overflow:auto;}
.nav-menu { width:100%; padding-top:100px; overflow:hidden;}
.nav-menu li { width: 100%;	height: 60px; margin-bottom:20px;}
.nav-menu li a{
	color: #fff;
	display: block;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-transform: capitalize;
	overflow: visible;
	line-height: 60px;
	height: 60px;
	font-size: 20px; padding-left:40px;
}
.three-d {
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-ms-perspective: 400px;
	-o-perspective: 400px;
	perspective: 400px;
	-webkit-transition: all .7s linear;
	-moz-transition: all .7s linear;
	-ms-transition: all .7s linear;
	-o-transition: all .7s linear;
	transition: all .7s linear;
	position: relative;
}
.three-d:not(.active):hover {
	cursor: pointer;
}
.three-d:not(.active):hover .three-d-box,  .three-d:not(.active):focus .three-d-box {
	-wekbit-transform: translateZ(-30px) rotateX(90deg);
	-moz-transform: translateZ(-30px) rotateX(90deg);
	-o-transform: translateZ(-30px) rotateX(90deg);
	-ms-transform: translateZ(-30px) rotateX(90deg);
	transform: translateZ(-30px) rotateX(90deg);
}
.three-d-box {
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	-webkit-transform: translatez(-30px);
	-moz-transform: translatez(-30px);
	-ms-transform: translatez(-30px);
	-o-transform: translatez(-30px);
	transform: translatez(-30px);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.front {
	-webkit-transform: rotatex(0deg) translatez(30px);
	-moz-transform: rotatex(0deg) translatez(30px);
	-ms-transform: rotatex(0deg) translatez(30px);
	-o-transform: rotatex(0deg) translatez(30px);
	transform: rotatex(0deg) translatez(30px);
	padding-left:40px;
}
.back {
	-webkit-transform: rotatex(-90deg) translatez(30px);
	-moz-transform: rotatex(-90deg) translatez(30px);
	-ms-transform: rotatex(-90deg) translatez(30px);
	-o-transform: rotatex(-90deg) translatez(30px);
	transform: rotatex(-90deg) translatez(30px);
	color: #FFE7C4;
	padding-left:40px;
}
.front, .back {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	color: white;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.nav-menu .active a .front,  .nav-menu .active a .back,  .nav-menu li a:hover .front,  .nav-menu li a:hover .back {
	background-color: #fb531f;
}
.div_js_rg{ width:50%; position:absolute; top:0px; height:100%; right:0px; filter:alpha(opacity=0); opacity:0;}
.div_js_rg img{ position:absolute; width:41%; margin-left:29%; margin-top:40%;}
.div_js_close{ position:absolute; top:45px; right:45px; filter:alpha(opacity=0); opacity:0; cursor:pointer; z-index:1000;}
.div_js_close img{ -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s;}
.div_js_close:hover img{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.BMap_omCtrl,.BMap_stdMpCtrl,.BMap_cpyCtrl,.anchorBL,.BMap_scaleCtrl{ display:none;}
/* 公用样式 End */

/* Index */
.ul_js li{ position:relative;}
.bigbox{ width:100%; height:100%; position:relative;}
.div_js{ position:relative; filter:alpha(opacity=0); opacity:0;}
.index_logo{ position:fixed; top:29px; z-index:10000;}
.index_logo img{ margin-right:10%;}
.index_menu{ position:fixed; top:29px; right:0; z-index:10000;}
.index_menu a{ font-size:18px; padding:0 15px; color:#fff; line-height:35px; font-weight:100; letter-spacing:2px; font-family:微软雅黑; margin-left:25px;}

.index_line{ position:fixed; top:-300px; right:16%; z-index:250; width:40px; text-align:center; color:#fff; display:none; }
.index_line .div1{ height:169px;}
.index_line .div2{ margin-top:10px;}
.index_line .div2 .p1{ font-size:22px; font-weight:bold;}
.index_search{ position:fixed;; top:36px; right:-228px; z-index:1000;}
.index_search a{ background:url("../images/1_02.png") center left no-repeat; display:block; padding-left:28px; height:23px; line-height:23px; color:#fff; font-size:14px; text-transform:uppercase;}
.index_dh{ position:fixed;; top:36px; right:-137px; z-index:1000; cursor:pointer;}
@media screen and (min-width:1260px) {
.index_dh,.div_js_txt,.main_dh{ display:none;}
}
@media screen and (max-width:1260px) {
.index_menu{ display:none;}
}
.index_right{ position:fixed;; top:158px; right:-100px; z-index:1000;}
.index_left{ position:fixed;; bottom:10%; left:-34px; z-index:1000; display:none;}
.index_foot{ position:fixed;; bottom:-30px; left:-34px; z-index:1000; color:#eee;}
.index_foot a{ color:#eee;}
.index_qq{ position:fixed; bottom:-30px; right:-75px; z-index:1000;}
.index_qq a{ display:block; float:left; width:36px; height:36px; margin-left:20px;}
.index_qq .a1{ background:url("../images/1_06.png") center center no-repeat;}
.index_qq .a2{ background:url("../images/1_07.png") center center no-repeat;}
.index_qq .a3{ background:url("../images/1_08.png") center center no-repeat;}
.index_qq .a1:hover{ background:url("../images/1_06a.png") center center no-repeat;}
.index_qq .a2:hover{ background:url("../images/1_07a.png") center center no-repeat;}
.index_qq .a3:hover{ background:url("../images/1_08a.png") center center no-repeat;}

.index_qq .a1 img{ position:absolute; bottom:40px; left:15px; filter:alpha(opacity=0); opacity:0; width:0px; padding-bottom:5px;}
.index_qq .a2 img{ position:absolute; bottom:40px; left:14px; filter:alpha(opacity=0); opacity:0; width:0px; padding-bottom:5px; }
.index_qq .a3 img{ position:absolute; bottom:40px; left:17px; filter:alpha(opacity=0); opacity:0; width:0px; padding-bottom:5px;}

#content{ overflow:hidden; width:1000%;}
.article{ float:left; position:relative;}  
.sideGuide{ position:fixed; z-index:100;  right:0px;  _position:absolute; _left:expression(eval(document.documentElement.scrollLeft+document.documentElement.offsetWidth/2))}
.sideGuide ul{ zoom:1; position:relative;}
.sideGuide .bg{ position:absolute;  top:0; left:0; width:100%; height:32px; filter:alpha(opacity=50);opacity:0.5; z-index:150;}
.sideGuide .curBg{ position:absolute; top:0; left:0; width:19.8%; height:4px; background:#02aa93; z-index:150; top:75px;}
.htmleaf-container{ position:absolute; left:0px; z-index:100; width:100%; height:100%; text-align:center; overflow:hidden;}
.head{ position:fixed; top:0px; right:0px; z-index:300; width:43px; text-align:center; top:38.3%; cursor:pointer;}
.head .activesss{ color:#fff; font-size:20px; margin-bottom:20px; background:url("../images/1_19.png") left center no-repeat; width:43px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.head .activesss:hover,.head .on{ background:url("../images/1_19.png") right center no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

/* 第一屏 */
.div_index1{ width:100%; height:100%; z-index:200; overflow:hidden; position:relative;}
.div_index1 .bg{ position:absolute; left:0px; z-index:10;}
.div_index1 .div1{ position:absolute; z-index:110; width:48%; left:25%; top:17%; height:100%; overflow:hidden;}
.div_index1 .div1 .p1{ width:83%; position:absolute; left:0px; top:0px; margin-left:10%; margin-top:21%; overflow:hidden; text-align:center;}
.div_index1 .div1 .p1 img{ width:100%; position:relative; bottom:-200px;}
.div_index1 .div1 .p2{ position:absolute; left:50%; top:0px; margin-top:45%; margin-left:-71px;}
.div_index1 .div1 .p2 a{ border:1px solid #fff; display:block; width:140px; height:40px; text-align:center; line-height:40px; color:#fff; text-transform:uppercase; font-size:14px;}
.div_index1 .div1 .p2 a:hover{ background:#111; border:1px solid #111; color:#fff}

/* 第二屏 公司介绍 */
.div_index2{ width:100%; height:100%; z-index:280; overflow:hidden; position:relative;}
.div_index2 .div_bg{ background:#000; position:absolute; min-width:768px; top:0px; left:0px; width:100%; height:100%; overflow:hidden;}
.div_index2 .div_bg .div1{ position:absolute; background:#fb531f; width:50%; height:100%; left:-100%; top:0px; z-index:100;}
.div_index2 .div_bg .div2{ position:absolute; width:65%; height:30%; overflow:hidden; top:35%; right:0%; background:url("../img/ab.jpg") left center no-repeat;}
.div_index2 .div_bg .div3{ position:absolute; z-index:105; top:28%; width:680px; max-width:40%; left:35px; color:#fff;}
@media screen and (max-width:1440px) and (min-width:1260px){
.div_index2 .div_bg .div3{ top:20%; }
}
.div_index2 .div_bg .div3 .p1{ font-size:50px; background:url("../images/1_22.jpg") left bottom no-repeat; line-height:50px; padding-bottom:20px; left:-150px; text-transform:uppercase;}
.div_index2 .div_bg .div3 .p2{ padding-left:40px; margin-top:40px; font-size:22px; top:50px;}
.div_index2 .div_bg .div3 .p3{ padding-left:40px; font-size:14px; margin-top:15px; top:50px;}
.div_index2 .div_bg .div3 .p3 p{ margin-bottom:15px;}
.div_index2 .div_bg .div3 .p4{ padding-left:40px; margin-top:40px; top:50px;}
.div_index2 .div_bg .div3 .p4 a{ border:1px solid #fff; display:block; width:100px; height:40px; text-align:center; line-height:40px; color:#fff; text-transform:uppercase; font-size:14px;}
.div_index2 .div_bg .div3 .p4 a:hover{ background:#fff; color:#ff6c00;}

/* 第三屏 传媒新物种 */
.div_index3{ width:100%; height:100%; z-index:280; overflow:hidden; position:relative;}
.div_index3 .div_bg{ background:#ff6c00; min-width:768px; position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden;}
.div_index3 .div_bg .div1{ position:absolute; background:#fb531f; width:50%; height:100%; left:-100%; top:0px; z-index:100;}
.div_index3 .div_bg .div2{ position:absolute; width:65%; height:30%; overflow:hidden; top:35%; right:0%; background:url("../img/cm.jpg") right center no-repeat;}
.div_index3 .div_bg .div3{ position:absolute; z-index:105; top:28%; width:45%; left:35px; color:#fff;}
@media screen and (max-width:1440px) and (min-width:1260px){
.div_index3 .div_bg .div3{ top:20%; }
}
.div_index3 .div_bg .div3 .p1{ font-size:50px; background:url("../images/1_22.jpg") left bottom no-repeat; line-height:50px; padding-bottom:20px; left:-150px; text-transform:uppercase;}
.div_index3 .div_bg .div3 .p2{ padding-left:40px; margin-top:40px; font-size:22px; top:50px;}
.div_index3 .div_bg .div3 .p3{ padding-left:40px; font-size:14px; margin-top:15px; top:50px;}
.div_index3 .div_bg .div3 .p3 p{ float:left; width: calc(33.33% - 10px); margin-right:10px; background:#ef3e08; box-sizing: border-box; padding:15px; line-height:27px;  min-height:190px; color:#fff;}
.div_index3 .div_bg .div3 .p4{ padding-left:40px; margin-top:40px; top:50px;}
.div_index3 .div_bg .div3 .p4 a{ border:1px solid #fff; display:block; width:100px; height:40px; text-align:center; line-height:40px; color:#fff; text-transform:uppercase; font-size:14px;}
.div_index3 .div_bg .div3 .p4 a:hover{ background:#fff; color:#fb531f}

/* 第四屏 运营案例 */
.div_index4{ width:100%; height:100%; z-index:280; overflow:hidden; position:relative;}
.div_index4 .div_bg{ background:#ffc000; min-width:768px; position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden;}
.div_index4 .div_bg .div1{ position:absolute; background:#fb531f; width:50%; height:100%; left:-100%; top:0px; z-index:100;}
.div_index4 .div_bg .div2{ position:absolute; width:65%; height:30%; overflow:hidden; top:35%; right:0%; background:url("../img/case.jpg") left center no-repeat;}
.div_index4 .div_bg .div3{ position:absolute; z-index:105; top:28%; width:40%; left:35px; color:#fff;}
.div_index4 .div_bg .div3 .p1{ font-size:50px; background:url("../images/1_22.jpg") left bottom no-repeat; line-height:50px; padding-bottom:20px; left:-150px; text-transform:uppercase;}
.div_index4 .div_bg .div3 .p2{ padding-left:100px; margin-top:40px; font-size:22px; top:50px;}
.div_index4 .div_bg .div3 .p3{ padding-left:100px; font-size:14px; margin-top:15px; top:50px;}
.div_index4 .div_bg .div3 .p3 em{ display:block; font-size:16px; font-weight:700; line-height:35px; font-style:normal;}
.div_index4 .div_bg .div3 .p3 a{ border:1px solid #fff; display:block; width: calc(33.33% - 14px); height:40px; text-align:center; line-height:40px; color:#fff; text-transform:uppercase; font-size:14px; float:left; margin-right:12px; margin-bottom:12px;}
.div_index4 .div_bg .div3 .p3 a:hover{ background:#fff; color:#fb531f}
.div_index4 .div_bg .div3 .p4{ padding-left:100px; margin-top:40px; top:50px;}
.div_index4 .div_bg .div3 .p4 a{ border:1px solid #fff; display:block; width:100px; height:40px; text-align:center; line-height:40px; color:#fff; text-transform:uppercase; font-size:14px;}
.div_index4 .div_bg .div3 .p4 a:hover{ background:#fff; color:#fb531f}

/* 第五屏 战略架构 */
.div_index5{ width:100%; height:100%; z-index:280; overflow:hidden; position:relative;}
.div_index5 .div_bg{ background:#c000ff; min-width:768px; position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden;}
.div_index5 .div_bg .div1{ position:absolute; background:#fb531f; width:50%; height:100%; left:-100%; top:0px; z-index:100;}
.div_index5 .div_bg .div2{ position:absolute; width:65%; height:30%; overflow:hidden; top:35%; right:0%; background:url("../img/news.jpg") right center no-repeat;}
.div_index5 .div_bg .div3{ position:absolute; z-index:105; top:28%; width:450px; left:35px; color:#fff;}
.div_index5 .div_bg .div3 .p1{ font-size:50px; background:url("../images/1_22.jpg") left bottom no-repeat; line-height:50px; padding-bottom:20px; left:-150px; text-transform:uppercase;}
.div_index5 .div_bg .div3 .p2{ padding-left:100px; margin-top:40px; font-size:22px; top:50px;}
.div_index5 .div_bg .div3 .p3{ padding-left:100px; font-size:14px; margin-top:15px; top:50px;}
.div_index5 .div_bg .div3 .p4{ padding-left:100px; margin-top:40px; top:50px;}
.div_index5 .div_bg .div3 .p4 a{ border:1px solid #fff; display:block; width:100px; height:40px; text-align:center; line-height:40px; color:#fff; text-transform:uppercase; font-size:14px;}
.div_index5 .div_bg .div3 .p4 a:hover{ background:#fff; color:#fb531f}

.div_index6{ width:100%; height:100%; z-index:280; overflow:hidden; position:relative; background:url(../img/ctbg.jpg) left center no-repeat;}
.div_index6 .div_bg{  position:absolute; left:-100%; top:0px; height:100%; width:100%; z-index:100;}
.div_index6 .div_bg img{ height:80%; position:absolute; top:10%;}
.div_index6 .div1{ position:relative; width:100%; min-width:1200px; height:100%; z-index:1000;}
.div_index6 .div1 .list-contact{ width:82%; padding-top:45px; padding-left:10%; position:absolute; top:10%; left:0px; overflow:hidden;}
.div_index6 .div_js ul{ display:block; padding-top:35px;}
.div_index6 .div_js ul li{ display:block; float:left; width: calc(33.33% - 20px); margin:0 20px 20px 0; color:#fff; background-color:rgba(255,255,255,0.1); box-sizing: border-box; padding:15px 25px; transition:.5s;}
.div_index6 .div_js ul li:hover{ background-color:rgba(255,255,255,0.19);}
.div_index6 .div_js ul li em{ font-style:normal; font-size:22px; font-weight:100; line-height:45px; display:block;}
.div_index6 .div_js ul li p{ max-width:430px; font-size:14px; line-height:25px; height:110px;}
/* Index End */

/* Main */
@media screen and (min-width:1200px){
.main_head{ position:absolute; top:36px; width:100%; min-width:1200px; z-index:1000;}
.main_logo{ padding-left:60px;}
.main_dh{ padding-right:60px; cursor:pointer; padding-top:10px;}
.main_menu{ display:block; padding-right:60px;}
.main_menu a{ font-size:18px; padding:0 15px; color:#fff; line-height:35px; letter-spacing:2px; font-family:微软雅黑; margin-left:25px;}
}
@media screen and (max-width:1260px) {
.main_menu{ display:none;}
}

.main_bg{ position:relative; width:100%; min-width:1200px;}
.main_bg .lf{ width:50%; position:absolute; height:100%;}
.main_bg .lf .div1{ position:absolute; top:16%; width:100%;}
.main_bg .lf .div1 .p1{ float:left; padding-left:60px; color:#fff; width:60%;}
.main_bg .lf .div1 .p1 .pp1{ font-size:30px; line-height:30px; padding-top:27%;}
.main_bg .lf .div1 .p1 .pp2{ margin-top:4%; font-size:18px; line-height:36px;}
.main_bg .lf .div1 .p2{ float:right; width:16%; display:none;}
.main_bg .lf .div1 .p2 img{ width:100%;}
.main_bg .rg{ width:50%; position:relative;}
.div_pr{ background:#ff6d00}
.div_des{ background:#ffc000}
.div_mak{ background:#41cddb}
.div_mak .lf .div1 .p2{ float:right; width:26%;}
.div_news{ background:#89b20c}
.div_news .lf .div1 .p2{ float:right; width:20%;}
.flexslider{ position:relative;height:auto;overflow:hidden;}
.slides { position:relative;z-index:1;}
.slides li { height:auto;}
.slides li img{ width:100%; height:auto}
.flex-control-nav { position:absolute; bottom:4%; z-index:99; right:4%;}
.flex-control-nav li { width:10px; height:10px; margin:0 5px; float:left;}
.flex-control-nav li span { display:none;}
.flex-control-nav li a { float:left; width:10px; height:10px; border-radius:100%; cursor:pointer; background:#fff;}
.flex-control-nav li a.flex-active { background:#ff6d00;}
.flex-direction-nav{ display:none;}
@media screen and (min-width:1200px){
.mian_box{ width:100%; min-width:1200px; max-width:1560px; margin:0 auto;}
}
.case_list{ margin-top:4%; margin-bottom: 1.5%;}
.case_list li{ float:left; width:calc(33.33% - 14px); margin-right:21px; margin-bottom:1.5%; overflow:hidden; position:relative;}
.case_list li:nth-child(3n+0){ margin-right:0;}
.case_list li img{ width:100%;}
.case_list li .div2{ position:absolute; background-color:rgba(255,255,255,0.9); bottom:-100%; left:5%; width:90%; height:86%; filter:alpha(opacity=0); opacity:0;}
.case_list li .div2 .p1{ text-align:center; padding-left:20px; padding-right:20px; padding-top:8%; font-size:18px; font-weight:bold; height:22px; overflow:hidden; color:#2c2c2c;}
.case_list li .div2 .p2{ margin-top:4%; padding:25px 50px; color:#2c2c2c; overflow:hidden; height:66px;}
.case_list li .div2 .p3{ margin:0 auto; margin-top:4%; display:block; width:24%; border:1px solid #fa531f; text-align:center; line-height:32px; color:#fa531f;}
.case_list li .div2 .p3:hover{ background:#fa531f; color:#fff;}

.foot{ background:#000;}
.foot_top{ padding-left:2.5%; padding-right:2.5%; padding-top:52px; padding-bottom:52px; border-bottom:1px solid #333}
.foot_top .lf .div1{ display:block; margin-bottom:15px;}
.foot_top .lf .div1 img{ width:170px;}
.foot_top .lf .div2{ margin-top:10px;}
.foot_top .lf .div2 a{ color:#999;}
.foot_top .lf .div2 span{ color:#999; margin-left:20px; margin-right:20px;}
.foot_top .lf .div2 a:hover{ color:#666}
.foot_top .rg{ padding-top:10px; position:relative; bottom:0px; right:0px;}
.foot_top .rg a{ display:block; float:left; width:36px; height:36px; margin-left:20px; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition: all 1s;}
.foot_top .rg .a1{ background:url("../images/1_06.png") center center no-repeat;}
.foot_top .rg .a2{ background:url("../images/1_07.png") center center no-repeat;}
.foot_top .rg .a3{ background:url("../images/1_08.png") center center no-repeat;}
.foot_top .rg .a1:hover{ background:url("../images/1_06a.png") center center no-repeat;}
.foot_top .rg .a2:hover{ background:url("../images/1_07a.png") center center no-repeat;}
.foot_top .rg .a3:hover{ background:url("../images/1_08a.png") center center no-repeat;}
.foot_bottom{ padding-top:10px; padding-bottom:10px; color:#666; padding-left:2.5%;}
.foot_bottom a{ color:#666;}    
.foot_bottom a:hover{ color:#999;}

.div_dh{ text-align:center; margin-top:80px;}
.div_dh a{ border:1px solid #fa531f; color:#fa531f; padding:12px 5%; margin:0 5%; font-size:16px;}
.div_dh .a1,.div_dh a:hover{ color:#fff; background:#fa531f;}

.div_txt{ width:1200px; margin:0 auto; margin-top:80px; margin-bottom:60px;}
.biaoti{ text-align:center; font-size:30px; color:#333; line-height:36px; padding-bottom:35px; letter-spacing:0;}
.time{ margin-top:10px; color:#999; font-size:14px; border-bottom:1px #ddd dashed; padding-bottom:15px;}
.time span{ margin-right:15px;}
.txt{ font-size:14px; line-height:24px; color:#333; margin-top:30px;}  
.txt img{ max-width:100% !important; height:auto !important;}

.fh a{ display:block; width:100px; height:30px; line-height:30px; color:#000; border:1px solid #000; text-align:center; margin:0 auto; margin-top:30px;}
.fh a:hover{ background:#000; color:#fff;}
.title{ text-align:center; padding-top:50px; color:#000;}
.title .div_div1{ font-size:28px;}
.title .div_div2{ font-size:18px; margin-top:20px; text-transform:uppercase; color:#999;}
@media screen and (min-width:1200px){
.box{ width:1200px; margin:0 auto;}
}
.mainys{ max-width:80%; width:1360px; margin:0 auto; text-align:left;}
@media screen and (min-width:1200px){
.div_abo{ position:relative; height:100%; min-width:1200px;}
.div_abo img{ width:100%;}
.div_abo .div2{ position:absolute; width:9.42%; bottom:50px; padding-left:45.29%; padding-bottom:38%; z-index:100; filter:alpha(opacity=0); opacity:0;}
.div_abo .div3{ position:absolute; width:100%; top:40%; z-index:100; filter:alpha(opacity=0); opacity:0; color:#fff; font-size:29px; letter-spacing:3px;}
.div_abo .div3 i{ display:block; font-size:45px; line-height:120px; font-style:normal;}
}
@media screen and (max-width:1200px){
.div_abo{ position:relative;}
.div_abo img{ width:100%;}
.div_abo .div3{ position:absolute; width:100%; top:25% !important; z-index:100; filter:alpha(opacity=0); opacity:0; color:#fff; font-size:14px; letter-spacing:0px;}
.div_abo .div3 i{ display:block; font-size:22px; line-height:35px; font-style:normal;}
}

.div_abo1{ padding:20px 0 50px;}
@media screen and (min-width:1200px){
.div_abo1 ul{ margin-top:35px;}
.div_abo1 ul li{ box-shadow:0px 2px 8px #ccc; box-sizing: border-box; padding:25px; width:calc(33.33% - 12px); margin-right:18px; margin-bottom:18px; float:left; cursor: pointer; transition:.5s; position:relative;}
.div_abo1 ul li:hover{  box-shadow:0px 0px 18px #bbb;}
.div_abo1 ul li:nth-child(3n+0){ margin-right:0;}
.div_abo1 ul li p{ font-size:14px; line-height:30px; min-height:150px; padding:0px; margin:25px 0;}
.div_abo1 ul li em{ display:block; background:#f86b24; color:#fff; font-size:16px; height:50px; line-height:50px; border-radius:5px; text-align:center; font-style:normal; transition:.5s;}
}
@media screen and (max-width:1200px){
.div_abo1 ul{ margin:20px;}
.div_abo1 ul li{ box-shadow:0px 2px 8px #ccc; box-sizing: border-box; padding:25px; margin-bottom:18px; cursor: pointer; transition:.5s; position:relative;}
.div_abo1 ul li p{ font-size:14px; line-height:30px; min-height:150px; padding:0px; margin:25px 0;}
.div_abo1 ul li em{ display:block; background:#f86b24; color:#fff; font-size:16px; height:50px; line-height:50px; border-radius:5px; text-align:center; font-style:normal; transition:.5s;}
}

.div_abo2{ background:url("../images/7_10.jpg") center top no-repeat; height:auto; padding:50px 0 150px;}
.div_abo2 .title{ color:#fff;}
.div_abo2 ul{ margin-top:90px;}
@media screen and (min-width:860px){
.div_abo2 ul li{ float:left; width:25%; text-align:center; color:#fff;}
}
@media screen and (max-width:860px){
.div_abo2 ul li{ text-align:center; color:#fff;}
}
.div_abo2 ul li .div2{ font-size:20px; margin-top:20px;}
.div_abo2 ul li .div3{ margin:0 auto; width:180px; border:3px solid #fff; text-align:center; height:46px; line-height:46px; font-size:16px; border-radius:20px; margin-top:40px; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_abo2 ul li .div3:hover{ border:3px solid #fb531f; background:#fb531f; color:#fff; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_abo2 ul li .div4{ position:relative; margin-top:30px; top:20px; filter:alpha(opacity=0); opacity:0; padding-left:25px; padding-right:25px;}
.div_abo2 ul li .div5{ display:none;}
@media screen and (max-width:860px){
.div_abo2 ul li .div1{ display:none;}
.div_abo2 ul li .div4{ opacity:1; margin-top:0;}
}

.body_sea{ background:url("../images/8_01.jpg") fixed center top no-repeat;}
.div_sea{ text-align:right; padding-top:1.5%; padding-right:1.5%;}
.div_sea1{ text-align:center; font-size:18px; margin-top:1.5%;}
.div_sea2{ background:url("../images/8_04.png") center bottom no-repeat; padding-bottom:50px; margin-top:3%;}
.div_sea2 .div1{ width:60%; margin:0 auto; position:relative;}
.div_sea2 .div1 .lf{ width:100%;}
.div_sea2 .div1 .lf input{ height:40px; line-height:40px; border:0px; width:100%; background:none; text-align:center; font-size:35px; font-weight:bold;}
.div_sea2 .div1 .rg{ position:absolute; right:0px; top:0px; height:40px; line-height:40px;}
.div_sea3{ width:80%; margin:0 auto; margin-top:3%;}
.div_sea3 ul li{ margin-bottom:3%;}
.div_sea3 ul li .lf{ width:30%;}
.div_sea3 ul li .lf img{ width:100%;}
.div_sea3 ul li .rg{ width:68%;}
.div_sea3 ul li .rg .p1{ font-size:16px; font-weight:bold;}
.div_sea3 ul li .rg .p2{ margin-top:15px; font-size:14px; color:#666; line-height:26px;}

.div_thi img{ width:100%;}
.div_thi1{ text-align:center; position:relative; z-index:10; margin-top:-18px}
.div_thi2{ width:1200px; margin:0 auto; margin-bottom:50px}
.div_thi2 .lf{ width:265px;}
.div_thi2 .lf .div1 #rollBox{ height:654px; overflow:hidden; border:1px solid #ddd;}
.div_thi2 .lf .div1 #rollBox ul li{ height:109px; overflow:hidden; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_thi2 .lf .div1 #rollBox ul li a{ display:block;}
.div_thi2 .lf .div1 #rollBox ul li a .p1{ width:96px; padding-top:10px; padding-left:31px; float:left;}
.div_thi2 .lf .div1 #rollBox ul li a .p2{ width:90px; padding-top:28px; float:right; padding-right:31px;}
.div_thi2 .lf .div1 #rollBox ul li a .p2 .pp1{ color:#333; font-size:18px; font-weight:bold;}
.div_thi2 .lf .div1 #rollBox ul li a .p2 .pp2{ color:#666; font-size:14px; margin-top:4px;  -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_thi2 .lf .div1 #rollBox ul li:hover{ background:#9bcd3b; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_thi2 .lf .div1 #rollBox ul li:hover a .p2 .pp2{ color:#fff; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_thi2 .rg{ width:860px;}
.div_thi2 .rg ul li{ padding-bottom:32px; border-bottom:1px solid #dddddd; margin-bottom:20px;}
.div_thi2 .rg ul li a{ display:block;}
.div_thi2 .rg ul li a .p1{ width:60px; float:left;}
.div_thi2 .rg ul li a .p1 .pp1{ color:#666; font-size:21px;}
.div_thi2 .rg ul li a .p1 .pp2{ background:url("../images/10_07.jpg") center center no-repeat; width:36px; height:35px; margin-top:20px; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_thi2 .rg ul li:hover a .p1 .pp2{ background:url("../images/10_08.jpg") center center no-repeat; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_thi2 .rg ul li a .p2{ margin-left:22px; float:left; padding-top:8px; width:28px;}
.div_thi2 .rg ul li a .p3{ width:480px; margin-left:30px; float:left;}
.div_thi2 .rg ul li a .p3 .pp1{ color:#111; font-size:14px;}
.div_thi2 .rg ul li a .p3 .pp2{ color:#666; margin-top:10px;}
.div_thi2 .rg ul li a .p4{ float:right; width:186px;}
.div_thi3{ display:none;}
.mobliebox{ display:none;}
.div_index11{ display:none;}
@media screen and (max-width:1200px){
.bigbox{ display:none;}
.mobliebox{ display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:scroll;}
.main_head{ height:50px; box-sizing: border-box; padding:10px 20px; width:100% !important; background-color:rgba(0,0,0,0.5);}
.main_logo{ float:left; padding:0;}
.main_logo img{ height:30px;}
.main_dh{ float:right;}
.main_dh img{ width:30px;}
.main_ban{ background:#fa531f; padding:100px 20px 60px;}
.main_ban img{ display:block; width:80%; margin:0 auto;}
.main_img{ display:block; margin:20px;}
.main_img img{ width:100%;}
.main_body1{ display:block; margin:0 20px;}
.main_body1 em{ font-size:18px; font-weight:700; line-height:35px; font-style:normal;}
.main_body1 a{ border:1px solid #fff; display:block; width:100px; height:40px; text-align:center; line-height:40px; color:#fff; text-transform:uppercase; font-size:14px;}
.main_body1 p{ font-size:15px; color:#555; line-height:24px;}
.main_body2{ background:#fa531f; padding:20px; color:#eee;}
.main_body2 p{ margin:10px 0 25px; text-align:center; border-radius:5px;}
.main_body2 p em{ display:block; text-align:left;}
.main_body2 p a{ float:left; width: calc(50% - 10px); margin-right:10px; display:block; background-color:rgba(255,255,255,0.8); color:#fa531f; font-size:15px; line-height:45px; margin-bottom:10px;}
.main_body2 em{ font-size:18px; font-weight:700; line-height:35px; font-style:normal;}
.main_body3{ margin:20px;}
.main_body3 em{ font-size:18px; font-weight:700; line-height:35px; font-style:normal;}
.main_body3 ul{ display:block; padding-top:5px;}
.main_body3 ul li{ display:block; margin-bottom:20px; color:#333; background:#f0f0f0; box-sizing: border-box; padding:10px 20px; transition:.5s;}
.main_body3 ul li em{ font-style:normal; font-size:18px; font-weight:700; line-height:25px; display:block;}
.main_body3 ul li p{ font-size:14px; line-height:22px;}
}
.ul_news{ width:1200px; margin:0 auto; margin-top:4%;}
.ul_news li{ padding:25px; margin-bottom:40px; box-shadow:0px 2px 8px #ccc; transition:.5s;}
.ul_news li .lf{ width:300px;}
.ul_news li .lf .div1 img{ width:100%;}
.ul_news li .rg{ width:820px;}
.ul_news li .rg .div1{ color:#333; font-size:18px; border-bottom:1px dotted #a9a9a9; padding-top:15px; padding-bottom:15px; font-weight:bold;  transition:.5s;}
.ul_news li .rg .div2{ color:#666; font-size:14px; line-height:26px; margin-top:10px;}
.ul_news li .rg .div3{ color:#999; margin-top:10px; font-size:14px;}
.ul_news li:hover .rg .div1{ color:#fa531f; }
.ul_news li:hover{  box-shadow:0px 0px 18px #bbb;}

@media screen and (max-width: 736px) and (min-width:0px) {
	 .ul_news{ width:90%; margin-left:5%; margin-right:5%;}
	 .ul_news li{ padding-bottom:25px; margin-bottom:25px;}
	 .ul_news li .lf{ width:100%;}
	 .ul_news li .lf .div2{ font-size:14px; color:#999; margin-top:5px;}
	 .ul_news li .rg{ width:100%;}
	 .ul_news li .rg .div1{ color:#333; font-size:18px; text-align:center; margin-top:5px; padding-top:0px; padding-bottom:0px; border:0px; line-height:26px;}
	 .ul_news li .rg .div2{ margin-top:10px;}
	 .ul_news li .rg .div3{ text-align:center;}
	 .txt img{ width:100%}
}


.page1{clear:both; text-align:center;font-size:12px; height:24px; line-height:24px;}
.page1 span a{border:1px solid #0C0C0C;color:#0C0C0C;padding:2px 6px;line-height:15px;height:15px;text-decoration:none;background:#fff;}
.page1 span a:hover{border:1px solid #999;color:#999;}
.page1 span{margin:2px;}
.page1 span.current a{border:1px solid #0C0C0C;background:#0C0C0C;color:#fff;}
.page1 span a.disabled{border:1px solid #ccc;color:#ccc;cursor:default;}


.fenye{clear:both; text-align:center;font-size:12px; margin-top:20px;}
.fenye span{padding:5px 10px; border:1px solid #0187C5; margin-left:5px; margin-right:5px;}
.fenye a{ padding:5px 10px; border:1px solid #0187C5; background:#0187C5;color:#fff; margin-left:5px; margin-right:5px;}
.fenye .current{border:1px solid #0187C5;background:#fff;color:#0187C5;}
.fenye .disabled{border:1px solid #0187C5;color:#fff;cursor:default;}

.shxia{ display:block; color:#444; background:#f0f0f0; padding:12px 25px; margin-top:50px;}
.shxia a{ color:#444;}
.shxia p{ width:50%; float:left; display:block; font-size:15px;}
.shxia p:nth-child(2){ text-align:right !important;}

@media screen and (min-width:1200px){
.list_contact{ max-width:1360px; margin:50px auto;}
.list_contact ul{ display:block; padding-top:35px;}
.list_contact ul li{ display:block; float:left; width: calc(33.33% - 20px); margin:0 20px 20px 0; color:#222; background-color:#eee; box-sizing: border-box; padding:25px 35px;}
.list_contact ul li em{ font-style:normal; font-size:22px; font-weight:700; line-height:45px; display:block; position:relative; color:#333;}
.list_contact ul li em:before{ position:absolute; left:0; bottom:0; width:45px; height:2px; background:#333; content:"";}
.list_contact ul li p{ max-width:430px; font-size:14px; line-height:25px; height:120px; padding-top:15px;}
.list_case{ width:1200px; margin:30px auto 50px;}
}
@media screen and (max-width:1200px){
.list_contact ul{ margin:20px;}
.list_contact ul li{ display:block; margin-bottom:20px; color:#222; background-color:#eee; box-sizing: border-box; padding:20px;}
.list_contact ul li em{ font-style:normal; font-size:18px; font-weight:700; line-height:35px; display:block; position:relative; color:#333;}
.list_contact ul li em:before{ position:absolute; left:0; bottom:0; width:45px; height:2px; background:#333; content:"";}
.list_contact ul li p{ max-width:430px; font-size:14px; line-height:25px; height:120px; padding-top:15px;}
.list_case{ margin:20px;}
}
@media screen and (min-width:760px){
.class_case{ float:left; width:220px;}
.list_yy{ float:right; width: calc(100% - 265px);}
}

.class_case em{ display:block; line-height:80px; text-align:center; color:#fff; background:#f86b24; font-size:24px; font-style:normal; font-weight:100;}
.class_case li{ line-height:42px; background:#ddd;list-style:none; margin:5px 0;}
.class_case li a{ display:block; padding-left:25px; color:#444; font-weight:700; font-size:15px;}
.class_case p{ display:block; border-bottom:1px #ddd dashed;}
.class_case p a{ color:#666; line-height:33px; padding-left:25px; font-size:14px; display:block;}

.list_yy h2{ position:relative; padding-left:12px;}
.list_yy h2:before{ width:4px; height:20px; position:absolute; left:0; top:0; background:#f86b24; content:"";}
.list_yy li{ box-shadow:0px 2px 8px #ccc; box-sizing: border-box; padding:15px; transition:.5s;}
@media screen and (min-width:960px){
.list_yy li{ width:calc(33.33% - 12px); margin-right:18px; margin-bottom:18px; float:left;}
.list_yy li:nth-child(3n+0){ margin-right:0;}
}
@media screen and (max-width:960px) and (min-width:460px){
.list_yy li{ width:calc(50% - 10px); margin-right:20px; margin-bottom:20px; float:left;}
.list_yy li:nth-child(2n+0){ margin-right:0;}
}
@media screen and (max-width:460px){
}
.list_yy li a{ display:block; height:95px; overflow:hidden; color:#333;}
.list_yy li a img{ width:35%; float:left; margin-right:25px;}
.list_yy li a em{ font-style:normal; font-size:18px; line-height:29px; height:auto; padding:5px 0; display:inherit;}
.list_yy li a p{ font-size:14px; color:#888;}
.list_yy li:hover{  box-shadow:0px 0px 18px #bbb;}

.about_title{ display:block; line-height:100px; height:100px; font-size:28px; text-align:center; font-weight:700; color:#333; position:relative; letter-spacing:2px;}
.about_title:before{ content:""; position:absolute; left:50%; bottom:10px; width:50px; height:3px; background:#333; margin-left:-25px;}
.about_titles{ display:block; line-height:100px; height:100px; font-size:28px; text-align:center; font-weight:700; color:#fff; position:relative; letter-spacing:2px;}
.about_titles:before{ content:""; position:absolute; left:50%; bottom:10px; width:50px; height:3px; background:#eee; margin-left:-25px;}
@media screen and (min-width:1200px){
.list_media{ width:1200px; margin:90px auto 50px;}
.list_media li{ box-shadow:0px 2px 8px #ccc; box-sizing: border-box; padding:90px 25px 45px; width:calc(33.33% - 12px); margin-right:18px; margin-bottom:18px; float:left; cursor: pointer; transition:.5s; position:relative;}
.list_media li:nth-child(3n+0){ margin-right:0;}
}
@media screen and (max-width:1200px){
.list_media{ margin:20px;}
.list_media li{ box-shadow:0px 2px 8px #ccc; box-sizing: border-box; padding:90px 25px 45px; margin-bottom:60px; cursor: pointer; transition:.5s; position:relative;}
}
.list_media li p{ font-size:14px; line-height:42px; min-height:100px; padding-bottom:25px;}
.list_media li p span{ display:block; float:left; width:50%;}
.list_media li em{ display:block; background:#222; color:#fff; font-size:16px; height:50px; line-height:50px; border-radius:5px; text-align:center; font-style:normal; transition:.5s;}
.list_media li:hover em{ background:#fb531f;}
.list_media li:hover{  box-shadow:0px 0px 18px #bbb;}
.list_media li i{ position:absolute; left:50%; top:0; display:inline; width:80px; height:80px; margin:-40px 0 0 -40px; line-height:80px; color:#fb531f; font-size:35px; font-style:normal; text-align:center; background:#f0f0f0; border-radius:50%; box-shadow:0px 0px 6px #999; transition:.5s;}
.list_media li:hover i{ color:#fff;  background:#fb531f;}

.list_jiagou{ min-height:450px;}

.about_ziyuan{ background:#f86b24; padding:10px 0;}
@media screen and (max-width:960px){
.about_ziyuan{ padding:10px 20px;}
}
.about_ziyuan p{ display:block; font-size:22px; line-height:30px; text-align:center; padding:15px 0 25px; color:#fff; opacity:0.75;}
.ziyuan_img{ display:block; max-width:1000px; margin:0 auto;}
.ziyuan_img li{ float:left; width:25%;}
.ziyuan_img li img{ display:block; margin:0 auto; max-width:209px; width:70%;}
.ziyuan_logo{ display:block; max-width:1340px; margin:25px auto 15px;}
@media screen and (min-width:960px){
.ziyuan_logo li{ float:left; width:50%;}
}
.ziyuan_logo li img{ display:block; width:100%;}

@media screen and (min-width:960px){
.about_ziyuans{ padding:50px 0 0; max-width:1200px; margin:0 auto; position:relative;}
.ziyuans_con{ width:35%; padding-top:5%; position:absolute; left:0; top:140px; z-index:10;}
.ziyuans_img{ float:right; width:70%; margin-top:30px;}
}
@media screen and (max-width:960px){
.about_ziyuans{ margin:20px;}
}
.ziyuans_con{ color:#f86b24; }
.ziyuans_con em{ font-size:24px; line-height:32px; display:block; font-style:normal; padding:10px 0;}
.ziyuans_con em i{ font-size:31px; font-weight:700; font-style:normal;}
.ziyuans_con span{ font-size:20px; line-height:27px; display:block; padding:10px 0;}
.ziyuans_con span i{ font-size:25px; font-weight:700; font-style:normal;}
.ziyuans_con p{ font-size:16px; line-height:22px; padding:10px 0;}
.ziyuans_img img{ display:block; width:100%;}

@media screen and (min-width:1200px){
.list_jiagou1{ margin:0 auto; width:1200px;}
.list_jiagou3{ display:block;}
}
@media screen and (max-width:1200px){
.list_jiagou1{ margin:20px;}
.list_jiagou3{ display:block; margin:20px;}
}
.jiagou1_img{ display:block;}
.jiagou1_img img{ display:block; margin:35px auto; width:100%; max-width:1000px;}
@media screen and (min-width:760px){
.jiagou1_con li{ float:left; width:calc(25% - 15px); margin-right:20px; background:#f86b24; box-sizing: border-box; padding:20px; color:#fff; border-radius:12px;}
.jiagou1_con li:nth-child(4n+0){ margin-right:0px;}
.jiagou1_con li em{ font-style:normal; line-height:35px; font-size:20px; font-weight:700;}
.jiagou1_con li p{ font-size:15px; line-height:24px; min-height:220px;}
}
@media screen and (max-width:760px) and (min-width:460px) {
.jiagou1_con li{ float:left; width:calc(50% - 10px); margin-right:20px; background:#f86b24; box-sizing: border-box; padding:20px; color:#fff; border-radius:12px; margin-bottom:20px;}
.jiagou1_con li:nth-child(2n+0){ margin-right:0px;}
.jiagou1_con li em{ font-style:normal; line-height:35px; font-size:20px; font-weight:700;}
.jiagou1_con li p{ font-size:15px; line-height:24px; min-height:220px;}
}
@media screen and (max-width:460px){
.jiagou1_con li{ background:#f86b24; box-sizing: border-box; padding:20px; color:#fff; border-radius:12px; margin-bottom:20px;}
.jiagou1_con li em{ font-style:normal; line-height:35px; font-size:20px; font-weight:700;}
.jiagou1_con li p{ font-size:15px; line-height:24px;}
}

.list_jiagou2{ background:#f86b24; padding:20px 0 40px; margin-top:50px;}
.list_jiagou2 ul{ max-width:1100px; margin:0 auto;}
.list_jiagou2 li{ background:#fff; box-sizing: border-box; color:#444; border-radius:12px;}
@media screen and (min-width:960px){
.list_jiagou2 li{ width:calc(33.33% - 40px); margin:20px; padding:25px; float:left;}
}
@media screen and (max-width:960px) and (min-width:760px){
.list_jiagou2 li{ width:calc(33.33% - 20px); margin:10px; padding:15px; float:left;}
}
@media screen and (max-width:760px){
.list_jiagou2 li{ padding:25px; margin:20px;}
}
.list_jiagou2 li:hover{box-shadow:0px 0px 20px #a04500;}
.list_jiagou2 li img{ border-radius:18px; width:100%; display:block; margin:0 auto 20px;}
.list_jiagou2 li em{ display:block; font-size:22px; font-weight:700; line-height:40px; font-style:normal;}
.list_jiagou2 li span{ font-size:18px; line-height:35px; display:block;}
.list_jiagou2 li p{ line-height:22px; font-size:14px; min-height:150px;}
.list_jiagou3 img{ display:block; margin:35px auto 50px; width:100%; max-width:1200px;}