﻿@media screen and (max-width: 980px) {
	
	.zooms {background-size:150%!important;-o-background-size:150%;-webkit-background-size:150%;-moz-background-size:150%;}
	.flexslider{height:300px !important}
	.flexslider .slides li{height:300px !important}
	.flexslider .slides li .img{height:300px !important}
	.flexslider .slides li a{height:300px !important}
	
	.index_div .index_mian{ width:100%!important; }
	.flex-direction-nav a { display:none !important;}
	
	.title { background: url(../images/title_bg.png)  center  65px no-repeat!important;;}
	.title h1{ font-size:2.9em!important;}
    .title h2{ font-size:2.4em !important;}
	
	.scrollpic,.scrollpic1,.scrollpic2{width:100%!important; height: auto !important; overflow:hidden !important;}
    #myscroll{position: relative !important;width:100%!important; height: auto !important; overflow:!important; left: auto !important; top: auto!important;}
    #myscroll #myscrollbox{position: relative !important;width:100%!important;left: auto !important; top: auto!important;}
	#myscroll ul {text-align:center;}
    #myscroll ul li{display: inline-block !important;float: none!important;width:49%!important; margin-bottom:2%;}
    #myscroll ul li a{display: inline-block !important;float: none!important;width:97% !important;height: auto !important;}
    #myscroll ul li a img {width:100% !important;}
	#myscroll ul li a span{ font-size:1.8em!important;}
	#mybtns,#mybtns1,#mybtns2 { display:none !important;}
	
	
	.bg2 {background:url() center no-repeat #FFF !important; margin-bottom:60px;}
	#myscroll1{position: relative !important;width:100%!important; height: auto !important; overflow:!important; left: auto !important; top: auto!important; margin:auto !important;}
	#myscroll1 #myscrollbox1{position: relative !important;width:100%!important;left: auto !important; top: auto!important;}
	#myscroll1 ul{text-align:center;width:100%!important;}
	#myscroll1 ul li{display: inline-block!important;float: none!important;width:49%!important; margin-bottom:2%;}
	#myscroll1 ul li a{display: inline-block !important;float: none!important;width:95%!important;height: auto !important;padding:1% !important; }
	#myscroll1 ul li a img { width:100% !important;height: auto !important;padding:0 !important;}
	#myscroll1 ul li a span{font-size:1.8em!important;width:96% !important;padding:0 2%!important;}
	.index_mall {  position: relative !important;left: auto !important; bottom: auto!important; width:100%!important; height: auto !important;margin:20px auto auto auto!important; zoom:2;}
	
	
	
	.index_news {width:86%!important; float: none !important; padding:5% 5% 5% 5% !important; margin-left:2%!important; text-align:center!important; line-height:1.8em !important;font-size:2.4em;}
	.index_news .title1{ padding:2% 0 2% 0!important; margin-bottom:2%!important;}
	.index_news .title1 h1{font-size:1.2em !important; }
	.index_news .title1 h2{font-size:1.2em!important;}
	.index_news .title1 a{ font-size:1.0em!important;}
	.index_news img {display: inline-block !important; width:100%!important;height: auto !important;}
	.index_news a.smore { padding:4% 0 !important; width:100% !important; margin-top:40px !important; margin-bottom:20px !important;}
	.index_news li { text-align:left;}
	.index_news li a{line-height:1.8em !important; }
	.ivideo {  display:block !important; width:100% !important; height:300px !important; overflow:hidden !important; margin-bottom:40px;}
	.ivideo span{ width:100% !important;height:400px !important; }
	.ivideo span i {width:100% !important;height:300px !important; }

	
	.title2{  padding:5% 0px 2% 0px!important; height: auto !important; float: none !important; width:100% !important; margin:auto !important;text-align: center !important;  }
    .title2 h1{font-size:2.4em !important;}
    .title2 h2{font-size:1.9em!important; }

    #myscroll2{position: relative !important;width:100%!important; height: auto !important; overflow:!important; left: auto !important; top: auto!important; margin:auto auto 50px auto !important;}
    #myscroll2 #myscrollbox2{position: relative !important;width:98%!important;left: auto !important; top: auto!important;margin:auto !important}
    #myscroll2 ul{text-align:center;width:100%!important; }
    #myscroll2 ul li{display: inline-block!important;float: none!important;width:30%!important; margin-bottom:2%;}
    #myscroll2 ul li a{display: inline-block !important;float: none!important;width:95%!important;height: auto !important;padding:1% !important;}
    #myscroll2 ul li a img {width:100% !important;padding:0 !important;}

	
	
	
	}	




/*广告图*/

.zooms { background-position:center top; background-repeat:no-repeat;}
.flexslider{width:100%;height:500px;margin:auto;position:relative;overflow:hidden;}
.flexslider .slides{}
.flexslider .slides li{width:100%;height:500px; position:relative;}
.flexslider .slides li .img{width:100%;height:500px;}
.flexslider .slides li a span{ position:absolute; left:50%; margin-left:-500px; top:150px;}
.flexslider .slides li a{width:100%;height:500px; display:block;}
.flex-direction-nav a{width:42px;height:42px;overflow:hidden;margin:-21px 0 0;display:block;background-color:#999;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease; -moz-border-radius:100px; -webkit-border-radius: 100px;border-radius:100px;}
.flex-direction-nav .flex-next{right:5%;background-image: url(../images/jt_r.png);}
.flex-direction-nav .flex-prev{left:5%;background-image: url(../images/jt_l.png);}
.flexslider:hover .flex-next{opacity:30;filter:alpha(opacity=0.3);}
.flexslider:hover .flex-prev{opacity:30;filter:alpha(opacity=0.3);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=100);background-color: #0d6f60; }
.flex-control-nav{width:100%;position:absolute;bottom:20px;text-align:center; display: none;}
.flex-control-nav li{margin:0 1px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}






/*产业链金融*/
.index_div {width:100%; padding-top:30px;overflow:hidden;}
.index_div .index_mian{ width:1050px; margin:auto; position:relative;}
.title { background: url(../images/title_bg.png)  center  35px no-repeat;text-align:center; margin-bottom:20px;}
.title h1{ font-size:18px; text-transform:uppercase; font-family:Arial; color:#b4b4b4;}
.title h2{ font-size:16px;}


.scrollpic{width: 1050px;margin:auto; position:relative;height: 300px; }
.scrollpic * {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
#myscroll{display: block;width: 100%;position: absolute;overflow: hidden;height: 340px; left:0; top:10px;}
#myscroll #myscrollbox{display: block;float:left;position: absolute;left:0;top:0;width:1000000px;}
#myscroll ul{display: block;float: left;list-style-type: none;padding: 0;margin: 0;}
#myscroll ul li{display: block;float: left;padding: 0;width:264px; margin-right:0px;}
#myscroll ul li a{display: block;float: left;width: 250px;height: 240px;padding: 0;position: relative;}
#myscroll ul li a img { display:block;}
#myscroll ul li a span{background:#f1f1f1 url(../images/jt1.png) 90% center no-repeat;color: #000;text-align: center; font-size:14px; height:50px; line-height:50px; display:block; border-bottom:#f1f1f1 3px solid; padding:0 20px;letter-spacing:2px}
#myscroll ul li a:hover span{background:#f1f1f1;border-bottom:#bfa164 3px solid; text-align:left; background:#f1f1f1 url(../images/jt1.png) 80% center no-repeat;}
#mybtns{width:100%;display: block;height: 340px; }
#mybtns a{width: 42px;height: 42px;display: block;position:absolute; z-index:9; top:50%; margin-top:-21px; background:#0c6f60; -moz-border-radius:100px; -webkit-border-radius: 100px;border-radius:100px; border:#FFF 3px solid;}
#mybtns a:hover{background-color: #8e6c3b;}
#mybtns #left{background-image: url(../images/jt_l.png); left:-80px;}
#mybtns #right{background-image: url(../images/jt_r.png);right:-80px;}



.bg2 {background:url(../images/p_bg.png) center no-repeat #FFF;}
.scrollpic1{width: 1050px;margin:auto; position:relative;height: 500px; }
.scrollpic1 * {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
#myscroll1{display: block;width: 980px;position: absolute;overflow: hidden;height: 500px; left:50%; margin-left:-490px; top:20px;}
#myscroll1 #myscrollbox1{display: block;float:left;position: absolute;left:0px;top:0px;width:1000000px;}
#myscroll1 ul{display: block;float: left;list-style-type: none;padding: 0;margin: 0;}
#myscroll1 ul li{display: block;float: left;padding: 0; width:198px;}
#myscroll1 ul li a{display: block;position: relative; text-align:center;border:#CCC 1px solid; padding:2px; background: #FFF;width:180px;}
#myscroll1 ul li a img { display: inline-block; padding:10px; width:160px; height:200px;}
#myscroll1 ul li a span{background-color:#f1f1f1;color: #000;font-size:14px; height:40px; line-height:40px; display:block; padding:0 20px;letter-spacing:2px; width:140px;}
#myscroll1 ul li a:hover span{background-color:#084a40; color:#FFF;}
#myscroll1 ul li a:hover {border:#084a40 1px solid;}
#mybtns1{width:100%;display: block;height: 340px; }
#mybtns1 a{width: 42px;height: 42px;display: block;position:absolute; z-index:9; top:30%; margin-top:-21px; background:#0c6f60; -moz-border-radius:100px; -webkit-border-radius: 100px;border-radius:100px; border:#FFF 3px solid;}
#mybtns1 a:hover{background-color: #8e6c3b;}
#mybtns1 #left1{background-image: url(../images/jt_l.png); left:-80px;}
#mybtns1 #right1{background-image: url(../images/jt_r.png);right:-80px;}


.index_mall { text-align:center; position:absolute; left:50%; bottom:100px; width:400px; margin-left:-200px; z-index:9;}
.index_mall a{ display:inline-block;}
.index_mall a:hover {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}



/*图标*/
#myscroll1 ul li a:hover span.p-icon{background-image:url(../images/icon02.png);  color:#FFF;}
.p-icon { display:block; background-image:url(../images/icon01.png); background-repeat:no-repeat; }
.p01 {background-position:40px 5px;}
.p02 {background-position:40px -32px;}
.p03 {background-position:40px -75px;}
.p04 {background-position:40px -120px;}
.p05 {background-position:40px -173px;}
.p06 {background-position:40px -215px;}
.p07 {background-position:40px -30px;}


.m-icon {display:block; background-image:url(../images/m-icon.png); background-repeat:no-repeat; width:55px; height:55px;}
.m01 {background-position:-6px 0px;}
.m02 {background-position:-70px 0px;}
.m03 {background-position:-130px 0px;}
.m04 {background-position:-185px 0px;}
.m05 {background-position:-243px 0px;}




/*首页资讯*/
.index_news { width:300px; float:left; overflow:hidden; background:#343434; padding:5px 20px 10px 20px;color:#999; line-height:20px; margin-top:50px; margin-bottom:50px;}
.index_news .title1{ text-align:left; position:relative; border-bottom:#666 1px solid; padding:10px 0; margin-bottom:10px;}
.index_news .title1 *{ display: inline-block;vertical-align:bottom;}
.index_news .title1 h1{font-size:16px; font-weight:bold; color:#FFF;}
.index_news .title1 h2{font-size:12px;color:#ccc; padding-left:5px; text-transform:uppercase;}
.index_news .title1 a{ position:absolute; right:5px; top:15px;color:#999}
.index_news .title1 a:hover {color:#fff; }
.index_news img { display:block; margin-bottom:20px; width:300px; height:190px;}
.index_news img:hover {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.index_news a.smore { display:block; border:#666 1px solid; padding:5px 20px; width:70px; margin-top:5px; margin-bottom:1px;}
.index_news a.smore:hover {color:#fff; background:#b89652;}
.index_news li {}
.index_news li a{ display:block; color:#999;border-bottom:#666 1px solid; padding-left:15px; background:url(../images/d.jpg) left center no-repeat; line-height:25px;}
.index_news li a:hover {color:#fff; background:#b89652;}
.ivideo { position:relative;}
.ivideo span{ background:url(../images/bg0.png) center ; position:absolute; left:0; top:0; width:300px; height:190px; z-index:9;}
.ivideo span i {background:url(../images/play.png) center no-repeat; position:absolute; left:0; top:0; width:300px; height:190px; z-index:9;}
.ivideo:hover span{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; background:url(../images/play.png) center no-repeat #000;}

.title2{ text-align:left; position:relative;  padding:15px 20px; background:#FFF; height:20px; float:left; clear:both; width:150px;}
.title2 *{ display: inline-block;vertical-align:bottom;}
.title2 h1{font-size:16px; font-weight:bold; color:#000;}
.title2 h2{font-size:12px;color:#ccc; padding-left:5px; text-transform:uppercase;}



/*合作伙伴*/

.scrollpic2{width: 1050px;margin:auto; position:relative;height: 150px; }
.scrollpic2 * {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
#myscroll2{display: block;width: 1000px;position: absolute;overflow: hidden;height: 150px; left:50%; margin-left:-500px; top:20px;}
#myscroll2 #myscrollbox2{display: block;float:left;position: absolute;left:0px;top:0px;width:1000000px;}
#myscroll2 ul{display: block;float: left;list-style-type: none;padding: 0;margin: 0;}
#myscroll2 ul li{display: block;float: left; padding-right:0px;width:200px;}
#myscroll2 ul li a{display: block;position: relative; text-align:center;border:#CCC 1px solid; padding:0px; background: #FFF;width:180px;}
#myscroll2 ul li a img { display: inline-block; padding:5px;}
#myscroll2 ul li a:hover {border:#084a40 1px solid;}
#mybtns2{width:100%;display: block;height: 340px; }
#mybtns2 a{width: 42px;height: 42px;display: block;position:absolute; z-index:9; top:30%; margin-top:-10px; background:#0c6f60; -moz-border-radius:100px; -webkit-border-radius: 100px;border-radius:100px; border:#FFF 3px solid;}
#mybtns2 a:hover{background-color: #8e6c3b;}
#mybtns2 #left2{background-image: url(../images/jt_l.png); left:-80px;}
#mybtns2 #right2{background-image: url(../images/jt_r.png);right:-80px;}











