*{ margin: 0; padding: 0; list-style: none}
img{ border: none}
a,a:hover,a:link{ color: #34495e;text-decoration: none}
.new_header{ height: 72px; text-align: center; position: fixed; left: 0; top: 0; width: 100%; background: #fff; z-index: 99}
.new_box{ width: 1170px; margin: 0 auto}
.new_logo{ height: 34px; float: left; margin-top: 30px}
.new_logo img{ height: 100%}
.new_nav{ margin-top: 25px; display: inline-block}
.new_nav li{ float: left; margin-right: 48px; font-size: 16px; position: relative}
.new_nav li>a{ display: block; height: 46px; line-height: 46px}
.new_nav li.dq>a{ border-bottom: 1px #098afe solid}
.new_logo_but{ float: right; border: 1px #098afe solid; border-radius: 19px; height: 38px; line-height: 38px; text-align: center; overflow: hidden; margin-top: 27px}
.new_logo_but{ border: 1px #098afe solid}
.new_logo_but a{ float: left; width: 95px; font-size: 16px}
.new_logo_but .new_reg{ background: #098afe; color: #fff}
.wap_nav{ position: absolute; right: 10px; top: 10px; width: 35px; height: 30px; background: #098afe; color: #fff; border-radius: 3px; line-height: 30px; text-align: center; font-size: 14px; display: block}
.wap_nav:hover,.wap_nav:link{ color: #fff}
.new_nav li .erji_menu{ background: #fff; position: absolute; width: 100px; border: 1px #f0f4f6 solid; left: -36px; padding: 5px 0; display: none}
.new_nav li .erji_menu>a{ display: block; height: 30px; line-height: 30px}
.new_nav li .erji_menu>a:hover{ background: #f0f4f6}
.new_nav li:hover .erji_menu{ display: block}
/*首页幻灯片*/
.swiper-container {
    width: 100%;
}
.swiper-slide img{ width: 100%}
.swiper-container_page{ width: 100%}
.swiper-pagination{ position: relative; text-align: center}
.swiper-pagination span{ margin:0 30px 0 0; float: left; width: 270px; height: 168px; border-radius:0; overflow: hidden}
.swiper-pagination span:last-child{ margin-right: 0}
.swiper-pagination span.swiper-pagination-bullet{ opacity: 1; background: none}
.swiper-pagination span.swiper-pagination-bullet-active{ opacity: 1; margin-top: 0}
.box2{ background: url("../common/box2_bg.png") no-repeat; height: 900px; position: relative}
.box2_text{ top:430px;left:80px;position: absolute}
.box2_text h1 span{color: #34495e;display: block}
.box2_text h1{color: #34495e;margin-bottom: 30px; line-height: 55px; font-size: 48px; font-weight: normal}
.box2_text p span{ display: block}
.box2_text p{ line-height: 30px; color: #63788f}
.box2 .ico_1{ width: 48px; height: 89px; position: absolute; left: 652px; top: 273px}
.box2 .ico_1 span{background: url("../common/box2_ico1.png"); width: 100%; height: 100%; top: 0; left: 0; display: block; position: absolute}
.box2 .ico_2{ width: 48px; height: 52px; position: absolute; left: 778px; top: 269px}
.box2 .ico_2 span{background: url("../common/box2_ico2.png"); width: 100%; height: 100%; top: 0; left: 0; display: block; position: absolute}
.box2 .ico_3{ width: 73px; height: 79px; position: absolute; left: 965px; top: 269px}
.box2 .ico_3 span{background: url("../common/box2_ico3.png"); width: 100%; height: 100%; top: 0; left: 0; display: block; position: absolute}
.box2 .ico_4{width: 76px; height: 69px; position: absolute; left: 1064px; top: 405px}
.box2 .ico_4 span{background: url("../common/box2_ico4.png"); width: 100%; height: 100%; top: 0; left: 0; display: block; position: absolute}
.box2 .ico_5{width: 78px; height: 83px; position: absolute; left: 913px; top: 539px}
.box2 .ico_5 span{background: url("../common/box2_ico5.png"); width: 100%; height: 100%; top: 0; left: 0; display: block; position: absolute}
.box2 .ico_6{width: 69px; height: 80px; position: absolute; left: 498px; top: 538px}
.box2 .ico_6 span{background: url("../common/box2_ico6.png"); width: 100%; height: 100%; top: 0; left: 0; display: block; position: absolute}
.tanchuang_box{ width: 480px; position: absolute; top: 100px; background: #fff;z-index: 99; border-radius: 5px;; box-shadow: 0 0 3px #ccc}
.tanchuang_box .title{ height: 60px; line-height: 60px; padding: 0 15px; font-size: 14px; font-weight: bold}
.tanchuang_box ul{ height: auto; overflow: hidden; margin-bottom: 15px}
.tanchuang_box ul li{ float: left; width: 25%; text-align: center; margin-bottom: 15px}
.tanchuang_box ul li img{ display: block; margin: 0 auto}
.tanchuang_text{ display: none}
.box3_text{ text-align: center}
.box3_text h1{color: #34495e;margin: 30px 0 15px 0}
.box3_text p{  font-size: 16px; color: #9aabb8}
.box_list{color: #34495e;height: 740px; background: url("../common/box3_bg.png") no-repeat center; position: relative; margin-top: 50px}
.box_list .list_text{ width: 360px; position: absolute; text-align: center}
.box_list .list_text p{ font-size: 14px; color: #9aabb8; line-height: 30px}
.box_list .list_text p span{ display: block}
.box_list .list_text.box3_1{ left: 198px; top: 0px}
.box_list .list_text.box3_2{ left: 646px; top: 0px}
.box_list .list_text.box3_3{ left: 40px; top: 240px}
.box_list .list_text.box3_4{ left: 744px; top: 240px}
.box_list .list_text.box3_5{ left: 183px; top: 510px}
.box_list .list_text.box3_6{ left: 630px; top: 510px}
.box4{ background: #36a0ff url("../common/box4_bg.png") no-repeat center; height: 900px}
.box4 .title_img{ text-align: center; height: 104px; overflow: hidden}
.box4 .title_img{ background: url("../common/box4_title_bg.png") repeat-x}
.box4_text{ text-align: center; color: #fff; font-size: 16px}
.box4_text h1{ font-size: 30px; margin: 30px 0 20px 0}
.box4_list_box{ width: 1170px; margin: 50px auto 0 auto}
.box4_list{ text-align: center; font-weight: bold; float: left; width: 25%; position: relative; height: 300px}
.box4_list .ico{ position: absolute; width: 100%; left: 0; top: 0}
.box4_list .ico img{ display: block; margin: 0 auto 20px auto}
.box4_list .ico{ color: #fff; font-size: 18px}
.box4_list:hover .ico,.box4_list.dq .ico{ color: #333}
.box4_list:hover .text_bg,.box4_list.dq .text_bg{ display: block}
.box4_list .texiao{ position: absolute; left: 0; top: 0; width: 100%;}
.box4_list:hover .texiao,.box4_list.dq .texiao{ top: -50px}
.box4_list .text_bg{ background: url("../common/box4_list_bg.png"); width: 280px; height: 234px; margin: 118px auto 0 auto; overflow: hidden; display: none}
.box4_list .text_bg p{ margin: 125px 20px 0 20px; font-weight: normal; line-height: 28px; color: #9aabb8; text-align: left}
.box4_list:hover span{color:#34495e}
.index_friend ul{ text-align: center}
.index_friend ul li{ display: inline-block; float: none}
.index_friend_title{ height: 290px}
.swiper-pagination span:hover{ margin-top: 0; opacity: 1}
.swiper-pagination span a{ display: block; margin-top: 20px; position: relative}
.swiper-pagination span a .text{ position: absolute; left: 0; top: 0; text-align: left; padding: 15px 20px}
.swiper-pagination span a .text h1{ font-size: 28px; font-weight: normal; margin: 0 0 5px 0}
.swiper-pagination span a .text i{ font-size: 10px; font-style: normal; display: block; margin-bottom: 30px}
.swiper-pagination span a .text p{ font-weight: bold}
.swiper-pagination span:hover a{ margin-top: 0}
.index_news_show p{ margin: 0}
.top_banner{ width: 100%; height: 540px; display: block}
.top_banner h1{ margin-bottom: 30px;color: #34495e;line-height: 50px}
.top_banner p{ color: #34495e;font-size: 16px}
.top_banner a{ background: url("../common/banner1_but.png"); width: 174px; height: 83px; display: inline-block; font-size: 16px; color: #fff; line-height: 64px; font-weight: bold; padding-left: 33px}
.top_banner .text{ float: right; margin:134px 176px 0 0}
.c1{color: #0087ff}
.box2 .animate:hover .tanchuang_box{ display: block}
.box2 .animate .tanchuang_box{ display: none; position: absolute; right: 99%; top: 0}

/**手机端**/
/*@media screen and (max-width: 640px){*/
    /*.new_header{ height: 50px}*/
    /*.new_box{width: 1170px}*/
    /*.new_logo{ margin-top: 8px}*/
    /*.new_nav{ position: absolute; width: 100px; right: 10px; top: 50px; background: #fff; z-index: 1; margin: 0}*/
    /*.new_nav li{margin: 0; float: none; height: 35px; line-height: 35px}*/
    /*.new_nav li.dq a{ border-bottom: none; background: #098afe; color: #fff}*/
    /*.new_nav li a{ height: 35px; line-height: 35px; text-align: center;}*/
    /*.new_logo_but{ width: 100px; border: none; background: #fff; right: 10px; top: 230px; border-radius: 0; height: auto; position: absolute; z-index: 2; margin: 0}*/
    /*.new_logo_but a{ display: block; height: 35px; line-height: 35px;width: 100%}*/
    /*.new_logo_but .new_reg{ background:none; color: #333}*/
    /*.wap_hide{display: none}*/
    /*.wap_show{ display: block}*/
    /*.swiper-pagination span img{ display: none}*/
    /*.swiper-pagination{ display: block; text-align: center; padding-left: 5px}*/
    /*.swiper-pagination span.swiper-pagination-bullet{ background: #000; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin: 0 5px 0 0; float: none; opacity: 0.2}*/
    /*.swiper-pagination span.swiper-pagination-bullet-active{ opacity: 1; background: #098afe}*/
    /*.swiper-container_page li img{ display: none}*/
    /*.swiper-container_page{ text-align: center}*/
    /*.swiper-container_page li{ width: 10px; height: 10px; border-radius: 50%; overflow: hidden; background: #f1f1f1; margin-right: 5px; display: inline-block; float: none}*/
    /*.swiper-container_page li.dq{ background:#098afe}*/
/*}*/
/**电脑端**/
/*@media screen and (min-width: 640px){*/
    /*.wap_nav{ display: none}*/
/*}*/