/* Author: W3layouts Author URL: http://w3layouts.com License: Creative Commons Attribution 3.0 Unported License URL: http://creativecommons.org/licenses/by/3.0/ */ /* reset */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline; font-family: "Microsoft YaHei" ! important; } article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;} ol,ul{list-style:none;margin:0px;padding:0px;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} table{border-collapse:collapse;border-spacing:0;} /* start editing from here */ a{text-decoration:none;} .txt-rt{text-align:right;}/* text align right */ .txt-lt{text-align:left;}/* text align left */ .txt-center{text-align:center;}/* text align center */ .float-rt{float:right;}/* float right */ .float-lt{float:left;}/* float left */ .clear{clear:both;}/* clear float */ .pos-relative{position:relative;}/* Position Relative */ .pos-absolute{position:absolute;}/* Position Absolute */ .vertical-base{ vertical-align:baseline;}/* vertical align baseline */ .vertical-top{ vertical-align:top;}/* vertical align top */ nav.vertical ul li{ display:block;}/* vertical menu */ nav.horizontal ul li{ display: inline-block;}/* horizontal menu */ img{max-width:100%;} .pic img{max-width:100%;} /*end reset*/ body{ font-family: 'Open Sans', sans-serif; background:#FFF; } .logo_sdfz{ position:relative; width:1200px; height:110px; margin:0px auto; background:url(/www/default/images/logo_sdfz.jpg); background-repeat:no-repeat; } .logo_sdfr{ position:relative; width:1200px; height:110px; margin:0px auto; background:url(/www/default/images/logo_sdfr.jpg); background-repeat:no-repeat; } .logo_sdyf{ position:relative; width:1200px; height:110px; margin:0px auto; background:url(/www/default/images/logo_sdyf.jpg); background-repeat:no-repeat; } .flash{ position:relative; float:right; width:480px; height:110px; margin:0px; } .daohang{width:100%; margin:0px auto; background-color:#940e15; z-index:99;} ul#navmenu { margin: 0 auto; border: 0 none; padding: 0; width: 1200px;list-style: none; height: 55px; z-index:99; } ul#navmenu li { margin: 0; border: 0 none; padding: 0; float: left;display: inline; list-style: none; position: relative; width:10.5%; height: 55px; z-index:99; text-align:center; font-size:18px;} ul#navmenu li a { font-size:18px; color:#fcb270;} ul#navmenu li.dangqian a{ center; font-size:18px; color:#ffffff;} ul#navmenu ul { margin: 0; border: 0 none; padding: 0; width: 127px;list-style: none; display: none;position: absolute; top: 55px; left: 0; z-index:99; } ul#navmenu ul li { width:100%; float: none; display: block !important; display: inline; height:40px; line-height:40px; font-size:18px;} ul#navmenu a { border-right-color: #CCC; padding: 0 20px; float: none !important;float: left; display: block; background: #940e15; color: #fff; font-size:18px; text-decoration: none; height: 55px; line-height:55px;font-size:14px; } ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { background: #a89f73; color: #FFF; } /* 2nd Menu */ ul#navmenu li:hover li a, ul#navmenu li.iehover li a { float: none; background-color:rgba(148,14,21,0.8);color: #fff; height:40px; line-height:40px; padding: 0 8px; font-weight:normal;} /* 2nd Menu Hover Persistence */ ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a { background: #CCC; color: #FFF;height:40px; line-height:40px; font-weight:normal;} /* 3rd Menu */ ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a { background-color:rgba(148,14,21,0.8); color: #fff;height:40px; line-height:40px; } /* 3rd Menu Hover Persistence */ ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a { background: #CCC; color: #FFF;height:40px; line-height:40px; } /* 4th Menu */ ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a {background-color:#CCC;color: #fff;height:30px; line-height:30px; } /* 4th Menu Hover */ ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover { background: #CCC; color: #FFF;height:30px; line-height:30px; } ul#navmenu ul ul, ul#navmenu ul ul ul {display: none; position: absolute; top: 0; left:127px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul { display: none; } ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul { display: block;} .xinwen{ position:relative; height:auto; overflow: auto;width: 100%;margin:0 auto; padding:20px 0px;border:0px; background-color:#efefef; border:0px ;} .channel{ position:relative; height:auto; overflow: auto;width: 100%;margin:0 auto;/* padding:20px 0px; */border:0px; border:0px ;} .content{ position:relative; width:80%; height:auto; overflow:auto;background-color:#FFFFFF; margin:0 auto; } .content_left{ position:relative; float:left; width:250px; height:auto;background-color:#FFFFFF; } .content_right{ position:relative; float:right; width:920px; height:auto;background-color:#FFFFFF; } /* .title{ width:250px; height:70px; position:relative; float:left; margin:0px;} .title a{ width:60px; padding-top:60px; display:block; position:relative; float:left;text-align:center; color:#193c70; margin-left:15px; font-size:14px;} .title a:hover{ color:#990000; text-decoration:none;} .title .title001 a{ background-image:url(/www/default/images/title001.jpg); background-position:top center; background-repeat:no-repeat; } .title .title001 a:hover{background-image:url(/www/default/images/title_a001.jpg); } .title .title002 a{ background-image:url(/www/default/images/title002.jpg); background-position:top center; background-repeat:no-repeat; } .title .title002 a:hover{background-image:url(/www/default/images/title_a002.jpg); } .title .title003 a{ background-image:url(/www/default/images/title003.jpg); background-position:top center; background-repeat:no-repeat; } .title .title003 a:hover{background-image:url(/www/default/images/title_a003.jpg); } */ .infor{ width:250px; height:auto; position:relative; float:left;} .infor ul{ width:250px; height:auto; position:relative; float:left;border-top:5px solid #e7974f;} .infor ul li a{ width:250px; height:50px; line-height:50px; color:#505050; font-size:16px; text-indent:45px; display:block; background-color:#f6c091; border-bottom:1px solid #e7974f; background-image:url(/www/default/images/circle001.jpg); background-repeat:no-repeat; background-position:25px 10px;} .infor ul li a:hover{ background-image:url(/www/default/images/circle002.jpg); background-repeat:no-repeat; background-position:20px 15px; background-color:#FFFFFF; text-decoration:none;} .infor ul li.dangqian a{ width:250px; height:50px; line-height:50px; color:#505050; font-size:16px; text-indent:45px; display:block; background-color:#ffffff; border-bottom:1px solid #e7974f; background-image:url(/www/default/images/circle002.jpg); background-repeat:no-repeat; background-position:20px 15px;} .table_box{ width:890px; height:700px; margin:0 auto; margin-top:20px; } .table_box table{ width:890px; height:700px; background-color:#FFFFFF; font-family: "΢ÈíÑźÚ" Arial, Helvetica, sans-serif} .table_box table tr td{ width:296.66px; height:45px; line-height:45px;text-align:left; background-image:none; background-color:#FFFFFF;font-family: "΢ÈíÑźÚ" Arial, Helvetica, sans-serif; font-size:16px; text-indent:20px; background-image:url(/www/default/images/bottom_line.jpg); background-repeat:no-repeat; background-position:center bottom; color:#333333; } .table_box table thead td{font-size:20px;font-weight:bold; background-image:url(/www/default/images/thead.jpg); background-repeat:no-repeat; background-position:center bottom;} .table_box table .tr1{ color:#035e9e;} .content_right .ul_box{ width:100%; height:auto; position:relative; float:left;} .content_right ul li a{ width:100%; height:50px; font-size:16px; border-bottom:1px dotted #c7c7c3; display:block; text-indent:17px; line-height:50px; color:#505050; background-image:url(/www/default/images/dot003.jpg); background-repeat:no-repeat; background-position:3px 22px;} .content_right ul li a:hover{ color:#ae0303; background-image:url(/www/default/images/dot004.jpg); background-repeat:no-repeat; background-position:3px 22px;} .content_right ul li a span{ float:right; font-size:12px;color:#b98858;} .main{ width:1200px;height:auto; background-color:#FFFFFF; margin:0 auto;clear:both; overflow:auto;} .main .title{ width:100%; height:70px;line-height:70px; text-align:center; color:#343434; font-size:24px; font-weight:bold; border-bottom:1px solid #c0c0c0; position:relative; float:left;} .main .title1{ width:100%; height:70px;line-height:70px; text-align:center; color:#343434; font-size:24px; font-weight:bold; border-bottom:1px solid #c0c0c0; position:relative; float:left;} .main .time{ width:100%; height:50px;line-height:50px; text-align:center; color:#808080; font-size:14px;border-top:5px solid #efefef; position:relative; float:left;} .main .jpp6{ width:1140px; height:500px; margin-left:30px; text-align:center; position:relative; float:left;} .main .article{ width:80%; height:auto;padding-top:30px;line-height:33px; color:#404040; font-size:14px;position:relative; float:left;margin-left: 10%;} .main .article p{ margin-bottom:20px;} .main .share{ width:1140px; height:20px; line-height:20px; text-align:right; color:#000000; font-size:16px; line-height:20px;} .main .share a{ width:16px; height:16px; margin-left:10px;} .main .detail{ width:1140px; height:50px; margin-bottom:180px; margin-left:30px; position:relative; float:left;} .main .detail ul{ position:relative; float:left; width:440px; height:150px; margin-left:30px; margin-top:20px;} .main .detail ul li a{ width:440px; height:35px; text-indent:12px; line-height:35px; display:block; color:#505050; background-image:url(/www/default/images/dot001.jpg); background-repeat:no-repeat; background-position:0 center;} .main .detail ul li a:hover{ color:#ae0303;background-image:url(/www/default/images/dot002.jpg); background-repeat:no-repeat; background-position:0 center;} .lanmu_box{ position:relative; float:left; width:100%; height:60px; line-height:60px; background-color:#ffffff; color:#505050; font-size:14px; border-bottom:5px solid #c0c0c0;} .lanmutitle{ position:relative; float:left; width:20%; height:40px; margin:0;} .lanmutitle a{color:#940e15; font-size:24px;} .lanmu{ position:relative; float:left; width:80%; height:40px; margin:0 ; text-align:right;} .lanmu a{color:#505050; font-size:14px;} .lanmu a:hover{color:#990000;} .expertslist{position:relative; float:left; width:100%; height:auto; margin:0px; border-bottom:1px solid #c0c0c0; } .expertslist001{position:relative; float:left; width:300px; height:180px; margin:20px 0px; border:0px; border:0px; background-image:none;} .expertslist001 a img{ float:left; width:300px; height:180px; margin:4px; border:0px; background-image:none; background-color:#ffffff;} .expertslist002{ position:relative;float:right; width:590px; height:120px; margin:15px 0px 15px 0px; border:0px; background-image:none;} .expertslist002a{ float:left; width:100%; height:40px; overflow:hidden; line-height:40px; list-style:none; border:0px;margin:0px; text-align:left;font-size:20px;} .expertslist002a a:link { text-decoration: none;color:#048bd1;font-size:20px;} .expertslist002a a:visited {text-decoration: none;color:#048bd1;font-size:20px;} .expertslist002a a:hover {text-decoration: none;color:#fd6804;font-size:20px;} .expertslist002a a:active {text-decoration: none;color:#048bd1;font-size:20px;} .expertslist002b{ float:left; width:100%; height:40px; overflow:hidden; line-height:40px; list-style:none; border:0px;margin:0px; text-align:left;font-size:12px; } .expertslist002c{ float:left; width:100%; height:75px; overflow:hidden; line-height:25px; list-style:none; border:0px;margin:0px; text-align:left;font-size:12px; color:#808080;} .expertslist002d{ float:left; width:100%; height:40px; overflow:hidden; line-height:40px; list-style:none; border:0px;margin:0px; text-align:right;font-size:12px; } .expertslist002d a:link { text-decoration: none;color:#048bd1;font-size:12px;} .expertslist002d a:visited {text-decoration: none;color:#048bd1;font-size:12px;} .expertslist002d a:hover {text-decoration: none;color:#fd6804;font-size:12px;} .expertslist002d a:active {text-decoration: none;color:#048bd1;font-size:12px;} .channeltitle{ position:relative; height:auto; overflow: auto;width: 100%; height:80px; background:url(/www/default/images/channelbg.jpg); background-repeat:repeat-x;margin:0 auto; padding:0px;border:0px;} .six{ position:relative; float:right; width:auto; height:74px; margin:0px; border:0px; background-color:#ffffff;} .six ul{ position:relative; float:right; width:auto; height:76px; margin:0px; padding:0px; border:0px;} .six ul li{ position:relative; float:left; width:65px; height:76px; margin:0px; border:0px; background:url(/www/default/images/six005.png); background-repeat:no-repeat; margin-right:10px;} .six ul li a{ width:45px; height:40px; margin:0px; border:0px; text-align:center; line-height:20px; padding:17px 10px;} .on { display:block; text-decoration: none; color:#000000;font-size:18px;} .six ul li a:visited { display:block;text-decoration: none; color:#000000;font-size:18px;} .six ul li a:hover { display:block;text-decoration: none; color:#ffffff;font-size:18px;background:url(/www/default/images/sixred.jpg); background-repeat:no-repeat;} .six ul li a:active { display:block;text-decoration: none; color:#000000;font-size:18px;} .on_visit { display:block;text-decoration: none; color:#ffffff;font-size:18px;background:url(/www/default/images/sixred.jpg); background-repeat:no-repeat;} .channelliebiao{ position:relative; float:left; width:97%; height:auto; margin:0px auto;background-repeat: repeat-y;} .lb001{ position:relative; float:left; width:100%; height:31px; line-height:31px; margin:0px auto;background:url(/www/default/images/time.jpg); background-repeat: no-repeat; text-indent:35px;font-size:14px;} .lb{ position:relative;float:left;width:99%; margin:7px auto;} .lb ul{ position:relative;float:left; width:100%;margin:0px;} .lb li{ position:relative;float:left; width:100%; margin:0px 10px 10px 10px; height:65px; overflow:hidden;} .lb0020{ position:relative; float:left; width:100%; height:25px;line-height:25px;margin:0px; padding:0px; text-indent:30px;color:#808080;font-size:14px;} .lb002{ position:relative; float:left; width:100%; height:40px;line-height:40px;margin:0px; padding:0px; text-indent:30px;} .lb002 a{ margin:0px; border:0px; line-height:40px; padding:0px; color:#000000;font-size:25px;} .lb002 a:link { display:block; text-decoration: none; color:#000000;font-size:22px;} .lb002 a:visited { display:block;text-decoration: none; color:#000000;font-size:25px;} .lb002 a:hover { display:block;text-decoration: none; color:#FF6600;font-size:25px;} .lb002 a:active { display:block;text-decoration: none; color:#000000;font-size:25px;} .lb003{ position:relative; float:left; width:100%; height:40px;line-height:40px;margin:0px; padding:0px; text-indent:30px;} .lb003 a{ margin:0px; border:0px; line-height:40px; padding:0px; color:#000000;font-size:14px;} .lb003 a:link { display:block; text-decoration: none; color:#000000;font-size:14px;} .lb003 a:visited { display:block;text-decoration: none; color:#000000;font-size:14px;} .lb003 a:hover { display:block;text-decoration: none; color:#FF6600;font-size:14px;} .lb003 a:active { display:block;text-decoration: none; color:#000000;font-size:14px;} .channeltitle{ position:relative; height:auto; overflow: hidden;width: 80%; height:80px; background:url(/www/default/images/channelbg.jpg); background-repeat:repeat-x;margin:0 auto; padding:0px;border:0px;} .six001{ position: absolute; float:right; right:0px; width:400px; height:auto; margin:0px; padding:0px 20px; border:0px; background-color:#ffffff; z-index:99;} .six001 ul{ position:relative; width:400px; height:auto; margin:0px; padding:0px; border:0px;} .six001 ul.er{ position:relative; top:-10px; width:300px; height:auto; margin:0px; padding:0px 50px; border:0px;} .six001 ul.san{ position:relative; top:-20px; width:200px; height:auto; margin:0px; padding:0px 100px; border:0px;} .six001 ul.si{ position:relative; top:-30px; width:100px; height:auto; margin:0px; padding:0px 150px; border:0px;} .six001 ul li{ position:relative; float:left; width:86px; height:100px; margin:0px 7px; border:0px; background:url(/www/default/images/six001.png); background-repeat:no-repeat;} .six001 ul li a{ width:80px; height:40px; margin:0px; border:0px; text-align:center; line-height:20px; padding:30px 3px;;} .six001 ul li a:link { display:block; text-decoration: none; color:#000000;font-size:18px;} .six001 ul li a:visited { display:block;text-decoration: none; color:#000000;font-size:18px;} .six001 ul li a:hover { display:block;text-decoration: none; color:#505050;font-size:18px;background:url(/www/default/images/six000.png); background-repeat:no-repeat;} .six001 ul li a:active { display:block;text-decoration: none; color:#000000;font-size:18px;} .six002{ position: absolute; float:right; right:0px; width:400px; height:auto; margin:0px; padding:0px 20px; border:0px; background-color:#ffffff; z-index:99;} .six002 ul{ position:relative; width:400px; height:auto; margin:0px; padding:0px; border:0px;} .six002 ul.er{ position:relative; top:-10px; width:300px; height:auto; margin:0px; padding:0px 50px; border:0px;} .six002 ul.san{ position:relative; top:-20px; width:200px; height:auto; margin:0px; padding:0px 100px; border:0px;} .six002 ul.si{ position:relative; top:-30px; width:100px; height:auto; margin:0px; padding:0px 150px; border:0px;} .six002 ul li{ position:relative; float:left; width:86px; height:100px; margin:0px 7px; border:0px; background:url(/www/default/images/six002.png); background-repeat:no-repeat;} .six002 ul li a{ width:80px; height:40px; margin:0px; border:0px; text-align:center; line-height:20px; padding:30px 3px;;} .six002 ul li a:link { display:block; text-decoration: none; color:#000000;font-size:18px;} .six002 ul li a:visited { display:block;text-decoration: none; color:#000000;font-size:18px;} .six002 ul li a:hover { display:block;text-decoration: none; color:#505050;font-size:18px;background:url(/www/default/images/six000.png); background-repeat:no-repeat;} .six002 ul li a:active { display:block;text-decoration: none; color:#000000;font-size:18px;} .six003{ position: absolute; float:right; right:0px; width:400px; height:auto; margin:0px; padding:0px 20px; border:0px; background-color:#ffffff; z-index:99;} .six003 ul{ position:relative; width:400px; height:auto; margin:0px; padding:0px; border:0px;} .six003 ul.er{ position:relative; top:-10px; width:300px; height:auto; margin:0px; padding:0px 50px; border:0px;} .six003 ul.san{ position:relative; top:-20px; width:200px; height:auto; margin:0px; padding:0px 100px; border:0px;} .six003 ul.si{ position:relative; top:-30px; width:100px; height:auto; margin:0px; padding:0px 150px; border:0px;} .six003 ul li{ position:relative; float:left; width:86px; height:100px; margin:0px 7px; border:0px; background:url(/www/default/images/six003.png); background-repeat:no-repeat;} .six003 ul li a{ width:80px; height:40px; margin:0px; border:0px; text-align:center; line-height:20px; padding:30px 3px;;} .six003 ul li a:link { display:block; text-decoration: none; color:#000000;font-size:18px;} .six003 ul li a:visited { display:block;text-decoration: none; color:#000000;font-size:18px;} .six003 ul li a:hover { display:block;text-decoration: none; color:#505050;font-size:18px;background:url(/www/default/images/six000.png); background-repeat:no-repeat;} .six003 ul li a:active { display:block;text-decoration: none; color:#000000;font-size:18px;} .six004{ position: absolute; float:right; right:0px; width:400px; height:auto; margin:0px; padding:0px 20px; border:0px; background-color:#ffffff; z-index:99;} .six004 ul{ position:relative; width:400px; height:auto; margin:0px; padding:0px; border:0px;} .six004 ul.er{ position:relative; top:-10px; width:300px; height:auto; margin:0px; padding:0px 50px; border:0px;} .six004 ul.san{ position:relative; top:-20px; width:200px; height:auto; margin:0px; padding:0px 100px; border:0px;} .six004 ul.si{ position:relative; top:-30px; width:100px; height:auto; margin:0px; padding:0px 150px; border:0px;} .six004 ul li{ position:relative; float:left; width:86px; height:100px; margin:0px 7px; border:0px; background:url(/www/default/images/six004.png); background-repeat:no-repeat;} .six004 ul li a{ width:80px; height:40px; margin:0px; border:0px; text-align:center; line-height:20px; padding:30px 3px;;} .six004 ul li a:link { display:block; text-decoration: none; color:#000000;font-size:18px;} .six004 ul li a:visited { display:block;text-decoration: none; color:#000000;font-size:18px;} .six004 ul li a:hover { display:block;text-decoration: none; color:#505050;font-size:18px;background:url(/www/default/images/six000.png); background-repeat:no-repeat;} .six004 ul li a:active { display:block;text-decoration: none; color:#000000;font-size:18px;} .six005{ position: absolute; float:right; right:0px; width:400px; height:auto; margin:0px; padding:0px 20px; border:0px; background-color:#ffffff; z-index:99;} .six005 ul{ position:relative; width:400px; height:auto; margin:0px; padding:0px; border:0px;} .six005 ul.er{ position:relative; top:-10px; width:300px; height:auto; margin:0px; padding:0px 50px; border:0px;} .six005 ul.san{ position:relative; top:-20px; width:200px; height:auto; margin:0px; padding:0px 100px; border:0px;} .six005 ul.si{ position:relative; top:-30px; width:100px; height:auto; margin:0px; padding:0px 150px; border:0px;} .six005 ul li{ position:relative; float:left; width:86px; height:100px; margin:0px 7px; border:0px; background:url(/www/default/images/six005.png); background-repeat:no-repeat;} .six005 ul li a{ width:80px; height:40px; margin:0px; border:0px; text-align:center; line-height:20px; padding:30px 3px;;} .six005 ul li a:link { display:block; text-decoration: none; color:#000000;font-size:18px;} .six005 ul li a:visited { display:block;text-decoration: none; color:#000000;font-size:18px;} .six005 ul li a:hover { display:block;text-decoration: none; color:#505050;font-size:18px;background:url(/www/default/images/six000.png); background-repeat:no-repeat;} .six005 ul li a:active { display:block;text-decoration: none; color:#000000;font-size:18px;} .six006{ position: absolute; float:right; right:0px; width:400px; height:auto; margin:0px; padding:0px 20px; border:0px; background-color:#ffffff; z-index:99;} .six006 ul{ position:relative; width:400px; height:auto; margin:0px; padding:0px; border:0px;} .six006 ul.er{ position:relative; top:-10px; width:300px; height:auto; margin:0px; padding:0px 50px; border:0px;} .six006 ul.san{ position:relative; top:-20px; width:200px; height:auto; margin:0px; padding:0px 100px; border:0px;} .six006 ul.si{ position:relative; top:-30px; width:100px; height:auto; margin:0px; padding:0px 150px; border:0px;} .six006 ul li{ position:relative; float:left; width:86px; height:100px; margin:0px 7px; border:0px; background:url(/www/default/images/six006.png); background-repeat:no-repeat;} .six006 ul li a{ width:80px; height:40px; margin:0px; border:0px; text-align:center; line-height:20px; padding:30px 3px;;} .six006 ul li a:link { display:block; text-decoration: none; color:#000000;font-size:18px;} .six006 ul li a:visited { display:block;text-decoration: none; color:#000000;font-size:18px;} .six006 ul li a:hover { display:block;text-decoration: none; color:#505050;font-size:18px;background:url(/www/default/images/six000.png); background-repeat:no-repeat;} .six006 ul li a:active { display:block;text-decoration: none; color:#000000;font-size:18px;} .six007{ position: absolute; float:right; right:0px; width:400px; height:auto; margin:0px; padding:0px 20px; border:0px; background-color:#ffffff; z-index:99;} .six007 ul{ position:relative; width:400px; height:auto; margin:0px; padding:0px; border:0px;} .six007 ul.er{ position:relative; top:-10px; width:300px; height:auto; margin:0px; padding:0px 50px; border:0px;} .six007 ul.san{ position:relative; top:-20px; width:200px; height:auto; margin:0px; padding:0px 100px; border:0px;} .six007 ul.si{ position:relative; top:-30px; width:100px; height:auto; margin:0px; padding:0px 150px; border:0px;} .six007 ul li{ position:relative; float:left; width:86px; height:100px; margin:0px 7px; border:0px; background:url(/www/default/images/six007.png); background-repeat:no-repeat;} .six007 ul li a{ width:80px; height:40px; margin:0px; border:0px; text-align:center; line-height:20px; padding:30px 3px;;} .six007 ul li a:link { display:block; text-decoration: none; color:#000000;font-size:18px;} .six007 ul li a:visited { display:block;text-decoration: none; color:#000000;font-size:18px;} .six007 ul li a:hover { display:block;text-decoration: none; color:#505050;font-size:18px;background:url(/www/default/images/six000.png); background-repeat:no-repeat;} .six007 ul li a:active { display:block;text-decoration: none; color:#000000;font-size:18px;} .arrow001{ width:200px; height:50px; text-indent:10px;color:#333333; font-size:20px;line-height:20px; margin-top:10px; position:relative; float:left; padding-left:50px; background-image:url(/www/default/images/arrow001.jpg); background-repeat:no-repeat; background-position:5px 0px;} .arrow001 span{ color:#7d7d7d;text-indent:10px; font-size:10px; font-family:Arial, Helvetica, sans-serif;} .arrow002{ width:200px; height:50px; text-indent:10px;color:#333333; font-size:20px;line-height:20px; margin-top:10px; position:relative; float:left; padding-left:50px; background-image:url(/www/default/images/arrow002.jpg); background-repeat:no-repeat; background-position:5px 0px;} .arrow002 span{ color:#7d7d7d;text-indent:10px; font-size:10px; font-family:Arial, Helvetica, sans-serif;} .arrow003{ width:200px; height:50px; text-indent:10px;color:#333333; font-size:20px;line-height:20px; margin-top:10px; position:relative; float:left; padding-left:50px; background-image:url(/www/default/images/arrow003.jpg); background-repeat:no-repeat; background-position:5px 0px;} .arrow003 span{ color:#7d7d7d;text-indent:10px; font-size:10px; font-family:Arial, Helvetica, sans-serif;} .arrow004{ width:200px; height:50px; text-indent:10px;color:#333333; font-size:20px;line-height:20px; margin-top:10px; position:relative; float:left; padding-left:50px; background-image:url(/www/default/images/arrow004.jpg); background-repeat:no-repeat; background-position:5px 0px;} .arrow004 span{ color:#7d7d7d;text-indent:10px; font-size:10px; font-family:Arial, Helvetica, sans-serif;} .arrow005{ width:200px; height:50px; text-indent:10px;color:#333333; font-size:20px;line-height:20px; margin-top:10px; position:relative; float:left; padding-left:50px; background-image:url(/www/default/images/arrow005.jpg); background-repeat:no-repeat; background-position:5px 0px;} .arrow005 span{ color:#7d7d7d;text-indent:10px; font-size:10px; font-family:Arial, Helvetica, sans-serif;} .arrow006{ width:200px; height:50px; text-indent:10px;color:#333333; font-size:20px;line-height:20px; margin-top:10px; position:relative; float:left; padding-left:50px; background-image:url(/www/default/images/arrow006.jpg); background-repeat:no-repeat; background-position:5px 0px;} .arrow006 span{ color:#7d7d7d;text-indent:10px; font-size:10px; font-family:Arial, Helvetica, sans-serif;} .arrow007{ width:200px; height:50px; text-indent:10px;color:#333333; font-size:20px;line-height:20px; margin-top:10px; position:relative; float:left; padding-left:50px; background-image:url(/www/default/images/arrow007.jpg); background-repeat:no-repeat; background-position:5px 0px;} .arrow007 span{ color:#7d7d7d;text-indent:10px; font-size:10px; font-family:Arial, Helvetica, sans-serif;} .area{ position:relative; width:1200px;overflow:auto; height:auto; border:0px; margin:0px auto;} .area001{ position:relative; float:left; width:370px; border:0px; margin:0px; margin-right:30px;} .title003{ float:left; width:100%; height:40px; line-height:40px; overflow: hidden; border:0px; margin:0px; padding:0px; color:#000; background:url(/www/default/images/tubiao003.jpg); background-position:0px 4px; background-repeat:no-repeat; text-indent:40px; border-bottom:5px solid #a89f73;} .title003 a:link { display:block; text-decoration: none; color:#000000;font-size:18px;} .title003 a:visited { display:block;text-decoration: none; color:#000000;font-size:18px;} .title003 a:hover { display:block;text-decoration: none; color:#FF6600;font-size:18px;} .title003 a:active { display:block;text-decoration: none; color:#000000;font-size:18px;} .title0030{ float:left; width:254px; height:40px; line-height:40px; overflow: hidden; border:0px; margin:15px 0px 0px 110px; padding:0px 0px 0px 0px;color:#000; background:url(/www/default/images/tb0030.gif); background-position:0px 4px; background-repeat:no-repeat; text-indent:40px; border-bottom:5px solid #c0c0c0;} .title0030 a:link { display:block; text-decoration: none; color:#ae0303;font-size:17px;} .title0003 a:visited { display:block;text-decoration: none; color:#ae0303;font-size:17px;} .title0030 a:hover { display:block;text-decoration: none; color:#ae0303;font-size:17px;} .title0030 a:active { display:block;text-decoration: none; color:#ae0303;font-size:17px;} .ejcentercontxt{ position:relative; float:left; width:230px; height:80px; overflow: hidden; margin:15px 0px 0px 110px; padding:0px 0px 0px 30px; line-height:28px; text-align:left; padding-left:6px; font-size:15px; color:#505050; margin-top:10px;} .title004{ float:left; width:100%; height:40px; line-height:40px; overflow: hidden; border:0px; margin:0px; padding:0px; color:#000; background:url(/www/default/images/tubiao004.jpg); background-position:0px 4px; background-repeat:no-repeat; text-indent:40px; border-bottom:5px solid #a89f73;} .title004 a:link { display:block; text-decoration: none; color:#000000;font-size:18px;} .title004 a:visited { display:block;text-decoration: none; color:#000000;font-size:18px;} .title004 a:hover { display:block;text-decoration: none; color:#FF6600;font-size:18px;} .title004 a:active { display:block;text-decoration: none; color:#000000;font-size:18px;} .list{position:relative; float:left; width:370px; height:auto; overflow: hidden; border:0px;margin: 10px 0px; padding: 0px ;} .list ul{position:relative; float:left; width:370px; height:auto; overflow:auto; border:0px;margin:0px;} .list ul li{ position:relative; float:left; width:370px; height:40px; line-height:40px; border:0px; margin:0px; padding:0px; list-style:none;background-image:url(/www/default/images/arrow.gif); background-repeat: no-repeat; background-position: 2px 18px; text-indent:15px; border-bottom:1px #e3e4e8 solid; overflow:hidden;} .list ul li a:link {position:relative; float:left; text-decoration: none; height:40px; line-height:40px; width:290px; overflow:hidden;font-size:15px; color:#505050;} .list ul li a:visited {position:relative; float:left; text-decoration: none; height:40px; line-height:40px; width:290px; overflow:hidden;font-size:15px; color:#505050;} .list ul li a:hover {position:relative; float:left; text-decoration: none; height:40px; line-height:40px; width:290px; overflow:hidden;font-size:15px; color:#333;} .list ul li a:active {position:relative; float:left; text-decoration: none; height:40px; line-height:40px; width:290px; overflow:hidden;font-size:15px; color:#505050;} .list ul li span{position:relative; float:right; width:70px; height:40px; line-height:40px; border:0px; margin:0px; padding:0px; color:#c0c0c0; text-indent:0px;font-size:12px;} @media only screen and (max-width:1280px) and (min-width:1024px){ .logo_sdfz{ position:relative; width:100%; height:110px; margin:0px; background:url(/www/default/images/logo_sdfz.jpg); background-repeat:no-repeat; } ul#navmenu { margin: 0 auto; border: 0 none; padding: 0; width:100%;list-style: none; height: 55px; z-index:99; } ul#navmenu li { margin: 0; border: 0 none; padding: 0; float: left;display: inline; list-style: none; position: relative; width:10.5%; height: 55px; z-index:99; text-align:center; font-size:14px;} ul#navmenu li a { font-size:12px; color:#fcb270;} ul#navmenu li.dangqian a{ text-align:center; font-size:14px; color:#ffffff;} ul#navmenu ul { margin: 0; border: 0 none; padding: 0; width: 134px;list-style: none; display: none;position: absolute; top: 55px; left: 0; z-index:99; } ul#navmenu ul li { width:100%; float: none; display: block !important; display: inline; height:40px; line-height:40px; font-size:18px;} ul#navmenu a { border-right-color: #CCC; padding: 0; float: none !important;float: left; display: block; background: #940e15; color: #fff; font-size:18px; text-decoration: none; height: 55px; line-height:55px;font-size:14px; } ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { background: #a89f73; color: #FFF; } /* 2nd Menu */ ul#navmenu li:hover li a, ul#navmenu li.iehover li a { float: none; background: #EEE; color: #666; height:40px; line-height:40px; padding: 0 8px; font-weight:normal;} /* 2nd Menu Hover Persistence */ ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a { background: #CCC; color: #FFF;height:40px; line-height:40px; font-weight:normal;} /* 3rd Menu */ ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a { background: #EEE; color: #666;height:40px; line-height:40px; } /* 3rd Menu Hover Persistence */ ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a { background: #CCC; color: #FFF;height:30px; line-height:30px; } /* 4th Menu */ ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a {background: #EEE;color: #666;height:30px; line-height:30px; } /* 4th Menu Hover */ ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover { background: #CCC; color: #FFF;height:30px; line-height:30px; } ul#navmenu ul ul, ul#navmenu ul ul ul {display: none; position: absolute; top: 0; left:270px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul { display: none; } ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul { display: block;} /* 2nd Menu */ ul#navmenu li:hover li a, ul#navmenu li.iehover li a { float: none; background-color:rgba(148,14,21,0.8);color: #fff; height:40px; line-height:40px; padding: 0 2px; font-weight:normal;} .area{ position:relative; width:1000px;overflow:auto; height:auto; border:0px; margin:0px auto;} .area001{ position:relative; float:left; width:280px; border:0px; margin:0px; margin-right:20px;} .title003{ float:left; width:100%; height:40px; line-height:40px; overflow: hidden; border:0px; margin:0px; padding:0px; color:#000; background:url(/www/default/images/tubiao003.jpg); background-position:0px 4px; background-repeat:no-repeat; text-indent:40px; border-bottom:5px solid #a89f73;} .title003 a:link { display:block; text-decoration: none; color:#000000;font-size:18px;} .title003 a:visited { display:block;text-decoration: none; color:#000000;font-size:18px;} .title003 a:hover { display:block;text-decoration: none; color:#FF6600;font-size:18px;} .title003 a:active { display:block;text-decoration: none; color:#000000;font-size:18px;} .title004{ float:left; width:100%; height:40px; line-height:40px; overflow: hidden; border:0px; margin:0px; padding:0px; color:#000; background:url(/www/default/images/tubiao004.jpg); background-position:0px 4px; background-repeat:no-repeat; text-indent:40px; border-bottom:5px solid #a89f73;} .title004 a:link { display:block; text-decoration: none; color:#000000;font-size:18px;} .title004 a:visited { display:block;text-decoration: none; color:#000000;font-size:18px;} .title004 a:hover { display:block;text-decoration: none; color:#FF6600;font-size:18px;} .title004 a:active { display:block;text-decoration: none; color:#000000;font-size:18px;} .list{position:relative; float:left; width:280px; height:auto; overflow: hidden; border:0px;margin: 10px 0px; padding: 0px ;} .list ul{position:relative; float:left; width:280px; height:auto; overflow:auto; border:0px;margin:0px;} .list ul li{ position:relative; float:left; width:280px; height:40px; line-height:40px; border:0px; margin:0px; padding:0px; list-style:none;background-image:url(/www/default/images/arrow.gif); background-repeat: no-repeat; background-position: 2px 18px; text-indent:15px; border-bottom:1px #e3e4e8 solid; overflow:hidden;} .list ul li a:link {position:relative; float:left; text-decoration: none; height:40px; line-height:40px; overflow:hidden;font-size:15px; color:#505050;} .list ul li a:visited {position:relative; float:left; text-decoration: none; height:40px; line-height:40px; overflow:hidden;font-size:15px; color:#505050;} .list ul li a:hover {position:relative; float:left; text-decoration: none; height:40px; line-height:40px; overflow:hidden;font-size:15px; color:#333;} .list ul li a:active {position:relative; float:left; text-decoration: none; height:40px; line-height:40px; overflow:hidden;font-size:15px; color:#505050;} .list ul li span{ hidden;} } @media only screen and (max-width:1020px){ .logo_sdfz{ position:relative; width:100%; height:110px; margin:0px; background:url(/www/default/images/logo_sdfz.jpg); background-repeat:no-repeat; } .flash{ display:none; } ul#navmenu { margin: 0 auto; border: 0 none; padding: 0; width:100%;list-style: none; height: 55px; z-index:99; } ul#navmenu li { margin: 0; border: 0 none; padding: 0; float: left;display: inline; list-style: none; position: relative; width:10.5%; height: 55px; z-index:99; text-align:center; font-size:10px;} ul#navmenu li a { font-size:9px; color:#fcb270;width: 103%;} ul#navmenu li.dangqian a{ text-align:center; font-size:9px; color:#ffffff;width: 103%} ul#navmenu ul { margin: 0; border: 0 none; padding: 0; width:80px;list-style: none; display: none;position: absolute; top: 55px; left: 0px; z-index:99; } ul#navmenu ul li { width:100%; float: none; display: block !important; display: inline; height:40px; line-height:40px; font-size:18px;} ul#navmenu a { border-right-color: #CCC; padding: 0; float: none !important;float: left; display: block; background: #940e15; color: #fff; font-size:18px; text-decoration: none; height: 55px; line-height:55px;font-size:14px; } ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { background: #a89f73; color: #FFF; } /* 2nd Menu */ ul#navmenu li:hover li a, ul#navmenu li.iehover li a { float: none; background: #EEE; color: #666; height:40px; line-height:40px; padding: 0 8px; font-weight:normal;} /* 2nd Menu Hover Persistence */ ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a { background: #CCC; color: #FFF;height:40px; line-height:40px; font-weight:normal;} /* 3rd Menu */ ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a { background: #EEE; color: #666;height:40px; line-height:40px; } /* 3rd Menu Hover Persistence */ ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a { background: #CCC; color: #FFF;height:30px; line-height:30px; } /* 4th Menu */ ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a {background: #EEE;color: #666;height:30px; line-height:30px; } /* 4th Menu Hover */ ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover { background: #CCC; color: #FFF;height:30px; line-height:30px; } ul#navmenu ul ul, ul#navmenu ul ul ul {display: none; position: absolute; top: 0; left:270px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul { display: none; } ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul { display: block;} /* 2nd Menu */ ul#navmenu li:hover li a, ul#navmenu li.iehover li a { float: none; background-color:rgba(148,14,21,0.8);color: #fff; height:40px; line-height:40px; padding: 0 2px; font-weight:normal;} .area{ position:relative; width:100%;overflow:auto; height:auto; border:0px; margin:0px auto;} .area001{ position:relative; float:left; width:100%; border:0px; margin:0px; } .title003{ float:left; width:100%; height:40px; line-height:40px; overflow: hidden; border:0px; margin:0px; padding:0px; color:#000; background:url(/www/default/images/tubiao003.jpg); background-position:0px 4px; background-repeat:no-repeat; text-indent:40px; border-bottom:5px solid #a89f73;} .title003 a:link { display:block; text-decoration: none; color:#000000;font-size:18px;} .title003 a:visited { display:block;text-decoration: none; color:#000000;font-size:18px;} .title003 a:hover { display:block;text-decoration: none; color:#FF6600;font-size:18px;} .title003 a:active { display:block;text-decoration: none; color:#000000;font-size:18px;} .title004{ float:left; width:100%; height:40px; line-height:40px; overflow: hidden; border:0px; margin:0px; padding:0px; color:#000; background:url(/www/default/images/tubiao004.jpg); background-position:0px 4px; background-repeat:no-repeat; text-indent:40px; border-bottom:5px solid #a89f73;} .title004 a:link { display:block; text-decoration: none; color:#000000;font-size:18px;} .title004 a:visited { display:block;text-decoration: none; color:#000000;font-size:18px;} .title004 a:hover { display:block;text-decoration: none; color:#FF6600;font-size:18px;} .title004 a:active { display:block;text-decoration: none; color:#000000;font-size:18px;} .list{position:relative; float:left; width:100%; height:auto; overflow: hidden; border:0px;margin: 10px 0px; padding: 0px ;} .list ul{position:relative; float:left; width:100%; height:auto; overflow:auto; border:0px;margin:0px;} .list ul li{ position:relative; float:left; width:100%; height:40px; line-height:40px; border:0px; margin:0px; padding:0px; list-style:none;background-image:url(/www/default/images/arrow.gif); background-repeat: no-repeat; background-position: 2px 18px; text-indent:15px; border-bottom:1px #e3e4e8 solid; overflow:hidden;} .list ul li a:link {position:relative; float:left; width:80%;text-decoration: none; height:40px; line-height:40px; overflow:hidden;font-size:15px; color:#505050;} .list ul li a:visited {position:relative; float:left; width:80%;text-decoration: none; height:40px; line-height:40px; overflow:hidden;font-size:15px; color:#505050;} .list ul li a:hover {position:relative; float:left; width:80%;text-decoration: none; height:40px; line-height:40px; overflow:hidden;font-size:15px; color:#333;} .list ul li a:active {position:relative; float:left; width:80%;text-decoration: none; height:40px; line-height:40px; overflow:hidden;font-size:15px; color:#505050;} .list ul li span{ hidden;} } .dlbg{ position:relative; width:400px; height:223px; overflow: hidden; border:0px; margin:0px auto; padding:0px; color:#000; background:url(/www/default/images/dlbg.jpg); background-repeat:no-repeat; } .login001{ position:relative; float:left; width:230px; height:35px; overflow: hidden; border:1px solid #c0c0c0; margin:25px 0px 0px 110px; padding:0px 0px 0px 30px; background:url(/www/default/images/login001.jpg); background-repeat:no-repeat; background-position:5px 8px;} .login002{ position:relative; float:left; width:230px; height:35px; overflow: hidden; border:1px solid #c0c0c0; margin:7px 0px 0px 110px; padding:0px 0px 0px 30px; background:url(/www/default/images/login002.jpg); background-repeat:no-repeat; background-position:5px 8px;} .login0022{ position:relative; float:left; width:135px; height:37px; border:1px solid #c0c0c0; margin:7px 0px 0px 110px; padding:0px 0px 0px 30px; background-repeat:no-repeat; background-position:5px 8px;} .login0023{ position:relative; float:right; width:160px; height:34px; margin:-26px 0px 0px 110px; padding:0px 0px 0px 30px; } .login003{ position:relative; float:left; width:260px; height:35px; overflow: hidden; border:0px; margin:-5px 0px 0px 110px; padding:0px; font-size:12px;} .login004{position:relative; float:left; width:260px; height:35px;margin:-12px 0px 0px 110px; padding:0px;} .login004 a{ background-color:#940e15; width:260px; height:35px; display:block; text-align:center; color:#FFFFFF; line-height:35px; border-radius:5px; font-family: "Microsoft YaHei" ! important;font-size:18px; margin:0px;} .login004 a:link {text-decoration: none;color:#FFFFFF;} .login004 a:visited {text-decoration: none;color:#FFFFFF;} .login004 a:hover {text-decoration: none;color:#FFFFFF;} .login004 a:active {text-decoration: none;color:#FFFFFF;} .login004a{ position:relative; float:left; width:235px; height:40px; overflow: hidden; margin:0px 0px 0px 110px; padding:0px 0px 0px 10px;} .login0040{position:relative; float:left; width:102px; height:40px;padding:0px 12px 0px 0px;} .login0040 a{ background-color:#f77657; width:108px; height:40px; display:block; text-align:center; color:#FFFFFF; line-height:40px; border-radius:5px; font-family: "Microsoft YaHei" ! important;font-size:16px; margin:0px;} .login0040 a:link {text-decoration: none;color:#FFFFFF;} .login0040 a:visited {text-decoration: none;color:#FFFFFF;} .login0040 a:hover {text-decoration: none;color:#FFFFFF;} .login0040 a:active {text-decoration: none;color:#FFFFFF;} .login00400{position:relative; float:left; width:102px; height:40px;padding:0px 0px 0px 12px;} .login00400 a{ background-color:#f77657; width:108px; height:40px; display:block; text-align:center; color:#FFFFFF; line-height:40px; border-radius:5px; font-family: "Microsoft YaHei" ! important;font-size:16px; margin:0px;} .login00400 a:link {text-decoration: none;color:#FFFFFF;} .login00400 a:visited {text-decoration: none;color:#FFFFFF;} .login00400 a:hover {text-decoration: none;color:#FFFFFF;} .login00400 a:active {text-decoration: none;color:#FFFFFF;} .logininput { position:relative; float:left; width:220px; height:35px; line-height:35px; overflow: hidden; border:0px; margin:0px; padding:0px; color:#c0c0c0; font-size:14px;} .logininput22 { position:relative; float:left;border:1px solid #c0c0c0; width:100px; height:35px; line-height:35px; overflow: hidden; border:0px; margin:0px; padding:0px; color:#c0c0c0; font-size:14px;} /*----start-wrap----*/ .wrap{ width:70%; margin:0 auto; } /*----start-header----*/ .header{ } .top-header{ background:#930e14; } .top-header-left{ float:left; font-size: 0.9em; } .top-header-left ul li{ display:inline-block; border-left: 1px ridge #b1383d; border-right: 1px ridge #560609; padding: 0.4em 1em 0.3em; float:left; } .top-header-left ul li a{color:#F0F0F0; } .top-header-right{ float:right; font-size: 0.9em; } .top-header-right ul li{ float: left; } .top-header-right ul li a{color:#F0F0F0; display: block; padding: 0.4em 1em 0.3em; } } .top-header-right ul li{ border-left: 1px ridge #36485A; border-right: 1px ridge #28323C; } .contact-info { padding: 0.3em 0; } /*----main-header----*/ .logo{ float: left; margin:0; margin-top:0.5em; margin-bottom:0.3em; } .top-nav{ float:right; position: relative; width: 60%; } /*----//main-header----*/ /*----top-nav-----*/ .flexy-menu{ margin: 0; padding: 0; position: relative; font-family: 'Open Sans', sans-serif; list-style: none; margin-right:0%; } .flexy-menu li{ display:inline; font-size:13px; margin:0; padding:0; float:left; line-height:20px; position:relative; } .flexy-menu>li>a{ padding: 2.5em 1.0em; color: #5D6E80; font-weight: 600; font-size: 1.19em; font-family: "Microsoft YaHei" ! important; text-decoration: none; display: block; text-transform: uppercase; -webkit-transition: color .2s linear,background .2s linear; -moz-transition: color .2s linear,background .2s linear; -o-transition: color .2s linear,background .2s linear; transition: color .2s linear,background .2s linear; } .flexy-menu li:hover>a{ color:#fff; } .flexy-menu li.active a{ color:#fff; } .flexy-menu li.right{ float:right; } .flexy-menu ul,.flexy-menu ul li ul{ list-style: none; margin: 0; padding: 0; display: none; position: absolute; z-index: 99999; width: 170px; background: rgba(44, 62, 80, 0.71); box-shadow: 0 1px 1px rgba(0,0,0,0.3); } .flexy-menu ul{ top:60px; left:0; } .flexy-menu ul li ul{ top:0; left:100%; } .flexy-menu ul li{ clear:both; width:100%; border:0; font-size:12px; } .flexy-menu ul li a{ padding:10px 20px; width:100%; color:#dedede; font-size:13px; text-decoration:none; display:inline-block; float:left; clear:both box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-transition:color .2s linear,background .2s linear; -moz-transition:color .2s linear,background .2s linear; -o-transition:color .2s linear,background .2s linear; transition:color .2s linear,background .2s linear; } .flexy-menu>li .arrow{ position:absolute; color:#dedede; top:20px; right:8px; font-size:17px; } .flexy-menu ul>li .arrow{ top:10px; right:8px; } .thin>li>a{ padding:10px 22px; } .thin ul{ top:40px; } .thin>li .arrow{ top:10px; } .thick>li>a{ } .thick ul{ top:100px; } .thick>li .arrow{ top:40px; } .flexy-menu i{ line-height:20px!important; margin-right:6px; font-size:18px; float:left; } .flexy-menu>li.showhide{ display:none; width:100%; height:50px; cursor:pointer; color:#dedede; background:#333; } .flexy-menu>li.showhide span.title{ margin:16px 0 0 25px; float:left; } .flexy-menu>li.showhide span.icon{ margin:17px 20px; float:right; } .flexy-menu>li.showhide .icon em{ margin-bottom:3px; display:block; width:20px; height:2px; background:#ccc; } .light{ background:#fff; border:solid 1px #dfdfdf; } .light a{ color:#626262!important; } .light li:hover>a,.light li.active a{ background:#5D6E80; color:#fff!important; } .light ul,.light ul li ul{ background:#fff; } .light>li.showhide{ background:#fff; color:#626262!important; } .light>li.showhide .icon em{ background:#626262; } .light li .arrow{ color:#626262; } .light li:hover>.arrow{ color:#fff; } .blue li:hover>a,.blue li.active a{ background:#02b8fa; color:#fff!important; } .green li:hover>a,.green li.active a{ background:#88c425; color:#fff!important; } .red li:hover>a,.red li.active a{ background:#cf0404; color:#fff!important; } .orange li:hover>a,.orange li.active a{ color:#fa7d03!important; } .yellow li:hover>a,.yellow li.active a{ background:#febf01; color:#444!important; } .yellow li .arrow{ color:#dedede; } .yellow li:hover>.arrow{ color:#444; } .yellow.light li .arrow{ color:#626262; } .purple li:hover>a,.purple li.active a{ background:#a737fa; color:#fff!important; } .pink li:hover>a,.pink li.active a{ background:#f82b4c; color:#fff!important; } .flexy-menu.vertical{ width:200px; } .flexy-menu.vertical li{ width:100%; } .flexy-menu.vertical li a{ display:inline-block!important; width:100%; padding:18px 20px 16px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .flexy-menu.vertical ul li{ width:100%; } .flexy-menu.vertical ul,.flexy-menu.vertical ul li ul{ width:150px; } .flexy-menu.vertical ul{ top:0; left:100%; } .flexy-menu.vertical ul li ul{ top:0; } .flexy-menu.vertical.right{ float:right!important; } .flexy-menu.vertical.right ul{ left:-150px!important; } .flexy-menu.vertical>li .arrow{ top:17px; right:15px; font-size:17px; } .flexy-menu.vertical ul>li .arrow{ top:18px; right:15px; } @media only screen and (max-width:768px){ .listlist ul li{position:relative; float:left; width:100%; height:40px; line-height:40px; overflow:hidden; border:0px; margin:0px 0 0px 0px; padding:0px; list-style:none;background-image:url(/www/default/images/arrow.gif); background-repeat: no-repeat; background-position: 2px 18px; text-indent:15px; border-bottom:1px #e3e4e8 solid; overflow:hidden; text-indent:10px; border-bottom:1px #c0c0c0 dotted; color:#ff0000;} .listlist ul li a:link { position:relative; float:left; width:100%; text-decoration: none; overflow:hidden; display:block; color:#ff0000; font-size:1em;} .listlist ul li a:visited { position:relative; float:left; width:100%;text-decoration: none; overflow:hidden; display:block; color:#333333; font-size:1em;} .listlist ul li a:hover { position:relative; float:left; width:100%;text-decoration: none; overflow:hidden; display:block; color:#333333; font-size:1em;} .listlist ul li a:active { position:relative; float:left; width:100%; text-decoration: none; overflow:hidden; display:block; color:#333333; font-size:1em;} .listlist ul li span{ width:0; height:0px;} .flexy-menu.vertical{ width:100%; } .flexy-menu li{ display:block; width:100%; } .flexy-menu>li>a{ padding-top:15px; padding-bottom:15px; padding-left:25px; } .flexy-menu a{ width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .flexy-menu ul,.flexy-menu ul li ul,.flexy-menu.vertical ul,.flexy-menu.vertical ul li ul{ width:100%; left:0; border-left:0; position:static; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .flexy-menu ul li{ border-left:0; border-right:0; } .flexy-menu ul li a,.flexy-menu.vertical ul li a{ padding-top:10px; padding-bottom:10px; } .flexy-menu ul>li>a{ padding-left:40px!important; } .flexy-menu>li .arrow{ top:15px; right:25px; font-size:17px; } .flexy-menu ul>li .arrow{ display:none; } } /*----*/ .header { border-bottom: 1px solid #eee; } .search-box{ width: 100%; } .sb-search { position: absolute; margin-top: 10px; width: 0%; min-width: 60px; right: 0; top: 1em; height: 43px; overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; } .sb-search-input { position: absolute; top: 0; right: 0; border: none; outline: none; background: #fff; width: 100%; height: 60px; margin: 0; z-index: 10; padding: 0px 60px 0px 0px; font-family: inherit; font-size: 20px; color:#fa7d03; } input[type="search"].sb-search-input { -webkit-appearance: none; -webkit-border-radius: 0px; } .sb-search-input::-webkit-input-placeholder { color: #7F91A2; } .sb-search-input:-moz-placeholder { color: #7F91A2; } .sb-search-input::-moz-placeholder { color: #7F91A2; } .sb-search-input:-ms-input-placeholder { color: #7F91A2; } .sb-icon-search, .sb-search-submit { width:43px; height:43px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 60px; text-align: center; cursor: pointer; } .sb-search-submit { background: #fff; /* IE needs this */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity: 0; color: transparent; border: none; outline: none; z-index: -1; } .sb-icon-search { color: #fff; background: url(/www/default/images/search-icon.png) no-repeat 0px 1px; z-index: 90; font-size: 22px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; } /* Open state */ .sb-search.sb-search-open, .no-js .sb-search { width: 100%; } .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search { background: url(/www/default/images/search-icon.png) no-repeat 0px 1px; color: #fff; z-index: 11; } .sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index: 90; } /*----//top-nav-----*/ /*----//End-header----*/ /*----start-find-place----*/ .find-place{ background: #505050; margin-top: -5px; border-top: 1px solid #37485A;height:92px; overflow:hidden; } .p-h{ float: left; width: 14%; background: url(/www/default/images/border.png) no-repeat 100% 50%; padding: 1em 0; } .p-h span{ color:#9FB0C0; display:block; font-weight:400; } .p-h label{ color: #FFF; font-weight: 700; font-size: 1.4em; } .p-ww{ float: right; width: 85%; padding: 1.3em 0 0 0; } .p-ww a{ color:#9FB0C0; margin: 0 1em; font-size: 1.2em; } .tongzhi{ float: left; width: 100%; padding: 0 0 0; overflow:hidden; } .tongzhi ul{ width: 100%; } .tongzhi ul li{ float:left; overflow:hidden; height:35px; line-height:35px; width:100%; padding:0px; color:#808080; } .tongzhi ul li a{ color:#505050; margin: 0; font-size: 1em; margin-right:10px; } .xwleft{ position:relative; float:left; width:48%; margin:0; margin-right:2% border:0px;height:auto; overflow:auto; } .xwright{ position:relative; float:left; width:48%; margin:0; border:0px;height:auto; } .xwtitle{ } .xwtitle h3{ padding-top:30px; color: #012447; text-transform: uppercase; font-weight: 600; font-size: 1.5em; } .xwtitle span{ font-size:0.875em; color:#626262 } .dest{ background:url(/www/default/images/02.png) no-repeat 100% 50% #FFF; } .date{ background:url(/www/default/images/cal-icon.png) no-repeat 100% 50% #FFF; } /*--offers-head--*/ .offers-head{ text-align: center; padding:1em 0; } .offers-head h3{ color: #012447; text-transform: uppercase; font-size: 1.5em; font-weight: 600; } .offers-head p{ color: #626262; font-size: 0.9em; margin-top: 0em; } .offers{ position:relative; width:100%; padding:0em 0 0em 0; } /*-----*/ .caption-info-head{ padding:0.5em; } .carousel li:hover .caption-info-head{ background:#012447; } .carousel li:hover .caption-info-head-right span{ background:url(/www/default/images/arrows.png) no-repeat 0px -26px; } .caption-info-head-left{ float:left; width:90%; } .caption-info-head-left h4 a{ color: #747474; font-size: 0.95em; font-weight: 400; } .caption-info-head-left span{ color:#747474; font-size:0.875em; } .carousel li:hover { box-shadow: 0 0 0px 2px #fff; -webkit-transform: scale(1.04) translateY(-5px); z-index: 1; border-bottom: 0 none; } .carousel li:hover .caption-info-head-left h4 a{ color:#FFF; font-size:1em; } .carousel li:hover .caption-info-head-left span{ color:#8899A8; font-size:0.875em; } .caption-info-head-right{ float:right; width:10%; margin-top: 1em; } .caption-info-head-right span{ width:20px; height:16px; background:url(/www/default/images/arrows.png) no-repeat 0px 0px; display:inline-block; } /*--//offers-head--*/ /*----//End-find-place----*/ /*---holiday-types-----*/ .holiday-types{ background: url(/www/default/images/type-bg.jpg) no-repeat; padding: 2em 0; margin: 2em 0; background-position:center; } .holiday-type-head{ padding: 2em 0; text-align:center; } .holiday-type-head h3{ color: #FFF; font-size: 1.5em; text-transform: uppercase; font-weight: 600; } .holiday-type-head span{ color:#fa7d03; } .holiday-type-grid{ float: left; width: 16%; text-align: center; cursor:pointer; } .holiday-type-grid a{ display: block; text-align: center; color: #fa7d03; font-size: 1.2em; padding: 0.3em 0; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; } .holiday-type-grid:hover a{ color:#ffffff; } .holiday-type-grid span{ width: 126px; height: 126px; display: inline-block; } .icon1{ background: url(/www/default/images/big-icons.png) no-repeat 0px -126px; } .icon1:hover{ background: url(/www/default/images/big-icons.png) no-repeat 0px 2.2px; } .icon2{ background: url(/www/default/images/big-icons.png) no-repeat -155px -126px; } .icon2:hover{ background: url(/www/default/images/big-icons.png) no-repeat -155px 2.2px; } .icon3{ background: url(/www/default/images/big-icons.png) no-repeat -309px -126px; } .icon3:hover{ background: url(/www/default/images/big-icons.png) no-repeat -309px 2.2px; } .icon4{ background: url(/www/default/images/big-icons.png) no-repeat -464px -126px; } .icon4:hover{ background: url(/www/default/images/big-icons.png) no-repeat -464px 2.2px; } .icon5{ background: url(/www/default/images/big-icons.png) no-repeat -620px -126px; } .icon5:hover{ background: url(/www/default/images/big-icons.png) no-repeat -620px 2.2px; } .icon6{ background: url(/www/default/images/big-icons.png) no-repeat -775px -126px; } .icon6:hover{ background: url(/www/default/images/big-icons.png) no-repeat -775px 2.2px; } .holiday-type-grids{ padding: 0em 0 1em; width: 90%; margin: 0 auto; } .client-head{ text-align:center; } .client-head h3{ padding-top:30px; color: #012447; text-transform: uppercase; font-weight: 600; font-size: 1.5em; } .client-head span{ font-size:0.875em; color:#626262 } .bxslider li{ border-top: 5px solid #fa7d03; padding: 1em; border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; background: #eee; } /*---- .bxslider li:after{ content: url(/www/default/images/client-arrow.png) no-repeat 0px 0px; position: absolute; bottom: -29px; right: 1em; } ----*/ .bxslider li p{height:80px; overflow:hidden; font-size:0.875em; color:#717171; line-height:1.5em; } .bxslider li a{ color: #fa7d03; font-size: 1.2em; display: block; padding: 0.4em 0 0; } .bxslider li span{ color:#999; font-size:0.8em; } .clients{ margin:0; padding: 0em 0.6em; } /*---//holiday-types-----*/ /*----start-footer----*/ .footer{ width:100%; background: url(/www/default/images/type-bg.jpg) no-repeat; background-position:center; } .footer-grid{ float: left; width: 23.5%; margin-right: 2%; padding-top:1em; } .footer-grid:nth-child(4){ margin-right:0; } .footer-grid h3{ font-size: 1.3em; color: #fa7d03; font-weight: 700; } .footer-grid ul li a{ color:#FFF; line-height:1.5em; } .footer-grid input[type="text"]{ background: #FFF; padding: 0.7em; font-size: 0.875em; outline: none; border-radius: 0.2em; border: none; font-family: 'Open Sans', sans-serif; width: 71%; } .footer-grid input[type="submit"]{ background: #fa7d03; font-family: 'Open Sans', sans-serif; color: #FFF; padding: 0.55em; border: none; border-radius: 0.2em; font-size: 1em; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; outline:none; cursor:pointer; } .footer-grid input[type="submit"]:hover{ background:#1BB194; } .footer-grids{ padding: 3em 0; } .tags ul{ margin-top:1em; } .tags ul li{ display:inline-block; } .tags ul li a{ color: #FFF; border: 1px solid #FFF; padding: 7px; margin: 0 0.2em 0.5em 0; font-size: 0.87em; display: block; border-radius: 0.2em; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; -o-border-radius: 0.2em; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } .tags ul li a:hover{ color:#fa7d03; border:1px solid #fa7d03; } .address{ } .address-info{ padding-top:1em; } .address-info ul li a{ color:#FFF; line-height:1.5em; } .address-info span i{ color: #fa7d03; display: inline-block; } .address-info span a{ color:#FFF; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; } .address-info span a:hover{ color:#fa7d03; } .footer-social-icons ul li{ display: inline-block; margin: 1em 1em 0 0; } .footer-social-icons ul li a span{ width: 24px; height: 24px; display: inline-block; } .face1 span{ background: url(/www/default/images/footer-social-isons.png) no-repeat 5px 0px; } .twit1 span{ background: url(/www/default/images/footer-social-isons.png) no-repeat -43px 0px; } .tub1 span{ background: url(/www/default/images/footer-social-isons.png) no-repeat -92px 0px; } .pin1 span{ background: url(/www/default/images/footer-social-isons.png) no-repeat -141px 0px; } /*--------social simptip--------*/ [data-tooltip] { position: relative; display: inline-block; } [data-tooltip].simptip-position-bottom:before { border-bottom-color: #EEE; } [data-tooltip].simptip-position-bottom:after { background-color: #EEE; color: #777; } [data-tooltip]:before { content: ''; position: absolute; border-width: 6px; border-style: solid; border-color: rgba(0, 0, 0, 0); } [data-tooltip]:before, [data-tooltip]:after { position: absolute; visibility: hidden; opacity: 0; z-index: 999999; } [data-tooltip]:after { height: 22px; padding: 11px 11px 0; font-size: 13px; line-height: 11px; content: attr(data-tooltip); white-space: nowrap; } [data-tooltip]:hover, [data-tooltip]:focus { background-color: rgba(0, 0, 0, 0); } [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after { visibility: visible; opacity: 1; } .simptip-position-bottom.simptip-movable:before { margin-top: -15px; } .simptip-position-bottom.simptip-movable:after { margin-top: -3px; } .simptip-position-bottom:before, .simptip-position-bottom:after, .simptip-position-top:before, .simptip-position-top:after { left: 32%; } .simptip-position-bottom:before, .simptip-position-bottom:after { top: 110%; } .simptip-position-bottom:after, .simptip-position-top:after { margin-left: -18px; } .simptip-position-right.simptip-movable:before, .simptip-position-right.simptip-movable:after, .simptip-position-left.simptip-movable:before, .simptip-position-left.simptip-movable:after, .simptip-position-top.simptip-movable:before, .simptip-position-top.simptip-movable:after, .simptip-position-bottom.simptip-movable:before, .simptip-position-bottom.simptip-movable:after { -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; -ms-transition: all .1s linear; transition: all .1s linear; } .simptip-position-bottom.simptip-movable:hover:before, .simptip-position-bottom.simptip-movable:hover:after { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } /*----start-subfooter----*/ .fy{ width:1200px; margin:0 auto; border-top: 1px solid #d3d3d3; text-align: center; padding: 1.5em 0 2em; position:relative; } .subfooter{ height:120px; background: #930e14; border-top: 1px solid #ffffff; text-align: center; padding: 3em 0 2em; position:relative; } .subfooter ul li{ display:inline-block; } .subfooter ul li span{ color: #FFF; margin: 0 0.5em 0; } .subfooter ul li a{ color: #FFF; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; font-size: 1em; } .subfooter ul li a:hover{ color:#fa7d03; } /*----start-copy-right-----*/ .copy-right{ padding: 0.5em 0 1em; } .copy-right,.copy-right a{ color:#fa7d03; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; } .copy-right a:hover{ color:#FFF; } .to-top span{ width: 64px; height: 32px; background: url(/www/default/images/to-top.png) no-repeat 0px 0px; display: inline-block; position: absolute; bottom: 0px; z-index: 999; left: 48%; } /*----//End-copy-right-----*/ /*----//End-footer----*/ /*-----start-destination----*/ .destination-head{ background: url(/www/default/images/head-bg.png) no-repeat 0px 0px; padding: 2em 0 8em; } .dfind-place{ border-top: 1px solid rgba(67, 88, 88, 0.57); } .dfind-place input[type="text"]{ border: 1px solid #eee; transition: border-color 0.3s; -o-transition: border-color 0.3s; -ms-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -webkit-transition: border-color 0.3s; } .dfind-place input[type="text"]:hover,.dfind-place input[type="text"]:focus{ border:1px solid #fa7d03; color:#2BD5B4; } .dfind-place input[type="submit"]{ border: 1px solid #fa7d03; padding: 0.5em 1.5em; border-radius: 0.2em; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; -o-border-radius: 0.2em; } .dfind-place input[type="submit"]:hover{ border:1px solid #A4A4A4; } .destination-head h3{ font-size: 1.5em; color: #FFF; text-transform: uppercase; font-weight: 600; padding: 0 0 1.3em 0; } .destination-places-head h3{ font-size: 1.5em; color: #7F91A2; text-transform: uppercase; font-weight: 600; padding: 0 0 1.3em 0; } .destination-places-grid{ width: 31.82%; float: left; margin: 0 2% 2% 0; border: 1px solid #E2E2E2; } .dest-place-opt-fea li{ display:inline-block; margin-right: 1.2em; } .dest-place-opt-fea li span{ width: 12px; height: 12px; display: inline-block; margin: 0 0.2em; } .dest-place-opt-fea{ background: #012447; padding: 0.5em 0.8em; } .dest-place-opt-fea li a{ color: #9DAFC0; text-transform: uppercase; font-size: 0.875em; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } .dest-place-opt-fea li a:hover{ color:#fa7d03; } .dest-place-pic img{ display:block; opacity: 0.9; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } .dest-place-pic img:hover,.destination-places-grid:hover .dest-place-pic img{ opacity: 1; } .destination-places-grid:hover{ cursor:pointer; } .hot span{ background:url(/www/default/images/hotel-icon.png) no-repeat 0px 0px; } .plain span{ background:url(/www/default/images/plain.png) no-repeat 0px 0px; } .Breakfast span{ background:url(/www/default/images/tea.png) no-repeat 0px 0px; } .dest-place-opt-cast{ background: #fa7d03; padding:0.8em; } .dest-place-opt-cast li a{ color:#FFF; text-transform: uppercase; } .d-place{ float:left; } .d-price{ float: right; font-size: 0.875em; padding-top: 0.1em; } .last-d-grid{ margin-right:0; } .destination-places{ padding:2em 0; margin-top: -7em; } /*-----start-destination----*/ /*---start-destination-pagenate-----*/ .destination-pagenate{ margin: 0.5em 0 8em 0; } .d-next{ background: #012447; color: #FFF; padding: 0.8em 2em; display: block; text-align: center; text-transform: uppercase; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; border-bottom: 4px solid #2A323A; border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; -o-border-radius: 0.3em; } .d-next:hover{ background: #fa7d03; border-bottom: 4px solid #279C86; } /*----strat-criuses-----*/ .criuses-head{ background: url(/www/default/images/head-bg.png) no-repeat 0px 0px; padding: 2em 0 8em; } .criuses-head h3,.criuse-head1 h3{ font-size: 1.5em; color: #FFF; text-transform: uppercase; font-weight: 600; padding: 0 0 1.3em 0; } .criuse-pic-info{ background: #012447; position: absolute; bottom: 3em; left: 2em; } .criuse-img{ position:relative; } .criuse-pic-info-top{ padding:0.5em 1em; } .criuse-pic-info-top-weather{ text-align:right; } .criuse-pic-info-top-weather label{ font-size: 12px; vertical-align: super; padding: 2px; } .criuse-pic-info-top-weather p{ color: #FFF; font-size: 0.875em; } .criuse-pic-info-top-weather p span{ width: 12px; height: 12px; display: inline-block; background: url(/www/default/images/sun.png) no-repeat 0px 0px; margin: 0 0.3em; vertical-align: middle; } .criuse-pic-info-top-place-name h2{ color:#5D6E80; text-transform:uppercase; } .criuse-pic-info-top-place-name h2 label{ color: #2BD5B4; font-size: 1.2em; } .criuse-pic-info-top-place-name h2 span{ color: #FFF; display: block; font-weight: 600; font-size: 1.5em; } .criuse-pic-info-price{ background: #fa7d03; padding: 0.2em 1em; } .criuse-pic-info-price span{ color:#FFF; } .criuse-pic-info-price h4{ color: #000; text-transform: uppercase; font-weight: 900; font-size: 1.5em; padding: 0.1em 0 0 0; } .criuse-pic img{ display:block; } .criuse-info{ background:#fa7d03; padding: 0.5em 1em; } .criuse-info-left{ float:left; } .criuse-info-left ul li{ display:inline-block; } .criuse-info-left ul li a{ color: #FFF; text-transform: uppercase; font-size: 0.875em; padding: 0.5em; display: block; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; } .criuse-info-left ul li a:hover{ color:#012447; } .criuse-info-left ul li a span{ width: 12px; height: 12px; display: inline-block; margin-right: 0.3em; } .c-hotel span{ background:url(/www/default/images/hotel-icon.png) no-repeat 0px 0px; } .c-air span{ background:url(/www/default/images/plain.png) no-repeat 0px 0px; } .c-fast span{ background:url(/www/default/images/tea.png) no-repeat 0px 0px; } .c-car span{ background:url(/www/default/images/car-icon.png) no-repeat 0px 0px; } .criuse-info-right{ float:right; } .criuse-info-right ul li{ display:inline-block; } .criuse-info-right ul li a{ display:inline-block; } .criuse-info-right ul li a span{ width:24px; height:24px; display:inline-block; vertical-align: -webkit-baseline-middle; } .c-face span{ background: url(/www/default/images/footer-social-isons.png) no-repeat 5px 1px; } .c-twit span{ background: url(/www/default/images/footer-social-isons.png) no-repeat -42px 1px; } .c-tub span{ background: url(/www/default/images/footer-social-isons.png) no-repeat -92px 1px; } .c-pin span{ background: url(/www/default/images/footer-social-isons.png) no-repeat -140px 1px; } .criuse-grid-info h1 a{ color: #012447; text-transform: uppercase; font-weight: 600; font-size: 1.5em; } .criuse-grid-info p{ font-size: 0.875em; color: #626262; line-height: 1.5em; margin: 1em 0 1.5em; } .criuse-grid-info{ padding:1em 0; } .btn{ background: #012447; color: #FFF; padding: 0.7em 2.2em; display: inline-block; text-transform: uppercase; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; -o-border-radius: 0.3em; font-size: 0.875em; border-bottom: 4px solid #2A323A; } .btn:hover{ background: #fa7d03; border-bottom: 4px solid #279C86; } .criuse-main{ padding: 0 0 8em 0; margin-top: -7em; } .criuse-grid{ padding: 2em 0; border-bottom: 1px solid #EEE; margin-bottom: 0.5em; } .criuse-grid:nth-child(3){ border-bottom:none; } .criuse-grid-head{ box-shadow: 0px 0px 1px #E0E0E0; -webkit-box-shadow: 0px 0px 1px #E0E0E0; -moz-box-shadow: 0px 0px 1px #E0E0E0; -o-box-shadow: 0px 0px 1px #E0E0E0; } /*----criuse-grid-load----*/ .criuse-grid-load a{ background: #012447; color: #FFF; padding: 0.8em 2em; display: block; text-align: center; text-transform: uppercase; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; border-bottom: 4px solid #2A323A; border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; -o-border-radius: 0.3em; } .criuse-grid-load a:hover{ background: #fa7d03; border-bottom: 4px solid #279C86; } .criuse-grid-load{ margin-top:2em; } /*----//End-criuses-----*/ /*----start-blog----*/ .blog-grids-head h3{ font-size: 1.5em; color: #FFF; text-transform: uppercase; font-weight: 600; padding: 0 0 1.3em 0; } .blog-grids{ margin-top: -6.5em; margin-bottom: 8em; } .blog-grid{ float: left; width: 48.5%; margin-right: 3%; border-bottom: 1px solid #EEE; margin-bottom: 2.5em; } .blog-poast-admin{ position: absolute; bottom: 0.6em; left: 1.2em; } .blog-poast-head{ position:relative; box-shadow: 0px 0px 1px #E0E0E0; -webkit-box-shadow: 0px 0px 1px #E0E0E0; -moz-box-shadow: 0px 0px 1px #E0E0E0; -o-box-shadow: 0px 0px 1px #E0E0E0; } .blog-poast-admin img{ border-radius: 30em; -webkit-border-radius: 30em; -moz-border-radius: 30em; -o-border-radius: 30em; border: 4px solid #FFF; } .post-pic img{ width:100%; display:block; } .blog-poast-info{ background: #fa7d03; padding: 0.8em 1em; text-align: center; } .blog-poast-info ul li{ display: inline-block; margin-right: 1em; } .blog-poast-info ul li a{ color: #FFF; text-transform: uppercase; font-size: 0.875em; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; } .blog-poast-info ul li a:hover{ color:#012447; } .blog-poast-info ul li a span{ width: 12px; height: 12px; display: inline-block; padding: 0 0.2em; } .admin span{ background:url(/www/default/images/admin-icon.png) no-repeat 0px 0px; } .p-date span{ background:url(/www/default/images/cal-icon1.png) no-repeat 0px 0px; } .p-blog span{ background:url(/www/default/images/blog-icon.png) no-repeat 0px 0px; } .blog-info h3 a{ color: #012447; text-transform: uppercase; font-weight: 600; font-size: 1.2em; } .blog-info p{ font-size: 0.875em; color: #626262; line-height: 1.5em; margin: 0.5em 0 1.5em; } .blog-info{ padding:1em 0; } .blog-grid:nth-child(2),.blog-grid:nth-child(4){ margin-right:0; } /*----//End-blog----*/ /*----start-contact----*/ .contact{ margin: -0.29em 0 9em; } /*----*/ /* Contact Form */ .contact form{ font-family: 'Open Sans', sans-serif; } .map{ margin-bottom:30px; } .list3 li>img { float: left; margin-right:10px; } .extra-wrap { overflow: hidden; } .extra-wrap p { color: #626262; line-height: 1.8em; font-size: 0.85em; margin-bottom: 5px; font-family: 'Open Sans', sans-serif; } span.mail a { color:#2BD5B4; } span.mail a:hover{ color:#626262; } .contact-to input[type="text"] { padding: 12px 10px; width: 30.66%; font-family: 'Open Sans', sans-serif; margin: 12px 0; border: 1px solid rgba(192, 192, 192, 0.61); color: #626262; background: #FFF; float: left; outline: none; font-size: 0.85em; transition: border-color 0.3s; -o-transition: border-color 0.3s; -ms-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -webkit-transition: border-color 0.3s; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; } .contact-to input[type="text"]:nth-child(2),.contact-to input[type="text"]:nth-child(3){ margin-left:10px; } .text2 input[type="text"], .text2 textarea { width: 97.7%; margin: 12px 0; border: 1px solid rgba(192, 192, 192, 0.61); color: #626262; font-family: 'Open Sans', sans-serif; outline: none; margin-bottom: 25px; height: 100px; padding: 12px 10px; font-size: 0.85em; transition: border-color 0.3s; -o-transition: border-color 0.3s; -ms-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -webkit-transition: border-color 0.3s; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; } .text2 textarea{ height:180px; } .text2 input[type="text"]:hover,.text2 textarea:hover,.contact-to input[type="text"]:hover{ border: 1px solid rgba(43, 213, 180, 0.48); } .contact-form input[type="submit"] { background: #012447; color: #FFF; padding: .9em 3em; display: inline-block; text-transform: uppercase; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; -o-border-radius: 0.3em; font-size: 0.875em; border-top: none; border-right: none; border-left: none; border-bottom: 4px solid #2A323A; outline: none; cursor: pointer; font-family: 'Open Sans', sans-serif; } .contact-form input[type="submit"]:hover{ background: #fa7d03; border-bottom: 4px solid #279C86; } .span_1_of_first1 h5{ color: #012447; text-transform: uppercase; font-size: 1.2em; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; font-family: 'Open Sans', sans-serif; margin-bottom: 0.6em; } .span_1_of_first1 { width: 29.5%; } .col_1_of_bottom:first-child { margin-left: 0; } .col_1_of_bottom { display: block; float: left; margin: 1% 0 1% 3.6%; } .contact-grids { margin-bottom: 1em; } /*----//End-contact----*/ /*----//End-wrap----*/ /*----start-responsive-design----*/ @media only screen and (max-width:1440px) and (min-width:1366px){ .wrap { width: 80%; } } @media only screen and (max-width:1366px) and (min-width:1280px){ .wrap { width: 80%; } .top-nav { width:60%; } .p-ww span { margin: 0 0.5em; } .destination-places-grid { width: 31.8%; } .dest-place-opt-fea li { margin-right: 0.9em; } } @media only screen and (max-width:1280px) and (min-width:1024px){ .wrap { width: 90%; } .top-nav { width: 60%; } .p-ww span { margin: 0 0.5em; } .destination-places-grid { width: 31.8%; } .dest-place-opt-fea li { margin-right: 0.5em; } .blog-poast-admin { left: 0.5em; } .contact-to input[type="text"] { width: 30.4%; } .footer-grid input[type="text"] { width: 70%; } .clients { padding: 1em 0 3em; } .destination-pagenate { margin: 0.5em 0 5em 0; } } @media only screen and (max-width:1024px) and (min-width:768px){ .wrap { width: 90%; } .top-nav { float:left; width:80%; } .p-ww span { margin: 0 0.5em; } .destination-places-grid { width: 31.7%; } .dest-place-opt-fea li { margin-right: 0em; display: block; padding: 0.2em 0; } .blog-poast-admin { left: 1.2em; } .contact-to input[type="text"] { width: 30.15%; } .footer-grid input[type="text"] { width: 66%; } .clients { padding: 1em 0 3em; } .destination-pagenate { margin: 0.5em 0 5em 0; } .p-ww input[type="text"] { width: 28%; } .p-h label { font-size: 1.2em; } .offers-head { padding: 1.5em 0; } .holiday-type-grids { width: 100%; } .holiday-types { padding: 2em 0; margin: 1em 0 2em; background-size: 100% 100%; } .dfind-place input[type="submit"] { padding: 0.5em 1em; } .criuse-info-left ul li { display: block; } .criuse-info-left ul li a { padding: 0.2em 0.5em; } .criuse-info-right { margin: 2em; } .criuse-main { padding: 0 0 5em 0; } .criuse-pic-info-top-place-name h2 span { font-size: 1.5em; } .criuse-grid-info h1 a { font-size: 1.3em; } .blog-poast-info { text-align: right; } } @media only screen and (max-width:768px) and (min-width:640px){ .xwleft{ position:relative; float:left; width:100%; margin:0; margin-right:2% border:0px;height:auto; overflow:auto; } .listlist ul li{position:relative; float:left; width:100%; height:40px; line-height:40px; overflow:hidden; border:0px; margin:0px 2% 0px 0px; padding:0px; list-style:none;background-image:url(/www/default/images/arrow.gif); background-repeat: no-repeat; background-position: 2px 18px; text-indent:15px; border-bottom:1px #e3e4e8 solid; overflow:hidden; text-indent:10px; border-bottom:1px #c0c0c0 dotted; color:#c0c0c0;} .listlist ul li a:link { position:relative; float:left; width:100%; text-decoration: none; overflow:hidden; display:block; color:#333333; font-size:1em;} .listlist ul li a:visited { position:relative; float:left; width:100%;text-decoration: none; overflow:hidden; display:block; color:#333333; font-size:1em;} .listlist ul li a:hover { position:relative; float:left; width:100%;text-decoration: none; overflow:hidden; display:block; color:#333333; font-size:1em;} .listlist ul li a:active { position:relative; float:left; width:100%; text-decoration: none; overflow:hidden; display:block; color:#333333; font-size:1em;} .listlist ul li span{ width:0; height:0px;} .wrap { width:90%; } .top-nav { width: 100%; float:none; } .p-ww span { margin: 0; display: block; } .destination-places-grid { width: 100%; } .dest-place-opt-fea li { margin-right: 0em; display: block; padding: 0.2em 0; } .blog-poast-admin { left: 1.2em; } .contact-to input[type="text"] { width: 97.8%; } .contact-to input[type="text"]:nth-child(2), .contact-to input[type="text"]:nth-child(3) { margin-left: 0px; } .footer-grid input[type="text"] { width: 66%; } .clients { padding: 1em 0 3em; } .destination-pagenate { margin: 0.5em 0 5em 0; } .p-ww input[type="text"] { width: 94%; } .p-h label { font-size: 1.2em; } .offers-head { padding: 1.5em 0; } .holiday-type-grids { width: 100%; } .holiday-types { padding: 2em 0; margin: 0em 0 0em; background-size: 100% 100%; border-bottom: 1px solid #253541; } .dfind-place input[type="submit"] { padding: 0.5em 1em; } .criuse-info-left ul li { display: block; } .criuse-info-left ul li a { padding: 0.2em 0.5em; } .criuse-info-right { margin: 1.88em; } .criuse-main { padding: 0 0 5em 0; } .criuse-pic-info-top-place-name h2 span { font-size: 1.2em; } .criuse-grid-info h1 a { font-size: 1.3em; } .blog-poast-info { text-align: center; } .top-header-left ul li{ display:none; } .top-header-left ul li{ border-left:none; } .flexy-menu>li.showhide { background:none; height: 18px; } .flexy-menu>li.showhide span.title { display: none; } .flexy-menu { margin-right: 0%; } .flexy-menu>li.showhide span.icon { margin: 17px 20px; float: right; position: absolute; right: 3em; top: -50px; } .flexy-menu>li.showhide .icon em { margin-bottom: 3px; display: block; width: 31px; height: 4px; background: #012447; } .orange li:hover>a, .orange li.active a { background: #F8F8F8; } .p-ww { float: none; width: 100%; padding: 0.3em 0 0 0; } .p-h { float: none; width: 100%; padding: 0.5em 0; text-align: left; background:none } .p-h span { display:inline-block } .p-ww input[type="submit"] { outline: none; display: block; width: 99.5%; margin: 1em 0 0; border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; -o-border-radius: 0.3em; } .find-place { padding-bottom: 0.8em; } .holiday-type-grid { width: 33.33%; margin-bottom: 1em; } .footer-grid { float: none; width: 100%; margin-right: 0%; margin-bottom: 1em; } .Newsletter,.tags{ display:none; } .footer-grids { padding: 1em 0; } .dest-place-pic img { width: 100%; } .criuse-pic-info-top-place-name h2 label { font-size: 1em; } .criuse-pic-info { bottom: 1em; left: 1em; } .blog-grid { float: none; width: 100%; margin-right: 0%; margin-bottom: 2em; } .map{ display:none; } .span_1_of_first1 { width: 100%; } .col_1_of_bottom { display: block; float: none; margin: 0 0 1em 0; } .contact { margin: 1em 0 9em; } } @media only screen and (max-width:640px) and (min-width:480px){ .xwleft{ position:relative; float:left; width:100%; margin:0; margin-right:2% border:0px;height:auto; overflow:auto; } .listlist ul li{position:relative; float:left; width:100%; height:40px; line-height:40px; overflow:hidden; border:0px; margin:0px 2% 0px 0px; padding:0px; list-style:none;background-image:url(/www/default/images/arrow.gif); background-repeat: no-repeat; background-position: 2px 18px; text-indent:15px; border-bottom:1px #e3e4e8 solid; overflow:hidden; text-indent:10px; border-bottom:1px #c0c0c0 dotted; color:#c0c0c0;} .listlist ul li a:link { position:relative; float:left; width:100%; text-decoration: none; overflow:hidden; display:block; color:#333333; font-size:1em;} .listlist ul li a:visited { position:relative; float:left; width:100%;text-decoration: none; overflow:hidden; display:block; color:#333333; font-size:1em;} .listlist ul li a:hover { position:relative; float:left; width:100%; text-decoration: none; overflow:hidden; display:block; color:#333333; font-size:1em;} .listlist ul li a:active { position:relative; float:left; width:100%;text-decoration: none; overflow:hidden; display:block; color:#333333; font-size:1em;} .listlist ul li span{ width:0; height:0px;} .wrap { width: 90%; } .top-nav { width: 100%; float:none; } .p-ww span { margin: 0; display: block; } .destination-places-grid { width: 100%; } .dest-place-opt-fea li { margin-right: 0em; display: block; padding: 0.2em 0; } .blog-poast-admin { left: 1.2em; } .contact-to input[type="text"] { width: 97.8%; } .contact-to input[type="text"]:nth-child(2), .contact-to input[type="text"]:nth-child(3) { margin-left: 0px; } .footer-grid input[type="text"] { width: 66%; } .clients { padding: 1em 0 3em; } .destination-pagenate { margin: 0.5em 0 5em 0; } .p-ww input[type="text"] { width: 92%; } .p-h label { font-size: 1.2em; } .offers-head { padding: 1.5em 0; } .holiday-type-grids { width: 100%; } .holiday-types { padding: 2em 0; margin: 0em 0 0em; background-size: 100% 100%; border-bottom: 1px solid #253541; } .dfind-place input[type="submit"] { padding: 0.5em 1em; } .criuse-info-left ul li { display: block; } .criuse-info-left ul li a { padding: 0.2em 0.5em; } .criuse-info-right { margin: 1.88em; } .criuse-main { padding: 0 0 5em 0; } .criuse-pic-info-top-place-name h2 span { font-size: 1.2em; } .criuse-grid-info h1 a { font-size: 1.3em; } .blog-poast-info { text-align: center; } .top-header-left ul li{ display:none; } .top-header-left ul li{ border-left:none; } .flexy-menu>li.showhide { background:none; height: 18px; } .flexy-menu>li.showhide span.title { display: none; } .flexy-menu { margin-right: 0%; } .flexy-menu>li.showhide span.icon { margin: 17px 20px; float: right; position: absolute; right: 3em; top: -50px; } .flexy-menu>li.showhide .icon em { margin-bottom: 3px; display: block; width: 31px; height: 4px; background: #012447; } .orange li:hover>a, .orange li.active a { background: #F8F8F8; } .p-ww { float: none; width: 100%; padding: 0.3em 0 0 0; } .p-h { float: none; width: 100%; padding: 0.5em 0; text-align: left; background:none } .p-h span { display:inline-block } .p-ww input[type="submit"] { outline: none; display: block; width: 99.5%; margin: 1em 0 0; border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; -o-border-radius: 0.3em; } .find-place { padding-bottom: 0.8em; } .holiday-type-grid { width: 33.33%; margin-bottom: 1em; } .clients{ display:none; } .footer-grid { float: none; width: 100%; margin-right: 0%; margin-bottom: 1em; } .Newsletter,.tags{ display:none; } .footer-grids { padding: 1em 0; } .dest-place-pic img { width: 100%; } .criuse-pic-info-top-place-name h2 label { font-size: 1em; } .criuse-pic-info { bottom: 1em; left: 1em; } .blog-grid { float: none; width: 100%; margin-right: 0%; margin-bottom: 2em; } .map{ display:none; } .span_1_of_first1 { width: 100%; } .col_1_of_bottom { display: block; float: none; margin: 0 0 1em 0; } .contact { margin: 1em 0 9em; } } @media only screen and (max-width:480px) and (min-width:320px){ .xwleft{ position:relative; float:left; width:100%; margin:0; margin-right:2% border:0px;height:auto; overflow:auto; } .wrap { width: 90%; } .top-nav { width: 100%; float:none; } .p-ww span { margin: 0; display: block; } .destination-places-grid { width: 100%; } .dest-place-opt-fea li { margin-right: 0em; display: block; padding: 0.2em 0; } .blog-poast-admin { left: 0.2em; } .contact-to input[type="text"] { width: 94.8%; } .contact-to input[type="text"]:nth-child(2), .contact-to input[type="text"]:nth-child(3) { margin-left: 0px; } .footer-grid input[type="text"] { width: 66%; } .clients { padding: 1em 0 3em; } .destination-pagenate { margin: 0.5em 0 5em 0; } .p-ww input[type="text"] { width: 91%; } .p-h label { font-size: 1.2em; } .offers-head { padding: 1.5em 0; } .holiday-type-grids { width: 100%; } .holiday-types { padding: 2em 0; margin: 0em 0 0em; background-size: 100% 100%; border-bottom: 1px solid #253541; } .dfind-place input[type="submit"] { padding: 0.5em 1em; } .criuse-info-left ul li { display: block; } .criuse-info-left ul li a { padding: 0.2em 0.5em; } .criuse-info-right { margin: 1.88em; } .criuse-main { padding: 0 0 5em 0; } .criuse-pic-info-top-place-name h2 span { font-size: 1em; } .criuse-grid-info h1 a { font-size: 1.3em; } .blog-poast-info { text-align: right; } .top-header-left ul li{ display:none; } .top-header-left ul li{ border-left:none; } .top-header-right ul li{ border-left:none; } .flexy-menu>li.showhide { background:none; height: 18px; } .flexy-menu>li.showhide span.title { display: none; } .flexy-menu { margin-right: 0%; } .flexy-menu>li.showhide span.icon { margin: 17px 20px; float: right; position: absolute; right: 3em; top: -50px; } .flexy-menu>li.showhide .icon em { margin-bottom: 3px; display: block; width: 31px; height: 4px; background: #012447; } .orange li:hover>a, .orange li.active a { background: #F8F8F8; } .p-ww { float: none; width: 100%; padding: 0.3em 0 0 0; } .p-h { float: none; width: 100%; padding: 0.5em 0; text-align: left; background:none } .p-h span { display:inline-block } .p-ww input[type="submit"] { outline: none; display: block; width: 99.5%; margin: 1em 0 0; border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; -o-border-radius: 0.3em; } .find-place { padding-bottom: 0.8em; } .holiday-type-grid { width: 33.33%; margin-bottom: 1em; } .clients{ display:none; } .footer-grid { float: none; width: 100%; margin-right: 0%; margin-bottom: 1em; } .Newsletter,.tags{ display:none; } .footer-grids { padding: 1em 0; } .dest-place-pic img { width: 100%; } .criuse-pic-info-top-place-name h2 label { font-size: 0.8em; } .criuse-pic-info { bottom: 0em; left: 0em; } .blog-grid { float: none; width: 100%; margin-right: 0%; margin-bottom: 2em; } .map{ display:none; } .span_1_of_first1 { width: 100%; } .col_1_of_bottom { display: block; float: none; margin: 0 0 1em 0; } .contact { margin: 1em 0 4em; } .criuse-pic-info-top { padding: 0.3em 0.5em; float:left; } .criuse-pic-info-price { padding: 0.2em 0.5em; float:left; } .criuse-head1{ display:none; } .blog-poast-info ul li { margin-right: 0.8em; } .to-top span { left: 44%; } .blog-grids-head h3 { font-size: 1.2em; color: #7F91A2; padding: 0 0 1em 0; } .destination-head { padding: 2em 0 6em; } .destination-places-head h3 { font-size: 1.2em; padding: 0 0 0.6em 0; } .blog-grids { margin-top: -4.8em; } .text2 textarea { height: 150px; resize:none; width: 94.8%; } } @media only screen and (max-width:320px) and (min-width:240px){ .listlist ul li{position:relative; float:left; width:100%; height:40px; line-height:40px; overflow:hidden; border:0px; margin:0px 2% 0px 0px; padding:0px; list-style:none;background-image:url(/www/default/images/arrow.gif); background-repeat: no-repeat; background-position: 2px 18px; text-indent:15px; border-bottom:1px #e3e4e8 solid; overflow:hidden; text-indent:10px; border-bottom:1px #c0c0c0 dotted; color:#c0c0c0;} .listlist ul li a:link { position:relative; float:left; width:100%; text-decoration: none; overflow:hidden; display:block; color:#333333; font-size:1em;} .listlist ul li a:visited { position:relative; float:left; width:100%;text-decoration: none; overflow:hidden; display:block; color:#333333; font-size:1em;} .listlist ul li a:hover { position:relative; float:left; width:100%; text-decoration: none; overflow:hidden; display:block; color:#333333; font-size:1em;} .listlist ul li a:active { position:relative; float:left; width:100%; text-decoration: none; overflow:hidden; display:block; color:#333333; font-size:1em;} .listlist ul li span{ width:0; height:0px;} .wrap { width:90%; } .top-nav { width: 100%; float:none; } .p-ww span { margin: 0; display: block; } .destination-places-grid { width: 100%; } .dest-place-opt-fea li { margin-right: 0em; display: block; padding: 0.2em 0; } .blog-poast-admin { right: 0.2em; } .contact-to input[type="text"] { width: 92.8%; } .contact-to input[type="text"]:nth-child(2), .contact-to input[type="text"]:nth-child(3) { margin-left: 0px; } .footer-grid input[type="text"] { width: 66%; } .clients { padding: 1em 0 3em; } .destination-pagenate { margin: 0.5em 0 5em 0; } .p-ww input[type="text"] { width: 86%; } .p-h label { font-size: 1.2em; } .offers-head { padding: 1.5em 0; } .holiday-type-grids { width: 100%; } .holiday-types { padding: 2em 0; margin: 0em 0 0em; background-size: 100% 100%; border-bottom: 1px solid #253541; } .dfind-place input[type="submit"] { padding: 0.5em 1em; } .criuse-info-left ul li { display: block; } .criuse-info-left ul li a { padding: 0.2em 0.5em; } .criuse-info-right { margin: 1.88em; } .criuse-main { padding: 0 0 5em 0; } .criuse-pic-info-top-place-name h2 span { font-size: 1em; } .criuse-grid-info h1 a { font-size: 1.3em; } .blog-poast-info { text-align: left; } .top-header-left{ display:none; } .top-header-left ul li{ border-left:none; } .flexy-menu>li.showhide { background:none; height: 18px; } .flexy-menu>li.showhide span.title { display: none; } .flexy-menu { margin-right: 0%; } .flexy-menu>li.showhide span.icon { margin: 17px 20px; float: right; position: absolute; right: 3em; top: -50px; } .flexy-menu>li.showhide .icon em { margin-bottom: 3px; display: block; width: 31px; height: 4px; background: #012447; } .orange li:hover>a, .orange li.active a { background: #F8F8F8; } .p-ww { float: none; width: 100%; padding: 0.3em 0 0 0; } .p-h { float: none; width: 100%; padding: 0.5em 0; text-align: left; background:none } .p-h span { display:inline-block } .p-ww input[type="submit"] { outline: none; display: block; width: 99.5%; margin: 1em 0 0; border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; -o-border-radius: 0.3em; } .find-place { padding-bottom: 0.8em; } .holiday-type-grid { width: 50%; margin-bottom: 1em; } .clients{ display:none; } .footer-grid { float: none; width: 100%; margin-right: 0%; margin-bottom: 1em; } .Newsletter,.tags{ display:none; } .footer-grids { padding: 1em 0; } .dest-place-pic img { width: 100%; } .criuse-pic-info-top-place-name h2 label { font-size: 0.8em; } .criuse-pic-info { bottom: 0em; left: 0em; } .blog-grid { float: none; width: 100%; margin-right: 0%; margin-bottom: 2em; } .map{ display:none; } .span_1_of_first1 { width: 100%; } .col_1_of_bottom { display: block; float: none; margin: 0 0 1em 0; } .contact { margin: 1em 0 4em; } .criuse-pic-info-top { padding: 0.3em 0.5em; float:left; } .criuse-pic-info-price { padding: 0.2em 0.5em; float:left; } .criuse-head1{ display:none; } .blog-poast-info ul li { margin-right: 0.8em; display: block; } .to-top span { left: 44%; } .blog-grids-head h3 { font-size: 1.2em; color: #7F91A2; padding: 0 0 1em 0; } .destination-head { padding: 2em 0 6em; } .destination-places-head h3 { font-size: 1.2em; padding: 0 0 0.6em 0; } .blog-grids { margin-top: -4.8em; margin-bottom: 3em; } .text2 textarea { height: 150px; resize:none; width: 94.8%; } .top-header-right { float:right; } .top-header-right ul li a{color:#F0F0F0; display: block; } .logo { margin-top: 1.5em; } .sb-search { margin-top: 0px; } .slide-btns ul li a:hover { border: solid 1px #fa7d03; } } .xx_top-header{ background:#012447; } .xx_top-header-left{ float:left; font-size: 0.9em; padding-top: 2px; } .xx_logo{ float: left; height:90px; padding: 0px 0px 0px 105px; margin:0; background:url(/www/default/images/xx_logo001_red.png); background-repeat:no-repeat; background-position:0px 10px; } .xx_logo a{ float: left; margin:0; margin-top:0.5em; margin-bottom:0.3em; font-size:2.5em; color:#930e14; } .xx_footer{ background:#930e14; } @media ( max-width : 770px) { .content { width:100%; padding-bottom: 10px; margin-top: -10px; } .channeltitle{ width:100%;} #ban{ height:120px;} .subfooter{ display:none; } .logo_sdfz{ position:relative; width:100%; height:85px; margin:0px; background:url(/www/default/images/logo_sdfz.jpg); background-repeat:no-repeat; background-size: 245% 85px; } .flash{ display:none; } ul#navmenu li a { font-size: 18px; color: #fcb270; width: 100%; line-height: 27px; } ul#navmenu li.dangqian a { text-align: center; font-size: 18px; color: #ffffff; width: 100%; } ul#navmenu ul li { width: 115%; float: none; display: block !important; display: inline; height: 40px; line-height: 40px; font-size: 18px; } .stuphotoLeft{ padding-left:15px; } }