@charset "utf-8";
/* CSS Document */
/*index */
.tabs-basic { position: relative; }
.tabs-basic .tab-content-active section a.morebotton { position: absolute; right: 10px; top: 10px; color:#808080; }
.#searchForm1 {
min-height:61px;
height:61px;
padding:0px;
}
.rdjj { height: 410px; overflow: hidden; }
.tabs-basic .tab-active { color: white; }
.tabs-basic a.bj { color: #307ac1; background: #bbdbf6; }
.nav-link a { padding: 0px 20px; }
ul.ul_padd { padding: 0px 10px; }
.top .red { width: 1200px; margin: 0px auto; height: 190px; position: relative; }




.sider_nav{margin: 0 auto;width: 1200px;}
.fl_l{width: 198px;float: left;background: #fff; padding-left:40px; }
.fl_l::before {width: 185px;float: left;background: #fff;background: #cecece none repeat scroll 0 0;
/*    bottom: 20px;*/content: ""; height:400px;left:45px; position: absolute;width: 1px;}

.fl_l li a{/*border-bottom: 1px solid #eee;*/text-align: left;display: block;color: #333;font-size: 18px;line-height: 60px;
/*background:url("../images/leftnav_icon_hover.png") no-repeat left center;*/color:#4a4949; padding-left:24px;
}
.fl_l li{ position:relative;}
.fl_l li a::before{background: #b6daf8 none repeat scroll 0 0;border-radius: 50px;content: ""; height: 15px;left: -2px; position: absolute;top: 50%;transform: translateY(-50%); width: 15px;}
.fl_l li.active a{/*background:url("../images/leftnav_icon.png") no-repeat left center;*/color:#307ac1; font-size:18px;}
.fl_l li.active a::before{background: #026fc2 none repeat scroll 0 0;border-radius: 50px;content: ""; height: 15px;left: -2px; position: absolute;top: 50%;transform: translateY(-50%); width: 15px;}
.fl_r{float: right;width: 940px; padding-right:20px;}
.fl_r li{margin-bottom: 30px;background: white;/*line-height: 300px;*/display: block;/*text-align: center*/}
.sider_nav h2{ font-size:24px; text-align:center; line-height:60px;}
.fl_r li .center_con h3{ color:#026fc2; font-size:24px; text-align:left; padding:20px 0px;}
.fl_r li .center_con h3 span{ display:block; width:4px; height:24px; background:#0586cf; float:left; margin-right:15px;}
.fl_r li .center_con p{ color:#313131; font-size:16px; text-align:left; line-height:28px; text-indent:2em;}




/* 必要布局样式css */
.ato-content { width: 935px; margin: 0 auto; position: relative; }
.ato-list .ato-list-cn { height:300px; }
.ato-list .ato-list-cn div { margin-top: 30px; width: 270px; height: 240px; float: left; margin-left: 26px; margin-right: 0; /*text-align: center;*/
background-color: #dce9f3; -webkit-transition: height 300ms; -moz-transition: height 300ms; -ms-transition: height 300ms; -o-transition: height 300ms; transition: height 300ms; position: relative; box-shadow: 1px 0px 8px rgba(0,0,0,0.12); border: 1px solid #96c8f3; top: 10px; left: -10px; -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 和 Chrome */ border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ }
}
.ato-list .ato-list-cn div:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-shadow: 0 0px 2px rgba(0,0,0,0.24); }
.ato-list .ato-list-cn div a { width: 240px; display: block; /*    text-align: center;*/
border-bottom: 1px solid #96c8f3; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; }
.ato-list .ato-list-cn div h4 { font-size: 14px; color: #244e6f; font-weight: normal; /* margin-bottom: 10px;*/
font-size: 16px; color: #313131; padding: 15px; }
.ato-list .ato-list-cn div h4 i { font-style: normal; }
.ato-list .ato-list-cn div p { margin: 0; text-align: left; font-size: 13px; color: #8e8e8e; line-height: 25px; height: 143px; overflow: hidden; padding: 0 15px; }
.ato-list-fl { /*   float: left;*/
position: absolute; left: 0; top: 135px; overflow: hidden; width: 940px; }
.ato-list-fl a { width: 16px; height: 45px; position: relative; border: 1px solid #ABABAB; display: block; background: #f2f2f2; overflow: hidden; -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 和 Chrome */ border-radius: 80px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ }
.ato-list-fl a.prev { float: left; }
.ato-list-fl a.next { float: right; }
.ato-list-fl a img { width: 6px; height: 11px; display: block; border: none; margin: 0 auto; margin-top: 17px; }
.ato-list { /*    float: left;*/
width: 895px; /*height: 500px;*/ margin: 0 auto; }
.ato-list .ato-list-cn div:hover { top: -5px; box-shadow: 0 10px 12px rgba(0,0,0,0.12); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s }
.prev:hover .ato-ope { opacity: 0; }
.ato-ope1 { opacity: 0; }
.prev:hover .ato-ope1 { opacity: 1; position: absolute; top: 0; left: 11px; }
.prev:hover .ato-ope { opacity: 0; }
.ato-ope1 { opacity: 0; }
.prev:hover .ato-ope1 { opacity: 1; position: absolute; top: 0; left: 4px; }
.next:hover .ato-ope { opacity: 0; }
.ato-ope1 { opacity: 0; }
.next:hover .ato-ope1 { opacity: 1; position: absolute; top: 0; left: 11px; }
.next:hover .ato-ope { opacity: 0; }
.ato-ope1 { opacity: 0; }
.next:hover .ato-ope1 { opacity: 1; position: absolute; top: 0; right: 4px; }
.ato-list-fl a:hover { background: #108cee; border: 1px solid #108cee; }


.zicun_tel{ overflow:hidden}
.zicun_tel .dizhi_img{ width:540px; height:335px; float:left;}
.zicun_tel .dizhi_con{ float:left; width:330px; margin-left:35px;}
.zicun_tel .dizhi_con p{ font-style:italic; font-size:16px; margin-bottom:30px;}
.zicun_tel .dizhi_con p span{ display:block}
.zicun_tel .dizhi_con p.icon_one{background:#f2ece9 url("../images/icon_one.png") no-repeat 10px 25px;  font-size:24px; width:340px; height:114px;border:1px solid #d2d2d2; -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 和 Chrome */ border-radius: 8px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */  padding:20px 10px 0px 0px; }
.zicun_tel .dizhi_con p.icon_one span{ color:#026fc2; font-size:36px; padding-left:30px; margin-top:25px;}
.zicun_tel .dizhi_con p.icon_two{background: url("../images/icon_two.png") no-repeat left top;}
.zicun_tel .dizhi_con p.icon_three{background: url("../images/icon_three.png") no-repeat left top;}


.mKeBanner,.mKeBanner div{text-align:center;}
::selection { background:#ec9e65; color:#fff;}::-moz-selection { background:#ec9e65; color:#fff;}::-webkit-selection { background:#ec9e65; color:#fff;}

.shortcut{ width:1000px; height:425px; margin:0px auto; position:relative; z-index:101; overflow:hidden;}
.shortcut a{ margin-right:30px; display:block; width:430px; height:195px; position:relative; overflow:hidden; float:left; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; top:0px; margin-bottom:30px; margin-left:20px;}
.shortcut a p{ position:absolute; left:0px; top:0px;}
.shortcut a:nth-of-type(1){background:#daf0f0; width:430px; height:195px;}
.shortcut a:nth-of-type(2){background:#f3f2d8; width:430px; height:195px;}
.shortcut a:nth-of-type(3){background:#ffe5e5; width:430px; height:195px;}
.shortcut a:nth-of-type(4){background:#e2ecd8; width:430px; height:195px;}
.shortcut a span{ position:absolute; line-height:24px; font-family:arial;left:15px; top:10px; transition:all 1s; -webkit-transition:all 1s;}
.shortcut a span strong{ display:block; font-size:18px; text-align:center; padding:10px 0px;}
.shortcut a .imgH{ left:-430px; transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.shortcut a:hover{ text-decoration:none;}
.shortcut a:hover .imgH{ display:block; left:0px;}
/*.shortcut a:hover span{ animation: img4 0.8s linear infinite alternate; -webkit-animation: img4 1s linear infinite alternate;}*/
/*.shortcut a:hover{ color:white;}*/

/*.hot-nav{ padding-top:20px;}*/

.ctbox{  background:white;}
#topbar{background:url("./images/aa.jpg") no-repeat scroll center top; height:188px;min-width: 1200px;}
#contact{background:url("./images/contact.jpg") no-repeat ;height: 700px;}
#copyright{background:url("./images/copyright.png") ;height: 80px;background-size:80px 80px; background-repeat: no-repeat;}