body{background: #ffffff;}
.container{width: 1190px;margin:0 auto;}
/* 头部 */
.header{padding:10px 0;}
.head_logo{height: 60px;}
.head_logo img{max-height: 60px;}
.head_tel{padding-top: 10px;height: 40px;}
.head_tel span{display: inline-block;vertical-align: middle; margin-right:5px;padding-top:3px;}
.head_tel i{color:#616161;display:block;height:6px;background:url('../t1.png') no-repeat;}
.head_tel em{font-size:17px;color:#616161;font-style:normal;height:16px;}
.head_tel b{display: inline-block;vertical-align: middle; color:#3285ff;font-size:30px;font-family:Arial,Helvetica,sans-serif;}

.navigation{background: #3285ff;color: #ffffff;}
.f_nav>li{float: left;position: relative;}
.f_nav>li>a{display: block; color: #ffffff;padding:10px 7px;font-size: 16px;}
.f_nav>li>a:hover,.f_nav>li>a.active{background: #276fd9;}

.son_nav{z-index: 222;display: none; position: absolute;min-width: 100%; padding:0 10px;box-sizing: border-box; background:#276fd9;text-align: left;}
.son_nav>li{line-height: 30px;font-size: 13px;white-space: nowrap;}
.son_nav>li>a{color: #ffffff;}
.son_nav>li>a:hover{color: #ffd91e;}
.f_nav>li:hover .son_nav{display:block;}

.index_block{padding:50px 0;}
.index_advantage .block_title{padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;position:relative;margin:30px 0;}
.index_advantage .block_title:after{content: '';width:30%;height: 3px;background-color: #3285ff;position: absolute;bottom: -1px;left:35%;}
.index_advantage .block_title h2{font-weight: bold;font-size: 26px;text-align: center; }
.index_advantage .block_title h2 small{font-size: 16px;color: #666666;margin-left: 20px;font-weight: normal;}
.index_advantage .block_con{width: 100%;padding:4% 0%;position:relative;}
.advantage_item{width: 34%;margin:3% 0;font-size: 0;}
.advantage_item:nth-of-type(2n-1){float: left;}
.advantage_item:nth-of-type(2n){float: right;}
.advantage_item .number{display: inline-block;vertical-align: middle;width: 60px;height: 60px;text-align: center;line-height: 60px;color: #ffffff;font-weight: bold;border-radius: 50%;background: #ffd91e;margin-right:10px;font-size: 30px;}
.advantage_item_txt{display: inline-block;vertical-align: middle;width: calc(100% - 70px);font-weight: bold;color: #333333;font-size: 18px;line-height: 30px;}
.index_advantage_img{position: absolute;top:50%;left:50%;margin-left: -143px; text-align: center; margin-top: -143px;  border-radius: 50%; width: 286px;height: 286px;overflow: hidden;}


.index_onepage .select_tab{width: 140px;background-color: #71abff;color: #ffffff;}
.index_onepage .select_tab .select_tab_item{padding:10px 10px;text-align: center;width: 100%;cursor: pointer;font-size: 16px;}
.index_onepage .select_tab .select_tab_item:hover,.select_tab_item.active{background-color: #276fd9;}
.index_onepage .select_contents{width: 1050px;background-color: #cae0ff;}
.index_onepage .select_contents .select_content{display: none;width: 100%; }
.index_onepage .select_contents .select_content_wrap{width: 100%;display: flex;flex-wrap:nowrap;}
.index_onepage .select_content .left_txt{padding:30px;width: 524px;}
.index_onepage .select_content .right_img{width: 526px;overflow:hidden;}
.index_onepage .select_content .left_txt .left_title{padding-bottom: 14px;position:relative;margin-bottom:20px;}
.index_onepage .select_content .left_txt .left_title:after{content: '';position:absolute;bottom: 0;left:0;width: 40px;height: 2px;background-color: #3285ff;}
.index_onepage .select_content .left_txt .left_title .title{font-size: 20px;color: #000000;margin-bottom:8px;}
.index_onepage .select_content .left_txt .left_title .ps{font-size: 14px;color: #666666;}
.index_onepage .left_desc{font-size: 16px;line-height: 30px;margin-bottom: 30px;}
.index_onepage .a_more a{color:#3285ff; }
.index_onepage .a_more a:hover{text-decoration: underline;}

.product_scroll .block_title span{font-size: 24px;font-weight: bold;}
.product_scroll .wrapper{width:1190px;height: 167px; position:relative;margin:40px auto 0;overflow:hidden;}

#marquee .box {float: left;padding: 0 1px;border:1px solid #e5e5e5;margin-right: 20px;text-align: center;}
#marquee .box img {display: inline-block;height: 130px;}
#marquee .box p{width: 100%;height: 35px;line-height: 35px; display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


.popUpImg_top{margin-bottom: 30px;}
.popUpImg_top .left_con{width: 390px;float: left;}
.popUpImg_top .right_con{width: 368px;float: left;margin-left: 30px;}
.popUpImg_con{position:relative;}

.f-turnLeft, .f-turnRight {display: block;width: 94px;height: 94px;overflow: hidden;outline: 0;text-decoration: none;text-indent: -999px;position: absolute;top: 50%;margin-top: -25px;outline: 0;background-image: url('../slide.png');background-repeat: no-repeat;}
.f-turnLeft {left: -124px;background-position: 0 -132px;}
.f-turnRight {right: -124px; background-position: 0 0;}
.popUpImg_pro_tit{padding: 5px 0; font-size: 20px;font-family: "Microsoft Yahei";color: #474747;line-height: 28px;word-break: break-all;text-decoration: none;border-bottom:1px solid #999999;}
.popUpImg_pro_detail{margin:20px 10px;font-size: 14px;line-height: 22px;color: #666666;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}

.popUpImg{position:fixed;left:0;top:0;width: 100%;height: 100%;z-index: 22;display:none;}
.popUpImgBg{ width:100%;height:100%;position:absolute;margin:0;padding:0;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);}
.popUpImg_con{width: 890px;height:560px;position: absolute;top: 50%;left: 50%;margin-left: -445px;margin-top: -280px;background: #fff;}
.popUpImg_con_inner{height: 580px;overflow: auto;padding: 70px 46px 0 46px;}
.btn_close{display: block;width: 16px;height: 16px;overflow: hidden;outline: 0;text-decoration: none;text-indent: -999px;position: absolute;top: 22px;right: 22px;background: url('../slide.png') no-repeat 0 -420px;}
.gallery-top.swiper-container{width:100%;height:360px;margin-left:auto;margin-right:auto;}
.gallery-top .swiper-slide{display: table;width:100%;height:360px;overflow: hidden;text-align: center;}
.gallery-top .swiper-slide a{display: table-cell;width:390px;height:360px;vertical-align: middle;}
.gallery-top .swiper-slide img{display: block;max-width:100%;max-height:360px;vertical-align: middle;}
.gallery-top{width:100%;}
.gallery-thumbs{ height: 80px;  box-sizing:border-box;padding:10px 0;}
.gallery-thumbs .swiper-slide{width:16.666%;height:100%;opacity:0.4; text-align: center;overflow: hidden;}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1;}
.gallery-thumbs img{max-width: 100%;height: 80px;display: inline-block;}

.block_title2{border-bottom:1px solid #cccccc;margin-bottom:20px;}
.block_title2 span{font-size: 24px;font-weight: bold;position:relative;display: inline-block;padding-bottom:20px;}
.block_title2 span:after{content: '';width: 100%;height: 3px;background: #3285ff;position:absolute;bottom: -2px;left:0;}
.block_title2 a{float: right;color:#3285ff;font-size: 16px; }

.index_news .news_list{width: 100%;}
.index_news .news_list li{width: 100%;padding:20px 0;}
.index_news .news_list li:nth-of-type(2n){background: none;}
.index_news .news_item a{display: block;width:100%;margin:0 auto;position: relative;}
.index_news .left_txt{width: 85%;float: left;padding-left: 30px;padding-right: 10%; box-sizing: border-box;border-right: 1px solid #cccccc;}
.index_news .left_date{width: 15%;float: right; box-sizing: border-box;text-align: right;color: #999999;}
.index_news .article_name{ font-size: 22px;width: 100%; line-height: 30px;margin-bottom: 10px;  display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index_news .news_item a:before{content: "";width: 20px;height:2px;background: #3285ff;position: absolute;left:0;top:15px; }
.index_news .article_ps{font-size: 14px;line-height: 22px;max-height: 44px;overflow: hidden;text-align: left;}
.index_news .date{font-size: 34px;line-height: 50px;font-weight: normal;}
.index_news .year{font-size: 18px;line-height: 20px;font-weight: lighter;}

.index_cultivate{background: #333333;}
.index_cultivate .block_title2{color: #ffffff;}
.course_lists{width: 100%;}
.course_lists .course_item{width: 23.5%;margin-right:2%;}
.course_lists .course_item:nth-of-type(4n){margin-right:0;}
.course_lists .course_item .course_img{width:100%;}
.course_lists .course_item .course_img img{width:100%;}
.course_lists .course_item a{color: #ffffff;text-align: center;}
.course_lists .course_item a:hover{color: #3285ff;}
.course_lists .course_item  .course_title{font-size: 18px;padding:10px 0;font-weight: bold;}
.course_lists .course_item  .course_des{font-size: 14px;}

.page_case_list{width: 100%;}
.page_case_list{width: 100%;margin-top:50px;}
.page_case_list li{float: none;margin-bottom: 60px; width: 100%;border:1px solid #e0e0e0;padding:0 15px 15px 15px;box-sizing: border-box;position: relative;}
.page_case_list .index_case_item_img{position: initial;padding-top: 15px;width:230px;float: left;}
.page_case_list .index_case_item_img img{width: 100%;}
.page_case_list .index_case_item_img .date{top:-14px;left:32px;}
.page_case_list .index_case_item_txt{width: calc(100% - 230px);padding-top: 15px; float: left;padding:15px  44px 0 44px;box-sizing: border-box;}
.page_case_list .index_case_item_name{padding:0;height: 30px; font-size: 20px;font-weight: bold;line-height: 30px;margin-bottom: 15px;color: #454545;}
.page_case_list .index_case_item_ps{max-height: 104px; font-size: 16px;line-height: 26px;color: #535353; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.btn_goto{display: block; width:94px;height: 30px;border:1px solid #b8b8b8;background:#ffffff url(../icon_right.png) no-repeat center center;margin-top:30px;}
.page_case_list li a{display: block;width: 100%;height: 100%;}
.page_case_list li a:hover .index_case_item_name{color: #3285ff;}
.page_case_list li a:hover .btn_goto{background: #3285ff url(../icon_next2.png) no-repeat center center;border-color: #3285ff;}

.index_case_item{width: 230px;margin-right: 30px;float: left;background: #ffffff;}
.index_case_item a{display: block;width: 100%;height: 100%; position: relative;}
.index_case_item_img{ position: relative;padding-top: 26px;height: auto;overflow: hidden;}
.index_case_item_img img{height: auto;overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_case_item_img .date,.page_date_box .date{text-align: center;position: absolute;top:0;left: 18px;color: #fff; background:url(../bg_date.png) no-repeat;width: 81px;height: 76px;background-size: 81px 76px;}
.index_case_item_img .date .day,.page_date_box .date .day{padding-bottom: 4px; font-size: 24px;padding-top: 10px;border-bottom: 1px solid #fff;display: inline-block;}
.index_case_item_img .date .year,.page_date_box .date .year{font-size: 13px;letter-spacing:5px;}

/* 底部 */
.footer{background:#1d1d1d;margin-top:10px;padding:30px 0;}
.footer_left{width:200px;height:200px;float:left;background:#3285ff;color:#fff;text-align:center;}
.footer_left .WxQrcode img{padding-top:20px;width:130px;}
.footer_left p{padding-top:5px;}
.footer_right{width:930px;height:200px;float:right;background:url(../f1.png) no-repeat right center;background-size: auto 100%;}
.footer_right .contract{line-height:30px;color:#ffffff;font-size:14px;}
.rightfix{top:25%;right:0;width:143px;height:436px;position:fixed;z-index:2222;padding-top:86px;background:url(../rig.png) no-repeat;background-position:right top;background-size:100% auto;}
.rightfix a{width:112px;height:36px;border-radius:2px;border:solid 1px #8283ff;display:block;margin:0 auto;margin-bottom:7px;font-size:14px;font-weight:normal;font-stretch:normal;line-height:34px;text-align:center;color:#8283ff;}
.copyright{border-top: 1px solid #4b4949;margin-top: 20px; padding-top:15px;text-align: center;color: #cccccc;font-size: 13px;}
.copyright a{color: #3285ff;}



.other_banner,.other_banner img{width: 100%;}
.other_page{margin:40px 0;}
.other_page .article_title{font-size: 26px;color: #3285ff;margin-bottom:20px;text-align: center;}
.other_page .article_con{font-size: 14px;line-height: 30px;color: #333333;min-height: 400px;}
.other_page .article_con img{max-width: 100%;/*display: block;*/}

.otelephone_list{text-align: center;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;

    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap:wrap;
    margin: 50px 0;
}

.otelephone_item{margin-bottom: 20px; padding:2%;  background-color: #ffffff;box-shadow: rgba(0,0,0,0.1) 0px 0px 14px 0px;width: 28.4%;font: 0; }
.otelephone_icon{display: inline-block;vertical-align: top; width: 42px;height: 42px;background-repeat: no-repeat;background-position: center center;background-size: 100%;}
.otelephone_text{display: inline-block;vertical-align: top; width: calc(100% - 60px);text-align: left;margin-left: 10px;}
.otelephone_text .otelephone_item_name{font-size: 16px;font-weight:600;}
.otelephone_text .number_box span{display: inline-block;vertical-align: top; font-size: 16px;margin-right: 20px;margin-top: 8px;word-break: break-all;}
#map{width:100%;height:440px;border:#ccc solid 1px;}

.pages{margin:30px auto;max-width:80%;text-align:center;line-height:36px;}
.pages a{display:inline-block;vertical-align:top;border:1px solid #ddd;color:#63544f;background-color:#ffffff;padding:2px 15px;margin:0 4px;}
.pages a.page_active,.pages a:hover{color:#ffffff;border-color:#5b96f8;background-color:#5b96f8;}

.pages .p-input{border:1px solid #ddd;margin:0;outline:medium none;text-align:center;padding:20px 10px;display:inline-block;width:40px;height:28px;}
.page_case_con{box-shadow: rgba(0,0,0,0.2) 0px 0px 14px 0px;padding:40px 30px;}
.article_ps{text-align: center;color: #9f9f9f;padding-bottom: 10px;border-bottom: 1px solid #ededed;margin-bottom:20px;}
.page_article{margin:30px 0;border-top: 1px solid #ededed;padding-top: 10px;color: #9f9f9f;}
.page_article a{color: #333333;}
.page_article a:hover{color: #3285ff;}

.free_test_title{text-align: center;margin-top: 40px; margin-bottom: 30px;}
.free_test_title h2{font-size: 24px;font-weight: bold;color:#3285ff; }
.other_page .article_con .free_test_title img{display: inline-block;}
.free_test .advantage_item .tip{display: inline-block;vertical-align: middle;font-size:30px;font-weight: bold;width: 120px; }
.free_test .advantage_item_txt{width: calc(100% - 140px);font-size: 20px;font-weight: normal;margin-left:20px;}
.free_test .index_advantage_img{border-radius: 0;}
.free_test .block_con{position:relative;padding:0 5%;}
.free_test .block_con img{display: inline-block;vertical-align: middle;}
.section_block{font-size: 15px;line-height: 30px;}
.section_block h2{background-color: #75acfe;font-size: 22px;font-weight: bold;color: #ffffff;width: 100%;padding:10px;margin-bottom: 10px;}

.roller_left{position: relative;overflow: hidden; width:100%; height: 160px; margin-top:20px;}
.roller_left ul{position: absolute; right: 0;}
.roller_left li{float: left;width: 230px; margin-right: 20px;}
.roller_left li img{width: 100%;max-height: 160px;}
.tips{color: #cf0000;}

/* 产品列表页 */
.search_form{width: 440px;float: right;margin:20px 0;border:1px solid #3285ff;border-radius: 5px;}
.search_box{width: calc(100% - 70px);float: left; padding-right: 60px;height: 45px;line-height: 45px;padding-left:10px;font-size: 15px;}
.btn_search{width: 70px;height: 45px; float: left;background:#3285ff url('../icon_search.png') no-repeat center center;border:0;font-size: 0;}
.page_product_list{width: 100%;font-size: 0;}
.page_product_item{display: inline-block;vertical-align: top;width: 18.4%;margin-right:2%;margin-bottom: 2%; border:1px solid #cccccc;}
.page_product_item:nth-of-type(5n){margin-right: 0;}
.page_product_item:hover{border-color: #3285ff;}
.page_product_item_img,.page_product_item_img img{display: block; width: 100%;}
.page_product_item_name{font-size: 14px;padding: 0 5px; width: 100%;height: 35px;line-height: 35px; text-align: center;color: #333333;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* 产品详情页 */
.opage_pro_detail_top{width: 100%;}
.opage_pro_left{width: 50%;}
.opage_pro_right{width: 47%;margin-left: 3%;}
.opage_pro_tit{padding:10px 0;font-size: 18px;font-weight: bold; border-bottom: 1px solid #cccccc;color: #333333;}
.opage_pro_desc{padding:20px 10px;font-size: 14px;line-height: 22px;color: #666666}
.page_product{width: 100%;margin:20px 0; border-top: 1px solid #cccccc;padding: 20px;}
.page_product a{display: inline-block; padding:5px 25px;border:1px solid #cccccc; color: #666666;border-radius:20px;}
.page_product a:hover{border-color: #3285ff;color: #3285ff;}
.opage_pro_detail_bottom{margin:40px 0;width: 100%;}
.opage_prodetail_name{width: 100%;border:1px solid #cccccc;}
.opage_prodetail_name span{display: inline-block; color:#3285ff;padding:10px 30px;font-size: 20px;border-top:3px solid #3285ff;}
.opage_prodetail_con{font-size: 15px;line-height: 30px;color: #444444;margin:20px 0;}
.opage_prodetail_con img{max-width: 100%;}