@charset "utf-8";
/*CSS Document*/

/*head & foot*/
/*--head*/

.head {width: 100%;height: 110px;overflow: hidden;position: fixed;top: 0;z-index: 1000;box-shadow: 0 0 7px 0 rgba(0,0,0,.32);background: #ffffff;}
.head .main-con {width: 100%;}
@media (min-width:1440px){
    .head .main-con {padding: 0 50px;}
}
.head .main-con:after { content: '';display: block;clear: both; }
.head .logo {float: left;margin-top: 10px;}
.head .logo a {display: block;width: 367px;height: 61px;margin-top: 10px;margin-left: 20px;overflow: hidden;}
.head .right_side {float: right;position: relative;}
.head .tel {position: absolute;z-index: 999;right: 0;top: 0;margin-top: 5px;margin-right: 15px;}
.head .tel:after { content: "";display: block;clear: both; }
.head .tel i {float: left;width: 36px;height: 36px;overflow: hidden;text-align: center;line-height: 36px;background: #017fd8;border-radius: 100%;color: #ffffff;font-size: 24px;margin-right: 10px;margin-top: 2px;}
.head .tel .info {line-height: 18px;height: 18px;}
.head .tel .info span {font-size: 14px;color: #999999;}
.head .tel .info strong {font-size: 18px;font-weight: normal;font-family: fantasy;color: #2772cf;letter-spacing: 1px;margin-left: 5px;}
.head .nav {float: left;margin-top: 30px;}
.head .nav ul {  }
.head .nav ul:after {content: "";display: block; clear: both; }
.head .nav ul li {float: left;}
.head .nav ul li:first-child:before { display: none; }
.head .nav ul li a {color: #363636;height: 60px;line-height: 60px;padding: 0 18px;font-size: 16px;display: inline-block;}
.head .nav ul li:hover a {color: #017fd8;}
.head .nav ul li:before {content: "/";font-size: 14px;margin: auto;line-height: 60px;color: #c2c2c2;}
.head .nav ul li.active a {color: #2772cf;}
.head .nav ul li.active a:before {background: #017fd8;}

/*--foot*/
.foot {background: #1f2b39;}
.foot .nav_con {padding: 60px 0;}
.foot .nav_con .main-con:after { content:'';display:block;clear:both; }
.foot .nav_con .nav {width: 420px;float: left;}
.foot .nav_con .nav h4 {padding-bottom: 10px;margin-bottom: 15px;font-size: 20px;line-height: 30px;color: #ffffff;font-weight: normal;}
.foot .nav_con .nav ul {}
.foot .nav_con .nav ul li {display: inline-block;}
.foot .nav_con .nav ul li a {color: #f2f2f2;font-size: 14px;margin-right: 30px;line-height: 26px;transition: all .4s ease-in-out;}
.foot .nav_con .nav ul li a:hover {color: #fdbe5d;}
.foot .nav_con .info {width: 400px;float: left;margin-right: 110px;}
.foot .nav_con .info .add_info {  }
.foot .nav_con .info .add_info p {color: #ffffff;line-height: 36px;}
.foot .nav_con .info .add_info .contact {}
.foot .nav_con .info .add_info .contact p {display: inline-block;margin-right: 20px;}
.foot .nav_con .info .add_info p span {  }
.foot .nav_con .info .add_info p strong {font-weight: normal;}
.foot .nav_con .info .add_info .address {  }
.foot .nav_con .info .add_info .address p {  }
.foot .nav_con .qrs {width: 240px;float: right;}
.foot .nav_con .qr {width: 100px;float: left;margin-left: 20px;}
.foot .nav_con .qr .qr_pic {width: 100px;height: 100px;overflow: hidden;}
.foot .nav_con .qr .qr_pic img {width: 100%;height: 100%;}
.foot .nav_con .qr .text {text-align: center;background: #0776be;color: #ffffff;height: 22px;line-height: 20px;font-size: 12px;}
.foot .cpy {background: #2b3b4e;overflow: hidden;}
.foot .cpy .icp_inf {}
.foot .cpy .icp_inf p {line-height: 26px;}
.foot .cpy .icp_inf .icp {color: #ffffff;float: left;max-width: 60%;height: auto;}
.foot .cpy .icp_inf .icp span { margin-right: 15px; }
.foot .cpy .icp_inf .icp a {color: #dedede;transition: all .5s ease-in-out;}
.foot .cpy .icp_inf .icp a:hover {color: #fdbe5d;}
.foot .cpy .icp_inf .copyright {color: #ffffff;float: right;max-width: 40%;}


/*回到顶部-客服*/
.side {position: fixed;z-index:10000;right: -150px;top: 50%;background: #2772cf;border-radius: 9px 0 0 9px;overflow: hidden;}
.side:hover { transform: translateX(-150px); }
.side .item {height: 50px;width: 200px;overflow: hidden;border-bottom: 1px solid #458ee8;}
.side .item span {display: inline-block;line-height: 50px;color: #ffffff;float: left;}
.side .item .kosniconfont:before {width: 50px;height: 50px;font-size: 22px;text-align: center;float: left;cursor: pointer;font-family: "kosniconfont";}
.side .item.qr { border-bottom: none; }
.side .item .value {font-size: 13px;cursor: pointer;}
.side .item .value a { color: #ffffff; }
.side .item.qr .wx {float: left;height: 0;overflow: hidden;border-top: 1px dashed rgba(255,255,255,.36);width: 148px;padding-top: 15px;margin-left: 50px;}
.side:hover .item.qr {overflow: unset;height: auto;}
.side:hover .item.qr .wx {height: 118px;}
.side .item.qr .wx .pic {margin-left: 0;width: 88px;height: 88px;overflow: hidden;}
.side .item.qr .wx .pic img {  }
#toTop{position: fixed;right : 5px;bottom: 150px;z-index: 1000;}
#toTop i{display: block;text-align: center;width: 50px;height: 50px;border-radius: 100%;background: #dda812;line-height: 50px;font-size: 30px;color: #ffffff;cursor: pointer; transition: all .4s ease-in-out; }
#toTop i:hover { background: #2272cf; }

/*column*/
.column_bnr{  }
.column_bnr p {height: 300px;background: no-repeat top;}

/*面包屑*/
.crumb_con {background: #ffffff;}
.crumb_con .crumb .kosniconfont {font-size: 20px;color: #e6b41a;float: left;margin-right: 5px;font-family: "kosniconfont" !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.crumb_con .crumb {line-height: 52px;font-size: 13px;color: #444444;}
.crumb_con .crumb span {color: #444444;display: inline-block;}
.crumb_con .crumb a {color: #444444;display: inline-block;}
.crumb_con .crumb a:hover {color: #2772cf;display: inline-block;}

/*栏目*/
.c_tit {  }
.c_tit h2 {font-size: 22px;font-weight: normal;padding-left: 10px;margin-top: 15px;padding-bottom: 8px;color: #b4292e;}
.c_tit h2 a {font-size: 16px;display: block;color: #333333;font-weight: normal;}
.c_tit h2 a:hover {color: #b4292e;}
.c_tit h2 span {font-weight: normal;color: #bbb;margin-left: 15px;font-size: 14px;text-transform: capitalize;}
.column {float: left;margin-top: 30px;width: 260px;}
.column .menu_box {background: #ffffff;padding: 15px;}
.column .menu_box h1 {height: 50px;line-height: 50px;font-size: 18px;font-weight: bold;color: #000000;text-indent: 5px;}
.column .menu ul {margin-top: 15px;display: block;}
.column .menu ul li {text-indent: 15px;position: relative;}
.column .menu ul li a {margin-bottom: 7px;color: #666666;height: 40px;line-height: 39px;display: block;font-size: 14px;background: #f1f2f3;transition: all .3s ease-in-out;}
.column .menu ul li:hover a{background: #3387ef;color: #ffffff;}
.column .menu ul li.active a{background: #2772cf;font-weight: bold;color: #ffffff;}
.column .contact {background: #ffffff; padding: 15px;margin-top: 15px;margin-bottom: 40px;display: block;}
.column .contact h1 {height: 50px;line-height: 50px;font-size: 18px;font-weight: bold;color: #000000;text-indent: 5px;}
.column .contact .info {border-top: 6px solid #f2f2f2;padding: 10px 6px;}
.column .contact .info h2 {margin: 15px 0;font-size: 16px;display: block;color: #333333;font-weight: normal;}
.column .contact .info p {color: #666666;font-size: 13px;line-height: 21px;margin-bottom: 7px;}
.column .contact .info .line { margin: 10px 0;height: 1px;border-top: 1px dashed #dedede; }

.main_2 {  }
.content {padding: 0 20px 20px;margin-top: 30px;background: #ffffff;width: 920px;float: right;margin-bottom: 40px;}

/*文章详情*/
.article {margin-top: 20px;}
.article h1 {text-align: left;font-weight: normal;line-height: 40px;color: #333333;font-size: 26px;}
.article .info {text-align: left;color: #777777;font-size: 14px;margin-bottom: 25px;}
.article .line { height: 1px; background: #f5f5f5; margin-bottom: 25px; }
.article .info span { margin-right: 15px;  }
.article p { padding-bottom: 10px;line-height: 26px; font-size: 14px; text-indent: 20px; }
.article p img,.article img {display: block;margin: 5px auto;max-width: 100%;}

/*上下篇-分享*/
.share { float: right; }
.PRE-NEX { border-top: 1px solid #f0f0f0; padding: 20px 0; margin-top: 20px; width: 100%; float: left; clear: both; }
.PRE-NEX .numpre { width: 50%; display: inline-block; float: left; text-align: left; }
.PRE-NEX .numnex { width: 50%; display: inline-block; float: left; text-align: right; }
.PRE-NEX a:hover { color: #d39e1f; }

/*列表1 图文列表*/
.it_l { margin-top: 20px; }
.it_l li {background: #fff;position: relative;margin-bottom: 20px;clear: both;border: 1px solid #f2f2f2;}
.it_l li:first-child {margin-top: 0;}
.it_l li a {display: block;padding: 20px;height: 140px;}
.it_l li a .pic {width: 156px;height: 104px;overflow: hidden;float: left;margin-right: 20px;}
.it_l li a .pic img {max-width: 100%;}
.it_l li a .text {}
.it_l li a .text .info {margin-bottom: 15px;height: 30px;}
.it_l li a .text .info h3 {display: inline-block;overflow: hidden;line-height: 30px;height: 30px;font-size: 18px;font-weight: normal;color: #111111;max-width: 560px;}
.it_l li a .text .info span {display: inline-block;float: right;height: 30px;line-height: 30px;color: #999999; font-size: 13px;}
.it_l li a .text p {color: #666666;height: 44px;line-height: 22px;overflow: hidden;}
.it_l li:hover {border: 1px solid #ffffff;background: #f7f7f7;}
.it_l li:hover a .pic img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); }
.it_l li:hover a .text .info h3 {color: #2772cf;}

/*列表2 全图列表*/
.al_l {width: 918px;height: 119px;margin-top: 20px;}
.al_l li {margin-right: 20px;float: left;width: 279px;margin-bottom: 20px;transition: all 0.5s;background: #fff;}
.al_l li p a {line-height: 42px;height: 42px;overflow: hidden;text-align: center;display: block;font-size: 16px;background: #ffffff;}
.al_l li .pic {width: 279px;height: 178px;overflow: hidden;display: block;position: relative;}
.al_l li.isSale .pic:before {content:"";display: block;width: 70px;height: 30px;position: absolute;z-index: 5;background: url(../images/label.png) no-repeat;right: 10px;top: 20px;}
.al_l li img { max-width: 100%;}
.al_l li p { padding: 0 10px; }
.al_l li:hover p a {color: #d39e1f;}
.al_l li:hover img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); }

/*列表3 证书列表*/
.honor_l {width: 918px;height: 119px;margin-top: 20px;}
.honor_l li {margin-right: 20px;float: left;width: 279px;margin-bottom: 20px;transition: all 0.5s;background: #fff;}
.honor_l li p a {line-height: 42px;height: 42px;overflow: hidden;text-align: center;display: block;font-size: 16px;background: #ffffff;}
.honor_l li .pic {width: 279px;height: 400px;overflow: hidden;display: block;text-align: center;position: relative;box-sizing: border-box;border: 1px solid #e0e7ee;}
.honor_l li img { max-width: 94%;position: absolute; z-index: 3; display: block;margin: auto;top: 0;right: 0;bottom: 0;left: 0;}
.honor_l li p { padding: 0 10px; }
.honor_l li:hover p a {color: #d39e1f;}
.honor_l li:hover img { transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); }

/*联系方式*/
.mp_box { border: none; margin-top: 30px; }
.t_info {background: #ffffff;height: auto;width: 100%;padding: 20px 15px;clear: both;}
.t_info p {font-size: 15px;line-height: 35px;}

/*留言*/
.form_con_msg {width: 666px;margin-left: auto;margin-right:auto;text-align: center;padding-bottom: 50px; margin-top: 80px; }
.form_con_msg .tit { font-size: 16px; color: #287906; line-height: 50px; }
.form_con_msg .desc { line-height: 18px; padding-bottom: 30px;  margin: 20px 20px 0; }
.form_con_msg .desc span { color: #287906; }
.form_con_msg .f_con .bs_input {display: block;height: 45px;width: 666px;line-height: 30px;text-align: left;}
.form_con_msg .f_con textarea.bs_input { height: 150px; font-family: "Microsoft YaHei"; }
.form_con_msg .f_con .bsi_t {padding: 0 15px;margin-bottom: 18px;background: #f1f1f1;line-height: 22px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.form_con_msg .f_con select.bsi_t {padding-left:0; width: 100%; color:#666666; }
.form_con_msg .f_con .bs_input.bsi_t.choice { padding: 0; }
.form_con_msg .f_con .bsi_s {float: right;width: 140px;display: block;cursor: pointer;overflow: hidden;border: none;background: #e6b41a;color: #fff;text-align: center;}
.form_con_msg .f_con .bsi_s:hover {background: #2772cf;}
.form_con_msg .f_con .submit {  }
.form_con_msg .f_con .submit:after { content: "";display: block;clear: both; }
.form_con_msg .f_con .check_img {overflow: hidden;margin-bottom: 0;padding-right: 0;margin-right: 18px;padding-left: 0;width: 140px;float: left;border: 1px solid #d9d9d9;background: #ffffff;}
.form_con_msg .f_con .check_img img {display: block;margin: 4px auto;}
.form_con_msg .f_con .check {width: 350px;float: left;}
input{ outline: none;border: none; }
input:focus{ outline: none;border: none; }
select{ outline: none;border: none; }
select:focus{ outline: none;border: none; }
textarea{ outline: none;border: none; }
textarea:focus{ outline: none;border: none; }

/*标准分页*/
.pageborder {border-top:1px solid #e2e2e2;}
.page {padding: 0 60px 61px 100px;width:auto;text-align: center;font-family:Arial, Helvetica, sans-serif;font-size:12px;height: 30px;clear: both;margin-top: 20px;}
.page .Notices {line-height:30px;font-size:14px;display:block;float:left;color:#6e6e6e;margin-right:30px;filter:progid:DXImageTransform.Microsoft.radius(strength=5);/*ie*/border-radius:5px;/*opera或ie9*/-webkit-border-radius: 5px;/*safari或chrome*/-moz-border-radius: 5px;/*firefox*/}
.page a {font-weight:bold;display: block;background-color:#fafafa;color: #0f65c7;border: 1px solid #d1d1d1;padding-left: 15px;padding-right: 15px;line-height: 28px;float:left;margin-left:3px;margin-right:3px;text-decoration: none;background-image: url(../images/page_bg1.gif);background-repeat: repeat-x;background-position: top;filter:progid:DXImageTransform.Microsoft.radius(strength=5);/*ie*/border-radius:5px;/*opera或ie9*/-webkit-border-radius: 5px;/*safari或chrome*/-moz-border-radius: 5px;/*firefox*/}
.page a:hover {color: #fff;border: 1px solid #004fab;padding-left: 15px;padding-right: 15px;line-height: 28px;background-image:none;background-color:#004fab;}
.page .pagefont {float:left;display:block;color: #FF0000;text-decoration: none;font-weight:bold;padding-left: 8px;padding-right: 8px;line-height: 30px;}
.page .nopage {display: block;background-color:#fff;color: #dcdcdc;text-decoration: none;border: 1px solid #dcdcdc;padding-left:12px;padding-right:12px;line-height: 28px;float:left;margin-left:3px;margin-right:3px;filter:progid:DXImageTransform.Microsoft.radius(strength=5);/*ie*/border-radius:5px;/*opera或ie9*/-webkit-border-radius: 5px;/*safari或chrome*/-moz-border-radius: 5px;/*firefox*/}
.page .nopage span{font-family:"宋体";font-weight:bold;}
.page a span {font-family:"宋体";font-weight:bold;}
.page .dd {display: block;color: #000;text-decoration: none;padding-left: 8px;padding-right: 8px;line-height:30px;float:left;margin-left:3px;margin-right:3px;}

/*main/css/common.css*/