/*===================CSS Reset============================*/
@font-face{ font-family: fontB; src: url("../font/SourceHanSansCN-Bold.otf");}
/*@font-face{ font-family: fontE; src: url("../font/NotoSansHans-Regular.otf");}*/
/*@font-face{ font-family: fontH; src: url("../font/AdobeHeitiStd-Regular.otf");}*/
/*@font-face{ font-family: fontM; src: url("../font/SourceHanSansCN-Medium.otf");}*/
/*@font-face{ font-family: fontN; src: url("../font/SourceHanSansCN-Normal.otf");}*/
@font-face{ font-family: fontR; src: url("../font/SourceHanSansCN-Regular.otf");}
html { -webkit-box-sizing: border-box; box-sizing: border-box;}
*,*:before,*:after { -webkit-box-sizing: inherit; box-sizing: inherit;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ border:medium none; margin:0; padding:0;}
body,button,input,select,textarea{ color: #666; font: 16px "微软雅黑",sans-serif;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
em,i{ font-style:normal;}
ul,ol{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
input:focus,button:focus,textarea:focus,select:focus{ outline: none;}

/*===================Link Style============================*/
a,a:hover,a:active,a:visited,a:link,a:focus{ color: #333; outline:none; text-decoration: none; transition: all ease 300ms; -webkit-transition: all ease 300ms;}

/*===================Common Style============================*/
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width: 1200px; margin: 0 auto;}
.ovh{ overflow: hidden;}
.textH{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bold{ font-weight: bold;}
.fontS{ font-family: "宋体";}
.fontT{ font-family: "times new roman";}
.fontA{ font-family: arial,"microsoft yahei";}
.fontB{ font-family: fontB,"微软雅黑",sans-serif;}
.fontE{ font-family: fontE,"微软雅黑",sans-serif;}
.fontH{ font-family: fontH,"微软雅黑",sans-serif;}
.fontM{ font-family: fontM,"微软雅黑",sans-serif;}
.fontN{ font-family: fontN,"微软雅黑",sans-serif;}
.fontR{ font-family: fontR,"微软雅黑",sans-serif;}
.color-b{ color: #2560db !important;}
.color-f{ color: #fff !important;}
.color-0{ color: #000 !important;}
.color-3{ color: #333 !important;}
.color-6{ color: #666 !important;}
.color-9{ color: #999 !important;}
.bg-f{ background: #fff;}
.bg-b{ background: #2560db;}
.bg-f5{ background: #f5f5f5;}
.row{ margin-left: 0; margin-right: 0;}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{ padding-right: 0; padding-left: 0;}

/*============================ Header ============================*/
.header{ width: 100%; border-bottom: 2px solid #dcdcdc;}
.header .top{ border-bottom: 2px solid #DCDCDC; padding: 10px 0;}
.header .top .wrap{ width: 1440px;}
.header .top span{ display: block; width: 48%;}
.header .top span a{ display: inline-block; color: #000;}
.header .top span a.icon{ background: url(../images/topImg4.png) center right no-repeat; background-size: 15px; padding-right: 20px;}
.header .top span i{ display: inline-block; margin: 0 18px; color: #cbcbcb;}
.header .top span a:hover{ text-decoration: underline;}
.header .part{ width: 1560px; padding: 30px 90px 10px 0;}
.header .logo{ width: 416px; height: 94px;}
.header .logo img{ width: 100%;}
.header .info .img{ width: 174px; height: 100px;}
.header .info .tel{ font-size: 18px; background: url(../images/topImg2.png) center left no-repeat; background-size: 40px; padding-left: 50px; margin: 50px 50px 0 50px;}
.header .info .tel span{ display: block; font-size: 26px;}
.header .info .search{ width: 160px; height: 30px; border-radius: 15px; margin-top: 60px;}
.header .info .search input{ height: 30px; line-height: 30px; }
.header .info .search .inp{ width: 115px; font-size: 14px; padding: 0 10px; background: #ebebeb;}
.header .info .search .ss{ width: 45px; background: url(../images/topImg3.png) center no-repeat #ebebeb; background-size: 20px; font-size: 0;}
.navbar_nav{ margin-bottom: 8px;}
.navbar_nav li{ display: block; float: left; margin-left: 20px;}
.navbar_nav li .t1{ display: block; font-size: 22px; color: #595757; padding: 0 30px; line-height: 46px;}
.navbar_nav li:hover .t1,.navbar_nav li.slt .t1{ color: #fff; background: #2560db;}
.navbar_nav li.dropdown{ display: inherit; position: relative; z-index: 99;}
.navbar_nav li.dropdown .dropdown_menu{ display: none; background: #fff; box-shadow: 0 0 7px rgba(0,0,0,.3); position: absolute; top: 46px; left: 0; width: 100%;}
.navbar_nav li.dropdown .dropdown_menu a{ display: block; width: 100%; float: left; color: #333; line-height: 36px; padding: 0 15px;}
.navbar_nav li.dropdown .dropdown_menu a:hover{ color: #fff; background: #2560DB;}
.navbar_nav li.dropdown:hover .dropdown_menu{ display: block;}
#navToggle{ display: none;}
.m_nav{ position: fixed; top: 0px; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 100%; height: 100%; background: #fff; transition: all ease 500ms; -webkit-transition: all ease 500ms; z-index: 9999; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0,.175, 1) 0ms; top: 0; transform: translateX(100%);}
.m_nav.open{ transform: translateX(0);}
.m_nav .top{ height: 60px; padding: 20px; box-sizing: border-box;}
.m_nav .top .closed{ width: 30px; height: 30px; vertical-align: middle; float:right; cursor: pointer;}
.m_nav .ul{ margin-top: 30px;}
.m_nav .ul li{ padding: 0 20px; border-bottom: 1px solid #f5f5f5;}
.m_nav .ul li a{ display: block; text-decoration: none; color: #333; font-size: 18px; height: 60px; line-height: 60px; width: 100%;}

/*============================ Footer ============================*/
.footer .part{ padding: 40px 120px 10px 120px; border-top: 2px solid #DCDCDC;}
.footer .part dl{ padding: 0 30px;}
.footer .part dt{ font-weight: normal; color: #595757; margin-bottom: 15px;}
.footer .part dd,.footer .part dd a{ color: #595757; font-size: 13px;}
.footer .part dd{ margin-bottom: 10px;}
.footer .part .bd{ border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd;}
.footer .part .bd dd{ padding-left: 24px; background-position: center left; background-repeat: no-repeat; background-size: 17px;}
.footer .part .icon1{ background-image: url(../images/foot1.png);}
.footer .part .icon2{ background-image: url(../images/foot2.png);}
.footer .part .icon3{ background-image: url(../images/foot3.png);}
.footer .part .code span{ display: block; margin-left: 40px;}
.footer .part .code span img{ width: 100%;}
.footer .copy{ background: #303030; padding: 20px 120px; border-top: 2px solid #a0a0a0;}
.footer .copy a{ color: #fff;}
.footer .copy .link p{ padding-left: 90px;}
.footer .copy .link p a{ display: inline-block; margin: 0 14px 5px 0;}
.footer .copy .txt{ position: relative;}
.footer .copy .txt p em{ display: inline-block;}
.footer .copy .txt span{ position: absolute; top: 0; right: 0;}
.footer .copy .txt span a{ display: inline-block; margin: 0 15px;}
.footer .copy .txt span a:hover{ color: #999;}

.rightMenu{ position: fixed; bottom: 8%; right: 0; z-index: 999;}
.rightMenu a{ display: block; width: 50px; height: 50px; font-size: 0; background-color: #000; background-position: center; background-repeat: no-repeat; background-size: 26px; border-bottom: 1px solid #959595;}
.rightMenu a.qq{ background-image: url(../images/rigIcon1.png);}
.rightMenu a.wx{ background-image: url(../images/rigIcon2.png); position: relative;}
.rightMenu a.wx span{ display: none; width: 120px; height: 120px; background: #000; padding: 5px; position: absolute; right: 50px;}
.rightMenu a.wx span img{ width: 100%;}
/*.rightMenu a.tel{ background-image: url(../images/rigIcon3.png);}
.rightMenu a.goTop{ background-image: url(../images/rigIcon4.png);}
.rightMenu a.wx:hover span{ display: block;}*/

.rightMenu a.tel{ background-image: url(../images/rigIcon3.png); position: relative;}
.rightMenu a.tel span{ display: none; width: 140px; height: 50px; text-align: center; background: #000; font-size: 16px; color: #fff; line-height: 50px; padding: 0 10px; position: absolute; right: 50px;}
.rightMenu a.goTop{ background-image: url(../images/rigIcon4.png);}
.rightMenu a.wx:hover span,.rightMenu a.tel:hover span{ display: block;}

/*============================ Index ============================*/
.ixSlide .slideImg{ position:relative; overflow:hidden; width:100%;}
.ixSlide .slideImg li{ -webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; height: 680px; left:0; top:0;}
.ixSlide .slideImg li:first-child{ position:relative; display:block; float:left;}
.ixSlide .slideCon{ position:relative; float:left; width:100%;}
.ixSlide .slideCon .slide{ position:relative; overflow:hidden; width:100%;}
.ixSlide .slideCon .slideImg li{ font-size: 30px; position:absolute; display: flex; align-items: center; width:100%; left:0; top:0;}
.ixSlide .slideCon .slideImg li span{ display: block; font-size: 50px;}
.ixSlide .slideCon .slideImg li i{ display: inline-block; width: 80px; height: 6px; margin: 20px 0;}
.ixSlide .slideCon .slideImg li .text1-1{ transition: all 1s;transform: translateX(200px);}
.ixSlide .slideCon .slideImg li.slide1_on .text1-1{ transition: all 1s;transform: translateX(0);}
.ixSlide .slideCon .slideImg li .text1-2{ transition: all 1.2s;transform: translateX(300px);}
.ixSlide .slideCon .slideImg li.slide1_on .text1-2{ transition: all 1.2s;transform: translateX(0);}
.ixSlide .slideCon .slideImg li .text1-3{ transition: all 1.2s;transform: translateX(400px);}
.ixSlide .slideCon .slideImg li.slide1_on .text1-3{ transition: all 1.2s;transform: translateX(0);}
.ixSlide .slideCon .slide_nav{ display: none;}
.ixSlide .slideCon .slide_tabs{ width:100%; position:absolute; bottom: 25px; z-index:5; text-align:center;}
.ixSlide .slideCon .slide_tabs li{ display:inline-block; margin: 0 5px; border-radius: 50%;}
.ixSlide .slideCon .slide_tabs li a{ display:block; font-size: 0; width: 14px; height: 14px; border: 2px solid rgba(255,255,255,.5); border-radius: 50%;}
.ixSlide .slideCon .slide_tabs .slide_here{ background: #fff;}

.ixTit{ padding: 30px 0;}
.ixTit .t1{ position: relative;}
.ixTit .t1 span{ font-size: 40px; padding: 0 25px; letter-spacing: 5px; position: relative; z-index: 2;}
.ixTit .t1 em,.ixTit .t1 i{ display: block; position: absolute; top: 50%; left: 50%;}
.ixTit .t1 em{ width: 370px; height: 3px; background: #2560db; margin: -1px 0 0 -185px; z-index: 1;}
.ixTit .t1 i{ width: 1170px; height: 1px; background: #dadada; margin-left: -585px;}

.ixPart1{ font-size: 22px; background: #f7f7f7;}
.ixPart1 .tit{ line-height: 58px;}
.ixPart1 .box{ width: 100%; height: 58px; line-height: 58px; padding: 0 58px; background: url(../images/ixImg1.png) center left no-repeat; background-size: auto 100%;}
.ixPart1 .box li{ height: 58px;}
.ixPart1 .box li a{ display: block;}
.ixPart1 .box li a:hover{ text-decoration: underline;}

.ixPart2{ padding: 60px 0 140px 0;}
.ixPart2 .box{ display: block; font-size: 32px; letter-spacing: 3px; margin: 40px 10px 10px;}
.ixPart2 .box i{ display: inline-block; width: 198px; height: 198px; border: 3px solid #2560db; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: contain; margin-bottom: 15px; transition: all ease 400ms; -webkit-transition: all ease 400ms;}
.ixPart2 .box i.icon1{ background-image: url(../images/ixImg2_1.png);}
.ixPart2 .box i.icon2{ background-image: url(../images/ixImg2_2.png);}
.ixPart2 .box i.icon4{ background-image: url(../images/ixImg2_3.png);}
.ixPart2 .box i.icon3{ background-image: url(../images/ixImg2_4.png);}
.ixPart2 .box i.icon5{ background-image: url(../images/ixImg2_5.png);}
.ixPart2 .box i.icon6{ background-image: url(../images/ixImg2_6.png);}
.ixPart2 .box:hover{ color: #2560DB;}
.ixPart2 .box:hover i{ background-color: #2560DB;}
.ixPart2 .box:hover i.icon1{ background-image: url(../images/ixImg2_7.png);}
.ixPart2 .box:hover i.icon2{ background-image: url(../images/ixImg2_8.png);}
.ixPart2 .box:hover i.icon4{ background-image: url(../images/ixImg2_9.png);}
.ixPart2 .box:hover i.icon3{ background-image: url(../images/ixImg2_10.png);}
.ixPart2 .box:hover i.icon5{ background-image: url(../images/ixImg2_11.png);}
.ixPart2 .box:hover i.icon6{ background-image: url(../images/ixImg2_12.png);}

.ixPart3 .wrap{ width: 1480px;}
.ixPart3 .box{ display: block; margin: 0 7px; position: relative;}
.ixPart3 .box .txt{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 1;}
.ixPart3 .box .txt div{ width: 100%; padding: 0 15px;}
.ixPart3 .box .txt img{ opacity: 0; transition: all ease 400ms; -webkit-transition: all ease 400ms;}
.ixPart3 .box .txt span,.ixPart3 .box .txt i{ display: block; font-size: 30px;}
.ixPart3 .box .txt i{ width: 128px; height: 2px; background: #fff; margin: 0 auto; transition: all ease 400ms; -webkit-transition: all ease 400ms;}
.ixPart3 .box .txt p{ font-size: 18px; height: 48px; line-height: 24px; opacity: 0; transition: all ease 400ms; -webkit-transition: all ease 400ms;}
.ixPart3 .box .img img{ width: 100%;}
.ixPart3 .box:hover .txt i{ opacity: 0;}
.ixPart3 .box:hover .txt img,.ixPart3 .box:hover .txt p{ opacity: 1;}
.ixPart3 .more a{ display: inline-block; font-size: 13px; padding: 5px 12px; border: 1px solid #848484; margin: 50px 0;}
.ixPart3 .more a:hover{ color: #fff !important; background: #848484;}

.ixPart4{ padding: 40px 0 80px 0;}
.ixPart4 .box{ font-size: 22px; display: block; padding: 30px; border-right: 1px solid #c8c8c8;}
.ixPart4 .box.last{ border: none;}
.ixPart4 .box span{ display: block; font-size: 30px;}
.ixPart4 .box img{ margin: 20px 0 25px 0;}
.ixPart4 .box:hover span{ color: #2560DB !important;}

.ixPart5{ background: #eee; padding: 50px 0 80px 0;}
.ixPart5 .wrap{ width: 1550px;}
.ixPart5 .ixTit .t1 span{ background: #eee;}
.ixPart5 .part{ margin: 30px 40px 0 40px;}
.ixPart5 .part .tit{ border-bottom: 2px solid #dadada;}
.ixPart5 .part .tit span{ font-size: 25px;}
.ixPart5 .part .tit a{ display: inline-block; font-size: 18px; color: #afafaf; margin-top: 15px;}
.ixPart5 .part a,.ixPart5 .part a span,.ixPart5 .part a em,.ixPart5 .part a i{ display: block;}
.ixPart5 .part em{ width: 75%;}
.ixPart5 .part i{ width: 25%;}
.ixPart5 .part .box1{ margin: 15px 0; }
.ixPart5 .part .box1 img{ width: 100%;}
.ixPart5 .part .box1 span{ margin: 25px 0 0;}
.ixPart5 .part .box1 span em{ font-size: 22px;}
.ixPart5 .part .box1 span i{ font-size: 20px;}
.ixPart5 .part .box1 p{ color: #b2b2b2; height: 96px; line-height: 24px; text-indent: 2em;}
.ixPart5 .part .box2{ font-size: 18px; line-height: 30px;}
.ixPart5 .part .box2 em{ background: url(../images/ixImg5_3.png) center left no-repeat; background-size: 5px; padding-left: 15px;}
.ixPart5 .part .tit a:hover,.ixPart5 .part a:hover em{ color: #2560DB;}

.ixPart6{ padding: 80px 0 60px 0;}
.ixPart6 .wrap{ width: 1600px;}
.ixPart6 .khSlide,.ixPart6 .khSlideM{ padding: 30px;}
.ixPart6 .col-sm-1{ width: 14.285%;}
.ixPart6 .img{ display: block; margin: 0 5px 20px 5px; box-shadow: 0 6px 10px rgba(0,0,0,.1); position: relative;}
.ixPart6 .img p{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 10px 0; background: #eeeefd; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; transition: all ease 400ms; -webkit-transition: all ease 400ms;}
.ixPart6 .img img{ width: 100%;}
.ixPart6 .img:hover p{ opacity: 1;}

/*============================ Others ============================*/
.inBanner{ height: 380px;}

.inLink .left a{ display: flex; float: left; height: 78px; font-size: 18px; color: #000; margin-right: 120px; position: relative;}
.inLink .left.al a{ margin-right: 45px;}
.inLink .left a em{ display: flex; float: left; align-items: center; height: 78px; padding: 0 5px; border-bottom: 3px solid rgba(0,0,0,0);}
.inLink .left a i{ display: none; width: 100%; height: 8px; background: url(../images/gyIcon.png) center no-repeat; background-size: 10px; margin: 0 auto; position: absolute; bottom: -8px;}
.inLink .left a:hover,.inLink .left a.slt{ color: #2560DB;}
.inLink .left a:hover em,.inLink .left a.slt em{ border-color: #2560db;}
.inLink .left a:hover i,.inLink .left a.slt i{ display: block;}
.inLink .right{ display: flex; justify-content: center; align-items: center; width: 80%; font-size: 18px; height: 94px; background: rgba(37,96,219,.7); position: relative; margin-top: -16px; }
.inLink .right span{ display: block; font-size: 20px; margin-bottom: 5px;}
.inLink .loca{ display: flex; align-items: center; height: 78px; font-size: 18px;}
.inLink .loca i{ margin: 0 10px;}
.inLink .loca a:hover{ text-decoration: underline;}

.inTit{ font-size: 34px; color: #b0b0b0; letter-spacing: 1px; padding: 30px 0;}
.inTit span{ display: block; font-size: 46px;}

.gyPart1{ padding: 30px 0 60px 0;}
.gyPart1 .txt{ font-size: 18px; line-height: 30px;}
.gyPart1 .list{ margin: 0 -10px;}
.gyPart1 .list .img{ margin: 0 10px;}
.gyPart1 .list .img img{ width: 100%;}
.gyPart2{ padding: 30px 0 0;}
.gyPart2 .box{ margin: 15px; font-size: 18px;}
.gyPart2 .box img{ width: 100%; margin-bottom: 15px;}
.gyPart3{ padding: 30px 0 0;}
.gyPart3 .part{ padding-bottom: 80px; display: flex; align-items: center;}
.gyPart3 .part .txt{ background: rgba(255,255,255,.7); padding: 70px 140px 90px 140px; margin: 0 -90px; position: relative; z-index: 1;}
.gyPart3 .part .txt div{ width: 550px;}
.gyPart3 .part .txt span{ display: block; font-size: 40px; margin-bottom: 30px;}
.gyPart3 .part .img{ width: 63%;}
.gyPart3 .part .img img{ width: 100%;}

.cpPart1{ padding: 30px 20px 20px;}
.cpPart1 .box{ display: block;}
.cpPart1 .box img{ width: 100%;}
.cpPart1 .box span{ display: block; font-size: 18px;}
.cpPart1 .partL,.cpPart1 .partR{ border-top: 2px solid #2560db; margin: 20px 0; padding-bottom: 20px; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.cpPart1 .partL .tit span,.cpPart1 .partR .tit span{ display: inline-flex; align-items: center; height: 38px; padding: 0 28px;}
.cpPart1 .partL .box{ margin: 19px 15px 0 15px;}
.cpPart1 .partL .box img{ margin-bottom: 15px;}
.cpPart1 .partC{ margin: 0 10px;}
.cpPart1 .partC .box{ margin: 20px 10px; border: 1px solid #d2d2d2;}
.cpPart1 .partC .box .txt{ padding: 15px;}
.cpPart1 .partC .box .txt p{ height: 72px; line-height: 24px; margin-top: 5px;}
.cpPart1 .partC .box:hover{ background: #2560DB;}
.cpPart1 .partC .box:hover span,.cpPart1 .partC .box:hover p{ color: #fff !important;}
.cpPart1 .partR .box{ padding: 24px 0; margin: 0 15px; border-bottom: 1px solid #dcdcdc;}
.cpPart1 .partR .box.last{ border-bottom: none;}
.cpPart1 .partR .box .txt{ margin-left: 10px;}
.cpPart1 .partR .box .txt span{ margin: 10px 0 20px 0;}
.cpPart1 .box:hover span{ color: #2560DB !important; }

.cpPart1.al{ padding-top: 0;}
.alArt{ margin: 0 20px; padding: 20px 40px;}
.alArt .tit{ font-size: 18px; border-bottom: 1px solid #d2d2d2; padding: 15px 0;}
.alArt .tit span{ display: block; font-size: 24px; color: #2b3e4f; margin-bottom: 10px;}
.alArt .tit em{ margin: 0 15px; display: inline-flex; align-items: center;}
.alArt .tit em a{ display: inline-block; width: 31px; height: 31px; font-size: 0; margin: 0 5px; background-position: center; background-repeat: no-repeat; background-size: contain;}
.alArt .tit em a.icon1{ background-image: url(../images/alBtn1.png);}
.alArt .tit em a.icon2{ background-image: url(../images/alBtn2.png);}
.alArt .tit em a.icon3{ background-image: url(../images/alBtn3.png);}
.alArt .tit em a.icon4{ background-image: url(../images/alBtn4.png);}
.alArt .tit em a.icon5{ background-image: url(../images/alBtn5.png);}
.alArt .txt{ color: #2b3e4f; line-height: 30px; padding: 20px 0; font-size:14px;}
.alArt .txt img{ max-width: 100%;}
.alArt .bot{ height: 50px; display: flex; align-items: center; font-size: 14px; background: #f2f2f2; padding: 0 20px;}
.alArt .bot p{ font-size: 18px;}
.alArt .bot a:hover{ text-decoration: underline;}

.xwPart{ margin: 10px 20px;}
.xwPart .box{ margin: 10px 0; padding: 15px;}
.xwPart .box .img{ margin-right: 20px;}
.xwPart .box .txt{ margin-right: 50px;}
.xwPart .box .txt span{ display: block; font-size: 22px; margin: 15px 0 30px 0;}
.xwPart .box .txt p{ height: 48px; line-height: 24px;}
.xwPart .box .date{ margin-right: 30px;}
.xwPart .box .date span{ display: block; color: #000 !important; font-size: 22px; margin: 25px 0 5px 0;}
.xwPart .box .date em{ color: #fff; font-size: 20px; display: flex; justify-content: center; align-items: center; height: 38px; border-radius: 20px; margin-top: 20px; background: #2560DB;}
.xwPart .box:hover{ box-shadow: 0 0 9px rgba(37,96,219,.4);}

.fenye{ display: flex; justify-content: center; align-items: center; padding: 30px 0;}
.fenye.r{ justify-content: flex-end; padding: 15px 25px;}
.fenye select{ font-size: 14px; color: #000; border: 1px solid #dadada; border-radius: 3px; padding: 0 10px; background: #fff;}
.fenye a{ display: inline-block; font-size: 14px; color: #000; margin-left: 20px;}
.fenye a:hover{ color: #2560DB;}

.lxPart1{ padding: 50px 0 100px 0;}
.lxPart1 .txt{ font-size: 18px;}
/*.lxPart1 .txt span{ display: inline-block; font-size: 28px; padding-bottom: 10px; border-bottom: 3px solid #2560DB; letter-spacing: 4px; padding-right: 15px;}*/

.lxPart1 .txt h4{ display: inline-block; font-size: 28px; padding-bottom: 10px; border-bottom: 3px solid #2560DB; letter-spacing: 4px; padding-right: 15px;}
.lxPart1 .txt p{ margin-top: 25px;}
.lxPart1 .code{ margin-left: 20px;}
.lxPart1 .code img{ width: 100%; margin-bottom: 15px;}
.lxPart2{ padding: 50px 0;}
.lxPart2 .part1{ font-size: 14px; margin-bottom: 50px;}
.lxPart2 .part1 span{ display: block; font-size: 34px; line-height: 36px;}
.lxPart2 .part1 p{ margin-top: 10px;}
.lxPart2 .part2{ border-bottom: 1px solid #e1e1e1;}
.lxPart2 .part2 .tit{ font-size: 14px; padding: 0 15px 15px;}
.lxPart2 .part2 .tit i{ display: block; width: 26px; height: 3px; margin-bottom: 25px;}
.lxPart2 .part2 li{ margin: 15px 0; position: relative;}
.lxPart2 .part2 li .left{ font-size: 26px; margin: 15px;}
.lxPart2 .part2 li .biji-tit,.lxPart2 .part2 li .biji-content .txt{ font-size: 14px; color: #585858; line-height: 30px; padding: 15px 0 70px 0;}
.lxPart2 .part2 li .biji-content{ position: relative;}
.lxPart2 .part2 .btnClick{ width: 30px; height: 30px; font-size: 0; display:inline-block; background: url(../images/lxImg2_1.png) center no-repeat; background-size: 23px; position: absolute; bottom: 25px; cursor:pointer;}
.lxPart2 .part2 .btnCheck{ background-image: url(../images/lxImg2_2.png);}
.lxPart2 .part2 li .biji-content .txt{ width: 80%;}
.lxPart2 .part2 li .sq{ display: flex; justify-content: center; align-items: center; width: 20%; height: 100%; font-size: 18px; background: #183eaf; position: absolute; top: 0; right: 0;}
.lxPart2 .part2 li:hover{ background: #fff; box-shadow: 0 0 9px rgba(37,96,219,.4);}

.lxPart3{ margin: 30px 0; padding: 25px;}
.lxPart3 p{ line-height: 30px;}
.lxPart3 .tit{ display: flex; align-items: center; font-size: 26px; margin-bottom: 30px;}
.lxPart3 .tit i{ width: 65px; height: 44px; display: inline-flex; justify-content: center; align-items: center; border-radius: 18px 0 18px 0; margin-right: 15px;}
.lxPart3 .part1{ margin: 0 -50px 70px -50px;}
.lxPart3 .part1 .box{ margin: 60px 50px 0 50px;}
.lxPart3 .part1 .box span{ display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; font-size: 22px; border-radius: 50%; margin-right: 15px;}
.lxPart3 .part1 .box p{ height: 150px;}
.lxPart3 .part2 .box{ font-size: 26px; margin: 30px 20px;}
.lxPart3 .part2 .box i{ display: inline-block; width: 170px; height: 170px; border: 3px solid #2560db; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: contain; margin-bottom: 20px;}
.lxPart3 .part2 .box i.icon1{ background-image: url(../images/lxImg3_1.png);}
.lxPart3 .part2 .box i.icon2{ background-image: url(../images/lxImg3_2.png);}
.lxPart3 .part2 .box i.icon3{ background-image: url(../images/lxImg3_3.png);}
.lxPart3 .part2 .box:hover{ color: #2560db;}
.lxPart3 .part2 .box:hover i{ background-color: #2560db;}
.lxPart3 .part2 .box:hover i.icon1{ background-image: url(../images/lxImg3_4.png);}
.lxPart3 .part2 .box:hover i.icon2{ background-image: url(../images/lxImg3_5.png);}
.lxPart3 .part2 .box:hover i.icon3{ background-image: url(../images/lxImg3_6.png);}
.lxPart3 .part3{ margin: 30px 0;}
.lxPart3 .part3 p{ margin-bottom: 40px;}
.lxPart3 .part3 img{ max-width: 100%;}
.lxPart4{ padding: 30px 30px 60px 30px; margin: 0 20px;}
.lxPart4 .tit{ font-size: 24px;}
.lxPart4 .tit span{ display: block;}
.lxPart4 .tit i{ display: inline-block; width: 26px; height: 3px;}
.lxPart4 .part{ padding: 0 20%;}
.lxPart4 .part .txt{ margin-top: 20px;}
.lxPart4 .part .txt span{ display: block; line-height: 42px; padding-right: 20px;}
.lxPart4 .part .txt input,.lxPart4 .part .txt textarea{ width: 100%; height: 42px; line-height: 42px; border: 1px solid #d2d2d2; border-radius: 3px; padding: 0 10px;}
.lxPart4 .part .txt textarea{ height: 140px; line-height: 26px; resize: none;}
.lxPart4 .part .button{ margin-top: 40px;}
.lxPart4 .part .button input{ width: 45%; height: 44px; font-size: 18px; line-height: 44px; border-radius: 3px;}
.lxPart4 .part .button input:hover{ background: #0245d0;}

/*============================ 媒体查询 ============================*/
.mobHide{ display: block;}
.mobShow{ display: none;}

@media (max-width: 1600px) {
	.ixPart6 .wrap{ width: 96%;}
	.gyPart3 .part .img{ width: 74%;}
}

/*@media (max-width: 1560px) {
	.header .part{ width: 100%; padding: 30px 10px 10px;}
	.ixPart5 .wrap{ width: 100%;}
}*/
@media (max-width: 1560px) {
 .wrap{ width: 1100px;}
 .header .top{ font-size: 14px; padding: 5px 0;}
 .header .top .wrap{ width: 1100px;}
 .header .part{ width: 1100px; padding: 20px 10px 10px; margin: 0 auto; float: inherit;}
 .header .logo{ width: 280px; height: auto;}
 .header .info .img{ width: 120px; height: auto;}
 .header .info .tel{ font-size: 14px; margin: 34px 30px 0 30px; background-size: 24px; padding-left: 34px;}
 .header .info .tel span{ font-size: 20px;}
 .header .info .search{ margin-top: 40px;}
 .navbar_nav li .t1{ font-size: 16px;}
 .footer .part,.footer .copy{ padding-left: 20px; padding-right: 20px;}
 .footer .copy{ font-size: 13px;}
 .ixSlide .slideImg li{ height: 640px;}
 .ixTit .t1 span{ font-size: 30px;}
 .ixPart1{ font-size: 16px;}
 .ixPart2 .box{ font-size: 18px;}
 .ixPart2 .box i{ width: 140px; height: 140px;}
 .ixPart3 .wrap{ width: 1200px;}
 .ixPart3 .box .txt span,.ixPart3 .box .txt i{ font-size: 20px;}
 .ixPart4 .box{ font-size: 16px;}
 .ixPart4 .box span{ font-size: 24px;}
 .ixPart5 .wrap,.ixPart6 .wrap{ width: 1200px;}
 .ixPart5 .part i{ font-size: 14px;}
 .ixPart5 .part .tit span{ font-size: 20px;}
 .ixPart5 .part .box1 span em{ font-size: 18px;}
 .ixPart5 .part .box1 span i{ font-size: 16px;}
 .ixPart5 .part .box2{ font-size: 16px;}
}

@media (max-width: 1480px) {
	.ixPart3 .wrap{ width: 100%;}
	.gyPart3 .part .img{ width: 83%;}
}

@media (max-width: 1440px) {
	.header .top .wrap{ width: 100%; padding: 0 10px;}
	.footer .part,.footer .copy{ padding-left: 20px; padding-right: 20px;}
}

@media (max-width: 1366px) {
	.ixSlide .slideImg li{ height: 60vh;}
	.gyPart3 .part .img{ width: 90%;}
	.cpPart1 .partL .box{ margin-top: 28px;}
	.cpPart1 .partR .box{ padding: 23px 0;}
	.cpPart1 .partR .box .txt span{ margin: 0 0 5px 0;}
	.xwPart .box .txt span{ margin: 10px 0;}
	.xwPart .box .date{ margin-right: 0;}
	.xwPart .box .date span{ margin: 0;}
	.xwPart .box .date em{ margin-top: 15px;}
	.lxPart4 .part{ padding: 0 10%;}
}

@media (max-width: 1200px) {
	.wrap{ width: 100%; padding: 0 15px;}
	.gyPart3 .part .txt div{ width: 100%;}
}

@media (max-width: 1100px) {
	.header .logo{ width: 280px; height: auto;}
	.header .info .img{ width: 120px; height: auto;}
	.header .info .tel{ margin: 20px 20px 0 20px;}
	.header .info .search{ margin-top: 35px;}
	.navbar_nav li{ margin-left: 5px;}
	.navbar_nav li a{ padding: 0 20px;}
}

@media (max-width: 1024px) {
	.header .top span i{ margin: 0 10px;}
	.footer .copy .txt{ position: inherit;}
	.footer .copy .txt span{ display: block; position: inherit; text-align: center;}
	.ixSlide .slideImg li{ height: 30vh;}
	.ixPart5 .part{ margin: 20px 20px 0 20px;}
	.ixPart5 .part .tit span{ font-size: 20px;}
	.ixPart5 .part .tit a,.ixPart5 .part .box2{ font-size: 16px;}
	.ixPart5 .part .tit a{ margin-top: 5px;}
	.inLink .left a{ margin-right: 80px;}
	.inLink .left.al a{ margin-right: 20px;}
	.inLink .right{ width: 100%;}
	.gyPart3 .part .img{ width: 100%;}
	.cpPart1 .partR .box{ padding: 18px 0;}
	.cpPart1 .partR .box .txt span{ margin: 0; font-size: 16px;}
	.xwPart .box .date em{ font-size: 16px;}
}

@media (max-width:834px) {
	.header .top,.header .info,.navbar_nav{ display: none;}
	.header{ height: 60px; background: #fff; border-width: 1px; position: fixed; top: 0; left: 0; z-index: 999;}
	.header .part{ padding: 0 15px;}
	.header .logo{ width: 190px; height: auto; margin-top: 5px;}
	#navToggle{ height: 100%; display: inline-block; float: right;}
	#navToggle span{ display: block; position: relative; width: 30px; height: 30px; background: url(../images/menu.png) no-repeat; background-size: contain; top: 18px; right: 0;}
	.footer .part dl{ padding: 0 5px;}
	.footer .part .code span{ margin-left: 10px;}
	.rightMenu a{ width: 46px; height: 50px; background-size: 20px;}
	.rightMenu a.wx span{ right: 46px;}
	.main{ margin-top: 60px;}
	.inLink .left a{ margin-right: 40px;}
	.gyPart3 .part .txt{ padding: 40px 100px; margin: 0 -60px;}
	.xwPart .box .img{ margin-right: 0;}
	.xwPart .box .txt{ margin: 0 20px;}
	.xwPart .box .txt span{ font-size: 16px; margin: 0 0 5px 0;}
	.xwPart .box .date span{ font-size: 16px;}
	.xwPart .box .date em{ font-size: 12px; height: 30px; margin-top: 5px;}
	.lxPart4 .part{ padding: 0;}
	/*.lxPart1 .txt span{ font-size: 24px; letter-spacing: 2px;}*/
	.lxPart1 .txt h4{ font-size: 24px; letter-spacing: 2px;}
}

@media (max-width:767px) {
	.mobHide{ display: none;}
	.mobShow{ display: block;}
	body,button,input,select,textarea{ font-size: 14px;}
	.wrap{ padding: 0;}
	.footer .copy{ padding: 10px 5px; font-size: 12px; line-height: 18px;}
	.footer .copy .txt span{ margin-top: 5px;}
	.footer .copy .txt span a{ margin: 0 8px;}
	.ixSlide .slideImg li{ height: 240px; text-align: center;}
	.ixSlide .slideCon .slideImg li{ font-size: 14px;}
	.ixSlide .slideCon .slideImg li span{ font-size: 22px;}
	.ixSlide .slideCon .slideImg li i{ width: 20px; height: 2px; margin: 0;}
	.ixSlide .slideCon .slide_tabs{ bottom: 8px;}
	.ixSlide .slideCon .slide_tabs li{ margin: 0 3px;}
	.ixSlide .slideCon .slide_tabs li a{ width: 10px; height: 10px;}
	.ixTit{ padding: 15px 0;}
	.ixTit p{ font-size: 12px; line-height: 16px; margin-bottom: 5px;}
	.ixTit .t1 span{ font-size: 26px; letter-spacing: 2px; padding: 0 20px;}
	.ixTit .t1 em{ width: 240px; margin-left: -120px;}
	.ixTit .t1 i{ width: 100%; margin-left: 0; left: 0;}
	.ixPart1{ font-size: 16px;}
	.ixPart1 .wrap{ display: flex; align-items: center; height: 40px;}
	.ixPart2{ padding: 40px 15px;}
	.ixPart2 .box{ font-size: 16px; margin: 10px 5px; letter-spacing: 0;}
	.ixPart2 .box i{ width: 80px; height: 80px; margin-bottom: 5px;}
	.ixPart3{ padding: 15px;}
	.ixPart3 .box{ margin: 5px;}
	.ixPart3 .box .txt img{ width: 40px;}
	.ixPart3 .box .txt span{ font-size: 18px;}
	.ixPart3 .box .txt i{ width: 60px;}
	.ixPart3 .box .txt p{ font-size: 12px; height: 32px; line-height: 16px;}
	.ixPart3 .more a{ margin: 30px 0;}
	.ixPart4{ padding: 10px 15px 40px 15px;}
	.ixPart4 .box{ font-size: 16px; padding: 15px 0; border: none;}
	.ixPart4 .box span{ font-size: 20px;}
	.ixPart4 .box img{ width: 50px; margin: 15px 0 10px 0;}
	.ixPart5{ padding: 40px 15px;}
	.ixPart5 .part{ margin: 10px 0;}
	.ixPart5 .part .box1 span{ margin: 10px 0 3px 0;}
	.ixPart5 .part .box1 span em{ font-size: 18px;}
	.ixPart5 .part .box1 span i{ font-size: 12px;}
	.ixPart5 .part .box1 p{ height: 80px; line-height: 20px;}
	.ixPart5 .part .box2{ line-height: 26px;}
	.ixPart5 .part .box2 i{ font-size: 12px;}
	.ixPart6{ padding: 50px 15px 30px 15px;}
	.ixPart6 .khSlideM{ padding: 0 18px;}
	.ixPart6 .img{ margin: 10px; box-shadow: 0 0 5px rgba(0,0,0,.1);}
	.ixPart6 .slick-arrow{ width: 20px; height: 40px; font-family: helvetica; font-size: 12px; color: #fff; line-height: 40px; margin-top: -20px; font-weight: bold;}
	.ixPart6 .slick-arrow.prev,.slick-arrow.next{ background: #888;}
	.inBanner{ height: 180px;}
	.inLink .left a,.inLink .left.al a{ justify-content: center; font-size: 16px; height: 60px; margin: 0; width: 33.333%;}
	.inLink .left.lx a{ width: 25%; font-size: 13px;}
	.inLink .left a em{ height: 60px; border-width: 2px;}
	.inLink .loca{ height: 50px; font-size: 12px; padding: 0 15px;}
	.inTit{ font-size: 12px; padding: 20px 0;}
	.inTit span{ font-size: 26px;}
	.fenye a{ font-size: 12px; margin-left: 10px;}
	.gyPart1{ padding: 30px 15px 40px 15px;}
	.gyPart1 .txt{ font-size: 14px; line-height: 26px;}
	.gyPart1 .list{ margin: 0 -5px;}
	.gyPart1 .list .img{ margin: 5px;}
	.gyPart2{ padding: 20px 5px 0 5px;}
	.gyPart2 .box{ margin: 5px 5px 10px 5px; font-size: 15px;}
	.gyPart2 .box img{ margin-bottom: 10px;}
	.gyPart3{ padding: 20px 15px 0 15px;}
	.gyPart3 .inTit{ text-align: center;}
	.gyPart3 .part{ display: block; padding-bottom: 30px;}
	.gyPart3 .part .txt{ margin: 0; padding: 20px;}
	.gyPart3 .part .txt span{ font-size: 22px; margin-bottom: 10px;}
	.cpPart1{ padding: 30px 0;}
	.cpPart1 .partC .box{ margin: 10px 5px;}
	.cpPart1 .partC .box .txt{ padding: 10px;}
	.cpPart1 .partC .box .txt span{ font-size: 16px;}
	.cpPart1 .partC .box .txt p{ height: 48px;}
	.alArt{ margin: 0 15px; padding: 15px;}
	.alArt .tit{ font-size: 12px; padding: 10px 0;}
	.alArt .tit em{ margin: 3px;}
	.alArt .tit em a{ width: 24px; height: 24px;}
	.alArt .txt{ padding: 10px 0; line-height: 26px;}
	.alArt .bot{ font-size: 12px; padding: 0 10px;}
	.alArt .bot p{ font-size: 12px;}
	.xwPart{ margin: 20px 10px 0 10px;}
	.xwPart .box{ margin: 5px; padding: 10px;}
	.xwPart .box .txt{ margin: 10px 0 15px 0;}
	.xwPart .box .txt p{ height: 40px; line-height: 20px;}
	.xwPart .box .date span,.xwPart .box .date p{display: inline-block; margin-right: 5px; font-size: 12px;}
	.lxPart1{ padding: 40px 15px;}
	.lxPart1 .txt{ font-size: 14px;}
	/*.lxPart1 .txt span{ font-size: 20px; padding-bottom: 5px; margin-bottom: 10px;}*/
	.lxPart1 .txt h4{ font-size: 20px; padding-bottom: 5px; margin-bottom: 10px;}
	.lxPart1 .txt p{ margin-top: 10px;}
	.lxPart1 .code{ margin: 20px 15px 0 15px;}
	.lxPart1 .code img{ margin-bottom: 10px;}
	.lxPart2{ padding: 40px 15px;}
	.lxPart2 .part1{ margin-bottom: 30px;}
	.lxPart2 .part1 span{ font-size: 24px; line-height: 26px;}
	.lxPart2 .part2 .tit{ padding: 0;}
	.lxPart2 .part2 .tit p{ margin: 0 10px;}
	.lxPart2 .part2 .tit i{ margin: 0 10px 10px;}
	.lxPart2 .part2 li .left{ font-size: 18px; margin: 10px;}
	.lxPart2 .part2 li .biji-tit, .lxPart2 .part2 li .biji-content .txt{ line-height: 24px; padding: 10px 10px 0 0;}
	.lxPart2 .part2 li .biji-content .txt{ width: 100%;}
	.lxPart2 .part2 li .biji-content .sq{ width: 90%; height: 40px; font-size: 14px; margin: 15px 0; position: inherit;}
	.lxPart2 .part2 .btnClick{ position: inherit;}
	.lxPart3{ margin: 30px 15px; padding: 15px;}
	.lxPart3 p{ line-height: 26px;}
	.lxPart3 .tit{ font-size: 22px;}
	.lxPart3 .tit i{ width: 52px; height: 36px; border-radius: 15px 0 15px 0;}
	.lxPart3 .part1{ margin: 0 0 60px 0;}
	.lxPart3 .part1 .box{ margin: 30px 0 0;}
	.lxPart3 .part1 .box p{ height: auto;}
	.lxPart3 .part2 .box{ font-size: 14px; margin: 0 5px 15px 5px;}
	.lxPart3 .part2 .box i{ width: 70px; height: 70px; border-width: 2px; margin-bottom: 10px;}
	.lxPart3 .part3 p{ margin-bottom: 15px;}
	.lxPart4{ margin: 0 15px; padding: 20px;}
	.lxPart4 .part .txt{ margin-top: 10px;}
	.lxPart4 .part .txt span{ text-align: left; line-height: 30px;}
	.lxPart4 .part .button{ margin: 20px 0 10px 0;}
	.lxPart4 .part .button input{ font-size: 16px; height: 36px; line-height: 36px;}
}