﻿/*友情链接*/
#youqin {
    margin-top: 20px;
    margin-bottom: 20px;
}
.inner {
    width: 1200px;
    margin: 0 auto;
}
.inner a:hover {
    color: #1e61ba
}
* {
    margin: 0px;
    padding: 0px;
    outline: none
}
a {
    text-decoration: none;
    color: #463a3a;
}
img {/*width:100%;*/
    height: auto;
    display: block
}
button {
    cursor: pointer;
    outline: none;
}
li {
    list-style: none;
    cursor: pointer;
}
body {
    min-width: 1200px;
    margin: auto;
    font-family: 微软雅黑
}
.op {
    opacity: 0
}
.index_products li:active .i {
    transform: rotate(180deg);
}
/*当前位置*/
.index_pro .index_products .weizhi a:hover {
    color: #f57721;
    text-decoration: none;
}
.index_pro .index_products .weizhi {
    /*  padding: 0 10px 0 20px;*/line-height: 48px;
}
.index_pro .index_products .weizhi span {
    padding: 0 5px;
font-size: 24px;
font-weight: bold;
}
.index_pro .index_products .weizhi a {
    padding: 0 5px;
    color: #fff;
}
/*导航*/
.nav li:hover {
    background: #f57721;
}
.nav_too a:hover {
    background: #f57721;
}
.nav ul > li.active {
    background: #f57721;
}
.nav li:hover .nav_too {
    display: block;
}
.nav {
    width: 100%;
    background: #1e61ba;
}
.nav ul {
    width: 1200px;
    margin: 0 auto;
}
ul, li {
    list-style: none;
    border: 0 none;
    padding: 0px;
    margin: 0;
}
.nav ul > li {
    width: calc(100% / 9);
    float: left;
    line-height: 52px;
    position: relative;
    text-align: center;
    font-size: 14px;
}
.nav ul > li > a {
    color: #fff;
    width: 100%;
    line-height: 52px;
    display: block;
    font-size: 16px;
}
.nav .nav_too {
    width: 145px;
    position: absolute;
    top: 52px;
    left: -12px;
    background: #1e61ba;
    /*width: 100%;*/
    padding: 0 5px 5px;
    display: none;
    z-index: 2;
}
.nav .nav_too a {
    width: 100%;
    display: block;
    line-height: 32px;
    color: #fff;
}
/*联系我们*/
.contact_con span {
    line-height: 2.5;
    font-size: 16px;
}
.contact_con strong {
    line-height: 2.5;
    font-size: 18px;
}
/*在线留言*/
.gbook_con .gbook_con_z img {
    position: relative;
    left: 92%;
    bottom: 40px;
}
/*内页*/
.product_txt :nth-child(4n) {
    margin-right: 0px;
}
.spec-scroll a:hover {
    color: #990000;
}
.fanye_b {/*width:1200px; */
    margin: 0 auto;
}
.fanye {
    margin: 0px 5px 0px 5px;
}
.fanye .xia:hover {
    background: #1e61ba;
}
.product_txt .product_xgcp a {
    display: block;
    border: 1px solid #827f7f;
}
.product_xgcp:hover p {
    color: #CC0000;
    text-decoration: underline;
}
.spec-scroll .items ul li img:hover {
    border: 2px solid #FF6600;
    padding: 1px;
}
.product_cont_top span .active {
    background: #fff;
    color: #000;
    border-bottom: none;
}
.product_img_left {
    float: left;
    width: 40%;
}
.spec-preview {
    width: 350px;
    height: 350px;
    border: 1px solid #DFDFDF;
}
.jqzoom {
    float: left;
    border: none;
    position: relative;
    padding: 0px;
    cursor: pointer;
    margin: 0px;
    display: block;
}
.product_img_left img {
    width: 100%;
}
.zoomdiv img {
    width: 200%;
}
.spec-scroll {
    clear: both;
    margin-top: 5px;
    width: 352px;
}
.spec-scroll .prev, .spec-scroll .next {
    display: block;
    font-family: "����";
    text-align: center;
    width: 10px;
    height: 54px;
    line-height: 54px;
    border: 1px solid #CCC;
    background: #EBEBEB;
    cursor: pointer;
    text-decoration: none;
}
.spec-scroll .items {
    float: left;
    position: relative;
    width: 322px;
    height: 56px;
    overflow: hidden;
}
.spec-scroll .items ul {
    position: absolute;
    width: 999999px;
    height: 56px;
}
.spec-scroll .items ul li {
    float: left;
    width: 64px;
    text-align: center;
}
.spec-scroll .items ul li img {
    border: 1px solid #CCC;
    padding: 2px;
    width: 50px;
    height: 50px;
}
.product_img_right {
    float: right;
    width: 510px;
    padding: 10px 0 0 0;
}
.product_img_right h2 {
    line-height: 40px;
    margin: 0 0 18px 0;
}
.product_img_right p {
    line-height: 35px;
}
.cl {
    clear: both;
}
.product_top .cl img {
    width: 100%;
}
.product_cont {
    margin: 0 5px 30px 5px;
}
/*banner*/
.flexslider {
    position: relative;
    overflow: hidden;
    background: url(../imgs/loading.gif) 50% no-repeat;
}
.slides {
    position: relative;
    z-index: 1;
}
/*.slides li{height:710px;}*/
.slides li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
    text-indent: -9999px
}
.flex-control-nav {
    position: absolute;
    bottom: 70px;
    z-index: 2;
    left: 46%;
    text-align: center;
}
.flex-control-nav li {
    display: inline-block;
    width: 14px;
    float: left;
    height: 14px;
    margin: 0 5px;
 *display: inline;
    zoom: 1;
}
.flex-control-nav a {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 40px;
    overflow: hidden;
    background: url(../imgs/dot.png) right 0 no-repeat;
    cursor: pointer;
}
.flex-control-nav .flex-active {
    background-position: 0 0;
}
.flex-direction-nav {
    position: absolute;
    z-index: 3;
    left: 0;
    width: 100%;
    top: 45%;
}
.flex-direction-nav li a {
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
}
.flex-direction-nav li a.flex-prev {
    left: 60px;
    background: url(../imgs/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next {
    right: 60px;
    background: url(../imgs/next.png) center center no-repeat;
}
.product_cont_top_t .active {
    background: #fff;
    color: #000;
    border-bottom: none;
}
.product_cont_top_t span {
    line-height: 40px;
    padding: 0 24px;
    display: block;
    float: left;
    font-size: 20px;
    cursor: pointer;
}
.product_cont_top_t {
    background: #BBBBBB;
    height: 40px;
    margin: 15px 0;
    border: 0.5px solid #bbbbbb;
}
.product_cont_top {
    background: #BBBBBB;
    height: 40px;
    border: 0.5px solid #bbbbbb;
}
.product_cont_top span {
    line-height: 40px;
    padding: 0 24px;
    display: block;
    float: left;
    font-size: 20px;
    cursor: pointer;
}
.product_cont_top span.active {
    background: #fff;
    color: #000;
    border-bottom: none;
}
.product_txt {
    padding: 15px 0;
}
.product_xgcp {
    width: 217px;
    margin: 0 17px 17px 0;
    float: left;
}
.product_xgcp img {
    width: 100%;
}
.product_xgcp p {
    width: calc(100% - 40px);
    text-align: center;
    line-height: 30px;
    background: #e9e9e9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    padding: 0 20px;
}
/* 头部 */
header {
    width: 100%;
    height: 38px;
    background: #f0f0f0
}
header div {
    width: 1200px;
    height: 100%;
    margin: auto;
    line-height: 38px;
    font-size: 12px
}
header ul {
    float: right;
    height: 100%;
}
header ul li {
    float: left;
    width: 65px;
    height: 14px;
    text-align: center;
}
header ul a:first-child li{
    color: #dc3834;
    font-weight: bold;
}
header ul a:first-child li span{
    color: #463a3a;
    font-weight: initial;
}
header ul span {
    display: inline-block;
    margin: 0px 5px;
}
.logn {
    width: 100%;
    height: 80px;
    padding: 20px 0;
}
.logn>div {
    width: 1200px;
    height: 50px;
    margin: auto;
}
.logn_z {
    float: left
}
.logn_z .tu {
    float: left;
    width: 600px;
    height: 50px;/*border-right: 1px solid #e9e9e9*/
}
.logn_z .zi {
    float: left;
    margin-left: 3px;
    color: #1849ad;
    width: 346px;
    height: 20px;
    margin-top: 15px;
    font-size: 22px;
    font-family: 楷体;
    font-weight: 900
}
.logn_z .zi span {
    color: #f57721;
}
.logn_z .tu img {
    width: 195px;
    margin-top: 10px;
}
.logn_y {
    float: right;
}
.logn_y .tel-box{
    display: table;
}
.logn_y .tel-box:first-child{
    margin-bottom: 5px;
}
.logn_y .zi {
    float: left;
    font-size: 26px;
    color: #f57721;
    font-weight: 900;
    margin-right: 10px
}
.logn_y .tu {
    float: left;
    width: 225px;
    height: 35px;
    border-radius: 17.5px;
    border: 1px solid #477ec6;
    font-weight: 900;
    color: #477ec6;
}
.logn_y span {
    display: inline-block;
    width: 35px;
    height: 35px;
}
.logn_y .tu em {
    position: relative;
    top: -10px;
    font-size: 20px
}
/* 导航  */

nav {
    width: 100%;
    height: 57px;
    background: #1e61ba;
    color: #fff;
}
.index_banner ul {
    margin: auto;
    width: 1200px;
}
.index_banner ul li {
    float: left;
    width: calc(100% / 8);
    height: 100%;
    text-align: center;
    line-height: 57px;
    color: #fff;
}
.index_banner ul li:hover {
    background: #f57721
}
.index_banner ul .active {
    background: #f57721
}
/* ****** banner 轮播图 **** */
.slides li {
    width: 100%;
    padding-top: 34.3%;
    list-style: none;
}
/* 尾部 */
footer {
    width: 100%;
    background: #000;
    padding: 45px 0;
    overflow: hidden;
}
footer>div {
    width: 1200px;
    margin: auto;
}
footer>div>div {
    float: left;
}
.foot1 {
    border-left: 1px solid #ffd426;
    padding-left: 40px;
    margin-right: 60px;
    color: #575757;
}
.foot1 span {
    font-size: 16px;
    color: #fff;
}
.foot1 p {
    font-size: 30px;
    color: #f57721;
    margin: 10px 0;
    font-weight: 900
}
.foot2 {
    font-size: 14px;
    color: #fff;
    line-height: 32px;
}
.foot2 a{
    color: #fff;
}
.foot2 p {
    padding-bottom: 30px
}
.foot3 {
    float: right;
    width: 105px;
    height: 105px;
}
/* 搜索 */

.search {
    height: 38px;
    float: right;
    margin-top: -9px;
}
.search form {
    float: right;
}
.search-q {
    float: left;
    height: 38px;
    line-height: 38px;
    padding: 0 0 0 13px;
    width: 226px;
    border: none;
    background: url(../imgs/img01.gif) top left no-repeat;
    color: #c9c9c9;
}
.search-go {
    float: right;
    width: 40px;
    height: 38px;
    border: none;
    cursor: pointer;
    background: url(../imgs/img01.gif) -239px 0 no-repeat;
}
/***********index*******************/
		/******关于我们****/
.index_about {
    width: 100%;
    /*background: url('../images/lan.png');*/
    background-position: bottom left;
    background-repeat: no-repeat;
    margin-top: -30px;
}
.index_hot {
    box-shadow: 0 2px 5px #cbc9c9;
    width: 1160px;
    height: 60px;
    margin: auto;
    padding: 20px;
    background: #fff;
    position: relative;
    top: 40px;
    z-index: 20
}
.index_hot span {
    display: inline-block;
    margin: 10px 20px 0px 0px;
}
.lbanner img {
    width: 100%;
}
.index_weizhi {
    width: 500px;/*height:100px;*/
    margin: 0px auto;
    text-align: center;
}
.index_about .index_weizhi {
    padding-top: 70px;
}
.index_weizhi p {
    color: #0a43ac;
    font-size: 34px
}
.index_weizhi span {
    display: inline-block;
    color: #cb3838;
    font-size: 12px;
    cursor: pointer;
}
.index_weizhi span em {
    margin: 0px 5px;
}
.index_weizhi div {
    width: 228px;
    height: 27px;
    margin: auto;
    margin-bottom: 25px
}
.index_about_title {
    width: 1200px;
    height: 76px;
    margin: auto;
}
.index_about_title p {
    font-size: 30px;
    color: #0055a7;
}
.index_about_title span {
    display: inline-block;
    margin: 5px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #a2a2a2;
    color: #a2a2a2;
    font-size: 12px
}
.index_about_con {
    width: 1200px;
    height: 350px;
    margin: auto;
}
.index_about_con div {
    float: left;
}

.index_about_con div p{
font-size: 16px;
line-height: 32px;
margin-top: 15px;
}


.con1 {
    position: relative;
    width: 600px;
    height: 350px;
    font-size: 14px;
    line-height: 220%;
    margin-right: 20px;
    color: #302525;
}
.con1 p::first-letter {
    margin-left: 30px
}
.con1 span {
    color: #f57721;
}
.con1 button {
	position: absolute;
	top: 260px;
	width: 132px;
	height: 34px;
	border-radius: 17px;
	color: #0f0f0f;
	border: 1px solid #666;
	background: #fff;
color:#666
}
.con1 button:hover {
    background: #084bb3;
    color: #fff
}
.con2 {/*margin-left: 75px;*/
    margin-left: 30px;
    box-shadow: -2px 2px 2px #c5c4c4;
    background: #fff;
    width: 550px;
    height: 350px;
}
.con2 img {
    position: relative;
    left: 10px;
    width: 100%;
}
.ques {
    padding-bottom: 10px;
    width: 1200px;
    height: 50px;
    margin: auto;
    margin-top: 100px;
 /*   border-left: 1px solid #fff;*/
    color: #fff;
}
.ques p {
    font-size: 25px;
    margin-left: 20px;
}
.ques span {
    font-size: 12px;
    display: inline-block;
    margin-left: 20px;
}
.zhan {
    height: 30px
}
/*************产品展示*******************/
.index_pro {
    width: 100%;
    margin-top: 50px
}
.index_products {
    width: 1200px;
    margin: auto;
}
.index_pro_list {
    width: 245px;
    float: left;
}
.index_pro_list .tu {
    width: 100%;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 23px;
    background: url('../images/zhanshi.jpg')center 0 no-repeat;
    color: #fff;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index_pro_list>li {/* width:100%; *//* height:45px; */
    background: #dfdfdf;
    margin: 1px 0px;
    font-weight: 900;
    line-height: 45px;
}
.index_pro_list>li>span {
    display: inline-block;
    margin: 0 10px 0 10px;
    float: left;
    color: #0a53b8;
}
.index_pro_list>li>a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*display: inline-block;*/
    width: 70%;
}
.index_pro_list>li>i {
    margin: 12.5px 20px 0 0;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 10px;
    background: #fff;
    float: right;
    transform: rotate(180deg);
}
.index_list li {
    width: calc(100% - 20px);
    height: 45px;
    background: #f4f4f4;
    /* margin:1px 0px; */
    line-height: 45px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 20px;
    border-bottom: 1px solid #fff;
}
.index_list li span {
    display: inline-block;
    margin: 0 5px 0 40px;
    float: left;
}
.index_pro_list > li.active > a {
    color: #fff
}
.index_pro_list > li.active i {
    transition: all .3s;
    transform: rotate(360deg)
}
.index_list li:hover {
    background: #0055a7;
    color: #fff
}
.index_pro_list .active a {
    color: #000;/* background: #0066ff; *//* display: block; */
}
.index_pro_list .active {
    background: #0055a7;
}
/*.index_pro_list li.active .index_list{
    display: block;
}*/
.index_pro_type {
    width: 930px;
    height: 48px;
    margin-bottom: 15px;
    background: url('../images/bg.jpg');/*float:right;*/
    color: #fff;
}
.index_pro_type ul li {
    float: left;
    width: 50%;
    height: 48px;/*text-align: right;*/
    line-height: 48px;
    color: #fff;
}
/*.index_pro_type div{float:right;width:125px;height:48px;text-align: center;margin-right: 20px;color:#fff;}*/

.index_pro_con .index_pro_con_fu:hover span {
    background: #0055a7;
    color: #fff;
}
.index_pro_con {
    width: 930px;/*float:right;*/
    margin: 0 auto;
}
.index_pro_con>.index_pro_con_fu {
    width: 286px;/*height:335px;*/
    background: #e1e1e1;
    padding: 2px;
    margin-bottom: 30px;
    float: left;
    margin-right: 30px;
}
.index_pro_con>.index_pro_con_fu img {/*height:461px;*/
}
.index_pro_con>.index_pro_con_fu span {
    display: inline-block;
    width: calc(100% - 40px);/*height:19px;*/
    text-align: center;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0px 20px;
}
.index_pro_con>.index_pro_con_fu a:hover {
    background: #0055a7;
    color: #fff;
}
.index_pro_con>.index_pro_con_fu a {
    display: block;
}
.index_pro_con_fu:nth-child(3n) {
    margin-right: 0px
}
.index_list {
    display: none
}
.index_list a {
    display: block
}
/*************新闻中心*******************/
.for:hover {
    box-shadow: 0 14px 50px -8px rgba(0, 0, 0, .12);
}
.index_new {
    padding-top: 30px;
    background: #f3f3f3;/*padding-bottom: 50px;*/
    height: 802px;
}
.index_new_con a:nth-child(2n+1) .for {
    margin-right: 20px;
}
.index_new_con {
    width: 1200px;
    margin: auto;
}
.index_new_con .for {
    width: 590px;
    height: 100px;
    float: left;
    background: #fff;
    padding: 30px 0px;
    margin: 10px 0px;
    transition: all .32s ease;
}
.index_new_z {
    width: 90px;
    height: 120px;
    float: left
}
.index_new_z p {
    color: #afafaf;
    font-size: 12px;
    text-align: right
}
.index_new_z span {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    font-weight: 900;
    text-align: right
}
.index_new_y {
    width: 450px;
    height: 120px;
    float: right;
}
.index_new_y span {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index_new_y p {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #afafaf;
    font-size: 14px;
    line-height: 200%;
}
.index_new_y div {
    width: 76px;
    height: 20px;
}
.index_new_con>div:hover {
    background: #1172af;
    color: #fff;
}
.more {
    display: block;
    width: 130px;
    height: 30px;
    border-radius: 15px;
    margin: 68px auto;
    background: #f3f3f3;
    border: 1px solid #afafaf;
    color: #000;
}
.more:hover {
    background: #1e61ba;
    color: #fff
}
.more:hover a {
    color: #fff
}
/***********news_list*******************/
.news_list_weizhi {
    width: 500px;
    margin-bottom: 50px;
}
.news_list_weizhi p {
    width: 257px;/*background: url('../images/bg3.jpg')*/
    ;
    background-size: 100% 100%;
    margin: auto;
}
.news_list_weizhi hr {
    margin: auto;
}
.news_list_weizhi .xian {
    width: 90px;
    height: 1px;
    margin: auto;
    margin-top: -2px;
    border-top: 2px solid #146fbf;
}
.news_type {
    margin: 0 0 40px 0;
    text-align: center;
    margin-top: -7px;
}
.news_type button {
    width: 120px;
    height: 50px;
    border: 0px;
    background: #146fbf;
    color: #fff;
    margin: 0px 15px;
font-size:16px;
}
.news_type button:hover {
    background: #f57721
}
.news_type .active {
    background: #f57721
}
.news_list_con:hover .news_tu img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.09);
}
.news_list_con:hover {
    box-shadow: 0 14px 50px -8px rgba(0, 0, 0, .12);
    border: 1px solid #fff;
}
.news_list_con {
    width: 1198px;
    height: 100px;
    margin: auto;
    margin-top: 30px;
    padding: 10px 0px;
    border: 1px solid #dddddd;
    transition: all .32s ease;
}
.news_list_con div {
    float: left;
}
.news_tu {
    width: 190px;
    height: 105px;
    margin: 0px 10px;
    overflow: hidden;
}
.news_tu img {
    border-radius: 15px;
    height: 100%;
    transition: all .36s ease;
}
.news_zi {
    width: 950px;
}
.news_zi span {
    display: inline-block;
    color: #0a245d;
    margin: 5px 0px;
    font-size: 18px;
}
.news_zi p {
    color: #b8b8b8;
    line-height: 200%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/***********news_show*******************/
.news_show {
    width: 1200px;
    margin: auto;
    padding-bottom: 0px
}
.news_show_p {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #c7c7c7;
    line-height: 50px;
    margin-top: 20px;
}
.news_show_p p {
    margin: 5px 0px;
}
.news_show .news_show_p > span {
    margin: 0 30px;
}
.news_fanye a div:hover {
    color: #1e61ba;
}
.news_fanye {
    width: 1200px;
    margin: auto;
    margin-top: 30px;
    border-top: 1px solid;
}
.news_fanye p {
    margin: 5px 0px;
    font-size: 14px;
    font-weight: 900
}
.news_fanye .shang, .xia {
    font-size: 14px;
    margin: 20px 0px;/*font-weight: 900;*/
}
.to_list {
    width: 1200px;
    margin: auto;
    text-align: right
}
.to_list button {
    border: 0px;
    width: 120px;
    height: 30px;
    border-radius: 15px;
    background: #1563b9;
    color: #fff;
    position: relative;
    top: -30px;
}
.pro_show_zi pre {
    white-space: pre-line;
    linr-heught: 30px;
}
/***********gbook*******************/

.gbook p {
    background: url('../images/bg4.jpg');
    background-size: 100% 100%;
}
.gbook_con {
    width: 1100px;
    margin: auto;
}
.gbook_con>div {
    float: left;
}
.gbook_con_z {
    width: 640px;
}
.gbook_con_z input {
    width: 630px;
    height: 45px;
    margin-bottom: 4px;
    padding-left: 10px;
    background: #e2e2e2
}
.gbook_con_z textarea {
    border: 0px;
    width: 630px;
    padding-left: 10px;
    padding-top: 10px;
    height: 145px;
    resize: none;
    background: #e2e2e2
}
.gbook_con_z button {
    width: 130px;
    height: 34px;
    float: right;
    margin: 30px 0 50px 0px;
    background: #0d60ba;
    color: #fff;
    border: 0px;
}
.gbook_con_y {
    width: 460px;
    height: 342px;
}
/***********products_list*******************/
.products_list_weizhi p {/*background: url('../images/bg2.jpg');*/
    background-size: 100% 100%;
}
.page {
    margin: 10px 0 40px 0;
    display: flex;
    justify-content: center;
}
.page a {
    width: 30px;
    height: 30px;
    margin: 5px 5px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #c2c2c2;
}
/*.page a:not(:first-child):not(:last-child){border:1px solid #c2c2c2;}*/
.page .select {
    border: 1px solid #0d60ba;
}
.page a:hover {
    color: #0d60ba;
    border-color: #0d60ba
}
/***********products_show*******************/

.products_show a div:hover {
    background-color: #00a8e2;
}
.products_show {
    width: 1200px;
    margin: auto;
    padding-bottom: 100px
}
.pro_show_tu {
    width: 730px;
    text-align: center;
    margin: auto;
}
.pro_show_tu p {
    font-size: 20px;
    margin: 10px 0px;
}
.products_show .pro_show_zi img {
    width: 100%;
}
.pro_show_zi {
    margin-top: 50px;
    line-height: 30px;
}
.pro_show_zi div {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.pro_show_zi span {/*border-bottom:1px solid #0083fe;*/
    padding-bottom: 10px
}
.pro_show_zi div p {
    display: inline-block;
    color: #0083fe;
}
.pro_show_zi>p {
    color: #352727;
    line-height: 36px;
}
.pro_show_zi>p::first-letter {/*margin-left: 40px*/
}
.fanye div {
    width: 395px;
    height: 50px;
    background: #bbbbbb;
    color: #fff;
    line-height: 50px;
}
.fanye div::first-letter {
    margin-left: 30px
}
***about*******************/

.about p {/*background: url('../images/bg5.jpg');*/
    background-size: 100% 100%;
}
/********.about_con {
    width: 100%;
    background: url('../images/big.jpg');
    background-repeat: no-repeat;
}************/
.about_text {
    width: 1200px;
    margin: auto;
    padding-bottom: 50px
}
.about_s {
    width: 1200px;
    font-family: 微软雅黑
}
.about_s>div {
    float: left;
}
.about_s .zhanwei {
    width: 242px;
    height: 262px;
}
.about_s .zi {
    width: 940px;
}
.about_text p {
    line-height: 35px;
    color: #333
}
/*.about_text p::first-letter{margin-left: 25px}*/

.about_pic {
    width: 1200px;
    height: 360px;
    margin: auto;
}
.about_pic div {
    width: 394px;
    height: 226px;
    margin: 0px 1px;
    float: left;


}
.about_pic div img {
    height: 100%;
}
/***********contact*******************/

.contact p {/*background: url('../images/bg6.jpg');*/
    background-size: 100% 100%;
}
.contact_con {
    text-align: center;/*padding-bottom: 85px;*/
    width: 100%;
    background: url('../images/big.jpg');
    background-repeat: no-repeat;
    font-family: 微软雅黑;
    line-height: 50px;
}
/*.contact_con>*{margin:15px 0px;}*/
.contact_con .ewm {
    width: 150px;
    height: 150px;
    margin: 20px auto;
}
.contact_con .ditu {
    width: 600px;
    height: 520px;
    margin: 20px auto;
}
/*job-resume*/
.aboutmain-btnlist .submit:hover {
    background: #009ed5;
    cursor: pointer;
}
.aboutmain-btnlist .reset:hover {
    background: #717171;
    cursor: pointer;
}
.aboutmain-btnlist input {
    width: 110px;
    height: 40px;
    border: none;
    color: #fff;
}
.clearfix:before, .clearfix:after {
    content: '';
    display: block;
}
.contentbg {
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    /*background: #f8f8f8;*/
    padding-top: 50px;
}
.about_content {
    width: 1200px;
    margin: 0 auto;
}
.aboutmain-cbot {
    font-size: 0
}
.aboutmain-cbot .input {
    line-height: 25px;
    color: #333;
    padding: 5px 10px;
    border: 1px solid #bfbfbf;
    width: calc(100% - 20px);
    margin: 5px 0;
}
#sex {
    height: 25px;
    box-sizing: content-box;
}
.aboutmain-cbot textarea.input {
    height: 200px;
    width: calc(100% - 20px);
    vertical-align: text-top;
    display: block；
}
.aboutmain-cbot #code {
    width: 82%;
}
.product_detail_download .aboutmain-cbot img {
    border: none;
    position: relative;
    top: -36px;
    left: 960px;
}
.aboutmain-btnlist {
    padding: 10px 0 35px 0;
    text-align: center;
}
.aboutmain-btnlist .submit {
    background: #17499a;
    margin-right: 5px;
}
.aboutmain-btnlist .reset {
    background: #828282;
    margin-left: 5px;
}
/* hr*/

.container {
    margin: 0 auto;
    width: 1200px;
    min-width: 1200px;
}
.container img {
    display: block;
    width: 100%
}
.sd-cp-course {
    padding: 0 0 40px;
    width: 100%;
    height: 480px;
    margin-bottom: 30px;
}
.sd-cp-course h2 {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
}
.sd-cp-time {
    position: relative;
}
.sd-cp-time .container {
    position: relative;
    margin-bottom: 70px;
    height: 280px;
}
.sd-cp-time .prev, .sd-cp-time .next {
    position: absolute;
    top: 70px;
    display: block;
    width: 57px;
    height: 113px;
    background: url(../images/sd_bg.png) no-repeat;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.sd-cp-time .prev {
    left: -100px;
    background-position: 0 -104px;
}
.sd-cp-time .next {
    right: -100px;
    background-position: -63px -217px;
}
.sd-cp-time .prev:hover {
    background-position: -63px -104px;
}
.sd-cp-time .next:hover {
    background-position: 0 -217px;
}
.sd-cp-time .main-info {
    width: 100%;
    height: 280px;
    overflow: hidden;
}
.sd-cp-time .main-info ul {
    overflow: hidden;
    zoom: 1;
}
.sd-cp-time .main-info ul li {
    float: left;
    display: _inline;
    width: 1200px;
    overflow: hidden;
    zoom: 1;
}
.sd-cp-time .main-info .year-txt {
    margin-right: 60px;
    width: 480px;
}
.sd-cp-time .main-info .year-txt h4 {
    color: #17499a;
    font-size: 48px;
    font-weight: bold;
}
.sd-cp-time .main-info .year-txt p {
    max-height: 196px;
    _height: 196px;
    color: #505050;
    font-size: 14px;
    line-height: 28px;
}
.sd-cp-time .main-info .year-pic {
    width: 600px;
    overflow: hidden;
    zoom: 1;
}
.sd-cp-time .main-info .year-pic img {
    float: left;
    display: block;
}
.sd-cp-time .year-list {
    width: 100%;
    height: 32px;
    background: url(../images/sd_bg.png) 0 -330px repeat-x;
}
.sd-cp-time .year-list .container {
    position: relative;
    height: 32px;
}
.sd-cp-time .year-list .container .more {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background: #d5d5d5 url(../images/more_dot.png) no-repeat;
}
.sd-cp-time .year-list .container .more:hover {
    background: #17499a url(../images/more_dot.png) no-repeat;
}
.sd-cp-time .year-list ul {
    margin-right: -180px;
}
.sd-cp-time .year-list ul li {
    position: relative;
    float: left;
    margin-right: 160px;
    width: 32px;
    height: 30px;
    cursor: pointer;
}
.sd-cp-time .year-list ul li span {
    display: block;
    position: absolute;
    top: -24px;
    left: -40px;
    width: 110px;
    color: #b4b4b4;
    font-size: 16px;
    text-align: center;
}
.sd-cp-time .year-list ul li i {
    display: block;
    margin: 4px 0 0 4px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 24px;
    border: 2px solid #ccc;
}
.sd-cp-time .year-list ul li.on span {
    top: -28px;
    left: -5px;
    color: #17499a;
    font-size: 20px;
    font-weight: bold;
}
.sd-cp-time .year-list ul li.on i {
    margin: 0;
    width: 32px;
    height: 32px;
    background: #17499a;
    border-radius: 16px;
    border: 0 none;
}
.sd-cp-duty .wrap {
    width: 100%;
    min-width: 1200px;
    padding-bottom: 50px;
}
.sd-cp-duty .wrap a {
    position: relative;
    float: left;
    display: block;
    width: 139px;
    height: 211px;
    overflow: hidden;
}
.sd-cp-duty .wrap a img {
    display: block;
    width: 139px;
    height: 211px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}
.sd-cp-duty .wrap a.more {
    background: #1950a9 url(../images/cp_more.png) no-repeat center center;
}
.sd-cp-duty .wrap .txt {
    position: absolute;
    bottom: -100px;
    left: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all .2s ease-in-out .2s;
    -moz-transition: all .2s ease-in-out .2s;
    -ms-transition: all .2s ease-in-out .2s;
    -o-transition: all .2s ease-in-out .2s;
    transition: all .2s ease-in-out .2s;
}
.sd-cp-duty .wrap .on .txt {
    filter: alpha(opacity=100);
    opacity: 1;
    bottom: 0;
}
.sd-cp-duty .wrap a.on img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
.sd-cp-duty .wrap .txt .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=50);
    opacity: .5;
}
.sd-cp-duty .wrap .txt p {
    position: relative;
    margin: 28% 10%;
    max-height: 130px;
    _height: 130px;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    z-index: 2;
    text-align: center;
    overflow: hidden;
}
#jobs {
    width: 100%;
    margin: 0 auto;
    text-align: left;
}
#jobs>.list-tr {
    background: #e7e7e7;
    height: 40px
}
#jobs>.list-tr div {
    position: relative;
    float: left;
    width: auto;
    height: 40px;
    line-height: 40px;
    color: #444;
    font-size: 16px;
    text-align: center;
}
#jobs>.list-tr div:after {
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #fff;
    content: '';
}
#jobs>.list-tr .td1 {
    width: 15%;
    padding: 0px 2%;
    text-align: left;
}
#jobs>.list-tr .td2 {
    width: 13%;
}
#jobs>.list-tr .td3 {
    width: 13%;
}
#jobs>.list-tr .td4 {
    width: 33%;
}
#jobs>.list-tr .td5 {
    width: 13%;
}
#jobs>.list-tr .td6 {
    width: 9%;
}
#jobs>.list-tr .td6:after {
    display: none;

}
#jobs>.list-td {
    margin: 0px auto;
    height: 40px;
    border-bottom: 1px solid #eee;
}
#jobs>.list-td.A div {
    color: #000;
}
#jobs>.list-td div {
    text-overflow: ellipsis;
    overflow: hiden;
    white-space: nowrap;
    position: relative;
    float: left;
    width: auto;
    height: 40px;
    line-height: 40px;
    color: #666;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
}
#jobs>.list-td .td1 {
    width: 15%;
    padding: 0px 2%;
    text-align: left;
}
#jobs>.list-td .td2 {
    width: 13%;
}
#jobs>.list-td .td3 {
    width: 13%;
}
#jobs>.list-td .td4 {
    width: 33%;
}
#jobs>.list-td .td5 {
    width: 13%;
}
#jobs>.list-td .td6 {
    width: 9%;
}
#jobs>.list-td .td6 .btn {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
}
#jobs>.list-td .td6 .btn img {
    height: 18px;
    width: auto;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .3;
    transition: all .35s;
}
#jobs>.list-td .td6 .btn:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}
#jobs>.list-son {
    display: none;
    background: #f7f7f7;
    padding: 20px;
    font-size: 14px;
    text-align: left;
    color: #666;
}
#jobs>.list-son .text {
    padding-bottom: 20px;
    line-height: 2;
    height: auto;
}
#jobs>.list-son .text a {
    padding: 11px;
    background: #006bbd;
    color: #Fff;
}
#jobs>.list-son .text a:hover {
    background: #ac0b05;
    color: #Fff!important;
}
#jobs>.list-son .text>.item {
    float: left;
    line-height: 24px;
    padding-right: 70px;
}
#jobs>.list-son .tag {
    padding-bottom: 20px;
    line-height: 21px;
    color: #666;
}
#jobs>.list-son .tag h4 {
    display: block;
    font-weight: normal;
    padding: 5px 0px;
}
























