﻿/* CSS Document */
*{ margin:0;padding:0;}
html{ height:100%; border:none;}
body{ height:100%; border:none; padding:0; margin:0; text-align:left; font-size:14px; color:#333; font-family:Arial, "microsoft yahei";}
ul,dl,li{list-style-type:none;}
img{ max-width: 100%;border:0;vertical-align:bottom;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#006bff; text-decoration:none;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.container {width: 1200px;margin: 0 auto;}
/************************************************************/
/**/
.top { overflow:hidden; width:100%; height:35px; background-color:#f4f4f4; }
.top p{ font-size:12px; color:#666; line-height:35px; float:left ;margin: 0;}
.top ul{ overflow:hidden; float:right; margin-top:10px;}
.top li{ float:left; margin:0 15px; font-size:12px; color:#666}
.top li a{ color:#666}

.header {padding: 20px 0;background-color: #fff; overflow: hidden;}
.header .logo {float: left;padding: 10px 0;}
.header .logo img {display: block;height: 90px;width: auto;}
.header .text {float: left;border-left: 1px solid #333;font-size: 20px;margin: 20px 0 0px 30px;padding-left: 20px; padding-bottom: 10px;}
.header .text {font-size: 24px;color: #333;font-weight: bold;}
.header .text small {display: block;font-size: 16px;color: #333;font-weight: normal;text-transform: uppercase;}
.header .tel {float: right;background: url(../images/phone.png) no-repeat 0 center;padding-left: 65px;color: #666;margin:17px 0 0;}
.header .tel strong {display: block;color: #0051a3;font-size: 24px; }

.nav {background: #2454ac; height: 55px;}
.nav li {float: left;border-right: 1px solid #2662B3;}
.nav li a {display: block;line-height: 55px;font-size: 16px;padding: 0 10px;color: #fff;margin-right: -1px;}
.nav li a:hover,.nav li a.on{background-color: #7bcf36;}

.nav ul li dl{position:absolute;z-index:999;display: none;overflow: hidden; padding: 0;margin: 0;}
.nav ul li dl dt a{padding: 0 14px;text-align:center;background:#2454ac;color:#fff;font-size:14px; line-height:45px;}
.nav ul li dl dt a:hover{background:#7bcf36; padding: 0 14px; }

.banner {height: 420px;position: relative;overflow: hidden;}
.banner .hd {position: absolute;bottom: 20px;font-size: 0;left: 0;width: 100%;text-align: center;z-index: 2;}
.banner .hd li {display: inline-block;width:15px;height:15px;border: 3px solid #7bcf36;border-radius: 10px;margin: 0 7px;cursor: pointer;}
.banner .hd li.on {background: #1B4F9B;border: 3px solid #1B4F9B;}
.banner .bd,.banner .bd ul,.banner .bd li {width: 100% !important;height: 100% !important;}
.banner .bd li {background: no-repeat center;}
.banner .bd li a {display: block;width: 100%;height: 100%;}

.search{ border-bottom:1px solid #e5e5e5;}
.search .left{ width:600px; overflow:hidden; float:left; height:51px; line-height:51px; font-size:13px;}
.search .left span{ font-weight:bold;}
.search .left a{ font-size:13px; margin-right:8px;}
.search .right{ float:right; margin-top:12px;}
.search .right .input{ float:left; width:234px; height:25px; line-height:25px; padding:0 10px; background:none; border:1px solid #eee; font-size:13px; color:#a1a0a0; outline:none;}
.search .right .submit{ border:0px ; float:left; width:50px; height:27px; line-height:27px; text-align:center; font-size:13px; color:#fff; text-decoration:none; background-color:#2454ac;}

/**/
.hr-s {padding: 75px 0;}
.hr-s-title {text-align: center;margin-bottom: 40px;font-size: 30px;}
.hr-s-title strong {color: #1B4F9B;}
.hr-s-title span {display: block;font-size: 18px;color: #666;margin-top: 10px;text-transform: uppercase;}
.hr-s-title span:before,.hr-s-title span:after {display: inline-block;vertical-align: top;content: '';width: 100px;height: 2px;background-color: #50AF4D;margin: 12px 12px 0;}
/**/
.hr-s-about {padding: 30px;margin: 0 0 30px;height: 435px;}
.hr-s-about dt {float: right;width: 570px;height: 435px;line-height: 435px;}
.hr-s-about dd {margin: 0 600px 0 0;}
.hr-s-about dd h4 {font-size: 36px;color: #1B4F9B;font-weight: normal;margin: 0 0 15px;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.hr-s-about dd h4 span {display: block;font-size: 18px;color: #333;}
.hr-s-about dd>p {margin: 0;line-height: 30px;height: 127px;overflow: hidden;}
.hr-s-about dd .tel{ margin-bottom:25px;}
.hr-s-about dd .tel .t-tit{font-size: 20px;color: #004ea1;padding: 20px 0 7px;border-bottom: 1px dashed #ccc;margin-bottom: 5px;}
.hr-s-about dd .tel>p{font-size: 15px;line-height: 30px;}
.hr-s-about dd .btn{ background:url(../images/ab_btn01.png) no-repeat;display: block;width: 310px;height: 42px;}
.hr-s-about dd .btn a{display: block;font-size: 14px;color: #fff;float: left;width: 155px;text-align: center;height: 42px;line-height: 42px;overflow: hidden;}
.hr-s-about dd .btn a:first-child{background:url(../images/ab_btn02.png) no-repeat;}

/**/
.box-title{border-bottom: 1px solid #dedede;padding-bottom: 15px;}
.box-title h2{font-weight: normal;font-size: 26px;line-height: 52px;}
.box-title p{font-size: 18px;line-height: 20px;color: #7bcf36;}
/**/
.box-con{ margin-top: 40px;}
/**/
.ibox{padding: 40px 0;}
/**/
.cp-intro{width: 356px;}
.cp-intro>div{line-height: 200%;border-bottom: 1px dashed #ccc;padding-bottom: 35px;margin-bottom: 40px;}
.cp-intro>div a{display: inline-block;background: #2454ac;padding: 4px 20px;margin-top: 8px;color: #fff;}
.cp-intro img{ width: 356px; height: 243px;}
/**/
.cp-info{ width: 798px;}
.cp-info .cp-piclist{ border-bottom: 1px solid #dedede;}
.cp-info .cp-piclist ul{overflow: hidden;}
.cp-info .cp-piclist ul li{margin-left: 20px;margin-bottom:20px;float: left;width: 246px;}
.cp-info .cp-piclist ul li a{display: block;position: relative;}
.cp-info .cp-piclist ul li a img{width: 246px;height: 185px;}
.cp-info .cp-piclist ul li a p{display:none;position: absolute;z-index: 1;top: 0;background: url(../images/cppicbg.png);width: 246px;height: 185px;line-height:185px;color:#fff; font-size: 18px; text-align: center;}
.cp-info .cp-piclist ul li:hover a p{ display:block;}
.cp-info .cp-newlist{ }
.cp-info .cp-newlist ul{ }
.cp-info .cp-newlist ul li{float: left;margin-left: 20px;width: 379px;margin-top: 40px;line-height: 200%;}
.cp-info .cp-newlist ul li i{display:inline-block;float: left;width: 20px;height: 20px;line-height: 20px;background: #7bcf36;margin: 3px 6px 0 0;text-align: center;font-style: normal;color: #fff;}
.cp-info .cp-newlist ul li a{ display:inline-block;float: left;font-size: 16px;}
.cp-info .cp-newlist ul li span{display:inline-block; float: right;}
.cp-info .cp-newlist ul li p{font-size: 12px;color: #666;line-height: 20px;padding-top: 8px;}

/**/
.box4{height:480px;background:#f9f9f9;color:#333;margin-top:40px;}
.box4 .fl{width:323px;padding-top:20px;height:424px}
.box4 .fr{width:806px;padding-top:50px}
.box4 .fr h3{font-size:16px;padding-bottom:10px;color: #2454ac;}
.box4 .fr p{font-size:13px;line-height:1.8;color: #666;}
.box4 .fr .ckxq{border: 1px solid #7bcf36;color:#7bcf36;float:right;margin:0;display: block; width: 134px; height: 43px; line-height: 43px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 13px; text-align: center;}
/**/
.roll_box,.roll_ov{overflow:hidden}
.roll_box{margin-left:20px;margin-top:20px;}
.roll_box>a{display:block;float:left;width:30px;height:48px;margin-top:61px;opacity:.2;filter:alpha(opacity=20)}
.roll_box>a:hover{opacity:.5;filter:alpha(opacity=20)}
.roll_box .roll_prev{background:url(../images/roll_btn.png) left}
.roll_box .roll_next{background:url(../images/roll_btn.png) right}
.roll_ov{float:left;width:675px;height:150px;margin:10px;position:relative}
.roll_ov>ul{position:absolute;left:0;top:0}
.roll_box ul>li{width:200px;height:150px;padding:0 15px 0 10px;float:left}

/**/
.link {line-height: 30px;width: 100%; padding: 40px 0;}
.link h4{font-size: 16px;float: left;height: 30px;line-height: 30px; margin:0; padding: 0;}
.link h4 a{ color:#000;}
.link ul{height: 30px;line-height: 30px; display: inline;}
.link ul li{display:inline;margin-left:15px;font-size: 14px;}

/**/
.footer {background-color: #333333;color: #dde3ee;padding-bottom: 40px; height: auto;overflow: hidden;}
.footer a {color: #e2e2e2;}
.footer-nav {background-color: #2757ad;color: #FFF;text-align: center;margin-bottom: 50px;}
.footer-nav a {display: inline-block;color: #FFF;margin: 0 12px;line-height: 60px;font-size: 14px;}
.footer .logo {float: left;background: url(../images/f_line.gif) no-repeat right 0;margin-right: 89px;width: 250px;height: 130px;padding-top: 50px;}
.footer .logo img{ width: 166px; height: 50px; }
.footer .contacts {/*float: left;width: 432px;*/background: url(../images/f_line.gif) no-repeat right 0;text-align:center;/*height: 180px;*/}
.footer .contacts p {margin: 5px 0;line-height: 24px;}
.footer .ewm {float: right;}
.footer .ewm li {float: left;font-size: 12px;text-align: center;margin-left: 20px;}
.footer .ewm li img {display: block;width: 140px;height: 140px;margin: 0 auto 10px;}

/**/
.main{ margin: 50px auto; position: relative;}
.fixed{ position: fixed;top: 10%;z-index: 1;}

/**/
.main_l{width:228px;float:left;}
.main_l .main_l_tit{width:228px;height:90px;background:url(../images/main_l_tit.jpg);overflow:hidden;color:#fff;text-align:center}
.main_l .main_l_tit span{font-style:italic;font-size:23px;line-height:90px;letter-spacing:1px;font-weight:700;color:#fff;} 
.main_l .main_l_list{margin-bottom:20px;width:208px;border-color:#d9d9d9;border-style:solid;border-width:0 1px 1px;padding:20px 9px 10px}
.main_l .main_l_list li{width:207px;height:34px;line-height:34px;text-align:center;background:url(../images/main_l_list.jpg);overflow:hidden;margin-bottom:10px}
.main_l .main_l_list li a{display:block;}
.main_l .main_l_list li:hover a{ color:#fff;}
.main_l .main_l_list:hover li.in{background:url(../images/main_l_list.jpg);color:#5a5a5a}
.main_l .main_l_list li.in,.main_l .main_l_list li.in:hover,.main_l .main_l_list li:hover{background:url(../images/main_l_list_hover.png);color:#fff}
.main_l .main_l_tel{text-align:left;padding:20px 0 20px 20px;background: #f9f9f9;}
.main_l .main_l_tel p{font-size:14px;line-height:30px;}
.main_l .main_l_tel strong{font-size:20px;padding-left:30px}

/**/
.main_r{ width: 920px;}

/**/
.main_r .c_tit {overflow: hidden;padding-bottom: 20px;border-bottom: 1px solid #dddad9;margin-bottom: 30px;}
.main_r .c_tit img { float: left; margin-right: 10px;}
.main_r .c_tit h1 { font-size: 18px;}
.main_r .c_tit span { color: #d9d9d9;}
.main_r .c_content{ overflow:hidden;}
/**/
.main_r .c_stit{ overflow: hidden;padding-bottom: 20px;border-bottom: 1px solid #dddad9;margin-bottom: 30px;margin-top: 50px;}
.main_r .c_stit img { float: left; margin-right: 10px;}
.main_r .c_stit h2{ font-size: 16px;}
.main_r .c_stit span{ color: #d9d9d9;}
.main_r .c_stit a{ color: #999;}
.main_r .c_piclist{overflow: hidden;}
.main_r .c_piclist ul{ }
.main_r .c_piclist ul li{float: left;width: 210px;margin: 0 10px 20px;}
.main_r .c_piclist ul li img{width: 210px;height: 146px;}
.main_r .c_piclist ul li p{ line-height:300%;text-align:center;}
.main_r .c_newlist{ overflow: hidden;}
.main_r .c_newlist ul{ }
.main_r .c_newlist ul li{float: left;margin: 0 10px;width: 440px;margin-bottom: 20px;line-height: 200%;}
.main_r .c_newlist ul li i{display:inline-block;float: left;width: 20px;height: 20px;line-height: 20px;background: #7bcf36;margin: 3px 6px 0 0;text-align: center;font-style: normal;color: #fff;}
.main_r .c_newlist ul li a{ display:inline-block;float: left;font-size: 16px;}
.main_r .c_newlist ul li span{display:inline-block; float: right;}
.main_r .c_newlist ul li p{font-size: 12px;color: #666;line-height: 20px;padding-top: 8px;}
.main_r .c_newlistx ul li{ width: 100%; margin: 0 0 20px 0; border-bottom: 1px dashed #ccc; padding-bottom: 10px;}

/**/
.pagination{ height:40px; padding:20px 0px;}
.pagination a,.pagination span{ display:block; float:left; margin-right:10px; padding:2px 12px; height:24px; border:1px #cccccc solid; background:#fff; text-decoration:none; color:#808080; font-size:12px; line-height:24px;}
.pagination a:hover{ color:#077ee3; background: white; border:1px #077ee3 solid;}
.pagination a.cur{ border:none; background:#077ee3; color:#fff;}

/**/
.infobox{ }
.infobox .infotit{text-align: center;line-height: 200%;}
.infobox .infotime{text-align: center;background: #e8e8e8;padding: 6px 0;margin-top: 10px;}
.infobox .infocon{margin: 30px 0; line-height:200%;}
.infobox .infopn{ line-height:200%;}

/**/
.local{height: 40px;line-height: 40px;border-bottom: 1px solid #ccc;margin-bottom: 40px;overflow:hidden;}
.local h1,.local h2{ float:left;font-size:20px;margin-right:60px;}
.local span{float:right;}
.local a{ }






















