@charset "utf-8";
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size:12px; background-color:#FFF; color:#96989d; font-family:"微软雅黑",Arial;overflow-x: hidden;}
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }
a{ text-decoration:none;outline:none;}



ul, li {list-style: none;}
.fl { float: left; }
.fr { float: right; }
input:focus { outline: none; }
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}

/* transition */
.case-page ul li a,
.nav ul li a i,
.nav ul li a em,
.main {transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}



/*banner*/
/*.h_banner{ width:100%; height:960px; overflow:hidden; position:relative;}
.h_b_desc{ position:absolute;top:0; right:0; width:58%; height:100%; z-index:999; background:rgba(95,155,227,0.9); color:#fff;}
.h_b_desc .h_b_F{ padding:250px 0 0 155px; position:absolute; left:0; top:0;width: 100%;}
.h_b_desc .h_b_F .h_b_F01{ font-size:20px; line-height:20px; font-weight:lighter; font-style:normal; display:block; padding-top:40PX; width:100%; overflow: hidden;}
.h_b_desc .h_b_F span{ font-size:48px; line-height:55px; font-weight:bold;display:block; color:#fff; letter-spacing:1px}
.h_b_desc .h_b_F .h_b_more{ width:150px; height:40px; margin-top:40px ;background:#fff; float:left;border-radius:4px;}
.h_b_desc .h_b_F .h_b_more a{ float: left;display: block; width:14px;background: url(../images/h_b_more1.png) no-repeat center center / 14px; height:14px; padding:13px; margin-left:8px}
.h_b_desc .h_b_F .h_b_more p{ font-size:14px; line-height:40px; font-weight:lighter; color:#5f9be3;}*/


.h_banner{ width:100%; height:900px; overflow:hidden; position:relative;background-size:cover }
.h_b_desc{ position:absolute;top:0; right:0; width:66%; height:100%; z-index:8; background:rgba(95,155,227,0.8); color:#fff;}
.h_b_descbox{position:absolute; height:100%;left:15%;right:10%; top:0;}
.h_b_descbox .h_b_F{vertical-align:middle;display:inline-block;}
.h_b_descbox em{vertical-align:middle;display:inline-block;height:100%}
.h_b_desc .h_b_F .h_b_F01{ font-size:16px; line-height:20px; font-weight:lighter; font-style:normal; display:block; padding-top:20PX;  overflow:auto;}
.h_b_desc .h_b_F .h_b_F02{ font-size:48px; line-height:60px; font-weight:bold;display:block; padding-bottom:20px; color:#fff; letter-spacing:1px}
.h_b_desc .h_b_F .h_b_F03{ font-size:24px; line-height:30px; font-weight:lighter;letter-spacing:2px}
.h_b_desc .h_b_F .h_b_more{ width:150px; height:40px; margin-top:40px ;background:#fff; float:left;border-radius:4px;}
.h_b_desc .h_b_F .h_b_more a{ float: left;display: block; width:14px;background: url(../images/h_b_more1.png) no-repeat center center / 14px; height:14px; padding:13px; margin-left:8px}
.h_b_desc .h_b_F .h_b_more p{ font-size:14px; line-height:40px; font-weight:lighter; color:#5f9be3;}


/*xtpage1*/
 .xtpage1{ width:80%; height:770px; padding:0 10%;}
 .xtpage1 .xtp1-font{ width:100%; text-align:center; height:auto; padding:50px 0; color:#3e3f4a}
 .xtpage1 .xtp1-font span{font-size:48px; line-height:55px; font-weight: lighter;display:block; letter-spacing:1px; font-family:微软雅黑 Light; padding:30px 0;}
 .xtpage1 .xtp1-font p{ font-size:12px; line-height:25px; width:80%; margin:0 auto}
 .xtpage1 .xtp1-al{ width:100%; height: auto; position:relative;}
 .xtpage1 .xtp1-al img{ position:absolute; top: 50px; left:26%; right:26%; width:46%;}
 .xtpage1 .xtp1-al .xtp1-p{ width:25%; height:auto; padding-top:5%; float:left;}
 .xtpage1 .xtp1-al .xtp1-p span{ font-size:26px; color:#5f9be3; line-height:40px; width:100%}
 .xtpage1 .xtp1-al .xtp1-p p{ width:100%; font-size:18px; line-height:30px; height:auto; color:#3e3f4a; float:left; padding:20px 0}
 .xtpage1 .xtp1-al .xtp1-p p em{ width:10px; height:10px; border-radius:10px; background:#5f9be3; margin:10px; display: block; float:left;}
 .xtpage1 .xtp1-al .p2{ padding-left:50%; }
 
 
 /*xtpage2*/
 .xtpage2{ width:80%; height:auto; padding:0 10%; background:#f6f8fa;}
 .xtpage2 .xtp2-font{ width:100%; text-align:center; height:auto; padding:50px 0; color:#3e3f4a}
 .xtpage2 .xtp2-font span{font-size:48px; line-height:55px; font-weight: lighter;display:block; letter-spacing:1px; font-family:微软雅黑 Light; padding:30px 0;}
 .xtpage2 .xtp2-font p{ font-size:12px; line-height:25px; width:80%; margin:0 auto}
 .xtpage2 .xtp2-all{ width:100%; height: 100%; position:relative}
 .xtpage2 .xtp2-all .xtp2-img{ text-align:center; display:block; margin:0 auto;}
 .xtpage2 .xtp2-all .xtp2-img1{ position:absolute; left:15%;top:118px}
 .xtpage2 .xtp2-all .xtp2-ali{ width:100%; height:373px;}
 .xtpage2 .xtp2-all .xtp2-ali1{ padding-top:150px;}
 .xtpage2 .xtp2-all .xtp2-ali2{ padding-top:35px;}
 .xtpage2 .xtp2-all .xtp2-ali3{ padding-top:50px;}
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo{ display:block; float:left; width:70%; height:auto;overflow: hidden;}
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo2{ padding-left:15%; width:55%}
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo i{ width:250px; height:40px; background:#5f9be3; color:#fff; font-size:24px;font-family:微软雅黑 Light; text-align:center; line-height:40px; font-style:normal; display:block;}
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo .p1{height:auto; color:#3e3f4a; font-size:24px;font-family:微软雅黑 Light;line-height:40px; font-style:normal; display:block; padding:30px 0 10px 0;}
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo .p2{height:auto; color:#3e3f4a; font-size:14px;line-height:30px; font-style:normal; display:block; }
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo a{width:150px; height:27px; background:#3e3f4a; color:#fff; font-size:12px;font-family:微软雅黑 Light; text-align:center; line-height:27px; font-style:normal; display:block; margin-top:30px}
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alm{ display:block; width:30%; float:left;}
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo2 p{ width:100%}
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo1 p{ width:80%}
 .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo3 p{ width:80%}
 .xtpage2 .xtp2-all .xtp2-img3{ padding-top:100px;width: 80%}
 
 /*xtpage3*/
 .xtpage3{ width:80%; height:auto; padding:0 10%;}
 .xtpage3 .xtp3-font{ width:100%; text-align:center; height:auto; padding:50px 0; color:#3e3f4a}
 .xtpage3 .xtp3-font span{font-size:48px; line-height:55px; font-weight: lighter;display:block; letter-spacing:1px; font-family:微软雅黑 Light; padding:30px 0;}
 .xtpage3 .xtp3-font p{ font-size:12px; line-height:25px; width:80%; margin:0 auto}
 .xtpage3 ul{ width:100%; height:460px; padding:0 0 80px 0; margin:0}
 .xtpage3 ul li{ width:26%; height:230px; padding:0 3%; text-align: center; float:left; display:block; color:#96989D;}
 .xtpage3 ul li img{ display:block; float:left; padding-left:25%; padding-right:5%}
 .xtpage3 ul li span{font-size:18px; line-height:48px; font-weight: lighter;display:block; letter-spacing:1px; font-family:微软雅黑 Light; float:left; width:50%; text-align:left}
 .xtpage3 ul li p{ width:100%; font-size:14px; display:block; float:left; padding-top:30px; line-height:20px}
 
 
 /*xtpage4*/
 .xtpage4{ width:80%; height:auto; padding:0 10% 60px; background:#f6f8fa;}
 .xtpage4 .xtp4-font{ width:100%; text-align:center; height:auto; padding:50px 0; color:#3e3f4a}
 .xtpage4 .xtp4-font span{font-size:48px; line-height:55px; font-weight: lighter;display:block; letter-spacing:1px; font-family:微软雅黑 Light; padding:30px 0;}
 .xtpage4 .xtp4-font p{ font-size:12px; line-height:25px; width:80%; margin:0 auto}
 .xtpage4 .xtp4-swiper{ width:80%; margin:0 auto; height:650px; padding-bottom:100px}
 .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
 
 .xtpage4 .xtp4-swiper .swiper-container .swiper-wrapper .swiper-slide img{ width:100%}
 
 
.inxt_case{}
.inxt_case .inxt_caselist{overflow:hidden}
.inxt_case .inxt_caselist .slick-slide{outline:none}
.inxt_case .inxt_caselist div img{max-width:100%;margin:0 auto;display:block;}
.inxt_case .slick-next,.inxt_case .slick-prev{background-repeat:no-repeat;position:absolute;top:50%;width:45px;height:45px;display: block;border:none medium;text-indent:-9999px;background-image:url(../images/slick_jt.png);background-color:transparent;outline:none;background-size:90px;margin-top:-20px;cursor:pointer;}
.inxt_case .slick-next{background-position:-45px center;right:0}
.inxt_case .slick-prev{background-position:0 0; left:0}
.inxt_case .slick-dots{bottom:-54px;}
.inxt_case .slick-dots li{margin:0}
.inxt_case .slick-dots li button{width:8px;height:8px;border:1px solid #ddd;border-radius:50%;}
.inxt_case .slick-dots li button:before{content:'';border:none;width:8px; height:8px; }
.inxt_case .slick-dots li.slick-active button{background:#ddd}


/*page*/
.page8{ margin:0; width:100%; height:30px; background-color:#3E3F4C;float: left}
.page8 p{ font-size:12px; color:#FFFFFF; float:left; display:block; margin:6px 30px;}
.page8 span{font-size:12px; color:#FFFFFF; float: right; display:block; margin:6px 30px; }
 
/* transition */

.nav ul li a i,
.nav ul li a em,
.main {transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}



/*效果*/

/*1919分辨率下的样式*/
@media (max-width:1919px) {
	.xtpage2 .xtp2-all .xtp2-img1{ display:none}
	 .xtpage2 .xtp2-all .xtp2-img2{ display:none}
   .xtpage2 .xtp2-all .xtp2-ali1 { padding-top:0;}
	
	.xtpage3 {width: 90%; padding: 0 5%;}
	.xtpage3 ul{ width:100%; height:740px; padding:0; margin:0}
	 .xtpage3 ul li{ width:44%; height:230px; padding:0 3%; text-align: left; float:left; display:block; color:#96989D;}
	 .xtpage3 ul li img{ display:block; float:left; padding-left:25%; padding-right:5%}
	 .xtpage3 ul li span{font-size:18px; line-height:48px; font-weight: lighter;display:block; letter-spacing:1px; font-family:微软雅黑 Light; float:left; width:50%; text-align:left}
	 .xtpage3 ul li p{ width:100%; font-size:14px; display:block; float:left; padding-top:30px; line-height:20px}
	
}


/*1366分辨率下的样式*/
@media (max-width:1366px) {

	
	.xtpage2 .xtp2-all .xtp2-img1{ display:none}
	 .xtpage2 .xtp2-all .xtp2-img2{ display:none}
   .xtpage2 .xtp2-all .xtp2-ali1 { padding-top:0;}
   .xtpage2 .xtp2-all .xtp2-ali .xtp2-alm{ display:block; width:30%; float:left;padding: 8% 0;}
	
	.xtpage3 {width: 90%; padding: 0 5%;}
	.xtpage3 ul{ width:100%; height:700px; padding:0; margin:0}
	 .xtpage3 ul li{ width:44%; height:230px; padding:0 3%; text-align: left; float:left; display:block; color:#96989D;}
	 .xtpage3 ul li img{ display:block; float:left; padding-left:25%; padding-right:5%}
	 .xtpage3 ul li span{font-size:18px; line-height:48px; font-weight: lighter;display:block; letter-spacing:1px; font-family:微软雅黑 Light; float:left; width:50%; text-align:left}
	 .xtpage3 ul li p{ width:100%; font-size:14px; display:block; float:left; padding-top:30px; line-height:20px}
	
	
	}




/*960分辨率下的样式*/
@media (max-width:960px) {
	
	.banner{ height:250px}
	
	.h_banner{ width:100%; height:640px; overflow:hidden; position:relative;}
	

	
	.xtpage1 .xtp1-al img {top:0; }
   .xtpage1 {width: 90%;height: 770px;padding: 0 5%;}
   .xtpage1 .xtp1-al .xtp1-p { width: 45%;height: auto; padding-top: 210px; float: left;}
   .xtpage1 .xtp1-al .p2 { padding-left: 5%;}
   
  
   .xtpage2 {width: 90%;padding: 0 5%;}
   .xtpage2 .xtp2-all .xtp2-ali {height: 450px;}
   .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo2 { padding-left: 10%;width: 60%;}
   .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo1 p{ width:90%}
   .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo3 p{ width:90%}
	
	.xtpage3 {width: 90%; padding: 0 5%;}
	.xtpage3 ul{ width:100%; height:740px; padding:0; margin:0}
	 .xtpage3 ul li{ width:44%; height:198px; padding:0 3%; text-align: left; float:left; display:block; color:#96989D;}
	 .xtpage3 ul li img{ display:block; float:left; padding-left:0; padding-right:5%}
	 .xtpage3 ul li span{font-size:18px; line-height:48px; font-weight: lighter;display:block; letter-spacing:1px; font-family:微软雅黑 Light; float:left; width:72%; text-align:left}
	 .xtpage3 ul li p{ width:100%; font-size:14px; display:block; float:left; padding-top:30px; line-height:20px}
	
	.xtpage4 {width: 90%; padding: 0 5%;}
	.xtpage4 .xtp4-swiper { width: 100%;}	
	
	
	
	.page8{ margin-top:30px; height:auto; float:left; padding:10px 0; text-align:center;}
	.page8 p{float:none;}
	.page8 span{ float:none;}
	.xtpage3 .xtp3-font span{font-size:26px;padding:0}
	.xtpage4 .xtp4-font span{font-size:26px;padding:0}
}
	


/*640分辨率下的样式*/
@media (max-width:640px) {
	
   .xtpage1 {width: 90%;height: 760px;padding: 0 5%;}
	.xtpage1 .xtp1-font span {font-size: 26px;padding:20px 0}
	.xtpage1 .xtp1-font p {width: 100%;}
	.xtpage1 .xtp1-al .xtp1-p { width: 100%;height: auto; padding-top: 150px; float: left;}
    .xtpage1 .xtp1-al .p2 { padding:0}
	
	.xtpage2 .xtp2-font span {font-size: 26px;padding:20px 0;line-height:36px}
	.xtpage2 .xtp2-all .xtp2-ali .xtp2-alo { width:100%}
	.xtpage2 .xtp2-all .xtp2-ali .xtp2-alo p{ width:100%}
	.xtpage2 .xtp2-all .xtp2-ali .xtp2-alo p2{ display:none;}
   .xtpage2 .xtp2-all .xtp2-ali .xtp2-alo2 { padding-bottom:100px; padding-left:0;width: 100%;}
	.xtpage2 .xtp2-all .xtp2-ali .xtp2-alm{ display:block; width:70%; float:left; margin:0 auto; padding-left:15%}
	.xtpage2 .xtp2-all .xtp2-img3 { width: 100%;}
	
	.xtpage3 ul{height:1210px}
	.xtpage3 ul li{ width:100%;padding:0;}
	
	.xtpage4 .xtp4-swiper { height: 350px;}
	.h_banner{ width:100%; height:360px; overflow:hidden; position:relative;}
	.h_b_desc .h_b_F span{font-size:18px;line-height:12px}
	.h_b_desc .h_b_F .h_b_F01{font-size:12px}
	.h_b_desc .h_b_F .h_b_F02{font-size:18px;line-height:20px}
	.page8{ margin-top:30px; height:auto; float:left; padding:10px 0; text-align:center;}
	.page8 p{ font-size:16px;float:none;}
	.page8 span{ font-size:16px; float:none;}
	
	.h_b_desc .h_b_F .h_b_more{display:none}
	.xtpage1 .xtp1-al .xtp1-p p{font-size:13px;padding:4px 0}
	.xtpage1 .xtp1-font{padding:30px 0}
	.xtpage2 .xtp2-all .xtp2-ali .xtp2-alo i{width:90%;margin:0 auto}
	.xtpage2 .xtp2-all .xtp2-ali .xtp2-alo .p1{font-size:18px;line-height:30px}
	.xtpage2 .xtp2-all .xtp2-ali .xtp2-alo .p2{font-size:12px;line-height:24px;color:#666}
	
	
	}