@charset "UTF-8";
/* CSS Document */ 
html {overflow-y:scroll;}
body {margin:0; padding:0; color: #222; font:14px/1.5 Arial,Helvetica,sans-serif,Simsun; min-width:1220px;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
ol,ul {list-style:none;}
li{list-style-type:none;} 
img{vertical-align:middle;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:" ";}
a {color:#222; text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#002063;text-decoration:none;}
a:active {color:#002063;}

.of_h{ overflow:hidden; text-overflow:ellipsis; } 
.cBlack{color:#252525;}
.cGreen, .cGreen:visited, .cGreen a,.green {color: #008000;}
.cBlue,.cBlue:visited,.cBlue a{color:#ce1126;}
.cRed, .cRed:visited, .cRed a,.red { color: Red; }
.taC{text-align: center}
.bold{font-weight: bold;}
body{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;}

.web{ margin:0px auto; width:1070px;}
.fleft{float:left;}
.fright{ float:right;}
.indexTitle{ border-bottom:6px solid #ffe4e5; position:relative; font-size:30px; line-height:32px; padding-bottom:8px;}
.indexTitle span{border-bottom:6px solid #ff7e84; left:0px; bottom:-6px; position:absolute; width:70px;}
.w687{ width:689px;}
.w710{ width:710px;}
.w820{ width:820px;}
.w322{ width:322px;}
.w210{ width:210px;}
.location{ font-size:14px; color:#000; padding:24px 0px;}
.location a{ color:#000}
.commonClass li{ padding-bottom:4px;}
.commonClass li a{ display:block; height:49px; line-height:49px; font-size:18px; color:#fff; padding-left:30px; background:#0366c1; position:relative}

.commonClass li.cur a{ background:#05c58d;}
.commonClass li a:hover{ background:#05c58d;}
.commonClass li a:hover em{  position:absolute; border-left:12px solid #05c58d;border-top:12px solid transparent;border-bottom:12px solid transparent; width:0px; height:0px; right:-12px; top:50%; margin-top:-12px;}
.commonClass li.cur a em{ position:absolute; border-left:12px solid #05c58d;border-top:12px solid transparent;border-bottom:12px solid transparent; width:0px; height:0px; right:-12px; top:50%; margin-top:-12px;}


/*--首页--*/
.headerbox{ border-bottom:1px solid #dddddd;}
.header{ min-height:145px; position:relative; z-index:999;}
.logo{float:left; display:block; width:160px; padding-top:25px;}
.logo img{ display:block; height:95px;}
.head-right{ float:right; width:900px; padding-top:40px;}
.headsearch dt{ float:right; font-size:18px; font-family:"黑体"; padding-left:15px; line-height:30px;}
.headsearch dt a{color:#040001;}
.headsearch dd{ float:right; width:455px; position:relative;}
.headsearch dd label{ display:block; border:1px solid #040001; padding:7px 35px 7px 15px;}
.headsearch dd label input{ float:left; width:100%; border:none; background:none; outline:none;}
.headsearch dd input.headsearchbtn{ position:absolute; right:0px; top:0px; background:url(../images/icon1.png) no-repeat center; width:30px; height:30px; border:none; cursor:pointer; outline:none;}
.nav{ float:right; padding-top:20px;}
.nav li{ float:left;font-size:18px; margin-left:40px; font-weight:500; padding-top:15px; position:relative}
.nav li>a{ position:relative; z-index:99;}
.nav li div.Twonav{ position:absolute; background:url(../images/bg1.png) repeat; border:5px solid #f6d04c; width:140%; left:-25%; top:0px; padding-top:60px; padding-bottom:15px; display:none;}
.nav li div.Twonav>a{ display:block; color:#262626; height:40px; line-height:40px; font-size:14px; padding-left:10px;}
.nav li div.Twonav>a:hover{ background:#f6d04c;}
.nav li:hover div.Twonav{ display:block;}

.banner{width:100%; position:relative; overflow:hidden; height:530px;}
.banner ul li{ overflow:hidden; position:relative;}
.banner ul li img{ width:100%; display:block;}
.banner ul li p{ position:absolute; left:50%; margin-left:-530px; line-height:48px; width:1080px; color:#fff; z-index:99; top:60%; font-size:34px; font-weight:bold;padding: 10px;background: url(http://m.niuyougou.com/english/syen/xhtml/images/f_bg.png) repeat;}
.bannerdot{ position:absolute; bottom:15px; left:0px; width:100%; z-index:999; text-align:center}
.bannerdot span{position: relative;display:inline-block;width: 12px;height: 12px;border-radius: 7px;margin: 0 5px;color: #B0B0B0;font: 12px/15px "\5B8B\4F53";text-decoration: none;text-align: center;outline: 0;background: #fff;}
.bannerdot span.swiper-active-switch{ background:#036eb5}

.banner .prev,.banner .next{position:absolute;width:56px;height:65px;}
.banner .prev{top: 50%;margin-top: -37px; left:50%; margin-left:-535px;cursor:pointer;}  
.banner .next{top: 50%;margin-top: -37px; left:50%; margin-left:535px;cursor:pointer;}  
.banner .prev:hover{ background:url(../images/bg2.png) repeat;}  
.banner .next:hover{ background:url(../images/bg2.png) repeat;}

.indexService{ overflow:hidden; padding-bottom:30px;}
.indexService ul{ width:1080px;}
.indexService ul li{ float:left; width:178px; background-repeat:no-repeat; height:225px; text-align:center; border-right:1px solid #fff;}
.indexService ul li img{ display:none;}
.indexService ul li.bg1{ background-image:url(../images/img2.png);}
.indexService ul li.bg2{ background-image:url(../images/img3.png);}
.indexService ul li.bg3{ background-image:url(../images/img4.png);}
.indexService ul li.bg4{ background-image:url(../images/img5.png);}
.indexService ul li.bg5{ background-image:url(../images/img6.png);}
.indexService ul li.bg6{ background-image:url(../images/img7.png);}
.indexService ul li a{ display:block; padding-top:90px; height:135px; color:#fff; font-size:18px; font-weight:bold;}

.indexNews{ padding-top:25px; padding-left:10px; overflow:hidden; min-height:375px; height:auto !important; height:375px;}
.indexNews dl{ float:left; width:333px;}
.indexNews dl dt img{ display:block; width:333px; height:247px;}
.indexNews dl dd{ font-size:18px; line-height:21px; padding-top:12px;}
.indexNews dl dd a{ color:#1d1d1d;}
.indexNews ul{ float:right; width:300px; padding-right:15px; margin-top:-15px;}
.indexNews ul li{ margin-top:13px;}
.indexNews ul li a{overflow:hidden; height:42px; line-height:21px; font-size:18px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color:#1d1d1d;}
.indexNews ul li span{ font-size:16px; color:#1d1d1d; padding-top:8px; display:block;}

.cultureTitle{ border-bottom:6px solid #eff7d5;}
.cultureTitle span{ border-bottom:6px solid #b5d83a}

.indexculture{ padding-top:25px; overflow:hidden;}
.indexculture dl dt{float: left;width: 344px;box-sizing: border-box;padding: 0 10px;}
.indexculture dl dt img{ display:block; width:324px; height:240px;}
.indexculture dl dt p{ font-size:18px;line-height:21px; padding-top:12px;}
.indexculture dl dd{ float:right;width:300px; padding-right:15px; font-size:16px; line-height:20px;}
.indexculture dl dd h4{ font-size:18px; line-height:21px; padding-bottom:15px;}

.specialsTitle{ border-bottom:6px solid #fdf5d9;}
.specialsTitle span{ border-bottom:6px solid #f6d04b}

.indexSpecials{padding-top:25px; padding-left:10px; width:281px;padding-bottom:20px;}
.indexSpecials img{ display:block; width:280px; height:195px;}
.indexSpecials p{ font-size:18px;line-height:21px; padding-top:12px;}

.indexSpecialspic{ padding-bottom:40px;}
.indexSpecialspic img{ display:block; width:312px; height:80px; margin-top:23px;}

.investmentTitle{ border-bottom:6px solid #d2f3fb;}
.investmentTitle span{ border-bottom:6px solid #29c5ec}

.indexinvestment{ padding-top:25px; padding-left:10px;}
.indexinvestment dl dd{ float:left; width:156px;height:54px; background:#e5e5e5; position:relative; margin-top:1px}
.indexinvestment dl dd span{ display:block; height:54px; position:absolute; left:0px; top:0px; width:65px; background-color:#ff7e84; transition:all .5s ease;}
.indexinvestment dl dd a{ display:block; position:relative; z-index:99; height:54px; font-size:16px; color:#323232;transition:all .5s ease;}
.indexinvestment dl dd a img{ vertical-align:middle; width:65px; height:54px; margin-right:5px;}
.indexinvestment dl dd.Advantages{}
.indexinvestment dl dd.Advantages span{background-color:#f6d04b; }
/*.indexinvestment dl dd.Advantages a img{  margin-right:5px;}*/
.indexinvestment dl dd.Guide span{background-color:#b5d83a;}
.indexinvestment dl dd.Enterprises span{background-color:#29c5ec; }
/*.indexinvestment dl dd.Enterprises a img{ margin-right:5px;}*/
.indexinvestment dl dd.Industrialparks{width:312px;}
.indexinvestment dl dd.Industrialparks span{background-color:#20ccce;}
.indexinvestment dl dd:hover span{ width:100%;}
.indexinvestment dl dd:hover a{ color:#fff;}

.indexServiceTwobg{ background:#fafafa; padding:40px 0px;}

.indexServiceTwo{ overflow:hidden;}
.indexServiceTwo ul{ width:700px;}
.indexServiceTwo ul li{ float:left; width:128px; margin-right:12px; overflow:hidden; position:relative;}
.indexServiceTwo ul li p{ position:relative; height:48px;}
.indexServiceTwo ul li p a{ display:block; position:relative; z-index:999; text-align:center; line-height:52px;  font-size:18px;transition:all .3s ease;}
.indexServiceTwo ul li p span{ position:absolute; left:0px; height:6px; width:100%; background-color:#ff7e84;transition:all .3s ease;}
.indexServiceTwo ul li img{ display:block; height:210px; position:relative;}
.indexServiceTwo ul li.Routes img{ left:-190px;}
.indexServiceTwo ul li.Transportation img{ left:-30px;}
.indexServiceTwo ul li.Transportation p span{ background-color:#f6d04b;}
.indexServiceTwo ul li.Dining img{ left:-75px;}
.indexServiceTwo ul li.Dining p span{ background-color:#b5d83a;}
.indexServiceTwo ul li.Hotels img{ left:-50px;}
.indexServiceTwo ul li.Hotels p span{ background-color:#29c5ec;}
.indexServiceTwo ul li.Shopping img{left:-35px;}
.indexServiceTwo ul li.Shopping p span{ background-color:#20ccce;}

.indexServiceTwo ul li:hover p span{ height:100%;}
.indexServiceTwo ul li:hover a{ color:#fff;}

.indexServiceTwo p.more{ text-align:right;padding-right:20px; padding-top:30px;}
.indexServiceTwo p.more a{ display:inline-block; border:5px solid transparent; padding:0px 15px; line-height:20px;transition:all .3s ease;}
.indexServiceTwo p.more a:hover{border:5px solid #f6d04b}

.videoTitle{ border-bottom:6px solid #ccf0f1;}
.videoTitle span{ border-bottom:6px solid #20ccce}

.indexvideo{padding-top:25px; padding-left:10px; width:281px;padding-bottom:20px;}
.indexvideo img{ display:block; width:280px; height:195px;}
.indexvideo p{ font-size:18px;line-height:21px; padding-top:12px;}

.attractionsbox{ position:relative;}
.attractionsbox span{ cursor:pointer; display:block; width:38px; height:38px; display:block; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-45px; z-index:9;}
.attractionsbox span.attractionsprev{ background-image:url(../images/prev1.png); left:-50px;}
.attractionsbox span.attractionsnext{ background-image:url(../images/next1.png); right:-50px;}

.attractions{ overflow:hidden; position:relative; margin-top:25px;}
.attractions ul{ width:9999px; position:relative;}
.attractions ul li{ float:left; width:245px; padding:0px 11px;}
.attractions ul li img{ display:block; width:245px; height:190px;}
.attractions ul li p{ font-size:16px; color:#1d1d1d; padding-top:13px;}

.attractionsTitle{ border-bottom:6px solid #eff7d5; margin-top:40px;}
.attractionsTitle span{ border-bottom:6px solid #b5d83a}

.footlink{border-top:6px solid #f6f6f6; padding:35px; margin-top:40px;}
.footlink dl dt{ float:left; padding-top:11px;}
.footlink dl dt select{ border:2px solid #929292; width:280px; padding-left:10px; font-size:18px; height:28px; line-height:28px;}
.footlink dl dd{ float:left;}
.footlink dl dd img{ vertical-align:middle; margin-left:18px;}
.footlink ul{ padding-top:45px;}
.footlink ul li{ float:left; width:178px; padding-right:15px;}
.footlink ul li h3{ font-size:18px; padding-bottom:15px;}
.footlink ul li p a{ display:block; font-size:16px; line-height:26px;}

.footlink ul li.last{ float:right; width:auto; padding-right:0px;}

.foot{ border-top:1px solid #bfbfbf; padding:30px 0px; text-align:center; font-size:14px; position:relative; color:#323232; margin-top:20px;}
.foot span.Topping{ display:block; position:absolute; left:50%; top:-40px; margin-left:-20px; background:url(../images/img31.png) no-repeat; width:40px; height:40px; cursor:pointer;}

/*--列表一--*/
.newslist{ overflow:hidden;}
.newslist ul{ margin-top:-25px;}
.newslist ul li{ border-bottom:1px solid #eee; padding:25px 0px; font-size:15px; line-height:20px;}
.newslist ul li img{ display:block; float:left; width:203px; height:150px; margin-right:20px;}
.newslist ul li h3{ font-size:18px; color:#1d1d1d; color:#1d1d1d;}
.newslist ul li p.time{ color:#1d1d1d; padding:12px 0px;}
.newslist ul li p.desc{ color:#1d1d1d;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical; height:80px;}

.Pagination{ text-align:center; padding:40px 0px;}
.Pagination a{ border:1px solid #dddddd; display:inline-block; margin:0px 5px; width:23px; height:23px; text-align:center; font-size:14px; line-height:23px;}

/*--详情--*/

.newsDetail{background:#fafafa; padding:40px;}
.newsDetailTitle{ color:#1d1d1d;}
.newsDetailTitle h1{ font-size:48px;line-height:60px;}
.newsDetailTitle p{ font-size:16px; padding-top:25px; border-bottom:1px solid #e4e4e4; padding-bottom:25px;}
.newsDetailTitle p em{ padding:0px 15px;}
.newsDetailTitle p span a{ display:inline-block; vertical-align:middle; margin-left:10px; line-height:24px;}
.newsDetailTitle p span a.Print{ background:url(../images/icon2.png) no-repeat right center; padding-right:25px; font-size:16px; color:#1d1d1d; margin-right:20px;}
.newsDetailTitle p span a.Facebook{ width:24px; height:24px; background:url(../images/icon3.png) no-repeat;}
.newsDetailTitle p span a.Twitter{ width:24px; height:24px; background:url(../images/icontwitter.png) no-repeat;background-size: 100% 100%;}
.newsDetailTitle p span a.moreshare{width:24px; height:24px;  background:url(../images/icon5.png) no-repeat no-repeat}

.newsDetailTitleTwo{ color:#1d1d1d;}
.newsDetailTitleTwo h1{ font-size:36px;line-height:42px;}
.newsDetailTitleTwo p{ font-size:15px; padding-top:25px; border-bottom:1px solid #e4e4e4; padding-bottom:25px;}
.newsDetailTitleTwo p em{ padding:0px 5px;}
.newsDetailTitleTwo p span a{ display:inline-block; vertical-align:middle; margin-left:10px; line-height:24px;}
.newsDetailTitleTwo p span a.Print{ background:url(../images/icon2.png) no-repeat right center; padding-right:25px; font-size:16px; color:#1d1d1d; margin-right:10px; margin-left:0px;}
.newsDetailTitleTwo p span a.Facebook{ width:24px; height:24px; background:url(../images/icon3.png) no-repeat;}
.newsDetailTitleTwo p span a.Twitter{ width:24px; height:24px; background:url(../images/icon4.png) no-repeat;}
.newsDetailTitleTwo p span a.moreshare{width:24px; height:24px;  background:url(../images/icon5.png) no-repeat no-repeat}


.newsDetailContent{ padding:30px 0px 0px; font-size:16px; color:#1d1d1d; line-height:24px;}
.newsDetailContent img{ max-width:100%;}

/*--人大频道--*/

.Leadership{ background:#0284dc; color:#fff; position:relative; padding:30px 40px 30px 225px;}
.Leadership dt{ font-size:30px; position:absolute; left:0px; top:50%; line-height:36px; margin-top:-18px; text-align:center; width:225px;}
.Leadership dd{ font-size:18px; line-height:28px; border-left:1px solid #fff; padding-left:40px;}

.LeadershipClass{ overflow:hidden; margin-top:50px;}
.LeadershipClass ul{ width:1100px;}
.LeadershipClass ul li{ float:left; width:262.5px; height:92px; background:#e5e5e5;  border:1px solid #e5e5e5; border-top:4px solid #e5e5e5; text-align:center; line-height:26px; font-size:18px; margin-right:4px; display:inline; border-bottom:none !important;}
.LeadershipClass ul li a{ display:block; color:#8b8b8b; padding-top:20px; height:74px;}
.LeadershipClass ul li.last a{ padding-top:7px; height:87px;}

.LeadershipClass ul li:hover{ background:#fff; border:1px solid #e5e5e5; border-top:4px solid #0284dc;}
.LeadershipClass ul li:hover a{color:#0284dc;}
.LeadershipClass ul li.cur{ background:#fff; border:1px solid #e5e5e5; border-top:4px solid #0284dc;}
.LeadershipClass ul li.cur a{color:#0284dc;}

.Leadershipintrotab{ border:1px solid #e5e5e5; color:#1d1d1d; padding:40px; font-size:16px; display:none;}

.leadershipinfobox{ padding-top:50px; display:none;}
.leadershipinfobox h3{ font-size:36px; border-bottom:6px solid #e5e5e5; text-align:center;}
.leadershipinfobox h3 span{ position:relative; z-index:999; display:inline-block; color:#1c1c1c; font-weight:bold; background:#fff; z-index:9; padding:0px 20px; margin-bottom:-28px;}

.leadershipinfo{ text-align:center; padding:45px 0px 35px;}
.leadershipinfo li{ font-size:14px;}
.leadershipinfo li img{ width:208px; border:1px solid #e5e5e5; vertical-align:middle;}
.leadershipinfo li h4{ font-size:22px; font-weight:bold; color:#000000; padding-top:14px; padding-bottom:5px;}

.leadershipinfoTwo{ text-align:center; padding:45px 0px 0px;}
.leadershipinfoTwo li{ font-size:14px; float:left; width:50%;}
.leadershipinfoTwo li img{ width:208px; border:1px solid #e5e5e5; vertical-align:middle;}
.leadershipinfoTwo li h4{ font-size:22px; font-weight:bold; color:#000000; padding-top:14px; padding-bottom:5px;}
.leadershipinfoTwo li p.Two{ margin:0px auto; width:53%; padding-top:5px;}

.leadershipinfoThree{ text-align:center; padding:45px 0px 0px;}
.leadershipinfoThree li{ font-size:14px; float:left; width:33%;}
.leadershipinfoThree li img{ width:208px; border:1px solid #e5e5e5; vertical-align:middle;}
.leadershipinfoThree li h4{ font-size:22px; font-weight:bold; color:#000000; padding-top:14px; padding-bottom:5px;}
.leadershipinfoThree li p.One{margin:0px auto; width:80%;}
.leadershipinfoThree li p.Two{ margin:0px auto; width:80%; padding-top:5px;}

.CityHallThree{ text-align:center; padding:45px 0px 0px; margin:0px auto; width:810px;}
.CityHallThree li{ font-size:14px; float:left; width:230px; padding:0px 20px;}
.CityHallThree li img{ width:168px; border:1px solid #e5e5e5; vertical-align:middle;}
.CityHallThree li h4{ font-size:22px; font-weight:bold; color:#000000; padding-top:14px; padding-bottom:5px;}


.CityHallFour{ text-align:center; padding:45px 0px 0px; margin:0px auto;}
.CityHallFour li{ font-size:14px; float:left; width:230px; padding:0px 18px;}
.CityHallFour li img{ width:168px; border:1px solid #e5e5e5; vertical-align:middle;}
.CityHallFour li h4{ font-size:22px; font-weight:bold; color:#000000; padding-top:14px; padding-bottom:5px;}

.assist{ text-align:center; padding:45px 0px 0px; margin:0px auto; width:230px;}
.assist li{ font-size:14px;}
.assist li img{ width:168px; border:1px solid #e5e5e5; vertical-align:middle;}
.assist li h4{ font-size:22px; font-weight:bold; color:#000000; padding-top:14px; padding-bottom:5px;}

.cppccTwo{ text-align:center; padding:45px 0px 0px;}
.cppccTwo li{ font-size:14px; float:left; width:50%;}
.cppccTwo li img{ width:168px; border:1px solid #e5e5e5; vertical-align:middle;}
.cppccTwo li h4{ font-size:22px; font-weight:bold; color:#000000; padding-top:14px; padding-bottom:5px;}
.cppccTwo li p.Two{ margin:0px auto; width:70%; padding-top:5px;}

.cppccThree{ text-align:center; padding:45px 0px 0px;}
.cppccThree li{ font-size:14px; float:left; width:33%;}
.cppccThree li img{ width:168px; border:1px solid #e5e5e5; vertical-align:middle;}
.cppccThree li h4{ font-size:22px; font-weight:bold; color:#000000; padding-top:14px; padding-bottom:5px;}
.cppccThree li p.Two{padding-top:5px;}

.Department{ background:#0284dc; color:#fff; position:relative; padding:30px 40px 30px 225px; margin-top:60px;}
.Department dt{ font-size:30px; position:absolute; left:0px; top:50%; line-height:36px; margin-top:-18px; text-align:center; width:225px;}
.Department dd{ font-size:16px; line-height:28px; border-left:1px solid #fff; padding-left:40px;}
.Department dd h3{ font-size:20px; font-weight:bold; padding-bottom:10px;}
.Department dd p.more{ text-align:right}
.Department dd p.more a{ color:#fff;}

.commonbanner{ width:100%; position:relative; overflow:hidden;}
.commonbanner img{ display:block; width:1920px; margin-left:-960px; left:50%; position:relative;}

.Travel{ overflow:hidden; padding-top:40px;}
.Travel ul{width:1130px;}
.aboutsanya ul{ width:750px;margin: 0 auto;overflow: hidden;}
.Travel ul li{ float:left; width:330px; padding-right:40px;}
.Travel ul li img{ display:block; width:330px; height:245px;}
.Travel ul li p{ font-size:20px; color:#323232; text-align:center; padding-top:10px; height:48px;}

.industrial{ padding-top:40px;}
.industrial .indexTitle{ border-bottom:6px solid #d2f3fb; }
.industrial .indexTitle span{border-bottom:6px solid #29c5ec;}
.industrial dl{ padding-top:28px;}
.industrial dl dt{ float:left; width:515px; overflow:hidden; position:relative;}
.industrial dl dt div.industrialimg{ width:9999px; position:relative;}
.industrial dl dt div.industrialimg p{ width:515px; float:left;}
.industrial dl dt img{ display:block; width:515px;}
.industrial dl dd{ float:right; width:513px;}
.industrial dl dd p{height:91px;border:1px solid #e4e4e4; margin-bottom:-1px; font-size:20px; padding:30px 45px 5px 45px; position:relative; cursor:pointer;}
.industrial dl dd p a{ display:block; height:64px; line-height:32px; overflow:hidden;}
.industrial dl dd p:hover{ border:5px solid #29c5ec; height:91px;padding:26px 41px 1px 41px;}
.industrial dl dd p:hover b{ border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #29c5ec; width:0px; height:0px; display:block; position:absolute; left:-15px; top:50%; margin-top:-8px;}

.industrial dl dd p.cur{ border:5px solid #29c5ec; height:91px;padding:26px 41px 1px 41px;}
.industrial dl dd p.cur b{ border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #29c5ec; width:0px; height:0px; display:block; position:absolute; left:-15px; top:50%; margin-top:-8px;}


.Investmentlist{ width:100%; overflow:hidden; padding-top:20px;}
.Investmentlist ul{ width:1130px;}
.Investmentlist ul li{ float:left; width:515px; padding:20px 39px 20px 0px;}
.Investmentlist ul li img{ display:block; float:left; width:245px; height:182px; margin-right:30px;}
.Investmentlist ul li div{ padding-top:25px;}
.Investmentlist ul li h4{ font-size:16px; font-weight:bold;color:#1d1d1d; line-height:21px; height:42px; overflow:hidden;}
.Investmentlist ul li p.desc{ font-size:14px; color:#1d1d1d; padding-top:10px; line-height:20px; height:100px; overflow:hidden;}
.Investmentlist ul li p.more{ text-align:right; font-size:16px; color:#323232}

.Guidetitle .indexTitle{ border-bottom:6px solid #fdf5d9;}
.Guidetitle .indexTitle span{border-bottom:6px solid #f6d04b;}

.Policiestitle .indexTitle{ border-bottom:6px solid #eff7d5;}
.Policiestitle .indexTitle span{border-bottom:6px solid #b5d83a;}

.Enterprisestitle .indexTitle{ border-bottom:6px solid #ccf0f1;}
.Enterprisestitle .indexTitle span{border-bottom:6px solid #20ccce;}
.mNavBtn{ display:none;}

.Living{ display:none;}
/*分页*/
#pageBreak{width:255px; margin:0 auto 40px; position:relative;top:21px;}
#pageBreak a{ display:inline-block; width:24px; height:24px; line-height:24px; text-align:center; margin:0 3px; background:#dedede; color:#313131;}
#pageBreak a.hover{ background:#0b67a6; color:#fffdf4;}
#pageBreak span{ display:inline-block; height:24px; line-height:24px; text-align:center; margin:0 3px; color:#313131;}
#pageBreak span.laypage_curr{background:#0b67a6; color:#fffdf4; width:24px; }


/*add 0122*/
#pageBreak span{ font-size:16px;}
#pageBreak a{ font-size:16px;}

@media screen and (max-width: 750px){
	body{min-width:100%;}
	*{ box-sizing:border-box; appearance:normal; -webkit-appearance: none;}
	.web{ width:100%;}
	.head-right{ padding-top:0px;}
	.header{ min-height:80px;}
	.logo{width:102px; margin:0px auto;padding-top:10px; padding-left:0px; float:none;}
	.logo img{ height:60px;}
	.nav{position:fixed; display:none; left:0px;width:100%; background:#0284dc; top:80px; bottom:0px; overflow-y:auto; overflow-x:hidden; padding:20px 15px 0px}
	.nav li{ float:none; width:auto; border-bottom:none;padding-top:10px; margin-left:0px; padding-bottom:10px; padding-left:15px; font-size:16px; position:relative; padding-left:30px;}
	.nav li>a{color:#fff; font-size:20px;}
	.nav li:after{ content:"+"; font-size:26px; line-height:46px; color:#fff; position:absolute; left:0px; top:0px;}
	.nav li:hover:after{content:"-";font-size:40px; line-height:40px;}
	.nav li:nth-child(1):after{ display:none;}
	.nav li div.Twonav{ position:relative; width:100% !important; border:none; left:0px !important; right:0px; padding-top:0px; background:none; margin-bottom:none;}
	.nav li div.Twonav>a{ font-size:16px; color:#c5e8ff;}
	.nav li div.Twonav>a:hover{ background:none;}
	.headsearch dt{ display:none;}
	.indexService{ padding:0px 15px;}
	.indexService ul{ width:auto; margin:0px -3px; padding-top:15px;}
	.indexService ul li{ padding:3px 3px; float:left; width:33.3333%; height:auto; border:none;}
	.indexService ul li a{ display:block; height:auto; padding:0px; font-size:12px; padding:15px 0px;}
	.indexService ul li img{ display:block; margin:0px auto; width:40%; padding-bottom:5px;}
	.indexService ul li.bg1{ background-image:none;}
	.indexService ul li.bg1 a{ background:#ff737a;}
	.indexService ul li.bg2{ background-image:none;}
	.indexService ul li.bg2 a{ background:#f1c936;}
	.indexService ul li.bg3{ background-image:none;}
	.indexService ul li.bg3 a{ background:#a9d11e;}
	.indexService ul li.bg4{ background-image:none;}
	.indexService ul li.bg4 a{ background:#20b0dc;}
	.indexService ul li.bg5{ background-image:none;}
	.indexService ul li.bg5 a{ background:#16c2c4;}
	.indexService ul li.bg6{ background-image:none;}
	.indexService ul li.bg6 a{ background:#3386e2;}
	.Living{ display:block;border-bottom:6px solid #f7e7fd !important;}
	.Living span{border-bottom:6px solid #b24ddc !important;}
	.w687,.w322{ width:100%;}
	.commonClass li.cur a em{ display:none;}
	.fleft,.fright{ float:none;}
	.banner{width: 100%;height: 230px;}
	.banner ul li img{ display:block; height:auto; width:100%;margin:0 auto;/* left:50%; transform:translateX(-35%);-webkit-transform:translateX(-35%);*/}
	.banner ul li p{ left:20px; right:20px; margin-left:0px; font-size:16px; line-height:24px; width:auto;height:auto;top:40%;}
	.banner .prev{top: 50%;margin-top: -37px; left:20px; margin-left:0;cursor:pointer;}  
	.banner .next{top: 50%;margin-top: -37px; left:auto; right:20px; margin-left:0;cursor:pointer;}
	.indexNews{ padding-right:15px; padding-left:15px;}
	.indexNews dl{ float:none; width:100%; border-bottom:1px solid #eee; overflow:hidden; padding-bottom:15px;}
	.indexNews dl dt{ float:left; width:130px; margin-right:15px;}
	.indexNews dl dt img{ width:100%; height:auto;}
	.indexNews ul{ float:none; width:100%; margin-top:0px;}
	.indexNews ul li{border-bottom:1px solid #eee; padding-bottom:10px;}
	.indexNews ul li a{overflow:hidden; height:21px; line-height:21px; font-size:16px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color:#1d1d1d;}
	.indexNews ul li span{ font-size:14px; padding-top:0px;}
	.indexTitle{ margin:20px 15px 0px; font-size:20px;padding-bottom:0px;}
	.indexvideo{ width:100%; padding:25px 15px 0px;}
	.indexvideo img{ width:280px!important; height:195px!important;margin: 0 auto;}
	.footlink{ padding:0px 15px;}
	.footlink dl dt{ padding-top:20px; float:none;}
	.footlink dl dt select{ width:100%; border:1px solid #929292; height:35px; padding-top:5px;}
	.footlink dl dd{ float:none; padding-top:20px; text-align:center;}
	.footlink dl dd img{ margin:0px 10px;}
	.footlink ul{ display:none;}
	.foot{ margin-top:55px;}
	.attractionsbox span.attractionsprev{ background-image:url(../images/prev1.png); left:10px;}
	.attractionsbox span.attractionsnext{ background-image:url(../images/next1.png); right:10px;}
	.indexServiceTwobg{ background:#fff;}
	.indexServiceTwo ul{ width:100%; overflow:hidden; padding:0px 15px;}
	.indexServiceTwo ul li{ width:100%; margin-right:0px; padding-right:0px; padding-bottom:0px;}
	.indexServiceTwo ul li p a{ font-size:20px; color:#000; text-align:left}
	.indexServiceTwo ul li p span{height:100%; display:none;}
	.indexServiceTwo ul li img{ width:100%; height:auto;}
	.indexServiceTwo ul li.Routes img{ left:0px;}
	.indexServiceTwo ul li.Transportation img{ left:0px;}
	.indexServiceTwo ul li.Dining img{ left:0px;}
	.indexServiceTwo ul li.Hotels img{ left:0px;}
	.indexServiceTwo ul li.Shopping img{left:0px;}
	.indexServiceTwo ul li:nth-child(4n){ clear:left;}
	.indexServiceTwo ul li:hover p a{ font-size:20px; color:#000; text-align:left}
	.indexServiceTwo p.more{ padding-top:15px; display:none;}
	.indexculture{ padding-top:25px; padding-left:15px; padding-right:15px;height:auto; min-height:inherit;}
	.indexculture dl dt{ float:none; width:100%; overflow:hidden; border-bottom:none; padding-bottom:10px;}
	.indexculture dl dt img{ float:none; margin:0 auto;}
	.indexculture dl dd{ width:100%; float:none; padding-right:0px; display:none;}
	.indexculture dl dd h4{ font-size:18px; line-height:21px; padding-bottom:5px; padding-top:15px;}
	.attractions ul li img{ width:100%;}
	.indexServiceTwobg{ padding:0px 0px 20px}
	.indexSpecials{ width:100%; padding-left:15px; padding-right:15px; overflow:hidden; padding-bottom:0px;}
	.indexSpecials img{ float:none; margin:0 auto;}
	.indexSpecialspic{ padding:0px 15px}
	.indexSpecialspic img{ width:100%; display:block; height:auto;}
	.indexinvestment{ overflow:hidden; padding-bottom:20px; padding-left:15px; padding-right:15px;}
	.indexinvestment dl dd{ width:50%;}
	.indexinvestment dl dd.Industrialparks{ width:100%;}
	.indexinvestment dl dd a{ font-size:14px;}
	.attractionsbox{ padding:0px 5px;}
	.mNavBtn{ display:block; position:absolute; left:20px; top:50%; height:36px; margin-top:-18px;}
	.mNavBtn span{ display:block; width:30px; height:4px; background:#000; margin:6px 0px; position:relative; transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease; border-radius:5px;}
	.mNavBtnClosed span{ background:#fff;}
	.mNavBtnClosed span:nth-child(1){ transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg); top:10px;}
	.mNavBtnClosed span:nth-child(2){ display:none;}
	.mNavBtnClosed span:nth-child(3){ transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
	.mNavBtnClosed:after{ background:#0284dc; content:""; display:block; position:absolute; left:-20px; top:-22px; width:70px; height:80px; z-index:-1}
	.hidescroll{ overflow:hidden;}
	
	.searchbtn{ position:absolute; right:0px; width:60px; height:80px; background:url(../images/icon01.png) no-repeat center; background-size:40%; top:0%; transition:all .2s ease}
	.searchbtnClosed{ background:#0284dc url(../images/icon6.png) no-repeat center;background-size:40%;}
	.headsearch{ position:fixed; background:#0284dc; top:80px; left:0px; right:0px; padding:20px; display:none; z-index:999;}
	.headsearch dd{ float:none; width:100%;}
	.headsearch dd label{border:1px solid #fff; background:#fff; padding:15px 55px 15px 15px;}
	.headsearch dd label input{ font-size:14px}
	.headsearch dd input.headsearchbtn{ background:url(../images/icon001.png) no-repeat center; background-size:60%; width:47px; height:47px;}
	.location{ padding-left:15px;}
	.newsDetail{ padding:25px 15px;}
	.newsDetailTitle h1{font-size:28px;line-height:36px;}
	.newsDetailTitle p{ font-size:14px;}
	.newsDetailTitle p span{ float:none !important; display:block; margin-left:0px; padding-bottom:10px;}
	.newsDetailTitle p span a.Print{ margin-left:0px; margin-right:10px;}
	
	.newsDetailTitleTwo p{ font-size:14px;}
	.newsDetailTitleTwo p span{ float:none !important; display:block; margin-left:0px; padding-bottom:10px;}
	.newsDetailTitleTwo p span a.Print{ margin-left:0px; margin-right:10px;}
	
	.w710{ width:100%;}
	.commonbanner img{ display:block; width:100%; margin-left:0px; left:0px; position:relative;}
	.industrial{ padding-top:0px}
	.industrial dl{padding:25px 15px 0px;}
	.industrial dl dt{float:none; width:100%}
	.industrial dl dt img{ display:block; width:100%;}
	.industrial dl dd{ width:100%;}
	.industrial dl dd p{height:auto;padding:9px 25px 9px 25px;}
	.industrial dl dd p.cur{padding:5px 21px 5px 21px;height: auto;}
	.industrial dl dd p.cur b{ display:none;}
	.industrial dl dd p:hover{padding:5px 21px 5px 21px;height: auto;}
	.industrial dl dd p:hover b{ display:none;}
	.Investmentlist{ padding-top:0px;}
	.Investmentlist ul{ width:100%;}
	.Investmentlist ul li{ padding:0px; float:none; width:100%;}
	.Investmentlist ul li div{ padding-left:15px; padding-right:15px;}
	.Investmentlist ul li img{ float:none; width:100%; height:auto;}
	.Investmentlist ul li h4{ height:auto; padding-top:10px;}
	.Investmentlist ul li p.desc{ height:auto;}
	.Investmentlist ul li p.more{ text-align:center;}
	.Investmentlist ul li p.more a{ background:#ffe4e5; color:#ff7e84; display:block; padding:5px 0px; margin-top:15px;}
	.Investmentlist ul li:nth-child(2) p.more a{ background:#fdf5d9; color:#f6d04b; display:block; padding:5px 0px; margin-top:15px;}
	.Investmentlist ul li:nth-child(3) p.more a{ background:#eff7d5; color:#b5d83a; display:block; padding:5px 0px; margin-top:15px;}
	.Investmentlist ul li:nth-child(4) p.more a{ background:#ccf0f1; color:#20ccce; display:block; padding:5px 0px; margin-top:15px;}
	.newslist{ padding:0px 15px}
	.newslist ul{margin-top: 0;}
	.newslist ul li{ padding:20px 0px;}
	.newslist ul li h3{ font-size:16px; line-height:20px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
	.newslist ul li img{ width:115px; height:auto; margin-right:10px;}
	.newslist ul li p.time{ padding:5px 0px 0px; font-size:14px;}
	.newslist ul li p.desc{ display:none;}
	.w210{ width:100%;}
	.w820{ width:100%;}
	.commonClass{ padding:0px 15px 25px;}
	.clist.con-left{padding-bottom: 0;}
	.Travel{ padding-top:20px;}
	.Travel ul{ width:100%; padding:0px 15px;}
	.Travel ul li{ float:none; width:100%; padding-right:0px;}
	.Travel ul li img{ display:block; width:100%; height:auto;}
	.Leadership{ padding:15px;}
	.Leadership dt{ position:relative; top:0px; margin:0px; width:100%; text-align: left;font-size:20px; padding-bottom:10px;}
	.Leadership dd{ border-left:none; border-top:1px solid #fff; width:100%; padding-left:0px; font-size:16px; padding-top:15px;}
	.LeadershipClass{ margin-top:25px;}
	.LeadershipClass ul{ width:100%; padding:0px 1%;}
	.LeadershipClass ul li{ width:48%; margin:0px 1% 10px;line-height: 20px;font-size:14px;border:1px solid #e5e5e5 !important;}
	.LeadershipClass ul li.cur{ background:#0284dc;border:1px solid #0284dc;}
	.LeadershipClass ul li.cur a{color:#fff;}
	.Leadershipintrotab{ color:#fff; background:#0284dc; padding:10px 15px; margin:0px 2%;}
	
	.Department{ padding:15px; margin-top:35px;}
	.Department dt{ position:relative; top:0px; margin:0px; width:100%; text-align: left;font-size:20px; padding-bottom:10px;}
	.Department dd{ border-left:none; border-top:1px solid #fff; width:100%; padding-left:0px; font-size:16px; padding-top:15px;}
	.leadershipinfobox h3{ font-size:20px;}
	.leadershipinfobox h3 span{ margin-bottom: -18px;}
	
	.leadershipinfo li img{ width:160px;}
	.leadershipinfo li h4{ font-size:18px;}
	
	.leadershipinfoTwo li{ width:100%; float:none; padding-bottom:25px;}
	.leadershipinfoTwo li img{ width:160px;}
	.leadershipinfoTwo li h4{ font-size:18px;}
	
	.leadershipinfoThree{ padding-top:0px;}
	.leadershipinfoThree li{ width:100%; float:none;padding-bottom:25px;}
	.leadershipinfoThree li img{ width:160px;}
	.leadershipinfoThree li h4{ font-size:18px;}
	
	.CityHallThree{ width:100%;}
	.CityHallThree li{ width:100%; float:none; padding-bottom:25px;}
	.CityHallThree li h4{ font-size:18px;}
	.CityHallThree li img{ width:160px;}
	
	.CityHallFour{ padding-bottom:0px !important;}
	.CityHallFour li{ width:100%; padding-bottom:25px;}
	.CityHallFour li h4{ font-size:18px;}
	.CityHallFour li img{ width:160px;}
	
	.assist{ width:100%;}
	.assist li h4{ font-size:18px;}
	.assist li img{ width:160px;}
	
	.cppccTwo li{ width:100%; float:none;padding-bottom:25px;}
	.cppccTwo li h4{ font-size:18px;}
	.cppccTwo li img{ width:160px;}
	
	.cppccThree{ padding-top:0px; padding-bottom:0px !important}
	.cppccThree li{ width:100%; float:none; padding-bottom:25px;}
	.cppccThree li h4{ font-size:18px;}
	.cppccThree li img{ width:160px;}
	/* .video{ height:300px !important;} */
	.newsDetailContent img{ max-width:100%; height:auto !important;}
	.newsDetailContent video{max-width: 100%;height: 100%;}
}