﻿@import "font-awesome.min.css";
*{margin:0;padding:0}
dd,div,dl,dt,form,img,li,map,ol,ul{padding:0;margin:0;border:0}
body,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
body{background:#fff;font-size:14px;line-height:30px;color:#666;font-family:"思源黑体","微软雅黑",Arial,Helvetica,sans-serif}
li,ul{list-style:none}
ul, menu, dir {display: block;list-style-type: disc;-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0;}
.clear{clear:both}
a{color:#666}
a,a:hover{text-decoration:none}
a:hover{color:#2496df}
hr,img{border:none}
hr{margin:5px 0;width:100%;height:1px;line-height:0;font-size:0}
div{margin:0 auto}
.f_l{float:left}
.f_r{float:right}
input,select{padding:1px;font-family:arial,Helvetica,sans-serif}
.blank{height:10px}
.blank,.blank20{width:100%;clear:both;overflow:hidden}
.blank20{height:20px}
.hide{display:none}
.padd0{padding: 0px;}
.clear{ clear: both; }
.body01{background: #f5f5f5;}
.navbar {margin-bottom:0px;}
.navbar-default {background-color: #0256ac;border-color: #0256ac; line-height: 50px;}
.navbar-default .navbar-nav>li>a {color: #FFF;}
.navbar-default .navbar-toggle .icon-bar {background-color: #FFF;}
.navbar-default .navbar-nav>li>a:hover {color: #FFF;background-color: #3aa314;}
.navbar-default .navbar-nav>li>a.hover {color: #FFF;background-color: #3aa314;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #FFF;background-color: #3aa314;}
.dropdown-menu{ background-color: #0256ac; }
.dropdown-menu>li>a{ color: #FFF; }
.dropdown-menu>li>a:hover{color: #FFF;background-color: #3aa314;}
.navbar-nav{background-color: #0256ac;border-color: #0256ac;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: #0256ac;}
.navbar-nav>li>a{ height: 50px; line-height: 50px; padding: 0 30px;font-size: 15px;}

.logo{ padding-bottom:10px;padding-top:15px;}
.ilogor {margin-right: 0px;background: url(img/headerphone.png) no-repeat left 12px; padding-left:48px; padding-top:6px; font-size: 14px; color: #373736;line-height: 25px; font-weight: 100;}
.ilogor strong {font-size: 25px; color: #ff824a;font-weight: bold; letter-spacing: -1px;}
.ilogor span{font-size: 16px;color: #555;}

.home_title{text-align:center}
.home_title h2{font-size:30px;color:#000;line-height:40px;font-weight:400}
.home_title p{color:#888;font-size:14px}
.home_title i{display:block;width:30px;height:3px;background:#1651b8;margin:0 auto;margin-top:10px}

#case .home_title h2{font-size:30px;color:#FFF;line-height:40px;font-weight:400}
#case .home_title p{color:#888;font-size:14px}
#case .home_title i{display:block;width:30px;height:3px;background:#FFF;margin:0 auto;margin-top:10px}

/*文字列表*/
.textlist{ }
.textlist li { line-height:28px; height:28px;text-indent:8px; background:url(../img/textlist.gif) no-repeat 0 center; overflow:hidden;width:100%;/*解决ie6bug*/}
.textlist li a{  }
.textlist li .InfoTime{ float:right;}
/*文字列表1*/
.textlist1{ overflow: hidden; width: 100%; margin: 20px auto; text-align: center;}
.textlist1 li{ display: inline-block; }
.textlist1 li a{ display: block;  float: left; min-width: 160px; height: 45px; line-height:45px; margin: 0 5px; padding: 0 5px; background: #FFF; color: #666; text-align: center; }
.textlist1 li a:hover{ background: #1651b8; color: #FFF; }
.textlist1 li.on a{ background: #1651b8; color: #FFF; }

/*橱窗列表1*/
.gridlist1{ overflow:hidden; padding: 0 0 20px}
.gridlist1 li { text-align: center;transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s; }
.gridlist1 li:hover { opacity: 0.8; }
.gridlist1 li a{font-size: 16px; color: #333; line-height: 40px; }
.gridlist1 li h3{display: block; font-size: 16px;color: #333; padding-bottom:10px;line-height:2em;}

.thumbnail{display: block;margin-bottom:0px;line-height: 1.42857143;background-color: #fff;border: 0px;-webkit-transition: border .2s ease-in-out;-o-transition: border .2s ease-in-out;transition: border .2s ease-in-out;}
.samebg{background: #f5f5f5; padding: 50px 0;}
.whitebg{ background: #fff;padding: 50px 0 0;}
#case {background: url(img/floor_3_main.jpg); padding: 80px 0;}
.navbar-brand{ padding: 0;}
.indexabout{ padding: 15px 0; }
.indexabout img{ margin-bottom: 50px; }
.mtop75{ margin-top: 75px }


/*带缩略图文字列表*/
.thumblist{ }
.thumblist li{ text-align:left; overflow:hidden; margin:15px 0; border:1px solid #f5f5f5;transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s;}
.thumblist li:hover{border:1px solid #e9e9e9; -webkit-box-shadow: 0 0 2px 2px #f0f0f0;-moz-box-shadow: 0 0 2px 2px #f0f0f0;box-shadow: 0 0 2px 2px #f0f0f0; transform:translate3d(0, -2px, 0);}
.thumblist li .InfoPicture{ float:left; overflow:hidden;width:20%; margin-right:2%; }
.thumblist li img{  border:0px solid #ccc;width:100%;}
.thumblist li:hover img{ }
.thumblist li .info_wrap{ overflow:hidden;width: 78%; float: right;}
.thumblist li .InfoTitle{ display:block; font-size:22px; font-weight:bold; color:#555; text-align:left; padding:0;line-height: 3em; }
.thumblist li:hover .InfoTitle{ color:#000; }
.thumblist li .InfoTime{ display:block; height:30px; line-height:30px; text-align:left; padding:0; color:#666;}
.thumblist li p{ font-size:15px; color:#898989; line-height:1.8em;overflow:hidden;}
/*带缩略图文字列表2*/
.thumblist1{ overflow: hidden; padding: 20px 0 }
.thumblist1 li{ margin: 10px 0; border:1px solid #f5f5f5; transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s;overflow: hidden;}
.thumblist1 li:hover{border:1px solid #e9e9e9; -webkit-box-shadow: 0 0 2px 2px #f0f0f0;-moz-box-shadow: 0 0 2px 2px #f0f0f0;box-shadow: 0 0 2px 2px #f0f0f0;
    transform:translate3d(0, -2px, 0); }
.thumblist1 div.info_wrap{ float: right; width: 64%;}
.thumblist1 div.InfoTime{ color: #555; }
.thumblist1 li a.InfoPicture{ float: left; width:33%;max-width: 182px; }
.thumblist1 li img{width: 100% }
.thumblist1 li h3{ height: 1.1em; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.thumblist1 li a.InfoTitle{ font-size: 18px; color: #000; font-weight: bold; }
.thumblist1 li a.InfoTitle:hover{ color: #0064D6; }
.thumblist1 li p{ color: #999; line-height: 1.7em; }
/*橱窗列表*/
.gridlist{ margin-top:5px; }
.gridlist li { margin-bottom:10px; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/;
  transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s; }
.gridlist li:hover { transform:translate3d(0, -5px, 0);  }
.gridlist li.n0{ margin-left:0; }
.gridlist li img { border:1px solid #f0f0f0; width:100%;}
.gridlist li a {  }
.gridlist li .InfoTitle{ text-align:center; padding:20px 0; font-weight:normal;font-size:14px;  }
.gridlist li .Infodesc{font-size:12px;  text-align:left; line-height:1.6;height:40px;}
.gridlist li:hover .InfoTitle{ }
.gridlist li:hover img{ border-color:#ddd;}
.text-hide {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*橱窗列表2*/
.gridlist2{ overflow: hidden; padding:10px 0 0 0}
.gridlist2 li{ transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s;}
.gridlist2 li:hover { transform:translate3d(0, -5px, 0);  }
.gridlist2 li a.InfoPicture{ display: block; }
.gridlist2 .InfoTitle a{ display: block; width: 100%; color: #FFF; font-weight: bold; text-align:left; font-size:18px;}
.gridlist2 .InfoTitle a:hover{ color: #eee; }
.gridlist2 li img{ width:100%; padding: 10px 0; }
.gridlist2 li p{ display: block; width: 100%; color: #aaa; }
.ncase .InfoTitle a{color: #333; font-weight: normal;font-size:16px;}
.ncase .InfoTitle a:hover{ color: #666; }


.guestbook{ }
.guestbooklist{}
.guestbooklist li{ padding:10px; border:1px solid #CCC; margin-bottom:10px; }
.MessageTitle { color:#227BAD; line-height:1.5em; font-weight:bold;}
.MessageContent { padding:5px; margin-bottom:10px; }
table.guestbook_table{ width:98%;  }
table.guestbook_table th{ width:100px; text-align:left}
table.guestbook_table td{ text-align:left;padding-bottom: 10px;}
table.guestbook_table .operation{ text-align:center }
/*默认样式*/
.btn {  background-color: #7db500;  color: #fff; }
.btn:hover {  background-color: #6b9c00; color:#fff;}
.btn:active {  background: #76a312;  color: #374f00;}
/*表单类*/
.form_text, .form_text:hover, .form_text_verifycode, .form_text_verifycode:hover{border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;border-width:1px; height:30px; line-height:30px;clip: rect;padding: 2px; color: #000000; }
.form_text {  width:95%; background-position:  0px 0px;}
.form_text:hover {background-position: 0px -37px;}
.form_text_verifycode { width:50px; margin-right:3px;background-position:  0px 0px;}
.form_text_verifycode:hover {background-position: 0px -37px;}
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
.form_select { height:25px; }
.form_textarea { width:95%; height:80px; border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;border-width:1px; padding:2px;}
.form_button { width:auto; vertical-align:middle; border:0 none;/*解决ie焦点是有黑色边框*/}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; }
.required{ color:red; font-weight:bold; text-align:left; padding-left:3px;}
/*底部区域*/
#bottom_main{ background-color: #0256ac; padding: 40px 0; color:#f0f0f0; }
#bottom{}
#bottom_1{float: left;width: 66%;}
.bottom_navigation {  overflow: hidden;  float: left;  }
.bottom_navigation li {  float: left;  width: 120px;  margin-right: 15px;  overflow: hidden;  }
.bottom_navigation li a {  display: block;  text-align: left;  font-size: 18px;  margin-bottom: 10px; color: #f0f0f0;  font-weight: bold;  }
.bottom_navigation li a:hover {  color:#fff;}
.bottom_navigation .subnavigationlist1 li {  float: none;  padding: 0;  line-height: 28px;  display: block;  }
.bottom_navigation .subnavigationlist1 li a { color: #f0f0f0;  display: block;  line-height: 30px;  font-weight: normal;  padding: 0;  margin: 0;  font-size: 13px;  text-align: left;  }
.bottom_navigation .subnavigationlist1 li a:hover{color:#fff;}
#bottom_2{float: right;width: 34%;}
#bottom_2 .WeChat img {  float: left;  width: 102px;  padding: 20px 30px 0 0;  }
#bottom_2 .bdsharebuttonbox .LShare {  display: block;  line-height: 24px;  height: 24px;  cursor: pointer;  margin: 6px 6px 6px 0;  font-size: 16px;  color: #f0f0f0; }
.bdshare-button-style0-24 {  padding-top: 30px;  }

/* 版权信息 */
#copyright_main { color:#fff; background-color: #044c96;}
#copyright { line-height:40px;  }
#copyright a {color: #f0f0f0; text-decoration: none;}
#copyright a:hover {color:#fff; text-decoration: none;}
#copyright .bottom_info{ text-align:center;padding-top:5px; padding-right:10px; line-height:20px; }
#copyright .TechnicalSupport{ float:right; margin:0}

/*分页样式*/
.page { padding:4px 0px 0px 1px; float:right; clear:both;}
.page a, .page span { float:left; display:block; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:22px; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { background:#CC0001; color:#ff9900; }
.page .current{ background:#CC0001; color:#FFF;}
.page #total{color:red}


.SonlineBox{ width:162px; font-size:12px;overflow:hidden; top:-600px; z-index:9999;}
.SonlineBox .openTrigger{ width:30px; height:110px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#0176ba url(img/openTrigger.jpg) no-repeat;}
.SonlineBox .titleBox{ width:100%; height:35px; line-height:35px; background:#038bdc url(img/SonlineTitleBg.gif) repeat-x; border-bottom:2px solid #0176ba; position:relative; z-index:1;}
.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family:'???è?ˉé?…é?‘','é?‘??“';}
.SonlineBox .contentBox{ display:block; width:100%; height:auto; border:2px solid #0176ba; overflow:hidden; background:#fff; position:absolute; z-index:2; }
.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px; z-index:2;background:url(img/closeBtnImg.gif) no-repeat;}
.SonlineBox .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBox .listBox{overflow:hidden; margin:6px 0; position:relative;}
.SonlineBox .contentBox .listBox .QQList{ display:block; width:100%; margin:5px auto 5px auto; padding:0px 0;}
.SonlineBox .contentBox .listBox .QQList span{ display:block; width:47%; height:25px; overflow:hidden; text-align:right;float:left; line-height:26px; color:#444;}
.SonlineBox .contentBox .listBox .QQList div.ico{ width:52%; height:25px; overflow:hidden; float:left;}
.SonlineBox .contentBox .listBox .QQList div.ico a{}

.SonlineBox .contentBox .tels{ width:90%; margin:0 auto; border-top:1px dotted #ccc; height:auto; padding-bottom:10px; line-height:200%; text-align:center;}
.SonlineBox .contentBox .tels font{ display:block; line-height:35px; font-family:'???è?ˉé?…é?‘','é?‘??“'; font-size:16px; color:#555;}
.SonlineBox .contentBox .tels span{ display:block; line-height:25px; font-family:"Palatino Linotype", "Book Antiqua"; font-size:20px; color:#555; font-weight:bold;}

/*当前位置*/
#location_main { } 
#location {display: none; color:#01673A; padding-right:8px; }
#location a {color:#01673A;}

/*子频道列表*/
#subchannel_main{ border-bottom:1px solid #ddd; overflow:hidden; }
#subchannel{}
.subchannellist { width: 100%; text-align:center;}
.subchannellist li { display:inline-block; padding:10px 0; float: none;}
.subchannellist li a {color:#333;  font-size:18px; display: block; border-left: 1px solid #ccc;}
.subchannellist li:nth-child(1) a{border-left: 0px solid #ccc;}
.subchannellist li a:hover { color:#0256ac;text-decoration:none; }
.subchannellist #current { font-weight:normal;color:#0256ac; border-bottom:3px solid #0256ac;}
.subchannellist #current a {color:#0256ac;}

.detail_tit h2{font-size: 30px;font-weight: normal;text-align: center; padding:15px 0;color: #333;}
.detail_tit h2 img{ margin:0 10px;}
.detail_con{padding: 5px 0px 45px; overflow: hidden;}
.detail_con div,.detail_con p img{ max-width: 100% !important; height: auto !important; }
/*公共百度地图*/
#Map{}
#Map .MapInfo{ border: 1px dashed #ccc;}
#Map .MapInfo #MapContainer{}
#Map .ContactInfo{  line-height:2.7em;}
#Map .ContactInfo .Company{ font-size:24px; margin-bottom:8px;}
#Map .ContactInfo img{ width: 18px; vertical-align:middle; margin-right:8px;}

/*信息*/
.InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle; padding:5px 0px}
.InfoTitle h1{ font-size:28px; line-height: 1.5em; font-weight:normal;}
.InfoTime{color:#999; text-align:left;  padding:2px 0px; height:25px}
.info_from_wrap{ padding:0 10px; text-align:center; color:#999; border:0px dashed #ccc; line-height:30px; margin-bottom:5px;}
.info_from_wrap a { color:#999; }
.info_from_wrap a:hover { color:#555; }
.InfoContent, .InfoContent p{ line-height:2.0em; font-size:16px; padding:10px 0;}
.Tag{ text-align: left; font-weight:bold; }
.Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;}
.info_previous_next_wrap{ background:#F0F0F0; padding:5px; border:1px solid #E3E3E3; color:#333; line-height:1.8em}
.Next a{ }
.Previous a{ }
.pages{ text-align: center; }
.pages_inp{ max-width: 45px !important;text-align: center;}
#topcontrol{position: fixed; bottom: 150px; right: 20px; opacity: 1; cursor: pointer;}
#SonlineBox{top: 50%; position: fixed; _position: absolute; left: 0px; width: 164px; height: 321px;}
.navbar-header{ display: none; }
@media (max-width: 767px){
.navbar-header{ display: block; }/*
.logo{ display: none; }*/
.ilogor { padding-left: 10%; line-height: 18px; background-size: 17%;}
.ilogor strong{ font-size: 12px; }
.navbar-default{ height: auto; line-height: auto !important; }
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #FFF;}
.thumblist1 div.info_wrap{ float: right; width: 100%;}
.thumblist1 li a.InfoPicture{ float: left; width:100%;max-width: 100%; }
#bottom_2 .bdsharebuttonbox .LShare{ height: auto; }
.navbar-brand>img{ width: 80%;margin-top:3px; margin-left: 2%;}
.navbar-toggle{ margin-top: 15px; margin-bottom: 15px; }
.SonlineBox{ display: none; }
.navbar-nav>li>a{ height: auto; line-height: 1em; padding:10px 10px;}
.mtop75{ margin-top: 65px !important; }
.textlist1 li{ width: 100%;}
.textlist1 li a{ width: 100%; height: 35px; line-height: 35px; font-size: 12px;}
.subchannellist li { padding:2px 10px; line-height: 2em; float: none;border: #e8e8e8 1px solid; margin:3px 0;}
.subchannellist li a{  border-left: 0; font-size: 14px;}
.thumblist .info_wrap{ width: 90% !important; margin: 0 5%; }
.thumblist .InfoPicture{width: 90% !important; margin: 0 5%;}
.thumblist li .InfoTitle{ font-size: 20px; }
#bottom_1,#bottom_2{ width: 50%; }
.InfoContent p img,.InfoContent div img{ max-width:100% !important; height: auto !important;}
.subchannellist #current { border-bottom:2px solid #0256ac;}
.detail_tit h2{ font-size: 25px; }
.samebg{ padding-top: 20px; }
nav ul li{ width:50%; float: left; display: inline-table; text-align: center; }
.navbar-nav{ margin: 0 -15px; }
.nav>li{ border-bottom:#003c81 1px solid;  }
.indexabout img{ width: 100%;margin-bottom:20px;}
.bottom_navigation li a{ font-size: 17px; }
.home_title h2{ font-size: 24px; }
.subchannellist {padding: 5px 0;}
.InfoTitle h1{ font-size: 20px; color: #000; }
.gridlist li .InfoTitle{ padding: 0 }
table.guestbook_table th{ text-align: center; }
}
