/* ��ʼ��CSS */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img{margin:0 auto; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
fieldset, img{vertical-align:middle; border:none;}
ul, ol{list-style:none;}
li{list-style-type:none;}

body{color:#3e3e3e; font:16px microsoft yahei,Arial,sans-serif; background:#ffffff; cursor:default;}
table{border-width: 1px; border-color: #666666;border-collapse: collapse; }
a{color:inherit; text-decoration:none;}
.clearfix:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}

/*��ҳ�޶����*/
.con_1920{ margin:0 auto; position:relative; width:1920px;}
.con_1920:after{content:""; display:block; height:0; clear:both;}

.con_1320{ margin:0 auto; position:relative; width:1320px;}
.con_1320:after{content:""; display:block; height:0; clear:both;}

.con_1200{ margin:0 auto; position:relative; width:1200px;}
.con_1200:after{content:""; display:block; height:0; clear:both;}

.bgs
{ 
	background:#fff; 
	box-shadow:		-1px 0px 1px  #e6e6e6,   /*�����Ӱ*/              
                    0px -1px 1px  #e6e6e6,  /*�ϱ���Ӱ*/               
                    3px 0px  3px  #e6e6e6,  /*�ұ���Ӱ*/  
                    0px 5px 5px  #e6e6e6; /*�±���Ӱ*/
	border-radius:5px;
}
/* .bgs{ background:#fff; box-shadow:0 5px 5px rgba(0, 0, 0, .1); border-radius:5px;} */

.m15{ margin:0 15px;}
.m20{ margin:0 20px;}
.mt40{ margin-top:40px;}
.mt30{ margin-top:30px;}
.mt20{ margin-top:20px;}
.mt10{ margin-top:10px;}
.mb20{ margin-bottom:20px;}
.mr20{ margin-right:20px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml40{ margin-left:40px;}

.p10{ padding:0 10px;}
.p15{ padding:0 15px;}
.p20{ padding:0 20px;}
.p30{ padding:0 30px;}
.pa10{ padding:10px;}
.pa20{ padding:20px;}
.pa40{ padding:40px;}
.pa50{ padding:50px;}
.p2090{padding: 20px 90px;}
.pa50{ padding:50px;}


.w430{ width:430px;}
.w640{ width:640px;}
.w1160{width: 1160px; margin:0 auto;}

/* .adPic{ display:block; position:fixed; right:0; top:300px; z-index:999;} */

.news_list li{ position:relative; margin-left: 15px;margin-right:15px; height: 38px; line-height: 38px; border-bottom : 1px #a3a3a4 dashed;}
.news_list li:before{ position:absolute; left: 0; top:50%; margin-top:-3px; width:6px; height:6px; border-radius:100%; background:#c0c0c0; content:""; -webkit-transition:all .1s linear; transition:all .1s linear;}
.news_list li a{ float:left; padding-left:10px;font-size: 16px; -webkit-transition:all .1s linear; transition:all .1s linear;}
.news_list li span{ float:right; color:#a2a2a2;}
.news_list li:hover a{ color: #FF0000;}
.news_list li:hover:before{ background:#229ad2;}

.head{ height: 250px; background:#fff url(/portal/images/tycy_logo_bg.png) top repeat-x;}
.head .top{ height:35px; background:#eeeeee; border-bottom:1px #eeeeee solid; line-height:35px; color:#333333;}
.head .logo{ position:relative; float:left; margin-top: 50px;width:750px;;overflow:hidden;}
.head .logo img{ width:750px; }
.head .top .toploginInfo a:hover{color:#4db0f6; }

.head .search_info{ float:right; margin-top: 150px;}
.head .search_info .search{}
.head .search_info .search input{ padding-left:6px; width:284px; height:31px; border:1px #e2e2e2 solid; border-right:0;border-radius:5px; vertical-align:middle;}
.head .search_info .search .search_button{ width:60px; height:33px; border:none;border-radius:5px; background:#1a78bc; vertical-align:middle; text-align:center; color:#ffffff; font-size:15px; font-family: microsoft yahei; cursor:pointer;}
.head .search_info .search .search_hotword{padding: 5px; color: #FFF}
.search_input{ padding-left:6px; width: 400px; height:31px; border:1px #cccccc solid; ;border-radius:5px; vertical-align:middle;}


/**��ҳ�˵�**/
.nav{ overflow:hidden;  height: 48px; background: #5087ec; line-height: 48px;}
.nav ul li{ float:left; width: 120px; height: 48px; color:#ffffff; text-align:center; font-size: 18px; font-weight:bold; -webkit-transition:all .1s linear; transition:all .1s linear;}
.nav ul li a{ display:block;}
.nav ul li:hover{ background:#75a4ff; }
.nav ul li.on{ background:#75a4ff; }

/**ͼƬ ֪ͨ����***/
.pic_news{ overflow:hidden; height: 410px; margin-top: 20px}

/**��ҳͼƬ����**/
.slide_box{ position:relative; width: 580px; height: 390px;}
.slide_box .hd{ position:absolute; right:20px; bottom:14px; z-index:1;}
.slide_box .hd ul{}
.slide_box .hd ul li{ float:left; margin-left:4px; width:10px; height:10px; background:#d1d3dc; font-size:0; cursor:pointer;}
.slide_box .hd ul li.on{ background:#0d94d4;}
.slide_box .bd{ position:relative;}
.slide_box .bd li{ position:relative; width: 640px; height: 390px;}
.slide_box .bd img{width:100%; height:100%;}
.slide_box .bd li p{ position:absolute; left:0; bottom:0; width:100%; height:34px; background:url(/portal/css/images/info_bg.png) repeat; line-height:34px;}
.slide_box .bd li p span{ margin-left:15px; font-size:16px; color:#ffffff;}
.slide_box .btn{position:absolute; top:170px; width: 50px; height:50px; background:url(/portal/css/images/arr.png); z-index:10; cursor:pointer; filter:alpha(opacity=0); opacity:0; -webkit-transition:all .15s linear; transition:all .15s linear;}
.slide_box:hover .btn{ filter:alpha(opacity=40); opacity:0.4;}
.slide_box .prev { left:0; background-position:0 0;}
.slide_box .next { right:0; background-position: 50px 0;}
.slide_box .btn:hover{ filter:alpha(opacity=90); opacity:0.9;}

/* ����� */
.adv_slide_box{ position:relative; width: 1200px; height: 180px;}
/* .adv_slide_box .hd{ position:absolute; right:20px; bottom:14px; z-index:1;}
.adv_slide_box .hd ul{}
.adv_slide_box .hd ul li{ float:left; margin-left:4px; width:10px; height:10px; background:#d1d3dc; font-size:0; cursor:pointer;}
.adv_slide_box .hd ul li.on{ background:#0d94d4;} */
.adv_slide_box .bd{ position:relative;}
.adv_slide_box .bd li{ position:relative; width: 1200px; height: 180px;}
.adv_slide_box .bd img{width:100%; height:100%;}
/* .adv_slide_box .bd li p{ position:absolute; left:0; bottom:0; width:100%; height:34px; background:url(/portal/css/images/info_bg.png) repeat; line-height:34px;}
.adv_slide_box .bd li p span{ margin-left:15px; font-size:16px; color:#ffffff;}
 */.adv_slide_box .btn{position:absolute; top: 65px; width: 50px; height:50px; background:url(/portal/css/images/arr.png); z-index:10; cursor:pointer; filter:alpha(opacity=0); opacity:0; -webkit-transition:all .15s linear; transition:all .15s linear;}
.adv_slide_box:hover .btn{ filter:alpha(opacity=40); opacity:0.4;}
.adv_slide_box .prev { left:0; background-position:0 0;}
.adv_slide_box .next { right:0; background-position: 50px 0;}
.adv_slide_box .btn:hover{ filter:alpha(opacity=90); opacity:0.9;}



/***������̬ ֪ͨ����**/
.in_slide_news { width: 580px; height: 270px; }
.in_slide_news .hd{ position:relative; height: 40px; border-bottom:1px #cecece solid; padding-bottom: 2px;  margin-left:10px;margin-right:10px;  line-height: 40px; }
.in_slide_news .hd ul{ float:left; }
.in_slide_news .hd ul li{ float:left; margin-right: 0px; padding:0 20px; height: 40px; font-size:16px; text-align:center; cursor:pointer;  -webkit-transition:all .1s linear; transition:all .1s linear;}
.in_slide_news .hd ul li.on{ color:#000000; font-weight: bold; border-bottom: 3px #75a4ff solid; /* background:#229ad2;border-radius:5px;  color:#ffffff;*/}
/* .in_slide_news .bd h4{ position:relative; margin-top:25px; margin-bottom:10px; padding-left:15px; font-size:16px; -webkit-transition:all .1s linear; transition:all .1s linear;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.in_slide_news .bd h4:hover{ color:#ff0000;}
.in_slide_news .bd h4:before{ position:absolute; left:0; top:5px; border-top:4px transparent solid; border-bottom:4px transparent solid; border-left:7px #79b800 solid; content:"";}
.in_slide_news .bd h4 a{}
.in_slide_news .bd p{ line-height:22px; color:#696969; font-size: 14px;word-break: break-all;border-bottom:1px #a3a3a4 dashed;text-indent:30px;} */
.in_slide_news .bd ul{ margin-top:5px; padding-top:3px; }
.in_slide_news .bd ul li{ height:40px; line-height:40px; border-bottom : 1px #a3a3a4 dashed; }
.in_slide_news .bd ul li a{ height:38px; line-height:38px; width: 420px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


/*重大活动*/
.zdhd_left{width: 580px;height: 180px;position: relative;float: left;}
.zdhd_right{width: 580px;height: 180px;float: right;}
.zdhd ul{ margin-top:5px; padding-top:3px; }
.zdhd ul li{ height:38px; line-height:38px; border-bottom : 1px #a3a3a4 dashed; }
.zdhd ul li a{ height:38px; line-height:38px; width: 420px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list0 li{ position:relative; margin-left: 15px;margin-right:15px; height: 38px; line-height: 38px; border-bottom : 1px #a3a3a4 dashed;}
.news_list0 li:before{ position:absolute; left: 0; top:50%; margin-top:-3px; width:6px; height:6px; border-radius:100%; background:#c0c0c0; content:""; -webkit-transition:all .1s linear; transition:all .1s linear;}
.news_list0 li a{ float:left; padding-left:10px;font-size: 16px; -webkit-transition:all .1s linear; transition:all .1s linear;}
.news_list0 li span{ float:right; color:#a2a2a2;}
.news_list0 li:hover a{ color: #FF0000;}
.news_list0 li:hover:before{ background:#229ad2;}

/*调查问卷*/
.wjdc li{ position:relative; margin-left: 15px;margin-right:15px; height: 38px; line-height: 38px; border-bottom : 1px #a3a3a4 dashed;}
.wjdc li:before{ position:absolute; left: 0; top:50%; margin-top:-3px; width:6px; height:6px; border-radius:100%; background:#c0c0c0; content:""; -webkit-transition:all .1s linear; transition:all .1s linear;}
.wjdc li a{padding-left:10px;font-size: 16px; -webkit-transition:all .1s linear; transition:all .1s linear;}
.wjdc li span{ float:right; color:slateblue;}

/* .ico_b{ display:inline-block; width:60px; height:60px; background:url(/portal/css/images/ico.png);} */
.in_adv{ height: 150px; width: 1200px;}
.in_adv img{ width:100%; height:100%;}
.img_rounded{border-radius : 5px;}

.title1{ position:relative; padding-left: 60px; height: 40px; background:#229ad2; line-height: 40px; border-radius : 5px}
/* .title1:before{ position:absolute; left:20px; top:50%; margin-top:-15px; width: 30px; height: 30px; background-image:url(/portal/images/ico30.png); content:"";} */
.title1.ico1:before{ background-position:0 0px;}
.title1.ico2:before{ background-position:0 -30px;}
.title1.ico3:before{ background-position:0 -60px;}
.title1.ico4:before{ background-position:0 -90px;}
.title1.ico5:before{ background-position:0 -120px;}
.title1.ico6:before{ background-position:0 -150px;}
.title1.ico7:before{ background-position:0 -180px;}
.title1.ico8:before{ background-position:0 -210px;}
.title1.ico9:before{ background-position:0 -240px;}
.title1.ico10:before{ background-position:0 -270px;}
.title1.ico11:before{ background-position:0 -300px;}
.title1.ico12:before{ background-position:0 -330px;}
.title1.ico13:before{ background-position:0 -360px;}
.title1.ico14:before{ background-position:0 -390px;}
.title1.ico15:before{ background-position:0 -420px;}
.title1.ico16:before{ background-position:0 -450px;}
.title1 h4{ float:left; font-size:18px; color:#ffffff;}
.title1 .more{ float:right; margin-top:26px; margin-right:10px; position:relative; width:30px; height:30px;}

.title1 .more:before{ position:absolute; left:8px; top:14px; width:14px; height:2px; background:#ffffff; content:"";}
.title1 .more:after{ position:absolute; left:14px; top:8px; width:2px; height:14px; background:#ffffff; content:"";}

.title3{ position:relative; padding-left:29px; height: 40px; background:#2093c9; line-height: 40px;}
.title3 h4{ float:left; font-size:18px; color:#ffffff;}
.title3 .more{ float:right; margin-top:17px; margin-right:10px; position:relative; width:30px; height:30px;}
.title3 .more:before{ position:absolute; left:8px; top:14px; width:14px; height:2px; background:#ffffff; content:"";}
.title3 .more:after{ position:absolute; left:14px; top:8px; width:2px; height:14px; background:#ffffff; content:"";}

.title1 .more, .title3 .more{ -webkit-transition:all .15s linear; transition:all .15s linear;}
.title1 .more:hover, .title3 .more:hover{-webkit-transform:rotate(90deg); transform:rotate(90deg);} 


/* ҵ����� */
.ywfw{ margin-left:20px; padding-bottom:30px;}
.ywfw ul li{float:left; margin-top:20px;  margin-right:18px; width: 275px;  height: 150px; font-size: 16px; line-height : 30px;color: #FFF; 
	border:1px #cfcfcf solid; border-radius : 5px; text-align:center; -webkit-transition:all .1s linear; transition:all .1s linear;}
.ywfw ul .bg1{background: #7889b5;}
.ywfw ul .bg2{background: #397182;}
.ywfw ul .bg3{background: #cc9900;}
.ywfw ul .bg4{background: #59cdaa;}
.ywfw ul .bg5{background: #3c6090;}
.ywfw ul .bg6{background: #85abc2;}
.ywfw ul .bg7{background: #015792;}
.ywfw ul .bg8{background: #e46e52;}

.ywfw ul li:hover{ background:#229ad2; border:1px #229ad2 solid; color:#ffffff;}
.ywfw ul li.on{ background:#229ad2; border:1px #229ad2 solid; color:#ffffff;}
.ywfw ul li a{ display:block;}
.ywfw ul li a i{ display:inline-block; }
.ywfw ul li.li1 a i{ margin-top: 15px; width: 104px; height: 46px; background-image:url(/portal/images/ywfw/ywfw_1.png);}
.ywfw ul li.li2 a i{ margin-top: 15px; width: 104px; height: 56px; background-image:url(/portal/images/ywfw/ywfw_2.png);}
.ywfw ul li.li3 a i{ margin-top: 15px; width: 58px; height: 60px; background-image:url(/portal/images/ywfw/ywfw_3.png);}
.ywfw ul li.li4 a i{ margin-top: 15px; width: 58px; height: 58px; background-image:url(/portal/images/ywfw/ywfw_4.png);}
.ywfw ul li.li5 a i{ margin-top: 15px; width: 56px; height: 56px;background-image:url(/portal/images/ywfw/ywfw_5.png);}
.ywfw ul li.li6 a i{ margin-top: 15px; width: 68px; height: 59px; background-image:url(/portal/images/ywfw/ywfw_6.png);}
.ywfw ul li.li7 a i{ margin-top: 15px; width: 61px; height: 61px; background-image:url(/portal/images/ywfw/ywfw_7.png);}
.ywfw ul li.li8 a i{ margin-top: 15px; width: 62px; height: 55px;background-image:url(/portal/images/ywfw/ywfw_8.png);}

.ywfw ul li a span{ display:block;} 

/***��ѡ��Ϣ***/
.yxxx{ margin-left: 0px;margin-right: 0px; }

.yxxx ul li{float:left;    width: 280px;  height: 120px; font-size: 16px; color: #e67450; border:1px #cfcfcf solid; 
	border-radius : 5px; text-align:center;box-shadow:	-3px 0px 3px  #e6e6e6,0px -3px 3px  #e6e6e6,3px 0px  3px  #e6e6e6, 0px 3px 3px  #e6e6e6;	
	-webkit-transition:all .1s linear; transition:all .1s linear;
}
/*�����Ӱ*/
/*�ϱ���Ӱ*/       
/*�ұ���Ӱ*/  
/*�±���Ӱ*/
.yxxx ul li:hover{ background:#ee6b4d; border:1px #cfcfcf solid; color:#ffffff;}
.yxxx ul li.on{ background:#ee6b4d; border:1px #cfcfcf solid; color:#ffffff;}
.yxxx ul li a{ display:block;}
.yxxx ul li a i{ display:inline-block;  }
.yxxx ul li.li1 a i{ margin-top: 16px; width: 44px; height: 44px; background-image:url(/portal/images/ywfw/yxxx_tyss.png); }
.yxxx ul li.li2 a i{ margin-top: 14px;width: 52px; height: 46px; background-image:url(/portal/images/ywfw/yxxx_cyxm.png); }
.yxxx ul li.li3 a i{ margin-top: 22px;width: 52px; height: 38px; background-image:url(/portal/images/ywfw/yxxx_tycg.png); }
.yxxx ul li.li4 a i{ margin-top: 19px;width: 41px; height: 41px; background-image:url(/portal/images/ywfw/yxxx_tyqy.png); }
.yxxx ul li.li1:hover a i{ background-image:url(/portal/images/ywfw/yxxx_tyss2.png);}
.yxxx ul li.li1.on a i{ background-image:url(/portal/images/ywfw/yxxx_tyss2.png);}

.yxxx ul li.li2:hover .on a i{ background-image:url(/portal/images/ywfw/yxxx_cyxm2.png);}
.yxxx ul li.li2.on a i{ background-image:url(/portal/images/ywfw/yxxx_cyxm2.png);}
.yxxx ul li.li3:hover a i{ background-image:url(/portal/images/ywfw/yxxx_tycg2.png);}
.yxxx ul li.li3.on a i{ background-image:url(/portal/images/ywfw/yxxx_tycg2.png);}

.yxxx ul li.li4:hover a i{ background-image:url(/portal/images/ywfw/yxxx_tyqy2.png);}
.yxxx ul li.li4.on a i{ background-image:url(/portal/images/ywfw/yxxx_tyqy2.png);}

.yxxx ul li a span{ display:block; margin-top: 10px } 
.yxxxdetail{height: 380px; margin-top: 20px; padding-top: 20px;}
.yxxxdetail .bd ul li div{width: 1120px;height: 70px; border-bottom : 1px #a3a3a4 dashed;margin-left: 40px;margin-right: 40px; vertical-align: middle;display: inline ; float: left}
.yxxxdetail .bd ul li div:hover{border-bottom:1px #229ad2 solid; cursor: pointer; }
.yxxxdetail .bd ul li div img{width: 100px; height: 50px; padding:10px; vertical-align:middle;padding-right:20px; margin:0px; float: left;display: inline;}
.yxxxdetail .bd ul li div .title{width: 450px; float: left;display: inline; margin-top: 25px;margin-bottom: 25px; margin-right: 10px;}
.yxxxdetail .bd ul li div .dates{float: left;display: inline;width: 250px;margin-top: 25px;margin-bottom: 25px;margin-right: 10px;}
.yxxxdetail .bd ul li div .address{float: left;display: inline;width: 160px;margin-top: 25px;margin-bottom: 25px; margin-right: 10px;}
.yxxxdetail .bd ul li div .show{float: right;display: inline;width: 100px;margin-top: 25px;margin-bottom: 25px;}
/* ���� */
.links .title{font-weight: bold; font-size: 18px;}
.links .links_website{padding: 20px;}
.links .links_website a:hover{color:#4e88ec; cursor:pointer}

.foot{ margin-top:0px; height: 150px; padding-top:20px; background:#e2e5ec; color:#5b5b5b;}
.foot .sydw{width: 80px;left:20%; position: absolute; }
.foot .foot-center{width: 60%; left:20%; position: absolute;}

/* �������� */
.helpcenter{background-color: #f8f9fd; height: 200px;}
 .helpcenter .bottom{padding: 20px;}

.helpcenter .bottom dl{float: left; border-right: 1px solid #ddd; width: 395px; padding-bottom: 34px; border-left: 1px solid #ddd; margin-right: -1px;  }
.helpcenter .bottom dl dt {line-height: 38px;	font-size: 18px;	color: #666;	font-weight: bold;	text-align: center;	margin-bottom: 17px;  }
.helpcenter .bottom dl dd {margin-left: 78px;    overflow: hidden;}
.helpcenter .bottom dl dd a {display: block;    float: left;    width: 154px;    font-size: 16px;    line-height: 29px;    color:     #333;}
.helpcenter .bottom div h3 {line-height: 38px;    font-size: 16px;    color:     #666;    text-align: center;    margin-bottom: 17px;}
.helpcenter .bottom div p {font-size: 16px;    line-height: 29px;    color: #333;    text-align: center;}


/* ����ͳ�� */
.sjtj{height: 400px;}
.sjtj .hbarea{width: 400px}

.content{	width: 1160px; 	margin: 20px;	padding:10px  20px;	background-color: #fff;}
.content:after{content:""; display:block; height:0; clear:both;}

.where {margin-left : 20px; margin-right : 20px;height: 40px;line-height: 40px;  margin-bottom:20px; color: #8a8a8a;	border-bottom: 1px #d2d2d2 solid; }

<!--�Ҳർ��-->
.list_nav{ width: 265px; height: 100%;}
.listcontent { width: 843px; padding:0px 20px;}
.listcontent .news_list li{  height:48px; border-bottom:1px #b2b2b2 dashed; line-height:48px; font-size:16px;}
.listcontent .news_list li a{  width: 660px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.side_nav_list{ width: 250px;}
.side_nav_list li{ height: 40px; border-bottom:1px #cccccc solid; line-height: 40px; font-size:16px; -webkit-transition:all .1s linear; transition:all .1s linear;}
.side_nav_list li a{ display:block; padding-left: 30px;}
.side_nav_list{ padding:20px 0 200px 0;}
.side_nav_list li.on{  border-bottom:1px #cccccc solid; color:#ff0000; border-radius : 5px;}
.side_nav_list li:hover{  border-bottom:1px #cccccc solid; color:#ff0000; border-radius : 5px;}

.bread{ position:relative; padding-left:40px; color:#9a9a9a;}
.bread:before{ position:absolute; left:20px; top:50%; margin-top:-7px; width:13px; height:13px; background-image:url(/newIndex/images/bread_ico.png); content:"";}
.bread a{ margin:0 2px;}
.bread a.last{ font-weight:800; color:#6e6e6e;}

.article_show{ font-size: 16px; font-family: microsoft yahei;}
.article_show .art_title{ margin-bottom:30px;  text-align:center;  font-family: microsoft yahei;}
.article_show .art_title h3{ font-size: 26px; color:#2268b3;}
.article_show .art_title .info{ margin-top: 30px; padding:8px 0; font-size:16px; color:#595959; background:#eeeeee;}
.article_show .art_title .info span{ display:inline-block; margin:0 10px;}
.article_show p{ margin-bottom:15px; line-height: 30px; text-indent:0em; }
.article_show img{ display:block; margin:0 auto; max-width:100%;}
.article_show table {margin: auto;}
.pages{margin:30px 0 50px 0; color:#414141; text-align: center;}

.pic_content { width: 1120px; padding:0px 20px;}

.pic_list li{ position:relative; float:left; margin-right: 20px; margin-bottom:30px; width: 262px; height: 370px;border: 1px #e9e9e9 solid; border-radius : 5px;}
.pic_list li.nth3{ margin-right:0;}
.pic_list li i{ display:block; height: 262px;height: 227px; overflow:hidden;}
.pic_list li i img{ width: 262px; height: 262px; -webkit-transition:all 0.15s linear; transition:all 0.15s linear;}
.pic_list li:hover img{-webkit-transform:scale(1.05); transform:scale(1.05);}
.pic_list li:hover {cursor: pointer;}
.pic_list li .price{ margin: 8px 5px; font-size: 18px; color: #fb6700;}
.pic_list li .title{ margin: 5px; width: 220px;font-weight: 800; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.pic_list li .pic_detail{margin: 5px; font-size: 14px; color:#999 ;white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis;}

.achievements{line-height: 30px; padding: 5px;}
.achievements h5 { font-size: 16px; color: #484848; background: #f3f3f3; padding: 0 0 0 10px; font-weight: normal; line-height: 40px; border-bottom: 1px dashed #484848; margin: 20px 0 20px 0; }
.info { padding: 0 0;  clear: both; }
.info_left {text-align: left; width: 180px; float: left; color: #898989; font-weight: normal; }
.info_right {padding: 0 0 0 5px; margin-left: 180px; color: #417dc9; }
.author { color: #898989; }

.red{color:FF0000;text-align:center; }

.greyTitle{ display:block; width:96%; padding:0 2%; height:50px; line-height:50px; background-color:#eef2f5; font-size: 20px; color:#1c2931; margin:0;}
.zhuceXz{ width: 680px; height:225px; padding:25px 30px; border:1px solid #d1d8e3; overflow:auto; margin:15px 0 20px 0; line-height:2em;}
.zcdt_r{ width: 420px; height: 250px; padding:20px;  margin: 20px; float:right; background-color:#eff2f4;border-radius:5px;}
.title_blue{ display:block; border-left:8px solid #1d6bb6; font-size:22px; line-height:25px; height:25px; color:#1c2931; padding:0 10px;}

#ywfw_tabs .tabs-panels{	border-color: #fff;}

button {
    vertical-align: middle;
    outline-style: none;
    border: none;
}


.print_ollection {margin-top: 40px;    text-align: center;    padding-bottom: 40px;}
.btnSubmit{width: 120px;}

/* .print_collection a{width: 120px;    height: 30px;} */
/* .print_ollection {    margin-top: 40px;    text-align: center;    padding-bottom: 40px;}
.print_ollection .print_btn {   background: url(/portal/images/print2.png) no-repeat center ;}
.print_ollection .close_btn {    background: url(/portal/images/close.png) no-repeat center;}
.print_ollection .collection_btn {    background: url(/portal/images/collect2.png) no-repeat center;}
.print_ollection .matchPort_btn {   background: url(/portal/images/duijie2.png) no-repeat center;}
.print_ollection .jiucuo_btn {   background: url(/portal/images/jiucuo.png) no-repeat center;}
.print_ollection .print_btn, .close_btn, .collection_btn, .matchPort_btn,.jiucuo_btn {
    width: 140px;
    height: 40px;
    padding: 0 42px;
    border: 1px solid     #ccc;
    cursor: pointer;
}
 */
/* .button {
    background-color: #4CAF50; Green
    border: none;
    color: white;
    padding: 15px 32px;
    width: 120px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 4px;
     -webkit-transition-duration: 0.4s; Safari
    transition-duration: 0.4s;
     cursor: pointer;
}

.button1 {background-color: #4CAF50;} Green
.button2 {background-color: #008CBA;} Blue
.button3 {background-color: #f44336;} Red
.button4 {background-color: #e7e7e7; color: black;} Gray
.button5 {background-color: #555555;} Black */

/* .button:hover {    
   
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
} */


.pic_item span{
    background-color: rgba(0,0,0,0.5);
}
.pic_item span, .pic_item i {
    display: block;
    position: absolute;
    padding: 0px;
    height: 40px;
    line-height: 40px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 998;
    font-size: 16px;
    color: #fff;
    font-style: normal;
    text-align: left;
}
.pic_item i {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    padding-left: 10px;
}
.pagination_swiper {
    position: relative;
    text-align: right;
    bottom: 10px;
    float:right;
    z-index: 999;
    padding-right: 5px;
    margin-top: -25px
}
.swiper-pagination-bullet {
    margin: 0px 2px;
    width: 13px;
    position: relative;
    border-radius: 0px;
    background-color:#fff;
}
.swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-button-next {
    opacity: 1;
    transform: translate(0, 0);
}

.swiper-container .swiper-button-next {
    transform: translate(50px, 0);
    right: 0;
}

.swiper-container .swiper-button-prev {
    transform: translate(-50px, 0);
    left: 0;
}

.swiper-button-next, .swiper-button-prev {
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    opacity: 0;
    transition: all .3s;
}

.swiper-container:hover .prev, .swiper-container:hover .next {
    opacity: 1;
    transform: translate(0, 0);
}

.swiper-container .prev {
    transform: translate(-50px, 0);
    left: 0;
}

.swiper-container .next {
    transform: translate(50px, 0);
    right: 0;
}

.next, .prev {
    position: absolute;
    top: 50%;
    z-index: 9;
    display: block;
    width: 50px;
    height: 60px;
    margin-top: -30px;
    line-height: 60px;
    text-align: center;
    font-size: 25px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .3);
    background-size: 24px auto;
    color: #fff;
    opacity: 0;
    transition: all .3s;
}

.zdhdarea .swiper-slide {width: 1200px !important; height: 146px !important;}