#header,#main,#footer{width: 100%;overflow: hidden;}
.wrapper{width:1000px;margin: 0 auto;display: block;position: relative}
/*css3*/
.nav ul li a,
.sidebar ul li:before,
.sidebar ul li a,
.pdc_list li a b:after,
.pdc_list li a img,
.pdc_list li a,
.product .wrapper>a,
.news ul li a,
.news ul li a>span>span,
.sidebar ul li:after,
.sidebar ul li a,
.zizhi li,
.zizhi li img{
    transition:all 250ms;
    -webkit-transition:all 250ms;
}

.comessage_btn{background:#129dde !important;}

/*header*/
.logo{overflow: hidden;padding: 25px 0;display: table;}
.logo_content{display: table-cell;vertical-align: middle;}
.logo p{display:table-cell;vertical-align: middle;font-size: 14px;color: #605f5f;background: url("../images/tel.png") no-repeat left center;padding-left: 50px;text-align: left;width: 210px;}
.logo p b{display: block;font-size: 24px;color: #018ed5;}
/*banner*/
.slideBox { overflow:hidden; position:relative; }
.slideBox .hd { height:15px; overflow:hidden; position:absolute; right:50%; bottom:15px; z-index:1;  margin-right: -50px;}
.slideBox .hd ul { overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li { float:left; margin-right:10px; width:15px; height:15px; border-radius: 50%; line-height:14px; text-align:center; background:#fff; cursor:pointer; opacity:0.2; }
.slideBox .hd ul li.on { background:#fff; color:#fff; opacity:1; }
.slideBox .bd { position:relative; height:100%; z-index:0; }
.slideBox .bd li { zoom:1; vertical-align:middle; }
.slideBox .bd img { display:block; width: 100%; margin-left: auto; margin-right: auto; }
/*nav*/
.nav{height: 60px;line-height: 60px;background: #0c8ecb;overflow: hidden;}
.nav ul li{float: left}
.nav ul li a{color: #fff;font-size: 14px;width: 142.8px;text-align:center;position: relative;display: block;}
.nav ul li a:after,
.nav ul li a:before{display: block;content: '';width: 1px;height: 30px;position: absolute;left: 0;top: 50%;margin-top: -15px;}
.nav ul li a:after{background: #0972be;left: 0;}
.nav ul li a:before{background: #0faad8;left: 1px;}
.nav ul li:first-child a:before,
.nav ul li:first-child a:after{display: none}
.nav ul li:last-child a{padding-right: 0}
.nav ul li a:hover{color: #ffb401}

/*main*/
#main{padding-top:102px;margin-top: -102px}
/*product*/
.product{padding: 45px 0;}
.product:after{display: block;content: '';clear: both;}
/*sidebar*/
.sidebar{width: 216px;float: left;}
.sidebar p{color: #ffffff;background: #129dde;padding: 25px 0;text-indent: 20px;margin-bottom: 10px;}
.sidebar p span{font-size: 35px}
.sidebar p small{display: block;font-size: 14px}
.sidebar ul{background: #129dde;padding-bottom: 20px;}
.sidebar ul li{line-height: 55px;border-bottom: 1px dashed #b3dd86;text-align: center;position: relative;}
.sidebar ul li a{font-size: 14px;color: #d1f0ff;position: relative;z-index: 2;display: block;}
.sidebar ul li:before{display: block;content: '';width: 222px;height: 56px;background: url("../Images/select.png") no-repeat center;position: absolute;left:-6px;top: 0;opacity: 0;}

.sidebar ul li:hover a{color: #ffffff;}
.sidebar ul li:hover:before{opacity: 1;}

/*pdc_list*/
.p_right{width: 740px;float: right;}
.pdc_list{width: 740px;}
.pdc_list li{margin-bottom: 22px;}
.pdc_list li a{display: block;background: #fff;overflow: hidden;}
.pdc_list li img{display: block;width: 740px;height: 120px;}
.pdc_list li b{display: block;position: relative;overflow: hidden; border: 1px solid #d2d2d2;}
.pdc_list li span{display: block;line-height: 45px;color: #333333;text-align: center;}
.pdc_list li a:hover span{color: #129dde}
.pdc_list li a:hover img{}
.pdc_list li a:hover b:after{margin-top: -30px;}

/*h_title*/
.h_title2 a{color: #808080;float: right;font-size: 12px;padding-top: 15px;}
.h_title2 a:hover{text-decoration: underline}

.h_title{border-bottom: 1px solid #d2d2d2;margin-bottom: 20px;padding-bottom: 42px;font-weight: 500}
.h_title span{float: left;font-size: 24px;color:#303030;border-bottom: 2px solid #129dde;padding-bottom: 10px}
.h_title small{float: right;padding-top: 14px;background: url("../Images/home.png") no-repeat left 17px;padding-left: 20px}
.h_title a{color: #000000}
.h_title a:hover{color: #1871c4}

/*company*/
.company{background: url("../images/cpy_bg.png");padding: 45px 0;overflow: hidden;}
.company h2{font-size: 35px;text-align: center;color: #464646;padding-bottom: 40px;}
.company h2 span{display: block;font-size: 14px;font-weight: 500;}
.company img{float: left;width: 301px;height: 183px;}
.company p{width: 623px;float: right;font-size: 18px;}
.company p span{display: block;font-size: 14px;margin-top: 20px;line-height: 29px;color: #707070;}
.company p span a{color: #1fa7e7;}

.company p span a:hover{text-decoration: underline;}

/*news*/
.news_contract{overflow: hidden;padding: 40px 0 20px 0;}
.news{width: 510px;float: left;}
.news ul li{margin-bottom: 40px;}
.news ul li span{color: #333333;}
.news ul li small{display: block;font-size: 14px;color: #777777;}
.news ul li a:hover span{color: #1fa7e7;}

/*contact*/
.contact{width: 330px;float: right;}
.contact ul{margin-top: 10px;}
.contact ul li{line-height: 25px;color: #555555;font-size: 14px;}

/*footer*/
#footer{background: #0c8ecb;padding: 22px 0;}
#footer .yanzhen .au-bk{float: left;margin-left: 20px;margin-top: 20px;}
#footer .yanzhen>img{float: left}
/*#footer .wrapper>p{color: #ffffff;float: right;padding-top: 30px;}
#footer .wrapper>p span{display: block;}*/

#footer .other{color: #ffffff;float: right;padding-top: 10px;}
#footer .other .power{ font-size: 12px; margin-top: 10px;color: #333 }
#footer .other .power a{ color: #333 }

/*info*/
div#info,
div#info_message{overflow: hidden;padding: 55px 0;}
/*info_right*/
.info_right{width: 740px;float: right; }
.info_right .pdc_list{width: 740px;}
.info_right .pdc_list li{margin-bottom: 30px}

/*p_content*/
.p_content{font-size: 15px;line-height: 30px;color: #1b1b1b;}
.p_content img{max-width: 100%}



/*page*/

div.prev{margin-top: 20px;}
div.prev,
div.next{font-size: 14px}

/*product_info*/
.f16,.meta{text-align: center;margin-bottom: 10px;}
.f16{border-bottom: 1px dotted #ccc;font-size: 25px;color: #2c2c2c;padding-bottom: 10px;}
.meta{font-size: 14px;}
.pdc_img{max-width: 95%;}
.content_p{margin-top: 40px;}
.content_p img{max-width: 95%}
.content_p p{font-size: 14px;line-height: 30px;}
.content_p span.sp{display:block;background-color: #dddddd;color: #ffffff;margin-bottom: 20px;overflow: hidden;}
.content_p span.sp small{background: #129dde;display: block;float: left;text-align: center;line-height: 40px;width: 120px}

.new_right{width: 740px;}
.new_right li{clear: both;overflow: hidden;border-bottom: 1px dotted #ccc;padding:35px 0}
.new_right li:first-child{margin-top: 20px;padding-top: 0}
.new_right li>span{display: block;float: left;text-align: center;font-size: 36px;color: #424242;border-right: 1px solid #000000;padding: 10px 20px 10px 0;position: relative;}
.new_right li>span b{position: absolute;width: 0;height: 0;border-top: 8px solid transparent;border-left: 8px solid #585858;border-bottom: 8px solid transparent;right: -8px;top: 34px;}
.new_right li>span small{display: block;font-size: 14px;}
.new_right li>a{display: block;float: right;width: 625px;color: #000000}
.new_right li>a:hover,.new_right li>a:hover span{color: #8c0000;}
.new_right li>a span{display: block;font-size: 14px;color: #707070;padding-top: 12px;}

/*jobs*/
ul.jobs li{border-bottom: 2px dotted #ccc;margin-bottom: 10px;padding-bottom: 10px; font-size: 15px;line-height: 30px;padding-left: 20px;position: relative;}
ul.jobs li a{display: block;position: absolute;background-color: #1871c4;color: #ffffff;padding: 1px 8px;top:50px;left: 500px;}
ul.jobs li a:hover{border-radius: 8px;-webkit-transition:all 200ms;-moz-transition: all 200ms;-ms-transition: all 200ms;-o-transition: all 200ms;transition: all 200ms;  }
ul.jobs li strong{color: #b50000;}

.zizhi,.she{width: 850px;}
.zizhi li{padding: 4px;border: 1px solid #ccc;float: left;margin: 0 24px 20px 0;}
.zizhi li b{display: block;width:100%;height:100%;overflow: hidden;}
.zizhi li img{display: block;width: 220px;height: 153px;}
.zizhi li span{display: block;line-height: 40px;background: #ededed;text-align: center;color: #2e2e2e;}
.zizhi li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.zizhi li:hover{-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0); }

.jogger{margin-top: 10px; clear: both;font-size: 14px;}
.jogger a,.jogger span{border:1px solid #e9e9e9;display: inline-block;padding: 6px 12px;color: #666;font-size: 14px;}
.jogger .num,.jogger .current{margin: 0 2px;}
.jogger a:hover,.jogger .current{color: #fff;background-color: #129dde;}
.jogger .prev:after{content: "\e906";font-family: 'icomoon';vertical-align: middle;}
.jogger .next:after{content: "\e904";font-family: 'icomoon';vertical-align: middle;}

#allmap{width:95%;height:460px;overflow:hidden;margin:20px;border:1px solid #676767;}



/**************from表单**********************/
.form{ padding:10px;}
.listtop,.listbottom{   margin-left: 10px; }
.listtop{margin-top: 10px;border:1px  solid #CCCCCC;border-bottom: none;padding-left: 10px; padding-bottom: 15px;width: 710px;background: #F5F5F5;}
.con_edit{margin: 10px;}
.form_top{padding-left: 10px; padding-bottom: 15px;}
.form dl {overflow: hidden;zoom: 1;padding-top: 15px;}
.form dt {float: left;width: 11%;font-size: 14px;padding: 3px 0 0 0;color: #666;}
.form dd {float: left;line-height: 22px;}
.form dd select, .form dd input {vertical-align: middle;}
.form dd .logo{border: 1px solid #D4D4D4;}
.form dd .wxqrcode{width: 80px;height: 80px;border: 1px solid #D4D4D4;}
.form dd p {clear: both;color: #A0A0A0;padding: 4px 0 0 0;line-height: 16px;}
.form_b {text-align: left;padding: 20px 0 45px 145px;}
.form .btn7 {margin-left: 10px;}


.btn_blue, .btn_orange, .btn_green{background:#0d9ae4;
height:26px;line-height:1.8em;
padding:0px 15px; margin:2px;
border:0px;/*border-radius: 5px;*/
color:#fff;font-size:14px; cursor: pointer; 
}