@charset "gb2312";
/* CSS Document */
body{margin:0 auto;padding:0; font-family:"微软雅黑"; background:#f0f0f0}
body{max-width:640px;}
input{font-family:"微软雅黑"}
ul, li, h1, h2, h3, h4, p, dl, dt, dd{margin:0px;padding:0px;}
a{color:#666; text-decoration:none}
a:hover{color:#666; text-decoration:none}
li{list-style:none;}
.clear {clear:both;}



.topbody{width:100%;height:97px;line-height:75px;background:#fff;border-bottom:solid 1px #dadada;position:fixed;top:0;left:0;z-index:9999;box-shadow:0px 1px 10px rgba(0, 0, 0, 0.2);}
.topArea{box-shadow:0px 1px 2px rgba(0, 0, 0, 0.5);}
.topArea h1{background:#F33 url(hdtit.jpg) no-repeat center;color:#fff;font-size:20px;padding:0px 10px 0 10px;text-align:center;height:47px;line-height:47px; white-space:nowrap:}
.topArea h1 a{color:#fff;}
.topArea h1 a:hover{color:#fff;}

.topNav{height:40px;}
.topNav li{float:left;width:25%;text-align:center;font-size:17px;}
.topNav li a{color:#333;display:block;height:40px;line-height:40px;padding:0 0 0 0;background:#fff;width:100%;margin:auto; font-weight:bold}
.topNav li a:hover{}
.hover_on{border-bottom:2px solid #f35f55;height:37px;line-height:37px;}
.tab_none{display:none;}

.mainBody{padding:0px 0 60px 0;}

.float_div{position:fixed;right:0;top:110px;}
.float_div a{width:20px;display:block;font-size:12px;padding:8px 0 8px 8px;background:#f35f55;color:#fff;margin-bottom:10px;border-top-left-radius:5px;border-bottom-left-radius:5px}

/* footer */
.footer{background:#363e49;color:#63656c;text-align:center;font-size:12px;height:50px;position:fixed;bottom:0;left:0;width:100%}
.footer li{width:20%;float:left;padding:8px 0 0 0}
.footer li img{width:25%;}
.footer li p{padding:5px 0 0 0}
.footer a{color:#9da2b2;display:block;font-size:12px}
#in_logo{padding-top:5px}
#in_logo img{width:100%;margin-top:-10px;}
/* footer */

#agency{overflow: hidden;width:100%;margin:auto;clear:both;background:#fff}
#agency .cont-pad{line-height:26px;padding:20px 10px 0 10px;font-size:15px;color:#444}
#agency .cont-pad p{line-height:26px;margin-bottom:20px;}
#agency .cont-pad img{margin:auto; width:100%;max-width:640px;width:expression(this.width > 640 ? 640: true);height:auto;}
#gradient{height:35px;position:absolute;bottom:0;left:0;}
#read-more{padding:20px 0 0 0;background:#fff;color:#333;text-align:center;}
#read-more a{padding:8px 0;background:#f9f9f9;display:block;text-decoration:none;font-size:14px;color:#666}

#agency_join{overflow: hidden;width:100%;margin:auto;clear:both;background:#fff}
#agency_join .cont-pad{line-height:26px;padding:20px 10px 0 10px;font-size:15px;color:#444}
#agency_join .cont-pad p{line-height:26px;margin-bottom:20px;}
#agency_join .cont-pad img{margin:auto}
#gradient_join{height:35px;position:absolute;bottom:0;left:0;}
#read-more_join{padding:20px 0 0 0;background:#fff;color:#333;text-align:center;}
#read-more_join a{padding:8px 0;background:#f9f9f9;display:block;text-decoration:none;font-size:14px;color:#666}




.block{margin-bottom:10px;overflow:hidden;background:#fff;height:100%; padding-bottom:20px;}
.block h2{padding:0 10px;line-height:46px;font-size:20px;color:#444;clear:both;background:#fff;border-bottom:#f0f0f0 1px solid; font-weight:normal}
.block h2 span{color:#666;font-weight:normal;font-size:12px;float:right; font-style:normal}
.block h2 span a{color:#999;}
.block .cont{padding:10px 10px 20px 10px;line-height:26px;font-size:14px}

.block .cont{padding:10px 10px 20px 10px;line-height:26px;font-size:14px}
.cont p{margin-bottom:10px;}
.cont img{width:100%;height:100%}

.hd_class{background:#F33 url(../sj/images/hdtit.jpg) left bottom; background-size:100% 40px;color:#fff;font-size:20px;padding:0 10px;text-align:center;height:40px;line-height:40px;font-weight:bold; text-shadow:0px 1px 2px rgba(0, 0, 0, 0.5); white-space:nowrap;overflow:hidden}
.back_o{position:absolute;left:0px; cursor:pointer;width:40px;font-size:30px;font-weight:normal}

.default_banner{position:relative;background:url(../images/bgs.jpg) no-repeat center;width:100%;}
.banner_cont{}
.default_banner .div_logo{width:80px;height:80px; border-radius:50%;background:#ccc;margin:auto;border:3px solid #f0f0f0;position:absolute;top:20px;left:50%;margin-left:-43px}
.default_banner .div_logo img{width:80px;height:80px; border-radius:50%;box-shadow:rgba(0 0 0 0.5)}
.comp_name{text-align:center;font-size:22px;font-weight:bold;margin-top:20px;position:absolute;width:100%;margin-left:-50%;top:100px;left:50%;}
.proList{background:#fff;padding:15px 0 0 0;overflow:hidden}
.proList li{width:50%;float:left;margin-bottom:15px; text-align:center}
.proList li a{display:block;width:92%;text-align:center;background:#fff;border:solid 5px #fff;overflow:hidden;margin:0 auto;color:#e23537;border:0px solid #999}
.proList li img{width:100%;}
.proList li p{padding:5px 20px 0 10px;color:#666;font-size:14px;height:30px;}
.proList .pro_content{width:50%; height:180px;}
.proList .pro_box{height:150px; overflow:hidden; background-color:#efefef; border:1px solid #CCCCCC;}
.proList .table_box{height:150px;overflow:hidden;}

.proMore{clear:both; text-align:center;width:60%;padding:6px 0;border:1px solid #e8e6e8;margin:auto;border-radius:20px;margin:20px auto;font-size:14px;}
.proMore a{color:#999}
.proMore a;hover{color:#666}

.contact{color:#444}
.contact span{color:#999;}

.proShow{clear:both;width:100%;margin:auto;padding:0px 0 0 0}
.proShow h3{font-size:18px;padding:15px 0 8px 0;}
.proShow .pro{border-bottom:1px solid #e8e6e8}
.textIntro{line-height:26px;padding:10px 0 0 10px;color:#666;font-size:16px}
.textIntro span{color:#999}
.textIntro img{width:100%;height:100%}

.web-page{clear:both;overflow:hidden;padding:20px 0; text-align:center;line-height:24px;}
.web-page a{padding:5px 8px;font-size:14px;color:#fff;background:#444;margin:0 5px;}
.web-page .selecton{padding:5px 8px;font-size:14px;color:#fff;background:#f35f55;margin:0 5px;}

/* mess */
.mess li{width:95%;height:28px;line-height:28px;padding:5px 0;margin:8px auto;background:#ffffff;border:1px solid #e8e6e8;display:block;text-indent:10px;font-size:14px;color:#666;overflow:hidden;border-radius:2px;}
.mess li input{height:28px;line-height:28px;width:60%;border:none;font-size:14px;color:#f35f55;}
.mess li input:focus {border:none;}
.mess li select{width:30%;}
.mess font{color:#F00;}
.mess p{line-height:24px;font-size:20px;color:#333;text-indent:24px;display:block;}


.mess .tz{width:95%;height:28px;line-height:28px;padding:5px 0;margin:8px auto;background:#ffffff;border:1px solid #e8e6e8;display:block;text-indent:10px;font-size:14px;color:#666;overflow:hidden;border-radius:2px;}
.mess .tz  input{border:none;font-size:14px;color:#f35f55;}
.mess .tz span{ font-size:14px!important;}
.mess .tz  input:focus {border:none;}
/*.mess .tz li select{width:30%;}*/
.mess font .tz{color:#F00;}
.mess p .tz{line-height:24px;font-size:20px;color:#333;text-indent:24px;display:block;}


.text_pro img{width:100%;}
.text_pro{font-size:16px; font-family:"微软雅黑"; line-height:28px; padding:20px 10px 20px 0px; color:#444;}
.text_pro p{ padding:8px 0; text-align: left;}
.text_pro p img{width:100%;height:auto;}

.messEasy{width:95%;border:1px solid #e8e6e8;margin:auto;padding:0 0 15px 0;text-indent:10px;font-size:14px;background:#fff;overflow:hidden;border-radius:2px;}
.messEasy .textBox{border-bottom:1px solid #d1d1d1;height:30px;padding:5px 0;line-height:30px;color:#666}
.messEasy .textBox input{height:30px;line-height:30px;width:60%;border:none;font-size:14px;color:#f35f55}
.messEasy h4{ font-weight:normal;margin-top:10px;color:#999}
.messEasy p{margin-top:5px;color:#999}
.mess_btn {width:95%;overflow:hidden;margin:auto;padding-top:20px;}
.mess_btn li{width:47%;float:left;}
.mess_btn li input{border:none;font-size:20px;width:100%; border-radius:2px;}
.mess_yes{color:#fff;display:block;background:#f33;height:45px;line-height:45px;margin:0 auto;text-align:center;font-size:20px;}
.mess_no{color:#fff;display:block;background:#444;height:45px;line-height:45px;text-align:center;font-size:20px;float:right}


.dlList{clear:both;padding:0 5px;}
.dlList dl{border-bottom:1px solid #e8e6e8;padding:10px;line-height:24px;overflow:hidden;font-size:16px;}
.dlList dl dt{float:left;width:25%;color:#888; border-bottom:1px dotted #F0F0F0;padding:3px 0;height:24px; line-height:24px;font-size:14px}
.dlList dl dd{float:left;width:70%;padding:3px 0; border-bottom:1px dotted #F0F0F0; height:24px; line-height:24px;}
.ddheight{float:left;width:70%;padding:3px 0;line-height:24px;}
.newsList{clear:both;width:98%}
.newsList li{line-height:40px;border-bottom:1px dotted #ddd;}

.newsCont{clear:both;width:96%;margin:auto}
.newsCont h3{font-size:20px;padding:15px; text-align:center;border-bottom:1px solid #e8e6e8}
.newsCont .cont{line-height:26px; text-indent:26px;}
.newsCont .cont p{margin-bottom:10px;}
.newsCont .cont img{width:100%}

.btn {width:100%;margin:20px auto;overflow:hidden}
.btn li{width:50%;float:left;}
.btn li input{border:none;font-size:20px;}
.yes{color:#fff;display:block;background:#f35f55;height:45px;line-height:45px;width:90%;margin:0 auto;border-radius:3px; text-align:center;font-size:20px;}
.no{color:#fff;display:block;background:#444;height:45px;line-height:45px;width:90%;margin:0 auto;border-radius:5px;text-align:center;font-size:20px;}

.footer{background:#363e49;color:#63656c;text-align:center;font-size:12px;height:50px;position:fixed;bottom:0;left:0;width:100%}
.footer li{width:20%;float:left;padding:8px 0 0 0}
.footer li img{width:25%;}
.footer li p{padding:5px 0 0 0}
.footer a{color:#9da2b2;display:block;font-size:12px}
#in_logo{padding-top:5px}
#in_logo img{width:100%;margin-top:-10px;}
/* footer */



.Banner{z-index:0; position:relative;}
.Banner img{display:block}
.Banner h1{ position:absolute; z-index:9; top:-120px; margin:0; padding:0}

.newlist{ width:98%; margin:0 auto; background:#FFFFFF;overflow:hidden;}
.newlist li{ width:100%; float:left;height:2.6663em;line-height:2.6663em;  padding-left:2%; font-size:14px; text-align:left; background: -webkit-gradient(linear, left top, left bottom, color-stop(.5, transparent), color-stop(.5, #dfdfdf), to(#dfdfdf)) left bottom repeat-x;background-size: 100% 1px;color:#1c1c1c; overflow:hidden;}

.l_page{
	TEXT-ALIGN: center; LINE-HEIGHT: 30px; PADDING-RIGHT: 10px; CLEAR: both; margin-top:25px; margin-bottom:25px;
}
.l_page a{
	font-size:18px; border:1px solid #d5d5d5; color:#333333; padding:8px; padding-left:15px; padding-right:15px; margin-right:10px;
}
.l_page a:hover{
	font-size:18px; text-decoration:none; border:1px solid #000000; color:#990000; 
}
.l_page strong{
	font-size:18px; font-weight:bold; text-decoration:none; color:#FF0000;
}
.l_page strong a{
	font-size:18px; font-weight:bold; text-decoration:none; color:#ffffff;border:1px solid #e5e5e4; background-color:#4375a3;
}
.l_page strong a:visited{
	font-size:18px; font-weight:bold; text-decoration:none; color:#ffffff;border:1px solid #e5e5e4; background-color:#4375a3;
}

/*m_footer_menu*/
.comnav{ background:#fff; position:fixed; bottom:0; width:100%; max-width:640px; z-index:999;}
.comnav li{ float:left; text-align:center}
.comnav .nav1{ width:13%; font-size:12px}
.comnav li img{ width:16px;margin:5px 0 2px 0;}
.comnav .nav2{ width:18%; font-size:12px}
.comnav .nav5{ width:17%; font-size:12px}
.comnav .nav3 img{ vertical-align:middle; position:relative; top:-3px; margin-right:2px;}
.comnav .nav3{ width:25%; font-size:18px; line-height:40px; background:#000; color:#fff;}
.comnav .nav3 a,.comnav .nav4 a{ color:#fff}
.comnav .nav4{ width:27%; font-size:18px; line-height:40px; background:#db0202}

/*company_bottom-menu */
.mcfooter{background-color: #000000; height: 40px; text-align: center;max-width:640px; margin:0 auto; margin-bottom:10px;}
.mcfooter .ver{ border-bottom: 1px solid #fafafa;height:40px;}
.mcfooter .ver a{ padding: 13px 0; width: 50px; font-size: 13px; line-height:14px; color: #ffffff;}
.mcfooter .ver a span{ display: block; border-right: 1px solid #eeeeee;}
.mcfooter .ver a:last-child span{ border-right: none;}
.mcfooter > p{color:#cccfd8;font-size:10px;line-height:40px;}
.none { display: none;}
/* flex */
.mc_flexbox{ display: box; display: -webkit-box; display: -moz-box; display: -ms-box; -webkit-box-orient:horizontal; box-orient:horizontal;}
.mc_flexbox > *{ display: block; box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1;}
body:not(:-moz-handler-blocked) .mc_flexbox { width: 100%;} /*for FF*/

/* footer-bottom-menu */
.mfooter{background-color: #fff; height: 80px; text-align: center;max-width:640px; margin:0 auto;}
.mfooter .ver{ border-bottom: 1px solid #fafafa;height:40px;}
.mfooter .ver a{ padding: 13px 0; width: 50px; font-size: 13px; line-height:14px; color: #83868f;}
.mfooter .ver a span{ display: block; border-right: 1px solid #eeeeee;}
.mfooter .ver a:last-child span{ border-right: none;}
.mfooter > p{color:#cccfd8;font-size:10px;line-height:40px;}
.none { display: none;}
/* flex */
.flexbox{ display: box; display: -webkit-box; display: -moz-box; display: -ms-box; -webkit-box-orient:horizontal; box-orient:horizontal;}
.flexbox > *{ display: block; box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1;}
body:not(:-moz-handler-blocked) .flexbox { width: 100%;} /*for FF*/

/* 博客 底部 企业二维码 */
.comp_code{border-top:1px solid #eee;border-bottom:1px solid #eee;margin:10px 0 0 0;overflow: hidden;padding:15px;background:#fff url(gfpt.png) no-repeat right top; background-size:40px}
.comp_code mip-img{float:left;margin-right:15px;width:90px}
.comp_code h3{font-size:24px;font-weight: bold;color:#f35f55;margin:0px 0 5px 0}
.comp_code p{margin-top:0px;color:#444;font-size:15px;}
.comp_code span{color:#888;font-size: 12px;display: block}
/* 博客 底部 企业二维码 end*/
.mnlist{ background:#fff; padding:10px 0;}
.mnlist li{ float:left; width:33%; text-align:center; margin:5px 0 5px 0;}
.mnlist li img{ width:40px;}
.mnlist li a{ color:#555;}
.mnlist li p{ font-size:12px; padding-top:2px;}

.lxfs_show{ width:100%; text-align:center;}
.lxfs_show font{font-size:14px; color:#FFFFFF; width:100px; height:50px; background-color:#FF0000;border:#ff0000 1px solid; margin-top:30PX; border-radius:3px; padding:10px 20px; }


/*下面的相关关键词*/
.pp_hy{ width:100%;background:#FFF; margin-bottom:10PX; max-width:640PX; padding-bottom:15px;}
.pp_hy h3{ line-height:36px; text-align:left; font-size:14px; padding-left:10px;}
.pp_hy li{ float:left; text-align:left; font-size:14px; width:45%; line-height:32px; margin:8px 0 0 10px; padding-left:3px;padding-right:3px; display:inline;}  /* background:#1494db;*/
.pp_hy li a{ color:#333;}