@charset "utf-8";
* {outline: 0}
blockquote, body, dd, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, img, label, li, ol, p, strong, table, td, th, ul {margin: 0;padding: 0;border: 0;font-weight: inherit}
li, ol, ul {list-style: none}
button, input {	margin: 0;	font-size: 14px;vertical-align: middle;	outline: 0;	padding: 0}
body {font-size: 14px;font-family:Arial;color: #333;margin: 0 auto;background-color: #fff; padding: 0; overflow-x: hidden;}
a {	color: #333;	text-decoration: none}
a:hover {text-decoration: none;	color: #1e50ae;}
body, html {width: 100%; min-width: 1200px; margin: 0;padding: 0}
.m{width: 1200px; margin: 0 auto; display: block;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.mb40{margin-bottom: 40px;}
.mb20{margin-bottom: 20px;}
.header{height: 120px; width: 100%;}
.logo{ display: inline-block; margin-top: 30px;}
.logo img{ height: 50px;}
.menu_box{ display: inline-block; height: 118px;  text-align: center; float: right;}
.menu_box ul li{ padding: 0 25px;display: inline-block; line-height: 118px;}
.menu_box ul li a{ font-size: 20px; display: block; color: #2b2b2b; font-weight: bold;}
.menu_box ul li a:hover{ color: #1e50ae;}
.menu_box ul li.on a{ border-top: 2px solid #1e50ae; color: #1e50ae;}
.banner{clear: both; display: inline-block; width: 100%;}
.banner img{width: 100%;}
.slide {max-width: 100%;height: auto;margin: 0 auto;position: relative;z-index: 999;overflow: hidden}
.slide ul {width: 10000%;list-style-type: none}
.slide ul:after {content: '';clear: both;display: block}
.slide ul li {float: left;text-align: center}
.slide ul li img {vertical-align: middle;max-width: 100%}
.slide .circle_btn {position: absolute;bottom: 50px;text-align: center;left: 0;display: table;margin: 0 auto;width: 100%}
.slide .circle_btn button {box-sizing: content-box;	opacity: 1;outline: 0;border: 0;padding: 8px;background: #e1dedb;margin: 2px 10px;overflow: hidden;transition: all .6s;cursor: pointer;border-radius: 20px;}
.slide .circle_btn button.active {background: #1e50ae;}
/*
.slide .next_btn,.slide .prev_btn{ display: inline-block; background: url(../images/slide_rt.png) no-repeat; width: 64px; height: 64px; position: absolute;right: 50px; top: 42%; z-index: 1000; cursor: pointer;}*/
/*.slide .prev_btn{background: url(../images/slide_lt.png) no-repeat;right: 0; left: 50px;}
*/
.product_box{width: 100%; position: relative; display: inline-block;}
.pro_left{ width: 545px; float: left; background-color: #fff;}
.pro_tit{ position: relative; height: 140px;}
.pro_tit p{ font-size: 120px; color: #e8edf7; font-weight: bold; position: absolute; padding-left: 20px;}
.pro_tit span{ font-size: 45px; color: #1e50ae; position: absolute; top: 40px; border-bottom: 1px solid #1e50ae;}
.pro_dec{ width: 530px;}
.pro_dec p{ font-size: 16px; color: #8c8c8c; line-height: 20px; padding-left: 70px;}
.pro_dec a{ font-size: 15px; border: 1px solid #dad7d7; border-radius: 2px; padding: 5px  10px; color: #d7d4d4; margin: 30px 0  30px 70px; display: inline-block;}
.pro_right{ width: 50%; min-height: 270px; float: left; background: #1e50ae; position: absolute; top: 0; left: 50%;}
.pro_right p{position: absolute; left: -18px; top: 40%;}
.pro_right ul { padding: 70px 50px 60px; width: 100%; box-sizing: border-box; display: inline-block;}
.pro_right ul li{width: 33.333%; float: left; text-align: center;}
.pro_right ul li span{border:2px solid #fff; border-radius: 2px; display: block; margin: 0 8px;}
.pro_right ul li span img{width: 100%;}
.pro_right ul li em{ background-color: #34b35a; width: 25px; height: 3px; display: block; float: left; margin: 20px 0 0 10px;}
.about_box{width: 100%; position: relative; display: inline-block;background: #e9e8e8; margin-bottom: 30px;}
.about_tit{ position: relative; height: 140px; margin-left: 30px;}
.about_tit p{ font-size: 120px; color: #fff; font-weight: bold; position: absolute; padding-left: 20px;}
.about_tit span{ font-size: 45px; color: #000; position: absolute; top: 40px; border-bottom: 1px solid #000;}
.about_dec{ width: 530px;}
.about_dec p{ font-size: 16px; color: #8c8c8c; line-height: 20px; padding-left: 70px;}
.about_dec a{ font-size: 15px; border: 1px solid #aaa; border-radius: 2px; padding: 5px  10px; color: #aaa; margin: 30px 0  30px 70px; display: inline-block;}
.about_left{ width: 50%; float: left; background: #e9e8e8; position: absolute; top: 0; right: 50%; background: url(../images/about.jpg) no-repeat right center; height: 300px;}
.about_right{ width: 50%; float: right;  height: 300px;}

/*列表分页页*/
.listpage { clear:both; margin-bottom: 20px; text-align: center;}
.listpage span,.listpage a { padding:0 10px; line-height:28px; display:inline-block; height:28px; font-size:14px; vertical-align:middle; margin-right:5px; background:#fafafa; border:1px solid #e2e2e2; border-radius:3px;}
.listpage span{background:#55a32a;color:#fff; }
.listpage a:hover {background:#55a32a; line-height:28px; height:28px; text-decoration:none;color:#fff;  border:1px solid #55a32a;}
.listpage a.cur,.page a.cur:hover { background:#55a32a; height:28px; line-height:28px; color:#fff; }
.footer{width: 100%; background-color: #2a2a2a; height: 230px; padding-top: 60px; position: relative; clear: both;}
.f_logo{float: left;}
.f_menu{ float: left; margin: 0 80px;}
.f_menu a,.f_contact a{ font-size: 20px; color: #fff; text-decoration: underline; display: block; padding-bottom: 35px;}
.f_contact{float: left;}
.f_contact p{color: #fff; line-height: 24px;}
.f_contact p span{color: #989898;}
.copyright{position: absolute; border-top: 1px solid #555; padding: 10px 0; left: 0; right: 0; text-align: center; color: #fff; bottom: 0;}

.pro_box{}
.pro_tit1{ font-size: 30px; color: #1f214d; padding: 50px 0 30px 0;}
.pro_main{ display: inline-block; width: 100%;}
.pro_main ul li{ width: 33.333%; float: left; display: block; text-align: center;}
.pro_main ul li img{ width: 380px; border: 1px solid #1f214d;}
.line{width: 100%; display: inline-block; height: 1px; background-color: #e6e6e6; margin: 70px 0 20px;}
.pro_table{width: 100%;}
.pro_table th,.pro_table td{ font-size: 20px; color: #1f214d; border-bottom: 1px solid #1f214d; text-align: left; padding-left: 50px; font-weight: bold; height: 50px; line-height: 50px; width: 50%; background-color: #fff;}
.pro_table td { font-weight: normal; border-bottom: 0; background-color: transparent;}
.pro_table tr:nth-of-type(odd){background-color: #f6f6fa;}
.pro_pre{margin-bottom: 20px;}
.share_box{margin-bottom: 70px; display: inline-block; float: right;}
.share_box a{ display: block; padding: 0 10px; text-align: center; float: left; font-size: 16px; line-height: 30px;}
.share_box img{ width: 30px;}

.sub_banner{width: 100%; height: 200px; background-color: #3466ab; text-align: center; color: #fff;}
.sub_banner h1{font-size: 35px; font-weight: bold; padding: 60px 0 20px 0;}
.sub_banner p{ font-size: 16px;}
.sub_banner p a{ color: #fff;}
.main_left{width: 270px; float: left; margin-top: 50px;}
.main_tit{}
.main_tit h1{ font-size: 25px; color: #000; border-bottom: 1px solid #c5c5c5; padding: 20px 0;}
.main_tit ul li{ clear: both; height: 46px; line-height: 46px; }
.main_tit ul li a{ font-size: 16px; color: #8d8d8d; }
.main_tit ul li a span{display: inline-block; width: 9px; height: 9px; background: url(../images/about_jt.png) 0 0 no-repeat; margin: 0 15px 0 20px;}
.main_tit ul li.on{ background-color: #34b35a;}
.main_tit ul li.on a{color: #fff;}
.main_tit ul li.on a span{ background-position: 0 -20px; margin: 0 15px 0 10px;}
.main_right{ width: 850px; float: right;margin-top: 50px;}
.main_con{ display: inline-block; width: 100%; padding: 65px 0;}
.main_con ul li{ width: 33.333%; float: left;}
.main_con ul li img{ border: 1px solid #ccc; width: 268px; height: 390px;}
.main_con p{ font-size: 16px; padding-bottom: 15px;  line-height: 24px;}
.main_con p span{ display: inline-block; width: 70px;}

.contact_main{ width: 100%; display: inline-block; }
.con_left{ width: 530px; float: left;}
.con_left p{ font-size: 20px; color: #3466ab; line-height: 40px;}
.con_left p span{ color: #000; font-weight: bold; display: inline-block; width: 82px; float: left;}
.con_right{width: 600px; height: 400px; float: right;}
.form_box{border: 1px solid #c8c8c8; width: 100%; height: 100%; }
.form_box h1{text-align: center; background-color: #3466ab; color: #fff; font-size: 20px; height: 43px; line-height: 43px;}
.form_main{ padding: 20px 0;}
.form_main ul li{ padding-left: 25px; float: left; padding-bottom: 15px;}
.form_main ul li p{ font-size: 16px; padding-bottom: 5px;}
.input,.textarea{width: 250px; height: 30px; line-height: 30px; border: 1px solid #dadada; padding: 0 5px;}
.textarea{ width: 536px; height: 100px;}
.form_btn{width: 120px; height: 38px; background-color: #34b35a; border: 0; outline: 0; color: #fff; font-size: 18px;}
.map_box{width: 100%; min-height: 300px; background-color: #ccc; margin: 20px 0 60px 0;}