/* CSS reset */

html{-webkit-text-size-adjust:none;}

*,body{ margin:0; padding:0;font-family:"Microsoft YaHei","Hiragino Sans GB","WenQuanYi Micro Hei",Tahoma,arial,sans-serif; font-weight:100;-webkit-font-smoothing:antialiased;}

* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

body{ font-size:14px; line-height:1.5em; color:#333;}

table{border-collapse:collapse;border-spacing:0;empty-cells:show;}

th,td{border-collapse:collapse;}

img,a img,a:hover img{ border:0; vertical-align: bottom; }

th,optgroup{font-style:inherit;}

ol,ul,dl,li,dt,dd{list-style:none;}

h1,h2,h3,h4,h5,h6,em{font-size:100%;font-weight:normal; font-style:normal;}

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

input{-webkit-appearance:none;}

::-moz-placeholder {color:#333;font-size:14px;}

::-webkit-input-placeholder{color:#333;font-size:14px;}

:-ms-input-placeholder{color:#333;font-size:14px;}

i{ font-style:normal;}

input[ii=ii]::-moz-placeholder {color:#333;font-size:14px; font-weight:normal;}

input[ii=ii]::-webkit-input-placeholder{color:#333;font-size:14px;font-weight:normal;}

input[ii=ii]:-ms-input-placeholder{color:#333;font-size:14px;font-weight:normal;}

textarea[ii=ii]::-moz-placeholder {color:#333;font-size:14px; font-weight:normal;}

textarea[ii=ii]::-webkit-input-placeholder{color:#333;font-size:14px;font-weight:normal;}

textarea[ii=ii]:-ms-input-placeholder{color:#333;font-size:14px;font-weight:normal;}



:focus{outline:0;}

a{text-decoration:none;vertical-align:middle;color:#000;-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s;}



a[name]{width:0;height:0;overflow:hidden;display:block;}

input,select,button{vertical-align:middle;/*-webkit-appearance:none;*/}

button{cursor:pointer;}

center{text-align:center;}

div,p,a,h1,h2,h3,h4,h5,h6,ol,ul,li{border:0;text-align:left;}

fieldset{border-width: 0px; border-style: none;margin:0;padding:0}

legend{display:none;}

hr{border:none;height:1px;}

.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}

.clearfix{display:inline-block;}

* html .clearfix{height:1%;}

.clearfix{display:block;}

.cb{height:0;font-size:0px;overflow:hidden;clear:both;float:none;}

input:-webkit-autofill {background-color: #FAFFBD;background-image: none;color: #000;}

::-ms-clear{display: none;}

::-ms-reveal{display: none;}







/*layout && background*/

.layout_fb{width:100%; position:relative; overflow:hidden;min-width:1349px;}

.layout_ab{width:1200px;position:relative;margin-left:auto;margin-right:auto; z-index:99;}



/*prev && next*/

.prev_text,.next_text{font-size:16px;line-height:32px; color: #dc0000; vertical-align: bottom;}

.prev_text a,.next_text a{color:#dc0000;text-decoration:none;vertical-align:bottom; font-weight: bold;}

.prev_text a:hover,.next_text a:hover{ text-decoration: underline; }



/*crumbs*/

.crumbs-txt{color:#fff;vertical-align: middle;}

.crumbs-txt a{text-decoration: none;color:#fff;vertical-align:top;}

.crumbs-txt a:hover{text-decoration:underline;}



/*xpage*/

.xpage-wrap{ text-align:center; margin-top:30px;}

.xpage{display:inline-block;*zoom:1;*display:inline;}

.xpage span,.xpage a{display:inline-block;*zoom:1;*display:inline;vertical-align:top; width:38px;height:38px;line-height:38px; text-align:center;border:1px solid #e5e5e5;border-width:1px 1px 1px 1px;color:#008cd6;font-size:14px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;}

.xpage a{cursor:pointer;}

.xpage span{color:#999;}

.xpage span.pp{border:none;padding:0;vertical-align:top; width:auto;}

.xpage span.iselect{ border:none; padding:0; vertical-align:top; width:38px; line-height: 38px;position:relative;display:none;}

.xpage span.iselect .page{ font-size:16px; line-height: 39px; border:none; padding:0; vertical-align:top;text-align: left; text-indent:22px; }

.xpage span.iselect b{width:10px;height:10px;position: absolute;top:10px;right:18px;content: '';border-right: 2px solid #797979;border-bottom: 2px solid #797979;-webkit-transform: rotate(45deg);z-index:6;}

.xpage span.iselect .page-select{position:absolute;top:0px;left:1px;z-index:9;width:90px;height:39px;opacity:0;}

.xpage .rate-page-prev{border-width:1px; width:68px;}

.xpage .rate-page-next{width:68px;}

.xpage .rate-page-break{border-top:1px solid #fff;border-bottom:1px solid #fff;line-height:20px;}

.xpage a:hover{ background:#008cd6; text-decoration: underline; color:#fff; }

span.rate-page-prev{ margin-right:2px;}

a.rate-page-next{ margin-left:2px;border-left: 1px solid #e5e5e5;}



/*edit*/

.edit-block-1{font-family: "Microsoft YaHei"; padding:20px; background:#fff; }

.edit-block-1 .txt{font-size:14px;line-height:32px;color:#444;vertical-align:bottom;}

.edit-block-1 .txt p{padding: 0 0 16px 0; line-height:1.5em;}

.edit-block-1 .txt h2{font-weight:bold;padding: 0 0 20px 0;}

.edit-block-1 .txt ul{margin-bottom:20px;zoom:1;overflow:hidden;}

.edit-block-1 .txt ul li{background:url(edit-block-1-listlit.jpg) no-repeat left 14px;background-size:5px 5px;-webkit-background-size:5px 5px;-moz-background-size:5px 5px;-ms-background-size:5px 5px;padding-left:25px;margin-bottom:20px;}

.edit-block-1 .txt ul li:last-child{margin-bottom:0;}

.edit-block-1 .txt ul li p{padding-bottom:0px;}

.edit-block-1 .txt ol{ margin-bottom:20px; zoom:1;padding-left:25px;}

.edit-block-1 .txt ol li{margin-bottom:20px;list-style: decimal;}

.edit-block-1 .txt ol li:last-child{margin-bottom:0;}

.edit-block-1 .txt ol li p{padding-bottom:0px;}

.edit-block-1 .txt blockquote{ display:inline-block; *zoom:1;*display:inline;background:url(icon-quote-left1.png) no-repeat left top;padding-left:45px; font-style:italic;margin-bottom:30px;margin-right:50px;}

.edit-block-1 .txt blockquote p{ display:inline-block; *zoom:1;*display:inline;background:url(icon-quote-right1.png) no-repeat right bottom; padding-right:45px; padding-bottom:0; margin-bottom:0;font-size:16px;padding-top:10px;padding-bottom:10px;}

.edit-block-1 a,.edit-block-1 p a{ vertical-align:bottom; color:#136ec2; text-decoration: none; }

.edit-block-1 a:hover{ text-decoration: underline; }

.edit-block-1 strong{ font-weight:700;}

.edit-block-1 img{max-width:100%;*width:800px;_width:800px;width:800px\9;}

.edit-block-1 table{margin:0px 0 20px 0;overflow:hidden;}

.edit-block-1 .video{width:800px;height:490px;margin:0px auto}

.edit-block-1 embed{width:800px;height:490px;margin:0px auto;}

.edit-block-1 iframe{width:800px;height:490px;margin:0px auto;}

.edit-block-1 .video iframe{width:100%;height:100%}

.edit-block-1 .title{ text-align: center; font-size:24px;margin-bottom:20px; line-height:1.5em; color:#333;}

.edit-block-1 .context-tools{font-size:14px;line-height:18px;color:#bababa;text-align:center; margin-bottom:20px;}

.edit-block-1 .context-tools p{ display:inline-block;*zoom:1;*display:inline;white-space: nowrap; margin-left:10px; margin-right:10px; vertical-align: bottom; }

.edit-block-1 .context-tools div{display:inline-block;*zoom:1;*display:inline;white-space: nowrap;vertical-align: bottom; }

.edit-block-1 .context-tools span{line-height:18px;}

.edit-block-1 .context-tools p a,.edit-block-1 .context-tools .share a{color:#bababa;vertical-align: bottom;}

.edit-block-1 .context-tools p a:hover,.edit-block-1 .context-tools a:hover{color:#084d95;}

.edit-block-1 .download{color:#e50202;border:1px solid #ccc;background:#feffbd; padding:20px;}

.edit-block-1 .download p a{ color:#e50202; text-decoration: underline; line-height:24px; vertical-align:top;}

.edit-block-1 .line-4{ border-top:1px solid #ddd;overflow:hidden;line-height:0;margin-top:20px;margin-bottom:30px;}

.edit-block-1 .txt-tag { font-size: 12px;line-height: 18px;color: #666;}

.edit-block-1 .txt-tag a {font-size: 12px;line-height: 18px;color: #999;display: inline-block;vertical-align: bottom;margin-left: 5px; margin-right: 5px;}

.edit-block-1 .img_warp{ text-align:center; margin-bottom:20px;}

.edit-block-1 .bor{ border:0px solid #ddd;}

.edit-block-1 .txt table p{ padding:2px;}

.edit-block-1 .tab_warp{overflow-x:scroll;}

.edit-block-1 .date{ text-align:center; color:#666;}





/*formblock*/

.win_warp{ position:fixed;  background:rgba(0,0,0,0.7); width:100%; height:100%; top:0 ; left:0; z-index:9999; display:none;}

.win_warp .tanchuang{ width:400px; height:300px; background:#fff; position:absolute; left:50%; margin-left:-200px; margin-top:50%; margin-top:200px;}

.win_warp .off{ display:block; position:absolute; top:10px; right:10px; width:14px; height:14px; background:url(icon_close.jpg) no-repeat;}

.win_warp .shibai{ display:none;}

.win_warp .shibai .lose{ background:url(img_messagetip1.jpg) no-repeat; width:60px; height:60px; margin-top:100px; margin-left:auto; margin-right:auto;}

.win_warp .tishi{ text-align:center; margin-top:20px; margin-bottom:20px; color:#c30203; font-size:22px;}

.win_warp .again{ width:170px; height:50px; text-align:center; color:#fff; background:#8bae5a; display:block; line-height:50px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px; margin:0 auto;}

.win_warp .chenggong .lose{background:url(img_messagetip1.jpg) no-repeat; background-position:0 -60px; width:60px; height:60px; margin-top:100px; margin-left:auto; margin-right:auto;}

.win_warp .chenggong{ display:none;}









/*badiu map*/

.baidumap{ height: 400px; border:1px solid #ddd;}



/*lianxi*/

.lianxi{ margin-bottom:20px;}

.lianxi p{ color:#666; line-height:24px; line-height:30px;}

.lianxi p b{ color:#666;font-weight:bold;}

.lianxi .p-blue{ color:#008cd6;}



/*public*/

.h2-title-1{ text-align:center; margin-bottom:50px;}

.h2-title-1 a{display:inline-block;*zoom:1;*display:inline;}

.h2-title-1 .p-1{ color:#008cd6; font-size:24px; line-height:1.5em; text-align:center; font-weight:bold;} 

.h2-title-1 .p-2{ color:#666; font-size:24px; line-height:1.5em; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.collor-fff .p-1,.collor-fff .p-2{ color:#fff;}

.h2-title-2{ font-size:24px; line-height:1.5em; font-weight:bold; border-left:4px solid #008cd6; padding-left:15px; margin-bottom:25px;}

.h2-title-3{ height:60px; font-size:18px; line-height:60px; text-indent:15px; background:#0153a5; color:#fff; border-bottom:1px solid #fff;}

.h2-title-3 b{ margin-left:10px;}

.h2-title-4{ font-size:24px; line-height:1.5em; color:#333; margin-bottom:10px;}

.more-btn{ display:block; width:118px; height:43px;color:#008cd6;line-height:43px; text-align:center;border:1px solid #008cd6; margin:0 auto;}

.pub-txt{ line-height:32px; text-align:center; padding:0 80px;}

.mianbao{ background:#008cd6; padding:10px 0;}

.bg-1{ background:#edeef0;}

.bg-2{ background:#f5f5f5;}

.bg-3{ background:#fff;}

.bg-3 .crumbs-txt{color:#666;}

.bg-3 .crumbs-txt a{color:#666;}



/*header*/

.topmas{ background:#008cd6; height:50px;}

.welcome{ float:left; line-height:50px; color:#fff;}

.topmas-right{ float:right; margin-top:10px;}

.header{ height:100px; background:#fff; border-bottom:1px solid #ddd;}

.hd-right{ float:right; margin-top:35px;}

.hd-left{ float:left;}

.logo { margin-top:16px;}

.logo a{ display:block; width:300px; height:63px; background:url(logo.png) no-repeat; background-size:contain;}

.search {width:250px;height:30px;background:#fff;position:relative; float:left;} 

.search .wrap{overflow:hidden; padding:5px 30px 5px 10px;}

.search .sea_inp{height:20px; line-height:20px; border:none; display:block; color:#333; width:100%;background:rgba(0,0,0,0.0);}

.search .sea_tj{ height:30px; width:30px; border:none; background:url(search.png) center no-repeat; background-size:24px; position:absolute; right:0px; top:0px; cursor:pointer;}

.contry{ float:right; margin-left:10px;}

.contry a{display:inline-block;*zoom:1;*display:inline; width:58px; height:28px; border:1px solid #fff; text-align:center; line-height:28px; color:#fff;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;}

.contry .ch{ background:#fff; color:#008cd6;}

.banner{ position:relative;}

.banner img{ width:100%;}



/*nav*/

.nav-list{ float:left; margin-left:-30px;}

.nav-list>ul>li{ float:left; margin-left:30px;}

.nav-list>ul>li>a{ display:block;text-align:center; font-size:16px; color:#333; font-weight:bold;}

.nav-list>ul>li>a:hover{ color:#008cd6; }

.nav-list>ul>li>.on{ color:#008cd6;}

.nav-list>ul>li>a>span{ display:block; font-style:normal; height:59px; border-bottom:1px solid rgba(0,0,0,0);}

.nav-list>ul>li>a>span{ font-size:12px;}

.nav-child-list{  width:100px; display:none; z-index:99; position:absolute; left:50%; margin-left:-50px;}

.nav-child-list li a{ display:block; width:100%; text-align:center; color:#fff; font-size:16px; background:#e1c574; line-height:50px; border-top:1px solid #fff;}

.nav-child-list li a:hover{ background:#333;}





.nav-toggle-1{display:none; float:right;width:34px;height:34px; background:url(nav-toggle.png) center no-repeat; background-size:100% 100%;}

.cmqnav-1 .closeBtn { display:block;width: 22px; position:fixed;top:20px;right: 4%; cursor:pointer; z-index:99999;}

.cmqnav-1{ display:none; background: rgba(255,255,255,.9); position:fixed; left:0; top:0; width:92%; height:100%; padding-left:4%; padding-right:4%; z-index:999; overflow-y:auto;}

.cmqnav-1 a{ text-decoration:none;}

.cmqnav-1 .c_logo{ padding-top:20px;}

.cmqnav-1 .c_logo a{ display:block; text-indent:-100000px; width:128px; height:43px; background:url(f-logo.png) no-repeat; background-size:contain; margin-left:auto; margin-right:auto;}

.cmqnav-1 .navlist{margin-top:10px;}

.cmqnav-1 .navlist li{ position:relative;}

.cmqnav-1 .navlist li a{ display:block; color:#000; font-size:16px;height:60px; line-height:60px; border-bottom:1px solid #000;}

.cmqnav-1 .navlist li div{ display:none;}

.cmqnav-1 .navlist li > i {display: block;width: 1rem;height: 1rem; position: absolute;right: 1rem;top: 1.4rem; background:url(cmq-nav-1-add.png) center no-repeat;background-size: 100%; transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;}

.cmqnav-1 .navlist li.cur > i {background:url(cmq-nav-1-minus.png) center no-repeat;background-size: 100%;}



/*swiper*/

#swiper-container-1 .swiper-pagination-bullets{ bottom:30px;}

#swiper-container-1 .swiper-slide a{ display:block;}

#swiper-container-1 .swiper-slide a img{ width:100%;} 

#swiper-container-1 .swiper-pagination-bullet{ width:12px; height:12px; text-align:center; position:relative; border:2px solid #fff; background:none;opacity:1;}

#swiper-container-1 .swiper-pagination-bullet-active{ background:#fff;}



.swiper-block-2{ position:relative; margin-bottom:30px;}

#swiper-container-2{ margin:0 50px;}

#swiper-container-2 .pic{ display:block;padding-top: 66.6%;position: relative;overflow: hidden;}

#swiper-container-2 .swiper-slide img{ width: 100%;height: 100%;position: absolute;left: 0;top: 0;}


#swiper-container-2 .title{ display:block; font-size:16px; color:#333; line-height:1.5em; font-weight:bold; height:3em; overflow:hidden; margin:5px 0 10px;}

#swiper-container-2 .title:hover{color:#008cd6;}

#swiper-container-2 .data{ color:#666;}

#swiper-container-2 .txt{ color:#666; line-height:1.8em; height:5.4em; overflow:hidden; border-top:2px solid #008cd6; margin-top:15px; padding-top:15px;}

.swiper-button-prev-2{ display:block; background:url(swiper2-prev.png) center no-repeat; width:20px; height:31px; position:absolute; left:0; top:50%; margin-top:-15px;}

.swiper-button-next-2{ display:block; background:url(swiper2-next.png) center no-repeat; width:20px; height:31px; position:absolute; right:0; top:50%; margin-top:-15px;} 



/*main*/

.box1{ background:#008cd9; padding:20px 0;}

.box1 .ico-block{ width:15%; float:left; box-sizing:border-box; border-left:1px solid #29b6fe;} 

.box1 .ico-block:nth-child(2),.box1 .ico-block:last-child{border-right:1px solid #29b6fe;}

.box1 .ico-block a{ display:block;}

.box1 .ico-block img{ display:block; margin:0 auto 1em;}

.box1 .ico-block h3{ font-size:16px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:center;}

.box1 .ico-block h4{ font-size:16px; color:#fff; text-align:center;}

.box1 .bt-block{ width:40%; float:left; margin-top:30px;}

.box1 .bt-block p{ text-align:center; font-size:26px; color:#fff; line-height:1.5em;} 

.box2{ padding:30px 0 60px;}

.box3-top{ padding:20px 0; background:#008cd6;}

.box3-top .h2-title-1{ margin-bottom:0;}

.box3 .btn-mas{ display:block; width:30px; height:24px; margin:0 auto; background:url(box3-top-btn.png) center no-repeat;}

.box3 .btn-mas.down{-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);}

.box3-bot{ padding:40px 0 150px; display:none;}

.box3-bot .xx-block{ float:left; width:33.33%;}

.box3-bot .xx-block .wrap{ padding:0 20px; position:relative;}

.box3-bot .xx-block h3{ font-size:24px; line-height:1.5em; margin-bottom:10px;}

.box3-bot .xx-block .mt{ margin-top:1em;}

.box3-bot .xx-block p{ color:#666;}

.box3-bot .xx-block p b{ font-weight:bold;}

.box3-bot .xx-block p i{ color:#008cd6;}

.box3-bot .xx-block .xx-erweima{ position:absolute; left:170px; top:50px;}

.box4-bg-1,.box4-bg-2,.box4-bg-3,.box4-bg-4{ display:block; height:500px;}

.box4-bg-1{ background:url(box4-bg1.jpg) center no-repeat;}

.box4-bg-2{ background:url(box4-bg2.jpg) center no-repeat;}

.box4-bg-3{ background:url(box4-bg3.jpg) center no-repeat;}

.box4-bg-4{ background:url(box4-bg4.jpg) center no-repeat;}

.box5{ padding:60px 0;}

.box5 .f-logo{ float:left; display:block;}

.box5 .fr-50{ float:right; width:50%;}

.box5 .fr-50 p{ line-height:2em; margin-top:20px; margin-right:50px;}



.n-box1{ padding:60px 0;} 

.fl-50{ float:left; width:50%;}

.fr-50{ float:right; width:50%;}

.n-box1 .jj-mas{ padding-right:40px;}

.n-box1 .jj-mas .txt{ font-size:16px; line-height:1.5em;}

.n-box2{ padding:60px 0;}

.fl-300{ float:left; width:300px;}

.fr-850{ float:right; width:850px;}





.formblock-1 .fl{ float:left; width:280px;}

.formblock-1 .fr{ float:right; width:480px;}

.formblock-1 h2{ font-size:18px; color:#333; font-weight:bold; margin-bottom:20px;}

.formblock-1 .input_wrap{ background:#fff; border:1px solid #959595; height:38px; padding:0 10px; margin-bottom:12px;}

.formblock-1 .input_wrap input{ display:block; width:100%; border:none; line-height:38px; font-size:14px;}

.formblock-1 .text_wrap{ background:#fff; border:1px solid #959595; padding:10px;}

.formblock-1 .text_wrap textarea{ display:block;resize:none; width:100%;height:124px; border:none; }

.formblock-1 .input_phone{ float:left; width:398px;}

.formblock-1 .input_email{ float:left; width:398px;margin-right:20px;}

.formblock-1 .input_yz{ float:left; width:178px;margin-right:20px;}

.formblock-1 .icode{ float:left;}

.formblock-1 .btn_wrap{ float:right; margin-top:20px;}

.formblock-1 .btn_wrap a{ float:left; display:block;color:#fff; width:150px; height:40px; text-align:center; line-height:40px;}

.formblock-1 .btn_wrap .tj{ background:#cfad5a; margin-right:10px;}

.formblock-1 .btn_wrap .qx{ background:#929292;}

.formblock-1 .red_boder{ border-color:red;}





.formblock-2{ margin-top:20px;}

.formblock-2 .fl{ margin-right:-60px; margin-bottom:35px;}

.formblock-2 .i-width{ float:left; width:33.33%;height:38px;}

.formblock-2 .input_wrap{ border:1px solid #ddd;padding:0 10px; width:300px; margin-bottom:20px;}

.formblock-2 .input_wrap input{ display:block; width:100%; border:none; line-height:38px; font-size:14px;}

.formblock-2 .text_wrap{ border:1px solid #ddd; padding:10px; margin-bottom:20px;}

.formblock-2 .text_wrap textarea{ display:block;resize:none; width:100%;height:194px; border:none; }

.formblock-2 .input_phone{ float:left; width:398px;}

.formblock-2 .input_email{ float:left; width:398px;margin-right:20px;}

.formblock-2 .code_wrap{display:inline-block;*zoom:1;*display:inline; width:128px;}

.formblock-2 .code_img{ vertical-align:middle; margin-left:20px;}

.formblock-2 .btn_wrap{ margin-top:40px;}

.formblock-2 .tj{ display:block; position:relative;background:#008cd6;color:#fff; width:150px; height:50px ;line-height:50px; text-align:center;}

.formblock-2 .tj:after {content: "";display: block;background: url(pub-btn-bg.png) no-repeat;width: 34px;height: 5px;position: absolute;top: 17px; left: 130px;

-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}

.formblock-2 .red_boder{ border-color:red;}





/*footer*/

.footer{  background:#008cd6; position:relative; padding:20px 0;}

.f-bq{display:inline-block;*zoom:1;*display:inline;}

.f-bq span{display:inline-block;*zoom:1;*display:inline; color:#fff;margin-right:20px;}

.winn{ float:right;display:inline-block;*zoom:1;*display:inline;font-size: 12px;color: #fff; margin-left:20px;}

.winn a {color: #fff;vertical-align: top; font-size: 12px;font-weight:bold;}

.f-link{display:inline-block;*zoom:1;*display:inline;font-size: 12px;color: #fff;line-height:20px;}

.f-link a {color: #fff;vertical-align: top; font-size: 12px; margin-right:10px;}





.mobile-search{ position:fixed; width:100%; bottom:-42px; z-index:99;background:#fff;}

.mobile-search .sea_inp{padding:10px 0px; height:20px; line-height:20px; border:none; display:block; width:100%;background:#fff;}

.mobile-search .wrap{ padding:0 40px 0 15px;border:1px solid #666;}

.mobile-search .sea_tj{ height:40px; width:40px; border:none; background:url(fangdajing.png) center no-repeat; background-color:#666; position:absolute; right:0; top:1px; cursor:pointer;border-radius:0;}



/*list*/

.nav-mbl-wrap{display:none; }

.nav-mbl-btn{display:inline-block;*zoom:1;*display:inline;color: #fff;margin-left: 15px;padding: 5px 20px;background: #007ac9;}

.list-1 li a{ display:block; background:url(list1-ico.png) right 20px center no-repeat; background-color:#008cd6; color:#fff; font-size:16px; height:48px; text-indent:20px; border-bottom:1px solid #fff;} 

.list-1 li a:hover{ background-color:#0153a5;}

.list-1 li a:hover b{border-left:2px solid #fff;}

.list-1 li .on{ background-color:#0153a5;}

.list-1 li a b{ display:block; float:left; line-height:28px; margin:10px 0 0 20px;}

.list-1 li .on b{ display:block; float:left;  border-left:2px solid #fff;}

.list-1 li:last-child a{ border-bottom:none;} 

.list-1 li .child{ display:block;}

.list-1 li .child a{ display:block; height:34px; line-height:34px; color:#fff; background:url(list1-child-ico.png) right 20px center no-repeat; background-color:#008cd6; border-bottom:1px solid #fff; text-indent:60px;}

.list-1 li .child a:hover{ background-color:#0153a5;}

.list-1 li .child .active{ background-color:#0153a5;}


.list-2block{ overflow:hidden;}

.list-2{ margin-right:-30px;}

.list-2 li{ float:left; width:50%; margin-bottom:30px;}

.list-2 li .mr0{ margin-right:30px;}

.list-2 li .pic{ display:block;padding-top: 66.6%;position: relative;overflow: hidden;}

.list-2 li .pic img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s;}

.list-2 li .title{ display:block; font-size:24px; color:#666; line-height:1.5em; font-weight:bold; margin:15px 0;white-space:nowrap; text-overflow:ellipsis; text-decoration:none;overflow:hidden; }

.list-2 li .txt{ color:#666; height:4.5em; overflow:hidden; margin-bottom:1em;}

.list-2 li .xx-btn{ display:block; width:120px;height:40px; line-height:40px; text-align:center; color:#fff; background:#008cd6; }

.list-2 li .xx-btn:hover{ background:#0053a6;}



.list-3block{ overflow:hidden; margin-bottom:30px;}

.list-3 li{ border-bottom:1px solid #aaa;}

.list-3 li .mr0{ position:relative; padding:10px 10px 10px 0; background:#fff;}

.list-3 li .wrap{ padding-right:300px; min-height:180px;}

.list-3 li .title{ display:block; font-size:18px; line-height:1.5em; margin-bottom:1em;}

.list-3 li .title:hover{ color:#008cd6;}

.list-3 li .pic{ display:block; position:absolute; right:10px; top:10px; width:270px; height:180px;}

.list-3 li .pic img {width: 100%;height: 100%;}

.list-3 li .txt{ color:#666; height:4.5em; overflow:hidden; margin-bottom:1em;}

.list-3 li .xx-btn{ display:block; width:118px;height:38px; line-height:38px; text-align:center; color:#008cd6; border:1px solid #008cd6;}

.list-3 li .xx-btn:hover{ background:#008cd6; color:#fff;}



.list-4block{ margin-bottom:30px;}

.list-4 li{ margin-bottom:10px;}

.list-4 li .mr0{ position:relative;}

.list-4 li .pic{ display:block; position:relative;}

.list-4 li .pic img{ width:100%;}

.list-4 li .title{ position:absolute; bottom:0; width:100%; height:60px; line-height:60px;color:#fff; font-size:20px; text-align:center; background:rgba(0,0,0,0.5); white-space:nowrap; text-overflow:ellipsis; text-decoration:none;overflow:hidden; }



/*.list-3block{ overflow:hidden; margin-top:30px;}

.list-3{ margin-right:-30px;}

.list-3 li{ float:left; width:25%; margin-bottom:30px;}

.list-3 li .mr0{ margin-right:30px; border:1px solid #ddd;}

.list-3 li .pic{ display:block;padding-top: 66.6%;position: relative;overflow: hidden;}

.list-3 li .pic img{ width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.list-3 li h3{ line-height:38px; text-align:center;white-space:nowrap; text-overflow:ellipsis; text-decoration:none;overflow:hidden; }*/



/*.list-4block{ background:#fff; margin-bottom:40px;}

.list-4 { padding:20px;}

.list-4 li { border-bottom:1px solid #ddd; padding:10px 0;}

.list-4 li .mr0{ position:relative; padding-right:100px;}

.list-4 li .title a{ color:#333; background:url(list11-ico.jpg) left center no-repeat; padding-left:15px;}

.list-4 li .data{ position:absolute; right:0; top:0;}*/



.list-5block{ margin-bottom:20px;}

.list-5{ border-left:1px solid #ddd; border-top:1px solid #ddd;}

.list-5 li{ float:left; width:50%;}

.list-5 li .mr0{ padding:20px 20px 0 20px;border-right:1px solid #ddd; border-bottom:1px solid #ddd; }

.list-5 li .pic{ display:block;padding-top: 66.66%;position: relative;overflow: hidden;}

.list-5 li .pic img{ position:absolute; left:0; top:0; width:100%; height:100%;}

.list-5 li .p-txt{ font-size:16px; color:#666; line-height:1.5em; text-align:center; margin:10px 0;white-space:nowrap; text-overflow:ellipsis; text-decoration:none;overflow:hidden; }



.list-6block{ overflow:hidden; margin-bottom:30px;}

.list-6 li{ border-bottom:1px solid #aaa;}

.list-6 li .mr0{ position:relative; padding:20px 0; background:#fff;}

.list-6 li .wrap{ padding-right:300px; min-height:120px;}

.list-6 li .title{ display:block; font-size:18px; line-height:1.5em; margin-bottom:.5em;}

.list-6 li .title:hover{ color:#008cd6;}

.list-6 li .pic{ display:block; width:180px; height:120px; position:absolute; right:0; top:20px;}

.list-6 li .pic img{ width:100%; height:100%;}

.list-6 li .data{ margin-bottom:.5em;}

.list-6 li .txt{ color:#666; height:3em; overflow:hidden;}

.list-6 li .xx-btn{ display:block; width:118px;height:38px; line-height:38px; text-align:center; color:#008cd6; border:1px solid #008cd6;}

.list-6 li .xx-btn:hover{ background:#008cd6; color:#fff;} 



.list-7block{ margin-bottom:30px;}

.list-7 li{ border-bottom:1px solid #ddd; padding:11px 0;}

.list-7 li .mr0{ position:relative;}

.list-7 li .title{white-space:nowrap; text-overflow:ellipsis; text-decoration:none;overflow:hidden; padding-right:100px;}

.list-7 li .title a{display:inline-block;*zoom:1;*display:inline; font-size:16px; color:#333;background:url(list11-ico.jpg) left center no-repeat; text-indent:28px;}

.list-7 li .data{ position:absolute; right:0; top:0; font-size:16px; color:#333;} 



.list-8block{ margin-bottom:30px; padding:0 20px;}

.list-8 li{ border-bottom:1px solid #ddd; padding:25px 0;}

.list-8 li .mr0{ position:relative;}

.list-8 li .title{white-space:nowrap; text-overflow:ellipsis; text-decoration:none;overflow:hidden;}

.list-8 li .title a{display:inline-block;*zoom:1;*display:inline; font-size:18px; line-height:1.5em; color:#333; font-weight:bold; margin-bottom:1em;}

.list-8 li .txt{overflow:hidden; color:#333; height:3em; overflow:hidden;} 

 

.search-listblock{ margin-bottom:30px;}

.search-list li{ border-bottom:1px solid #ddd; margin-bottom:10px;}

.search-list li .mr0{ padding-bottom:10px;}

.search-list li a{ display:block;}





/*padding&margin*/

.pt10{ padding-top:10px;}.pt20{ padding-top:20px;}.pt30{ padding-top:30px;}.pt40{ padding-top:40px;}.pt50{ padding-top:50px;}.pt60{ padding-top:60px;}.pt80{ padding-top:80px;}

.pb10{ padding-bottom:10px;}.pb20{ padding-bottom:20px;}.pb30{ padding-bottom:30px;}.pb40{ padding-bottom:40px;}.pb50{ padding-bottom:50px;}.pb60{ padding-bottom:60px;}.pb80{ padding-bottom:80px;}.pt120{ padding-top:120px;}.pb110{ padding-bottom:110px;} 

.mb10{ margin-bottom:10px;}

.mt20{ margin-top:20px;}.mb20{ margin-bottom:20px;}.mt30{ margin-top:30px;}.mb30{ margin-bottom:30px;}.mb40{ margin-bottom:40px;}.mt50{ margin-top:50px;}.mb50{ margin-bottom:50px;}

.mb0{ margin-bottom:0;}.mt80{ margin-top:80px;}.mt15{ margin-top:15px;}

.mr110{ margin-right:110px;}

.pr50{ padding-right:50px;}.pl50{ padding-left:50px;}.pr20{ padding-right:20px;}.pl20{ padding-left:20px;}.pr30{ padding-right:30px;}.pl30{ padding-left:30px;}







/*responsive 768 == ml mr 10*/

@media (max-width: 768px){





}



/*responsive 640 == ml mr 10*/

@media (max-width:640px){

body{font-size:12px;}	



.layout_fb{max-width:none; min-width:inherit;}

.layout_ab{width:auto;margin-left:10px;margin-right:10px;}



.xpage{ text-align:center;}

.xpage span.pp{display:none;}

.xpage span.iselect{display:none; text-align:left;}

.xpage .rate-page-next{border-left: 1px solid #e5e5e5;}

.xpage span, .xpage a{ padding:0 8px;}

.edit-block-1 .txt p{ font-size:14px;}



.topmas-right{ float:none;}

.search{ width:200px;}

.welcome,.box1 .bt-block{ display:none;} 

.nav-list{ display:none;}

.nav-toggle-1{ display:block;}

.box1 .ico-block{ width:25%;} 

#swiper-container-2 .title{ font-size:14px;} 

.box1 .ico-block h3,.box1 .ico-block h4{ font-size:12px;}

.h2-title-1 .p-1,.h2-title-1 .p-2,.box3-bot .xx-block h3{ font-size:18px;}

.h2-title-1{ margin-bottom:20px;}

#swiper-container-2 .data{ font-size:12px;}

.box3-bot .xx-block{ width:100%; margin-bottom:20px;}

.box5 .f-logo{ float:none;}

.box5 .f-logo img{ width:100%;}

.box5 .fr-50{ float:none; width:100%;}

.box5 .fr-50 p{ margin-right:0;}

.f-bq{ display:block;}

.f-bq span{ display:block; text-align:center;}

.winn{ float:none; display:block; margin-left:0; text-align:center;}

.h2-title-2{ font-size:18px;}

.n-box1 .jj-mas{ padding-right:0;}

.fl-50{ float:none; width:100%;}

.fr-50{ float:none; width:100%;}

.n-box1 .jj-mas .txt{ font-size:14px;}

.jj-img img{ width:100%;}

.nav-mbl-wrap{display:block; margin-bottom:20px;}

.nav-mbl-btn{display:inline-block;*zoom:1;*display:inline;color: #fff;margin-left: 15px;padding: 5px 20px;background: #007ac9;}

.n-box2{ padding-top:20px;}

.list-1block{ display:none;}

.fl-300{ float:none; width:100%; margin-bottom:20px;}

.fr-850{ float:none; width:100%;}

.h2-title-3{ font-size:16px; height:40px; line-height:40px;}

.list-1 li .slide{ font-size:14px;}

.list-2{ margin-right:-10px;}

.list-2 li .mr0{ margin-right:10px;}

.list-2 li{ margin-bottom:10px;}

.list-2 li .title{ font-size:18px; margin:5px 0;}

.list-5 li .p-txt{ font-size:14px;}

.list-3 li .pic{ width:120px; height:80px;}

.list-3 li .wrap{ padding-right:140px; min-height:80px;}

.list-3 li .title{ font-size:14px;}

.list-3 li .xx-btn{ display:none;} 

.list-3 li .txt{ height:3em; margin-bottom:0;}

.list-4 li .title{ font-size:14px; line-height:30px; height:30px;}

.list-8 li .title a{ font-size:14px;}

.list-8 li{ padding:10px 0;}

.list-7 li .title a{ font-size:14px;}

.list-7 li .data{ font-size:14px;}

.list-6 li .wrap{padding-right:140px; min-height:80px;}

.list-6 li .title{ font-size:14px;}

.list-6 li .pic{ width:120px; height:80px;}

.list-6 li .data{ display:none;} 

.h2-title-4{ font-size:18px;}

.logo a{ width:250px; height:52px;}
.box1 .ico-block img{ width:60px; height:60px;}

.box4-bg-1, .box4-bg-2, .box4-bg-3, .box4-bg-4{ height:300px;}
.box1-mas{ border-left:1px solid #29b6fe;}
.ico-block-margin{ margin-left:-1px;}
.n-box1{ padding:40px 0;}
}



/*responsive 600 == ml mr 10*/

@media (max-width:600px){



}



/*responsive 320 == ml mr 10*/

@media (max-width:350px){



}

