@import url(/uploads/css/scss/index.ie.css) screen and (min-width:750px); @media screen and (max-width:750px) { @charset "gb2312"; body {margin: 0px;padding: 0px;font-size: 14px;color: #333;background: #f7f7f7;} img { border: 0; display: block;} a { text-decoration: none; color: #333; cursor: pointer; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;} a:hover { color: #00bcd4!important; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; } div, ul, li, form, h1, h2, h3, h4,h5, p, dl, dt, dd, ul, ol, li, th, td, aside, article { margin: 0px; padding: 0px; list-style: none; } .clear { clear: both; } .clear:after {/* content: ""; */display: block;clear: both;} .pinda_header {height: 198px;background: url(/uploads/image/simg/banner.jpg) no-repeat center;float: left;width: 100%;} .nav {height: 44px;width: 94%;margin: auto;line-height: 44px;padding: 0 3%;overflow: hidden;} .nav li{display: inline-block;position: relative;transition: 0.1s all linear;cursor: pointer;text-align: center;width: 19%;} .nav li a {font-size: 14px;color: #fff;display: block;text-align: center;width: 100%;font-weight: 700;} .nav li span {font-size: 12px;color: #fff;text-align: center;margin-right: 18px;float: left;width: 100%;display: flex;justify-content: flex-start;} .nav li:hover .sub{display:block;height:141px;transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;} .nav li::before {content:"";position:absolute;bottom:0px;left: 0;width:0;height:3px;background: #fff;transition:0.1s all linear;} .nav li:hover::before { width:100%; bottom:0px; left:0; transition-delay:0.1s; } .nav li:hover ~ a::before {left:0;} .pinda_header .rougao {float: right;display: none;} .pinda_header .rougao a {height: 50px;line-height: 50px;float: left;color: #fff;font-size: 12px;border-radius: 20px;margin-left: 22px;} .pinda_header .rougao a i{height: 25px;width: 28px;float: left;background: url(/uploads/image/sipc/ico.png) -38px -172px no-repeat;margin-left: 5px;} .pinda_header .rougao a:hover{color: #0797ca;} .pinda_header .rougao .denglu{color: #2ca6e0!important;} .pinda_header_bt{width: 94%;margin: 3%;display: flex;flex-wrap: wrap;justify-content: center;} .pinda_header .logo {display: inline-block;width: 130px;height: 36px;background: url(/uploads/image/simg/ico.png) no-repeat 0 1px;margin-bottom: 24px;background-size: 100%;} .pinda_header .search_box{display: inline-block;width: 792px;} .pinda_header .search {background: #fff;float: left;border-radius: 10px;overflow: hidden;width: 100%;} .pinda_header .search em{float: left;width: 26px;height: 25px;background: -31px 0px no-repeat;margin-left: 23px;margin-top: 11px;} .pinda_header .search_text {width: 65%;padding: 0 3%;line-height: 48px;height: 48px;border: 0;color: #cacaca;font-size: 15px;outline: none;} .search_btn {width: 25%;line-height: 48px;cursor: pointer;background: #e0fff8;padding: 0;float: right;font-size: 16px;color: #00b38a;border: 0;text-align: center;font-weight: 700;} .pinda_header .search_btn:hover { opacity: 1;color:#fff!important;background:#ff8181} .main{width: 100%;margin: 0 auto;} .pinda_top{float:left;width: 95%;margin-top: 10px;background: #fff;border-radius: 15px;padding: 2.5%;padding-bottom: 1%;} .pinda_top_left{float: left;width: 100%;margin-right: 39px;} /*banenr*/ .pinda_top_left .floatpic {width: 100%;float: left;} .pinda_top_left .floatpic a{border-radius: 10px;width: 100%;float: left;overflow: hidden;height: 214px;position: relative;} .pinda_top_left .floatpic img {width: 100%;} .pinda_top_left .floatpic span {position: absolute;background: #1919198c;bottom: 0;height: 40px;line-height: 40px;text-align: center;width: 100%;font-size: 16px;color: #fff;} .pinda_top_left_hot{float: left;width: 100%;margin-top: 9px;} .pinda_top_left_hot ul{float: left;margin-top: 8px;} .pinda_top_left_hot li{float: left;width: 100%;height: 42px;line-height: 42px;overflow: hidden;position: relative;} .pinda_top_left_hot li a{color: #333;font-size: 15px;float: left;width: 69%;overflow: hidden;} .pinda_top_left_hot li a b{margin-top: 15px;width: 17px;height: 17px;line-height: 17px;background: #e8d656;color: #ffffff;float: left;text-align: center;margin-right:6px;font-size: 12px;border-radius: 4px;margin-bottom: 10px;font-weight: 400;} .pinda_top_left_hot li em{float:right;font-style: inherit;font-size: 12px;color: #999;} .pinda_top_left_hot li:nth-child(1) b{background: #129d7d;color:#fff;} .pinda_top_left_hot li:nth-child(2) b{background: #00b38a;color:#fff;} .pinda_top_left_hot li:nth-child(3) b{background: #f9a221;color:#fff;} .pinda_top_left_hot li:nth-child(4) b{background: #e8b856;color:#fff;} .pinda_top_center{float: left;width: 100%;border-top: 2px none;position: relative;} .pinda_top_center .news{position: absolute;top: -11px;left: 4px;display: block;width: 38px;height: 38px;} .pinda_top_center .top{float: left;width: 100%;margin-bottom: 14px;} .pinda_top_center .top h4 {float: left;width: 100%;height: 24px;line-height: 24px;padding-bottom: 10px;} .pinda_top_center .top h4 i {float: left;color: #fff;background: #00b38a;height: 18px;line-height: 17px;text-align: center;width: 32px;font-size: 12px;margin-right: 10px;margin-top: 3px;border-radius: 4px;font-style: initial;font-weight: 400;} .pinda_top_center .top h4 a {font-size: 15px;font-weight: bold;color: #333;} .paratwo{float: left;width: 100%;line-height: 24px;color: #9b9b9b;font-size: 14px;height: 53px;overflow: hidden;} .paratwo a{color: #ff9800;font-size: 13px;float: right;} .paratwo a:hover{color: #ff8208;text-decoration: underline !important;} .pinda_top_center .cenbot {float: left;width: 100%;} .pinda_top_center .cenbot li {height: 42px;line-height: 42px;} .pinda_top_center .cenbot li span {font-size: 14px;color: #00b38a;margin-right: 10px;border: 2px solid #00b38a;border-radius: 4px;height: 15px;line-height: 15px;float: left;width: 15px;overflow: hidden;text-align: center;margin-top: 12px;font-weight: 700;} .pinda_top_center .cenbot li a {float: left;margin-right: 8px;color: #333;font-size: 15px;} .pinda_top_center .cenbot li .more {font-weight: normal;float: right;margin-right: 0px;color: #ababab;font-size: 12px;} .pinda_top .top_title {height: 46px;line-height: 46px;overflow: hidden;float: left;width: 96%;background: #f7f7f7;padding: 0 2%;border-radius: 10px;margin-bottom: 21px;} .pinda_top .top_title em{float: left;width: 32px;height: 27px;background: url(/uploads/image/simg/ico.png) no-repeat -77px -49px;margin-right: 3px;margin-top: 14px;} .pinda_top .top_title span {color: #333;float: left;font-weight: bold;overflow: hidden;font-size: 17px;} .pinda_top .top_title a{float: right;color: #ff6c6c;} .pinda_top_right img{width: 100%;} .pinda_top_right{width: 100%;background: #fff;border-radius: 15px;margin: auto;overflow: hidden;float: right;padding-bottom: 24px;} .pinda_top_right_title{font-weight: 700;height: 46px;line-height: 46px;overflow: hidden;float: left;width: 94%;background: #f7f7f7;padding: 0 3%;border-radius: 10px;margin-bottom: 16px;} .pinda_top_right_title i{background: url(/uploads/image/simg/ico.png) no-repeat 1px -43px;float: left;width: 19px;height: 21px;margin-top: 12px;margin-right: 7px;} .pinda_top_right_title h3{font-weight:700;} .pinda_top_right_img{height: 223px;overflow: hidden;float: left;width: 100%;border-radius: 10px;margin-bottom: 4px;} .pinda_top_right_img img{float: left;} .pinda_top_right_ul{float: left;width: 100%;margin-top: -5px;} .pinda_top_right_ul ul{float: left;margin-top: 8px;} .pinda_top_right_ul li{float: left;width: 100%;height: 42px;line-height: 42px;overflow: hidden;position: relative;} .pinda_top_right_ul li a{color: #333;font-size: 15px;float: left;width: 69%;overflow: hidden;} .pinda_top_right_ul li a b{margin-top: 15px;width: 17px;height: 17px;line-height: 17px;background: #e8d656;color: #ffffff;float: left;text-align: center;margin-right:6px;font-size: 12px;border-radius: 4px;margin-bottom: 10px;font-weight: 400;} .pinda_top_right_ul li em{float:right;font-style: inherit;font-size: 12px;color: #999;} .pinda_top_right_ul li:nth-child(1) b{background: #129d7d;color:#fff;} .pinda_top_right_ul li:nth-child(2) b{background: #00b38a;color:#fff;} .pinda_top_right_ul li:nth-child(3) b{background: #f9a221;color:#fff;} .pinda_top_right_ul li:nth-child(4) b{background: #e8b856;color:#fff;} /*ico*/ .pinda_ico{float:left;width: 100%;margin-top: 8px;} .pinda_ico ul{float:left;display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-between;width: 100%;} .pinda_ico ul li{float: left;width: 177px;height: 70px;background-color: #f7f7f7;border-radius: 10px;position: relative;} .pinda_ico ul li a{float:left;height: 70px;width: 100%;display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;} .pinda_ico ul li span{float:left;font-size: 16px;} .pinda_ico ul li i{display: inline-block;background: no-repeat 2px -50px;width: 26px;height: 28px;margin-top: 10px;} .pinda_ico ul li p{float:left;width: 45px;height: 45px;background: #597cda;border-radius: 20px;margin-right: 16px;text-align: center;} .pinda_ico ul li:nth-child(2) p{background: #43a5f8;} .pinda_ico ul li:nth-child(3) p{background: #55be5a;} .pinda_ico ul li:nth-child(4) p{background: #46c8f3;} .pinda_ico ul li:nth-child(5) p{background: #8b66d8;} .pinda_ico ul li:nth-child(6) p{background: #ff9752;} .pinda_ico ul li:nth-child(2) p i{background: no-repeat -27px -52px;} .pinda_ico ul li:nth-child(3) p i{background: no-repeat -57px -51px;width: 28px;margin-left: 3px;} .pinda_ico ul li:nth-child(4) p i{background: no-repeat -89px -51px;width: 29px;margin-left: 4px;} .pinda_ico ul li:nth-child(5) p i{background: no-repeat -121px -51px;width: 32px;} .pinda_ico ul li:nth-child(6) p i{background: no-repeat -157px -51px;} /*pinda_list*/ .pinda_list{float: left;width: 95%;margin-top: 10px;background: #fff;border-radius: 15px;padding: 2.5%;padding-top: 1.5%;} .pinda_list .pinda_list_t{float: left;width: 100%;margin-bottom: 23px;height: 50px;border-bottom: 3px solid #e6e6e6;line-height: 50px;} .pinda_list .pinda_list_t .l_title{float: left;font-size: 20px;font-weight: 600;} .pinda_list .pinda_list_t .l_title i{float: left;width: 32px;height: 32px;background: url(/uploads/image/simg/ico.png) no-repeat -44px -47px;margin-right: 6px;margin-top: 12px;} .pinda_list .pinda_list_t .l_title:hover{color: #e2b526;color: #e2b526!important;} .pinda_list .pinda_list_t .l_lmu{float: right;font-size: 13px;color: #999;} .pinda_list_t{float:right;color: #2998e6;} .pinda_list_l{float: left;width: 100%;} .pinda_list_l .pinda_list_title{height: 46px;line-height: 46px;overflow: hidden;float: left;width: 96%;background: #f7f7f7;padding: 0 2%;border-radius: 10px;margin-bottom: 21px;font-size: 16px;font-weight: 700;} .pinda_list_l .pinda_list_title i{float: left;width: 32px;height: 27px;background: no-repeat -77px -90px;margin-right: 3px;margin-top: 14px;} .pinda_list_l .hot_top .pinda_list_title span{float: left;font-size: 16px;color: #333;font-weight: 700;} .pinda_list_news_img{width: 100%;float: left;display: flex;flex-wrap: wrap;justify-content: space-between;} .pinda_list_news_img a{width: 100%;margin-bottom: 25px;} .pinda_list_news_img img{width: 135px;height: 90px;float: left;border-radius: 10px;margin-right: 13px;} .pinda_list_news_img h2{float: left;font-weight: 700;font-size: 15px;line-height: 34px;width: 56%;height: 34px;overflow: hidden;} .pinda_list_news_img p{color: #9b9b9b;float: left;width: 56%;line-height: 24px;overflow: hidden;height: 48px;} .pinda_list_news_img { transition: all 0.3s ease-out; -moz-transition: -moz-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1);/* filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; */} .pinda_list_news_img img:hover{margin-left:0;transition: transform 0.3s; -moz-transition: -moz-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); /* filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; */ } .pinda_list_l ul{float: right;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} .pinda_list_l li{height: 43px;line-height: 43px;font-size: 14px;overflow: hidden;width: 47%;float: left;} .pinda_list_l li em{float: left;height: 18px;width: 18px;background: #00b38a;margin-top: 12px;margin-right: 9px;font-style: initial;text-align: center;line-height: 18px;border-radius: 4px;color: #fff;} .pinda_list_l li a{color: #343535;font-size: 15px;} .pinda_list_l li span{color: #ababab;font-size: 13px;float: right;} .pinda_list .pinda_list_r{float: right;width: 100%;margin-top: 15px;} .pinda_list_r .pinda_list_r_title{height: 46px;line-height: 46px;overflow: hidden;float: left;width: 96%;background: #f7f7f7;padding: 0 2%;border-radius: 10px;margin-bottom: 10px;} .pinda_list_r .pinda_list_r_title a{float: right;font-size: 14px;padding: 0 5px;height: 17px;line-height: 16px;margin-top: 10px;border-radius: 18px;} .pinda_list_r .pinda_list_r_title span{float: left;color: #333;font-size: 16px;font-weight: 700;} .pinda_list_r .pinda_list_r_title i{background: no-repeat 1px -81px;float: left;width: 19px;height: 26px;margin-top: 9px;margin-right: 7px;} .pinda_list_r ul{float: right;width:100%;} .pinda_list_r ul li{float: left;width:100%;height: 41px;line-height: 41px;overflow: hidden;} .pinda_list_r ul li a{float: left;font-size: 15px;height: 36px;overflow: hidden;width: 172px;color: #333;} .pinda_list_r ul li span{float: right;font-size: 11px;color: #888;} .pinda_list_r li i{margin-bottom: 10px;font-style: initial;font-size: 13px;color: #00b38a;margin-right: 6px;border: 1px solid #00b38a;border-radius: 4px;height: 15px;line-height: 15px;float: left;width: 15px;overflow: hidden;text-align: center;margin-top: 12px;font-weight: 700;} .pinda_list_r li:nth-child(1) i{border: 2px solid #fa6a5f;color: #fa6a5f;} .pinda_list_r li:nth-child(2) i{border: 2px solid #ff9800;color: #ff9800;} .pinda_list_r li:nth-child(3) i{border: 2px solid #55be5a;color: #55be5a;} .fink_box{float:left;background: #fff;border-radius: 12px;width: 95%;margin-top: 10px;padding: 2.5%;} .fink_box_tl{float: left;width: 100%;} .fink_box_tl i{float: left;width: 18px;background: url(/uploads/image/simg/ico.png) no-repeat -18px -47px;margin-right: 9px;height: 18px;margin-top: 6px;} .fink_box_tl em{float: left;height: 26px;font-weight: 700;font-size: 18px;font-style: inherit;} .fink_box_tl:after{content:"";display: inline-block;background: #eeeeee;height: 3px;width: 1002px;margin-left: 15px;display: none;} .flink{width: 100%;float: left;} .flink b{line-height:22px;font-weight: 400;float: left;color:#2ca6e0;display: none;} .flink li{line-height: 22px;color: #b7b7b7;margin: 10px 8px;display: inline-block;float: left;margin-bottom: 0px;} .flink li a{color: #444;font-size: 14px;} .flink li:nth-child(2){display:none;} .flink li a:hover{color:#2ca6e0} /*footer*/ .footer{width: 94%;padding: 3%;background: #3f4c5f;float: left;margin-top: 10px;} .footer p {float:left;width:100%;text-align: center;color: #d8dde0;font-size: 12px;display: flex;justify-content: center;flex-wrap: wrap;align-content: space-around;line-height: 24px;} .footer p a{text-decoration:none;color: #d8dde0;padding: 0 5px;} }