@media only screen and (min-width: 1200px) { .logo { float:left; padding-top:10px;} .logo img{ width:225px; height:75px;} /* 轮播图 ----------------------------------------------*/ #idxbanner {position:relative; z-index:2; width:100%; height:400px; overflow:hidden; } #idxbanner .pics {position:relative; width:100%; height:400px;} #idxbanner .pics li a {display:block; width:100%; height:400px;} #idxbanner .pics .b1 {display:list-item;} #idxbanner .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;} #idxbanner .btns .prev {left:-50px;} #idxbanner .btns .next {right:-50px;} #idxbanner .btns .prev.on {left:120px;} #idxbanner .btns .next.on {right:120px;} #idxbanner .btns a span {position:absolute; top:0; left:0; width:100%; height:100%; -ms-transition:-ms-opacity 300ms; transition:opacity 300ms;-webkit-transition:-webkit-opacity 300ms; -moz-transition:-moz-opacity 300ms; -o-transition:-o-opacity 300ms; cursor:pointer;} #idxbanner .btns a span.off {-webkit-opacity:1; opacity:1; display:block\9;} #idxbanner .btns a span.on {-webkit-opacity:0; opacity:0; display:none\9;} #idxbanner .btns .prev .off {background:url(/uploads/image/pi/prev.png) no-repeat 0 0;} #idxbanner .btns .prev .on {background:url(/uploads/image/pi/prev_on.png) no-repeat 0 0;} #idxbanner .btns .next .off {background:url(/uploads/image/pi/next.png) no-repeat 0 0;} #idxbanner .btns .next .on {background:url(/uploads/image/pi/next_on.png) no-repeat 0 0;} #idxbanner .btns a:hover .off {-webkit-opacity:0; opacity:0; display:none\9;} #idxbanner .btns a:hover .on {-webkit-opacity:1; opacity:1; display:block\9;} #idxbanner .g-wrap {position:absolute; left:50%; bottom:0; z-index:2; margin-left:-565px; width:1200px; height:30px; overflow:hidden;} #idxbanner .g-wrap .idxs {float:left; height:100%;} #idxbanner .g-wrap .idxs li {float:left; margin:30px 7px 0 0; width:9px; height:9px; border-radius:13px; border:2px solid #fff; cursor:pointer; -ms-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; transition:background-color 500ms, margin-top 500ms; transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -webkit-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -moz-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -o-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;} #idxbanner .g-wrap .idxs li.on {background-color:#8f8d93; border-color:#8f8d93;} /* 轮播图 */ /* 头部导航 ----------------------------------------------*/ .headernav{ width:100%; height:11em; margin:0 auto; background: url(/uploads/image/pinav/headbg.jpg) repeat-x;} .inheadernav{ width:80%; margin:0 auto; height:10em;} #topnav { height:3em; line-height: 3em; padding-left:10%; padding-right:10%;} #topnav .topleft { width: 150px; background: url(/uploads/image/piheader/topnav.jpg) no-repeat left;} #topnav .topleft a{float:right;} #sddm{margin:0 auto;padding:0;height:90px;} #sddm li{margin:0;padding:0;list-style:none;float:left; position:relative; z-index:9999999; width:90px; text-align:center;} #sddm li a{ display:block; padding-left:10px; padding-right:10px;text-decoration:none; font-size:16px; line-height:90px;} #sddm li a:hover{ background:url(/uploads/image/pinav/daohanglanxian.jpg) no-repeat center 65px; display:block;} #sddm div{position:absolute; top:89px; left:0px;margin:0;padding:0;background:#eaebd8; width:45em; text-align: center; height:350px; background:#ededed; z-index:99999999;} #sddm div a{display:block;margin:0;width:auto;white-space:nowrap;text-decoration:none; border-bottom:1px solid #cccccc; text-align:center; width:133px; float:left; height:32px; line-height:32px; font-weight: bold; font-size:14px;} #sddm div a:hover{ font-weight: bold;} #sddm .sddmnav1 { height:350px;width:15em;float:left;top:0px; left:10px; display:block; z-index:999999999; } #sddm .sddmcont1 { width:30em; height:350px; float:left; background:#fff; top:0px; left:15em; z-index:999999; } #sddm .cont1img { width:30em; height:179px; margin:0 auto; top:1em; left:0em; } #sddm .cont1text { width:28em; top:17em; left:2em; background:#fff; height:40px; } #sddm .sddmnav2 { height:350px;width:15em;float:left;top:0px; left:10px; display:block;left:30em; z-index:999999999; } #sddm .sddmcont2 { width:30em; height:350px; float:left; background:#fff; top:0px; z-index:999999; } #sddm .cont2img { width:30em; height:179px; margin:0 auto; top:1em; left:0em; } #sddm .cont2text { width:29em; top:17em; padding-left:1em; background:#fff; height:40px; } #sddm .sddmleft { left:-35em; } #sddm .navb9-9 { display:block; height:90px; line-height:90px; } /* 头部导航 */ /* 首页新闻 ----------------------------------------------*/ .hotspot { width: 100%; } .hotspot .r-wrap { width: 1200px; margin: 0 auto; overflow: hidden; padding: 55px 0; } .hotspot .r-wrap .hot { float: left; width: 500px; overflow: hidden; padding-left:40px;} .hotspot .r-wrap .hot h1 { height:43px;color: #505960; font-size: 18px; margin-bottom: 15px; line-height: 22px; } .hotspot .r-wrap .hot p { color: #858585; font-size: 13px; line-height: 35px; } .hotspot .r-wrap .indexnews .tab-box a:hover {color:#097ccf;} .hotspot .r-wrap .indexnews { float: left; margin-left: 200px; width: 370px; } .indexnews .tab-nav { overflow: hidden; border-bottom: 2px solid #dedfe2; } .indexnews .tab-nav li {font-weight:bold; cursor: pointer; float: left; display: inline-block; margin: 0px 25px 20px 0; color: #747474; font-size: 13px; width: 55px; } .indexnews .tab-box { margin-top: 20px; } .indexnews .tab-box p { color: #858585; font-size: 13px; line-height: 28px; } .indexnews .tab-box p i { float: left; font-style: normal; margin-right: 13px; } .indexnews .tab-box p img { padding:10px 10px 0px 0px; width:10px; height:8px; } .line { height: 2px; width: 55px; background: #fc433e; position: relative; left: 0px; margin-top: -2px; } .none { display: none; } /* 首页新闻*/ /* 首页产业介绍 ----------------------------------------------*/ .crrcgc-body{ width:100%; margin:0 auto;font-size:14px; color:#333; work-brerak:break-all; line-height:28px; font-weight:normal; background:#ffffff; font-family:"microsoft yahei";} .crrcgc-header{ width:1200px; margin:0 auto;} .crrcgc-logo{ width:170px; float:left;display:inline; padding:28px 0;} .header-right{ width:974px;height:90px; float:right; padding-top:30px;} .header-right-top{ width:665px; padding-left:302px;} .header-right-bottom{ width:974px; padding-top:10px;} .header-nav-left{ width:28px; float:left; display:inline; line-height:58px;} .header-nav-left a{ width:28px;} .header-nav-left a img{ width:28px; height:28px;} .header-nav-right{ width:935px; float:left; line-height:40px;} .crrcgc-banner{ width:100%; margin:0 auto;} .crrcgc-content{ width:100%; margin:auto 0;} .content-top{ width:1200px; margin:0 auto;} .content-t-left{ width:650px; float:left; display:inline; position:relative;} .content-t-right{ width:508px; float:right;} .content-middle{ width:100%; height:166px; margin:0 auto; background:#f3f3f3;} .content-bottom{ width:100%; margin:0 auto; background:url(/uploads/image/pi/cpyfw-bg.jpg) no-repeat;} .content-b-p1{ width:552px; margin:0 auto; text-align:center; padding-top:25px;} .content-b-p2{ width:1200px; margin:0 auto;margin-top:20px;position: relative;display:block;} .content-b-p3{ width:118px; margin:25px auto 0; padding-bottom:25px;} .crrcgc-footer{ width:100%; margin:0 auto;} .crrcgc-f1{ width:100%; height:292px; margin:0 auto; background: repeat-x;} .crrcgc-f2{ width:100%; margin:0 auto; background:#2f2f2f;} .f_left_ts{float: left;width: 25px;padding-right: 8px;height: 33px;position: absolute;left:-43px;top:235px;z-index: 999;background: none;cursor:pointer;} .f_right_ts{float: left;width: 25px;padding-right: 8px;height: 33px;position: absolute;right: -35px;top:235px;z-index: 999;background: none;cursor:pointer;} .tpxw-news-item{float:left;width:600px;height:250px !important;} .tpxw-news-item-pic{width:300px;height:250px;float:left;} .tpxw-news-item-pic img{width:300px;height:250px;} .tpxw-news-item-con{width:300px;height:250px;float:left;background:#fff;} .tpxw-news-item-title{width:245px;height:40px;line-height:40px;margin:0 auto;padding-top:15px;font-size:22px;} .tpxw-news-item-title a{color:#4d4d4d;font-size:22px;} .tpxw-news-item-sum{width:258px;height:152px;padding-left:20px;line-height:25px;font-size:14px;} .content-b-p1-item{ width:552px;} .content-b-p1-item-top{ width:370px;height:45px; margin:0 auto; text-align:center; font-size:35px; color:#ffffff;} .content-b-p1-item-top hr{ width:20%; display:inline-block;} .content-b-p1-item-top span{ font-size:35px; color:#4d4d4d;} .content-b-p1-item-bottom{ font-size:12px; color:#ffffff;} .index-chakan{ width:118px; height:34px; line-height:34px; border:1px solid #ffffff; text-align:center;} .index-chakan a{ width:118px; height:34px; dispaly:block; font-size:12px; color:#ffffff;} .index-chakan a img{ padding-left:5px;} #form .a { width: 1200px !important; overflow: hidden;} #form .b { width: 4000px; position: relative; left:-600px;} /*.b div{ width:600px; height:200px; float:left; margin-right:5px;}*/ #form .left,#form .right { width: 4000px; border: #f00 1px solid; float: left; width: 100px; height: 100px; } /* 首页产业介绍 */ /* 尾部 -------------------------------------------------------------- */ .footer { margin:0 auto; width:100%;} .sfoot { margin:0 auto; width:100%; color:#fff; padding-top:30px; padding-bottom:26px; background-color:#af0000;} .xfoot {margin:0 auto; width:100%; padding-top:18px; padding-bottom:10px;line-height:25px;} .nfoot { width:90%; margin:0 auto;} .nfoot .hline { margin-left:20px; height: 200px; width: 1px; background: #d1d1d1; } .zfoot { float:left; } .sfoota { width:100px; float:left; padding-right:30px;} .sftabt { font-size:17px; width:100%;} .sftbbt { width:100%; padding-top:22px;} .sftbbt ul li { line-height:25px;} .sftbbt ul li a { color:#fff;} .yfoot { width:300px;} .yfsou { float:left; width:100%;} .yfxz { background: no-repeat right top; min-height:186px; width:149px; margin-top:0px;} .yfxza { font-size:17px; padding-bottom:20px;} .tb { line-height:22px; padding-top:5px;} .tb span { font-size:12px; color:#fff;} .serw { padding:10px 0 10px 30px; } .serwz { padding:0 0 0 10px; } .dblgo { text-align:center;color:#fff; padding-right:4em; } .dblgo p{text-align:center;color:#d1d1d1;} /* 尾部 */ } /*-------- 屏幕分辨率在1200px以下 --------*/ @media only screen and (max-width: 1200px) { .logo { float:left; padding:10px 0 0 20px;} .logo img{ width:180px;height:60px;} /* 轮播图 ----------------------------------------------*/ #idxbanner {position:relative; z-index:2; width:100%; height:200px; overflow:hidden; } #idxbanner .pics {position:relative; width:100%; height:200px;} #idxbanner .pics li a {display:block; width:100%; height:200px;} #idxbanner .pics .b1 {display:list-item;} #idxbanner .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;} #idxbanner .btns .prev {left:-50px;} #idxbanner .btns .next {right:-50px;} #idxbanner .btns .prev.on {left:120px;} #idxbanner .btns .next.on {right:120px;} #idxbanner .btns a span {position:absolute; top:0; left:0; width:100%; height:100%; -ms-transition:-ms-opacity 300ms; transition:opacity 300ms;-webkit-transition:-webkit-opacity 300ms; -moz-transition:-moz-opacity 300ms; -o-transition:-o-opacity 300ms; cursor:pointer;} #idxbanner .btns a span.off {-webkit-opacity:1; opacity:1; display:block\9;} #idxbanner .btns a span.on {-webkit-opacity:0; opacity:0; display:none\9;} #idxbanner .btns .prev .off {background:url(/uploads/image/pi/prev.png) no-repeat 0 0;} #idxbanner .btns .prev .on {background:url(/uploads/image/pi/prev_on.png) no-repeat 0 0;} #idxbanner .btns .next .off {background:url(/uploads/image/pi/next.png) no-repeat 0 0;} #idxbanner .btns .next .on {background:url(/uploads/image/pi/next_on.png) no-repeat 0 0;} #idxbanner .btns a:hover .off {-webkit-opacity:0; opacity:0; display:none\9;} #idxbanner .btns a:hover .on {-webkit-opacity:1; opacity:1; display:block\9;} #idxbanner .g-wrap {position:absolute; bottom:0; z-index:2; width:100%; height:30px; overflow:hidden;} #idxbanner .g-wrap .idxs {float:left; weight:100%; height:200px;} #idxbanner .g-wrap .idxs li {float:left; margin:30px 7px 0 0; width:9px; height:9px; border-radius:13px; border:2px solid #fff; cursor:pointer; -ms-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; transition:background-color 500ms, margin-top 500ms; transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -webkit-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -moz-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -o-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;} #idxbanner .g-wrap .idxs li.on {background-color:#8f8d93; border-color:#8f8d93;} /* 轮播图 */ /* 头部导航 ----------------------------------------------*/ .headernav{ width:100%; height:11em; margin:0 auto; background: url(/uploads/image/pinav/headbg.jpg) repeat;} .inheadernav{ width:100%; margin:0 auto; height:10em;} #topnav { height:3em; line-height: 3em; padding-left:10%; padding-right:10%;} #topnav .topleft { width: 150px; background: url(/uploads/image/piheader/topnav.jpg) no-repeat left;} #topnav .topleft a{float:right;} #sddm{margin:0 auto;padding:0;height:90px;} #sddm li{margin:0;padding:0;list-style:none;float:left; position:relative; z-index:9999999; width:auto; text-align:center; font-size:0.8em;} #sddm li a{ display:block; padding-left:10px; padding-right:10px;text-decoration:none; font-size:1.33em;} #sddm li a:hover{ background:url(/uploads/image/pinav/daohanglanxian.jpg) no-repeat center 65px; display:block;} #sddm div{position:absolute; margin:0;padding:0;background:#eaebd8; width:28em; text-align: center; height:350px; background:#ededed; z-index:99999999;} #sddm div a{display:block;margin:0;width:auto;white-space:nowrap;text-decoration:none; border-bottom:1px solid #cccccc; text-align:center; width:6em; float:left; height:32px; line-height:32px; font-weight: bold; font-size:1em;} #sddm div a:hover{ font-weight: bold;} #sddm .sddmnav1 { height:350px;width:8em;float:left;top:0px;display:block; z-index:999999999; } #sddm .sddmcont1 { width:22em; height:350px; float:left; background:#fff; top:0px; left:6em; z-index:999999; border:1px solid #cdcdcd; } #sddm .cont1img { width:22em; height:179px; margin:0 auto; top:2em; left:0em; } #sddm .cont1text { width:19em; top:15em; padding-left:1em; background:#fff; height:40px; } #sddm .sddmnav2 { height:350px;width:8em;float:left;top:0px;display:block;left:20em; z-index:999999999; } #sddm .sddmcont2 { width:22em; height:350px; float:left; background:#fff; top:0px; left:0em; z-index:999999; border:1px solid #cdcdcd; } #sddm .cont2img { width:22em; height:179px; margin:0 auto; top:2em; left:0em; } #sddm .cont2text { width:20em; top:15em; left:0em; background:#fff; height:40px; } #sddm .sddmleft { left:-23em; } #sddm .navb9-9 { display:block; height:90px; line-height:90px; } /* 头部导航 */ /* 首页新闻 ----------------------------------------------*/ .hotspot { width: 100%; } .hotspot .r-wrap { width: 100%; margin: 0 auto; overflow: hidden; padding: 3em 0; } .hotspot .r-wrap .hot { float: left; width: 50%; overflow: hidden; padding-left:10px;} .hotspot .r-wrap .hot h1 { height:2.5em;color: #505960; font-size: 1.5em; margin-bottom: 1.2em; line-height: 1.8em; } .hotspot .r-wrap .hot p { color: #858585; font-size: 1em; line-height: 35px; } .hotspot .r-wrap .indexnews .tab-box a:hover {color:#097ccf;} .hotspot .r-wrap .indexnews { float: left; margin-left: 2em; width: auto; } .indexnews .tab-nav { overflow: hidden; border-bottom: 2px solid #dedfe2; } .indexnews .tab-nav li {font-weight:bold; cursor: pointer; float: left; display: inline-block; margin: 0px 25px 20px 0; color: #747474; font-size: 1em; width: auto; } .indexnews .tab-box { margin-top: 20px; } .indexnews .tab-box p { color: #858585; font-size: 13px; line-height: 28px; } .indexnews .tab-box p i { float: left; font-style: normal; margin-right: 13px; } .indexnews .tab-box p img { padding:10px 10px 0px 0px; width:10px; height:8px; } .line { height: 2px; width: 55px; background: #fc433e; position: relative; left: 0px; margin-top: -2px; } .none { display: none; } /* 首页新闻*/ /* 首页产业介绍 ----------------------------------------------*/ .crrcgc-body{ width:100%; margin:0 auto;font-size:14px; color:#333; work-brerak:break-all; line-height:28px; font-weight:normal; background:#ffffff; font-family:"microsoft yahei";} .crrcgc-header{ width:1200px; margin:0 auto;} .crrcgc-logo{ width:170px; float:left;display:inline; padding:28px 0;} .header-right{ width:974px;height:90px; float:right; padding-top:30px;} .header-right-top{ width:665px; padding-left:302px;} .header-right-bottom{ width:974px; padding-top:10px;} .header-nav-left{ width:28px; float:left; display:inline; line-height:58px;} .header-nav-left a{ width:28px;} .header-nav-left a img{ width:28px; height:28px;} .header-nav-right{ width:935px; float:left; line-height:40px;} .crrcgc-banner{ width:100%; margin:0 auto;} .crrcgc-content{ width:100%; margin:auto 0;} .content-top{ width:1200px; margin:0 auto;} .content-t-left{ width:650px; float:left; display:inline; position:relative;} .content-t-right{ width:508px; float:right;} .content-middle{ width:100%; height:166px; margin:0 auto; background:#f3f3f3;} .content-bottom{ width:100%; margin:0 auto; background:url(/uploads/image/pi/cpyfw-bg.jpg) no-repeat;} .content-b-p1{ width:70%; margin:0 auto; text-align:center; padding-top:25px;} .content-b-p2{ width:77%; margin:0 auto;margin-top:20px;position: relative;display:block;} .content-b-p3{ width:118px; margin:25px auto 0; padding-bottom:25px;} .crrcgc-footer{ width:100%; margin:0 auto;} .crrcgc-f1{ width:100%; height:292px; margin:0 auto; background: repeat-x;} .crrcgc-f2{ width:100%; margin:0 auto; background:#2f2f2f;} .f_left_ts{float: left;width: 25px;padding-right: 8px;height: 33px;position: absolute;left:-43px;top:235px;z-index: 999;background: none;cursor:pointer;} .f_right_ts{float: left;width: 25px;padding-right: 8px;height: 33px;position: absolute;right: -35px;top:235px;z-index: 999;background: none;cursor:pointer;} .tpxw-news-item{float:left;width:600px;height:250px !important;} .tpxw-news-item-pic{width:300px;height:250px;float:left;} .tpxw-news-item-pic img{width:300px;height:250px;} .tpxw-news-item-con{width:300px;height:250px;float:left;background:#fff;} .tpxw-news-item-title{width:245px;height:40px;line-height:40px;margin:0 auto;padding-top:15px;font-size:22px;} .tpxw-news-item-title a{color:#4d4d4d;font-size:22px;} .tpxw-news-item-sum{width:258px;height:152px;padding-left:20px;line-height:25px;font-size:14px;} .content-b-p1-item{ width:552px;} .content-b-p1-item-top{ width:370px;height:45px; margin:0 auto; text-align:center; font-size:35px; color:#ffffff;} .content-b-p1-item-top hr{ width:20%; display:inline-block;} .content-b-p1-item-top span{ font-size:35px; color:#4d4d4d;} .content-b-p1-item-bottom{ font-size:12px; color:#ffffff;} .index-chakan{ width:118px; height:34px; line-height:34px; border:1px solid #ffffff; text-align:center;} .index-chakan a{ width:118px; height:34px; dispaly:block; font-size:12px; color:#ffffff;} .index-chakan a img{ padding-left:5px;} #form .a { width: 600px !important; overflow: hidden;} #form .b { width: 4000px; position: relative; } /*.b div{ width:600px; height:200px; float:left; margin-right:5px;}*/ #form .left,#form .right { width: 4000px; border: #f00 1px solid; float: left; width: 100px; height: 100px; } /* 首页产业介绍 */ /* 尾部 -------------------------------------------------------------- */ .footer { margin:0 auto; width:100%;} .sfoot { margin:0 auto; width:100%; color:#fff; padding-top:3em; padding-bottom:2.6em; background-color:#af0000;} .xfoot {margin:0 auto; width:100%; padding-top:1.3em; padding-bottom:1em;line-height:2;} .nfoot { width:90%; margin:0 auto;} .zfoot { float:left;} .sfoota { width:auto; float:left;padding-right:1em;} .sftabt { font-size:1.2em; width:100%;} .sftbbt { width:100%; padding-top:2.2em;} .sftbbt ul li { line-height:2.5em;} .sftbbt ul li a { color:#fff;} .yfoot { padding-left:1em; width:auto;} .yfsou { float:left; width:100%;} .yfxz { background: no-repeat right top; min-height:186px; width:auto; margin-top:0px;} .yfxza { font-size:1.7em; padding-bottom:2em;} .tb { line-height:2em; padding-top:0.5em;} .tb span { font-size:1em; color:#fff;} .serw { padding:10px 0 10px 30px; } .serwz { padding:0 0 0 10px; } .dblgo {width:100%; text-align:center;color:#fff; padding-right:4em; } .dblgo p{text-align:center;color:#d1d1d1;} /* 尾部 */ }