@charset "utf-8";
body{ font-size:12px; margin:0px; padding:0px; background:#fff; font-family:Arial, Helvetica, sans-serif; color:#333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {	margin: 0;	padding: 0}
table {	border-collapse: collapse;	border-spacing: 0}
fieldset, img {	border: 0; vertical-align:middle}
address, caption, cite, code, dfn, em, th, var {	font-style: normal;	font-weight: normal}
ol, ul { list-style: none}
caption, th { text-align: left}
img{ border:0px; vertical-align:middle}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
q:before, q:after {	content: ''}
abbr, acronym {	border: 0;	font-variant: normal}
sup {	vertical-align: text-top}
sub {	vertical-align: text-bottom}
input, textarea, select {	font-family: inherit;	font-size: inherit;	font-weight: inherit}
input, textarea, select {*font-size:100%}
legend {	color: #000}
/* 使IE兼容html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
/* =CLEARFIX (do not modify) */
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
*{ transition: color 100ms ease 0s, background-color 100ms ease 0s; margin:0px; padding:0px;}
.clearfix { display:block; }
/* End hide from IE-mac */
/* 去掉链接虚框 
a:active ,area,label { blr:expression(this.onFocus=this.blur()) }
:focus { outline-style: none; }*/
/*备用清除浮动*/
.clear{ clear:both; height:0px;font-size:0px; line-height:0px; }
a{ text-decoration:none; cursor:pointer}
a:link, a:visited, a:active{color:#222;text-decoration:none;}
a:hover{color:#0689CD;text-decoration:none;}
.l{float:left}
.r{float:right}
.wrapper{ width:1100px; margin:0 auto;}


.topbox{ width:100%; height:15px; line-height:15px; padding:9px 0; border-bottom:1px solid #dadada; text-transform:uppercase;}
.topbox .h_left{ float:left;}
.topbox .h_left span{ padding-right:20px;}
.topbox b{ display:inline-block; width:20px; height:15px; padding-right:5px; vertical-align:top;}
.topbox .h_right{ float:right;}
.topbox .h_right a{ padding:0 0 0 10px;}

.headerbox{ width:100%;}
.headerbox .logo{ width:242px; height:43px; float:left; margin:15px 0;}
.headerbox .logo img{ height:100%;}
.search_box{ width:260px; float:right; margin:15px 0;}
.search_box .form{ width:252px; height:28px; padding:2px; border:1px solid #dadada; margin-bottom:12px;}
.search_box .input{ border:0px none; background:#fff; width:176px; height:28px; line-height:28px; padding:0 5px; float:left; outline:0;}
.search_box .btn{ border:0px none; width:66px; height:28px; line-height:28px; text-align:center; background:#0286CE; border-radius:3px; color:#fff; cursor:pointer; float:right; outline:0;}
.search_box .share{ height:32px;}
.search_box .share a{ display:inline-block; width:32px; height:32px; margin:0 10px;}
.search_box .share a img{ width:100%;}
.navbox{ width:100%; height:50px; background:#0689CD;}
.navlist{ width:1100px; margin:0 auto; height:50px;}
.navlist li { float:left; display:block; text-align:center; position:relative; z-index:2;}
.navlist li .menu{ width:auto; height:50px; line-height:50px; padding:0 10px; display:block; font-size:16px; color:#fff; text-align:center; text-transform:uppercase;}
.navlist li .menu.hover, .navlist li .menu:hover{ background:#036CA3; color:#fff;}

.index_content{ background:#036CA3; height:100px;}
.index_cont{ padding:25px 0;}
.index_cont li{ width:255px; background:#fff; height:50px; border-radius:10px; float:left; margin:0 10px; display:inline; text-align:center; overflow:hidden;}
.index_cont li .index_contimg{ width:40px; height:30px; display:inline-block;}
.index_cont li .index_contimg img{ width:100%;}
.index_cont li a{ padding-left:10px; line-height:50px; font-size:14px; text-transform:uppercase;}

.top_nav{ display:none;}
.m-mobile-nav{ display:none;}

.footer_con{ background:#0689CD;}
.footer_nav{ width:100%; border-bottom:1px solid #8ED5FF;}
.copyright{ height:55px; text-align:center; color:#fff; line-height:55px;}
.footer_nav .index_con_list{ padding:40px 0; width:580px; float:left; display:inline-block;}
.footer_nav .index_con_list li{ height:30px; font-size:14px; color:#fff; line-height:30px; padding:5px 0; width:50%; float:left;}
.footer_nav .index_con_list li img{ width:28px; height:28px; padding-right:15px;}

 


.footer_nav .inside_link{ padding:40px 0 40px 40px; width:640px; float:left;}
.footer_nav .inside_link li{ width:310px; margin-right:10px; float:left; height:30px; line-height:30px; font-size:14px; overflow:hidden; padding:5px 0;}
.footer_nav .inside_link li a{ color:#fff;}
.footer_nav .ewm{ width:130px; height:130px; float:right; padding:20px 0;}
.footer_nav .ewm img{ width:100%;}

/* content */
.flexslider{ width:100%; position:relative; height:475px; overflow: hidden; background:url(../images/loading.gif) 50% no-repeat;}
.flexslider .slides{ position:relative; z-index:0;}
.flexslider .slides li{ height:475px;}
.flexslider .slides li a{ width:100%; height:475px; display:block;}
.flexslider .flex-control-nav{ position:absolute; bottom:30px; z-index:2;width:100%;text-align:center;}
.flexslider .flex-control-nav li{display:inline-block;width:45px;height:5px;margin:0 5px;*display:inline;zoom:1;}
.flexslider .flex-control-nav a{display:inline-block;width:45px;height:5px;line-height:50px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flexslider .flex-control-nav .flex-active{background-position:0 0;}

.index_case{ width:100%; margin-bottom:20px;}
.index_case .index_title{ height:50px; line-height:50px; margin:50px 0 30px; position: relative;}
.index_case .index_title hr{ border:none; border-top:1px solid #7F7F7F; position:absolute; top:30px; left:0; width:100%;}
.index_case .index_title h2{ position:absolute; left:50%; top:0px; margin-left:-180px; width:360px; font-size:56px;line-height:56px; font-weight:normal; text-align:center; background:#fff; z-index:10;}
.index_case .index_navtitle{ text-align:center; padding:0 25px; line-height:30px;}

.index_los_ul{ padding:50px 0;}
.index_los_ul li{ width:250px; height:343px; border:2px solid #024C95; float:left; margin:0 10px; display:inline; position:relative;}
.index_los_ul li img{ width:100%;}
.index_los_ul .los_cover{ position:absolute; top:1px; left:1px; width:249px; height:341px; background:url(../images/hover_bj_s1.png) repeat;}
.index_los_ul .los_cover .cover_text{ margin-top:90px; text-align:center;}
.index_los_ul .los_cover .cover_text h3{ font-size:22px; line-height:40px;}
.index_los_ul .los_cover .cover_text p{ margin:0 30px; line-height:30px; border-bottom:2px solid #000;}
.index_los_ul .los_cover .cover_text .index_more{ padding:20px 35px; text-transform:uppercase; font-size:16px;}

.index_company{ width:100%; height:488px; background:url(../images/complay_bj.jpg) center no-repeat; padding-top:50px; margin-bottom:50px;}
.index_company h2{ text-align:center; color:#fff; font-weight:normal; font-size:50px; text-transform:uppercase; margin-bottom:50px;}
.company_news{}
.company_news .index_comnav{ width:300px; float:left;}
.company_news .index_comnav li{ height:58px; font-size:16px; text-transform:uppercase; padding:0 28px;}
.company_news .index_comnav li a{ padding:0 10px; color:#fff; height:57px; line-height:57px; background:#0C2A46; border-bottom:1px solid #7A7A7A; display:block; overflow:hidden;}
.company_news .index_comnav li:hover, .company_news .index_comnav li.hover{ background:#0689CD;}
.company_news .index_comnews{ width:720px; padding:0 30px; float:right;}
.company_news .index_comnews li{ background:#fff; width:720px; height:290px;}
.company_news .index_comnews li .comnews_img{ width:720px; height:232px;}
.company_news .index_comnews li .comnews_img img{ width:100%; height:232px;}
.company_news .index_comnews li p{ height:58px; line-height:29px; overflow:hidden; padding:0 16px;}

.participation{ width:100%; margin-bottom:50px;}
.participation h2{ font-size:36px; text-transform:uppercase; font-weight:normal; margin-bottom:30px;}
.participation .index_partimg{ width:390px; height:230px; border:5px solid #CACACA; float:left; overflow:hidden;}
.participation .index_partimg img{ width:100%; height:230px;}
.participation .index_partnews{ width:650px; height:240px; overflow:hidden; float:right;}
.participation .index_partnews li{ height:80px;}
.participation .index_partnews li .indexdate{ width:79px; height:64px; margin:8px 0; border-right:1px solid #D4D4D4; float:left; text-align:center; color:#8D8D8D;}
.participation .index_partnews li .indexdate b{ font-size:30px; line-height:40px; height:40px; overflow:hidden;}
.participation .index_partnews li .indexdate p{ font-size:14px; line-height:24px; height:24px; text-transform:uppercase; overflow:hidden;}
.participation .index_partnews li .indexdate_news{ margin:15px 20px; width:530px; float:right;}
.participation .index_partnews li .indexdate_news a{ line-height:25px; height:50px; overflow:hidden; display:block; }
.participation .index_partnews li.hover, .participation .index_partnews li:hover{ background:#C4C4C4;}

.index_fq{ width:1100px; margin:0 auto 50px;}
.index_fq h2{ font-size:36px; text-transform:uppercase; font-weight:normal; margin-bottom:30px;}
.index_fq ul{ height:242px; overflow:hidden;}
.index_fq li{ width:100%; margin-bottom:20px;}
.index_fq li strong{ height:44px; line-height:44px; background:url(../images/btn_1.jpg) no-repeat #c4c4c4; font-size:14px; font-weight:normal; padding-left:65px; display:block; overflow:hidden; cursor:pointer}
.index_fq li .hover{ background:url(../images/btn.jpg) no-repeat #0689CD; color:#fff;}
.index_fq li p{ padding:20px 20px 0; line-height:25px; height:50px; overflow:hidden;}
.index_fq li a{color:#fff;}
/* about us */
.aboutus_banner{width:100%; height:360px;}
.aboutus_banner span{width:100%; height:360px; line-height:360px; text-align:center; color:#fff; text-transform:uppercase; font-size:60px; display:block;}
.content_inside{ margin:25px 0;}
.content_inside .navline{ height:30px;}
.content_inside .navline em{ width:17px; height:17px; background:url(../images/navline_icon.jpg) no-repeat; display:block; float:left; padding-right:10px; margin:6px 0;}
.content_inside h3{ font-size:14px; line-height:30px;}

.container{ padding:30px 0;}
.container .sidebar{ float:left; width:250px;}
.container .sidebar .side_nav{ width:100%; margin-bottom:30px;}
.side_nav .side_title{ height:60px; width:100%; text-align:center; text-transform:uppercase; color:#fff; font-size:24px; line-height:60px; background:#036CA2;}
.side_nav .side_list{}
.side_nav .side_list li{ height:36px; line-height:36px; border-bottom:1px solid #eee; background:#ccc;}
.side_nav .side_list li a{ padding-left:20px;}
.side_nav .side_list li:hover a, .side_nav .side_list li.hover a{ color:#036BA1;}

.side_nav .contact_img{ width:250px; height:145px;}
.side_nav .contact_img img{ width:100%;}
.side_nav .contact_manage{ background:#EAEAEA;}

.side_nav .contact_manage li{ height:auto; line-height:30px;}
.side_nav .contact_manage li em{ padding:0 5px; margin-right:5px; width:25px; height:20px; display:block; float: left;}
.side_nav .contact_manage li p{ width:200px; padding-right:10px; float:right;}

.container .inside_con{ float:right; width:820px;}
.container .inside_con .r_title{ width:100%; height:36px; font-size:20px; font-weight:bold; color:#0689CC; border-bottom:1px solid #036CA2;margin-bottom:30px; text-transform:uppercase;}
.container .inside_con .contact_box{ width:100%;}

.caselist{}
.caselist li{ float:left; padding:20px 10px;}
.caselist li .caseimg{ width:240px; height:210px; padding:3px; border:3px solid #036BA1;}
.caselist li .caseimg img{ width:100%;}
.caselist li .case_txt{ width:240px; text-align:center; height:30px; line-height:30px; padding-top:10px; overflow:hidden;}

.page_list{ width:100%; height:26px; display:block; overflow:hidden; text-align:center; padding:20px 0;}
.page_list li{ width:auto; padding:0 10px; height:24px; line-height:24px; border:1px solid #e6e6e6; display:inline-block; margin:0 3px; background:#CBCBCB;}
.page_list li.hover, .page_list li:hover{ background:#0689CD; border:1px solid #0689CD;}
.page_list li.hover a, .page_list li:hover a{ color:#fff;}

.con_details{ margin:0 20px;}
.con_title{ line-height:24px; margin:10px 0 20px; text-align:center; font-size:20px;}
.detail_text{ width:100%; margin-bottom:20px; line-height:38px;}
.detail_text img{ max-width:100%;}
.detail_span{ width:860px; line-height:30px; padding-bottom:10px; font-size:12px; line-height:30px; border-bottom:1px solid #eee; text-align:center; margin-bottom:20px;}
.detail_span span{ padding: 0  10px; color:#999;}
.turn_list{ border-top:1px solid #ddd; padding-top:20px;}
.turn_list li{font-size:14px; height:30px; line-height:30px; color:#036BA1; overflow:hidden;}

.download{ width:100%; text-align:center;}
.download a{ display:inline-block; margin:0 10px;}

.fq_list{ width:100%; margin-bottom:20px;}
.fq_list dt{ padding:5px 0;}
.fq_list a{ display:block; height:40px; line-height:40px; font-size:16px; overflow:hidden; padding-left:30px; }
.fq_list dt a{background:url(../images/icon_01.jpg) 0 13px no-repeat;}
.fq_list dd a{background:url(../images/icon_02.jpg) 0 13px no-repeat;}
.fq_list dt p{ padding:10px 0 10px 30px; height:56px; line-height:28px; overflow:hidden;}

.newslist{ width:100%;}
.newslist li{ float:left; width:240px; padding:4px; margin:0 12px 20px; display:inline; position:relative;}
.newslist li .nimg{ width:240px; height:240px;}
.newslist li .nimg img{ width:100%; /*height:170px;*/}
.newslist li h3{ height:50px; line-height:25px; overflow:hidden;}
.newslist li p{ height:25px; line-height:25px; overflow:hidden; color:#999; margin-bottom:10px;}
.newslist li a{ color:#036BA1;}
.newslist li .date{ position:absolute; right:0; top:0; width:66px; height:56px; padding:10px 0 0; background:#7ECEF4; color:#fff; text-align:center; font-size:16px;}
.newslist li .date b{ display:block; font-size:20px;}

.rules_list{ width:100%;}
.rules_list li{ float:left; width:165px; margin:0 20px 20px;}
.rules_list li .rimg{ height:230px; border:1px solid #ddd; margin-bottom:10px;}
.rules_list li .rimg img{ width:100%; height:230px;}
.rules_list li p{ text-align:center; height:50px; line-height:25px; overflow:hidden;}



/* 通用分页样式 */
.pages{height:26px;padding:5px 0;margin-top:5px;clear:both;}
.pages:after{content:'.';clear:both;height:0;line-height:0;display:block;visibility:hidden;}
.pages ul{ padding:0;list-style:none;margin:0; }
.pages li{ float:left; margin-right:5px;}
.pages li a{ display:block; padding:0 10px; border:1px solid #e1e1e1; height:24px; line-height:24px; color:#666;}
.pages li a:hover{ border:1px solid #1796f9; background:#1796f9; color:#fff; text-decoration:none;}
.pages li span{ display:block; border:1px solid #e1e1e1; height:24px; line-height:24px; color:#c4c4c4;padding:0 10px; }
.pages .current a{ border:1px solid #1796f9; background:#1796f9; color:#fff;}


/*留言样式*/
.book .mess .td{padding-bottom:10px;}
.book .mess .submit{ width:80px; height:30px; background:#d81b21; color:#fff; text-align:center; border:0; font-family:"微软雅黑"; cursor:pointer;}
.book .mess .vcode{border: 1px solid #CCCCCC; line-height: 20px; padding:2px;width:130px;text-transform:uppercase;margin-right:1px;margin-top:3px;}