@import url(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(http://www.pinda.com/static/img/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(https://static.duanmeiwen.com/img/pc/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(http://www.pinda.com/static/img/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: url(//static.pinda.com/img/index/ico_2021.png) -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(http://www.pinda.com/static/img/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(http://www.pinda.com/static/img/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: url(http://www.pindazuowen.com/static/img/ico.png) 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: url(http://www.pindazuowen.com/static/img/ico.png) no-repeat -27px -52px;}
.pinda_ico ul li:nth-child(3) p i{background: url(http://www.pindazuowen.com/static/img/ico.png) no-repeat -57px -51px;width: 28px;margin-left: 3px;}
.pinda_ico ul li:nth-child(4) p i{background: url(http://www.pindazuowen.com/static/img/ico.png) no-repeat -89px -51px;width: 29px;margin-left: 4px;}
.pinda_ico ul li:nth-child(5) p i{background: url(http://www.pindazuowen.com/static/img/ico.png) no-repeat -121px -51px;width: 32px;}
.pinda_ico ul li:nth-child(6) p i{background: url(http://www.pindazuowen.com/static/img/ico.png) 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(http://www.pinda.com/static/img/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: url(http://www.pindazuowen.com/static/img/ico.png) 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: url(http://www.pindazuowen.com/static/img/ico.png) 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(http://www.pinda.com/static/img/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;}
}
