@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
body{ margin:0; padding:0; font-size:12px; color:#333333;}
img{ margin:0; padding:0; border:none;}
ul,li,ol{ margin:0; padding:0; list-style:none;}
a,a:link,a:visited{ color:#333333; text-decoration:none;}
a:hover{ color:#01458e; text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.div_clear{ clear:both;}
.div_1200{ width:1200px; margin:0 auto; padding: 0px 10px;}
/*header*/
	.header1{ background:#FFFFFF; height:120px; min-width:1220px; width:100%;}
	.h1R{ background: url(../../images/images/i1_05.jpg) no-repeat center left; padding-left: 55px; margin: 33px 0px 0px 0px;}
	.h1R span{ display: block; font-size: 16px; color: #333333; height: 22px; line-height: 22px; overflow: hidden; margin-bottom: 5px;}
	.h1R font{ display: block; font-size: 28px; color: #01458e; font-weight: bold; font-family: "Arial"; height: 27px; line-height: 27px; overflow: hidden;}

	.header2{ height: 55px; min-width: 1200px; width: 100%; background:#01458e;}
	
	.flexslider{position:relative;width:100%; height:750px; text-align:center; overflow:hidden; min-width:1220px;  background:url(../../images/images/loading.gif) 50% no-repeat;}
	.slides{position:relative;z-index:1;}
	.slides li{height:750px;}
	.flex-control-nav{position:absolute;bottom:45px;z-index:3; width:100%;text-align:center; margin-bottom:-10px;}
	.flex-control-nav li{display:inline-block;height:10px;margin:0 6px;*display:inline;zoom:1;}
	.flex-control-nav a{display:inline-block;width:10px;height:10px;font-size: 0;overflow:hidden;background:rgba(255,255,255,0.5); cursor:pointer; border-radius: 5px; overflow: hidden;}
	.flex-control-nav .flex-active{background:rgba(255,255,255);width:35px;}

/*index_m1*/
	.index_m1{ min-width: 1220px; width: 100%; background: url(../../images/images/i1_10.jpg) no-repeat top center; padding: 70px 0px 90px 0px;}
	.im1tit{ padding-bottom: 42px; }
	.im1tit span{ display: block; height: 50px; line-height: 50px; text-align: center; color: #FFFFFF; font-size: 36px; font-weight: bold;}
	.im1tit font{ display: block; margin-bottom: 20px; height: 25px; line-height: 25px; text-align: center; color: #FFFFFF; font-size: 22px; font-family: "Arial"; text-transform: uppercase;}
	.im1tit i{ display: block; width: 20px; height: 3px; background: #FFFFFF; margin: 0 auto;}
	.im1lst{ background: url(../../images/images/i2_02.png) no-repeat center; width: 100%; min-width: 1220px; height: 580px; }
	.im1lL{ width: 470px; padding-top: 70px;}
	.im1lL span{ display: block; height: 90px; line-height: 90px; font-size: 26px; font-weight: bold; color: #333333; overflow: hidden;}
	.im1lL font{ display: block; line-height: 32px; font-size: 16px; color: #333333; height: 224px; overflow: hidden;}
	.im1lL a{ display: block; transition: all 0.3s; margin-top: 50px; width: 180px; height: 55px; line-height: 55px; text-align: center; background: #01458e; border-radius: 30px; color: #ffffff; font-size: 18px;}
	.im1lL a:hover{ background: #0d6ed6; transition: all 0.3s; }
	.im1lR{ width: 650px; height: 470px; margin-top: 60px; background: #000000;}
/*index_m2*/
	.index_m2{ min-width: 1200px; width: 100%; padding:70px 0px 80px 0px; background: url(../../images/images/i1_11.jpg)#f5f5f5 no-repeat top center;}
	.im2_tit{ padding-bottom: 45px; }
	.im2_tit span{ display: block; height: 50px; line-height: 50px; text-align: center; color: #FFFFFF; font-size: 36px; font-weight: bold;}
	.im2_tit font{ display: block; margin-bottom: 20px; height: 25px; line-height: 25px; text-align: center; color: #FFFFFF; font-size: 22px; font-family: "Arial"; text-transform: uppercase;}
	.im2_tit i{ display: block; width: 20px; height: 3px; background: #FFFFFF; margin: 0 auto;}
	.im2_nav{ margin-top: 25px; background: #FFFFFF; height: 105px;}
	.im2_nav a{ display: block; float: left; width: 179px; border-right: 1px solid #eeeeee; padding: 0px 10px;}
	.im2_nav a span{ display: block; width: 179px; text-align: center; text-transform: uppercase; height: 105px; line-height: 105px; overflow: hidden; color: #333333; font-size: 16px;}
	.im2_nav a:hover span{ color: #01458e; font-weight: bold; }
	.im2_lst{ height: 385px; overflow: hidden; margin-top: 60px;}
	.chinaz{ width:100%; height: 385px; position: relative;}
	.q51buypic{ width:100%; height:385px;  position:relative;}
	.q51buypic li{ width:380px; height:385px; float: left; margin-right:29px}
	.im2lone{ width:380px; height:385px;}
	.im2loimg{ width: 380px; height: 285px; background: #ffffff; }
	.im2loimg div{ width: 380px; height: 285px; display: table-cell; vertical-align: middle; text-align: center; }
	.im2lofot{ padding: 20px 20px 0px 20px; position: relative;}
	.im2lofot1{ height: 35px; line-height: 35px; overflow: hidden; font-size: 18px; width: 270px;}
	.im2lofot2{}
	.im2lofot2 span{ display: block; width: 270px; height: 25px; line-height: 25px; overflow: hidden; font-size: 14px; color: #666666;}
	.im2lofot2 font{ display: block; background: url(../../images/images/i2_11.png) no-repeat center; width: 28px; height: 28px; position: absolute; bottom: 11px; right: 0;}
	.im2lone a:hover .im2lofot2 font{ background: url(../../images/images/i2_09.png) no-repeat center; }

	.im2_more{ padding-top: 30px; }
	.im2_more a{display: block; transition: all 0.3s;  margin: 0px auto; width: 180px; height: 55px; line-height: 55px; text-align: center; background: #01458e; border-radius: 30px; color: #ffffff; font-size: 18px;}
	.im2_more a:hover{ background: #0d6ed6; transition: all 0.3s; }
/*index_m3*/
	.index_m3{ background:url(../../images/images/i1_17.png) no-repeat top center; min-width: 1220px; width: 100%; padding: 70px 0px 80px 0px; }
	.im3_tit{padding-bottom: 50px; }
	.im3_tit span{ display: block; height: 50px; line-height: 50px; text-align: center; color: #FFFFFF; font-size: 36px; font-weight: bold;}
	.im3_tit font{ display: block; margin-bottom: 20px; height: 25px; line-height: 25px; text-align: center; color: #FFFFFF; font-size: 22px; font-family: "Arial"; text-transform: uppercase;}
	.im3_tit i{ display: block; width: 20px; height: 3px; background: #FFFFFF; margin: 0 auto;}
	.im3_lst{ height: 370px; background: url(../../images/images/casebg_02.png) no-repeat top center; min-width: 1220px; width: 100%; padding: 80px 0px 50px 0px; }
	.chinaz2{ width:100%; height: 370px; position: relative;}
	.q51buypic2{ width:100%; height:370px;  position:relative;}
	.q51buypic2 li{ width:380px; height:370px; float: left; margin-right:29px}
	.im3lone{ width: 380px; height: 370px; }
	.im3loimg{ width: 380px; height: 285px; background: rgba(255,255,255,0.6); }
	.im3loimg div{ width: 380px; height: 285px; display: table-cell; vertical-align: middle; text-align: center;}
	.im3lofot{ height: 85px; line-height: 85px; text-align: center; overflow: hidden; color: #FFFFFF; font-size: 18px; }

	.im3_more{ padding-top: 48px; }
	.im3_more a{display: block; transition: all 0.3s;  margin: 0px auto; width: 180px; height: 55px; line-height: 55px; text-align: center; background: #01458e; border-radius: 30px; color: #ffffff; font-size: 18px;}
	.im3_more a:hover{ background: #0d6ed6; transition: all 0.3s; }
/*index_m4*/
	.index_m4{ background: #f5f5f5; min-width: 1220px; width: 100%; padding: 70px 0px 90px 0px; }
	.im4tit{padding-bottom: 10px; }
	.im4tit span{ display: block; height: 50px; line-height: 50px; text-align: center; color: #01458e; font-size: 36px; font-weight: bold;}
	.im4tit font{ display: block; margin-bottom: 20px; height: 25px; line-height: 25px; text-align: center; color: #999999; font-size: 22px; font-family: "Arial"; text-transform: uppercase;}
	.im4tit i{ display: block; width: 20px; height: 3px; background: #01458e; margin: 0 auto;}
	.im4lst{}
	.im4lone{ width: 580px; height: 270px; background: #FFFFFF; overflow: hidden; margin-top: 40px; position: relative; }
	.im4lopos{ position: absolute;transition: all 0.3s; top: 0; right: 0; background: url(../../images/images/i1_22.jpg) no-repeat center; width: 50px; height: 89px; padding-left: 39px;}
	.im4lopos span{ display: block; width: 50px; height: 60px; line-height: 60px; text-align: center; color: #ffffff; font-size: 32px; font-family: "Arial";}
	.im4lox{ padding: 35px 0px 45px 35px; height: 190px; width: 460px;}
	.im4lox1{ height: 60px; line-height: 60px; overflow: hidden; font-size: 22px; }
	.im4lox2{ height: 60px; line-height: 30px; overflow: hidden; font-size: 16px; color: #555555; margin: 5px 0px 35px 0px;}
	.im4lox3{ background: url(../../images/images/i2_11.png) no-repeat center; width: 28px; height: 28px; transition: all 0.3s;}
	.im4lone a:hover .im4lopos{ background: url(../../images/images/i1_20.jpg) no-repeat center; transition: all 0.3s;}
	.im4lone a:hover .im4lox3{ background: url(../../images/images/i2_09.png) no-repeat center; transition: all 0.3s;}

	.im4_more{ padding-top: 50px; }
	.im4_more a{display: block; transition: all 0.3s;  margin: 0px auto; width: 180px; height: 55px; line-height: 55px; text-align: center; background: #01458e; border-radius: 30px; color: #ffffff; font-size: 18px;}
	.im4_more a:hover{ background: #0d6ed6; transition: all 0.3s; }
/*index_m5*/
	.index_m5{background:#FFFFFF; min-width: 1220px; width: 100%; padding: 70px 0px 90px 0px; }
	.im5tit{padding-bottom: 45px; }
	.im5tit span{ display: block; height: 50px; line-height: 50px; text-align: center; color: #01458e; font-size: 36px; font-weight: bold;}
	.im5tit font{ display: block; margin-bottom: 20px; height: 25px; line-height: 25px; text-align: center; color: #999999; font-size: 22px; font-family: "Arial"; text-transform: uppercase;}
	.im5tit i{ display: block; width: 20px; height: 3px; background: #01458e; margin: 0 auto;}

	.swc2 {width: 100%;}
	.swc2 .swiper-slide{
		text-align: center;
		font-size: 22px;
		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;
		transition: 300ms; width: 25%;
	}
	.swc2 .swiper-slide .im5lofot span,.swc2 .swiper-slide .im5lofot font,.swc2 .swiper-slide .im5lofot i{ color: #8c8c8c; }

	.swc2 .swiper-slide-active .im5lofot span,.swc2 .swiper-slide-duplicate-active .im5lofot span,.swc2 .swiper-slide-duplicate-active .im5lofot i{ color: #333333;}
	.im5lone{ width: 100%;}
	.im5oimg{ position: relative; width: 100%; height: 100%; }
	.im5oimgx{list-style-type: none; display: block; width: 100%; position: relative; background:#f1f1f1; margin: 0 auto; overflow: hidden;}
	.im5oimgx .im5oimgy{padding-top:75%;}
	.im5oimgx img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;max-height:100%;display: block;margin:auto;padding: auto;}
	.im5lofot{ padding:20px 15px;  transition: all 0.3s;}
	.im5lofot span{ display: block; text-align: left; font-size: 22px; overflow: hidden; height: 40px; line-height: 40px;}
	.im5lofot font{ display: block; text-align: left; font-size: 16px; overflow: hidden; height: 50px; line-height: 25px; color: #666666;}
	.im5lofot i{ display: block; font-style: normal; text-align: left; font-size: 16px; overflow: hidden; height: 30px; line-height: 30px; color: #8c8c8c;}
	.im5lone:hover .im5lofot span{ color: #01458e; transition: all 0.3s; }

	.swc2 .swiper-slide .im5oimg i{display: block; position: absolute; height: 100%; top: 0; width: 100%; background: rgba(255,255,255,0.4); z-index: 12; }

	.swc2 .swiper-slide-active .im5oimg i,.swc2 .swiper-slide-duplicate-active .im5oimg i{ background: none; }
	.swc2 .swiper-pagination-bullet{ background: #d2d2d2; width: 10px; height: 10px; border-radius:10px; opacity: 1}
	.swc2 .swiper-pagination-bullet-active{ background: #01458e; width: 35px; height: 10px; opacity: 1}

	.im5_more{ padding-top: 35px; }
	.im5_more a{display: block; transition: all 0.3s;  margin: 0px auto; width: 180px; height: 55px; line-height: 55px; text-align: center; background: #01458e; border-radius: 30px; color: #ffffff; font-size: 18px;}
	.im5_more a:hover{ background: #0d6ed6; transition: all 0.3s; }
/*footer*/
	.footer{ background: #043f7e; min-width: 1220px; width: 100%; padding:85px 0px 0px 0px;}
	.foot1{ padding: 0px 0px 15px 0px; }
	.foot1L{ background: url(../../images/images/i1_35.jpg) no-repeat center left; padding-left: 60px; margin-top: 20px;}
	.foot1L span{ display: block; height: 28px; line-height: 28px; color: #FFFFFF; font-size: 16px;}
	.foot1L font{ display: block; height: 36px; line-height: 36px; color: #FFFFFF; font-size: 30px; font-family: "Arial";}
	.foot1M{ width: 395px; padding-left: 155px;}
	.foot1M1{ width: 115px; }
	.foot1M1 span{ display: block; width: 115px; height: 115px; background: #ffffff;}
	.foot1M1 font{ display: block; width: 115px; height: 55px; line-height: 55px; color: #FFFFFF; font-size: 14px; text-align: center;}
	.foot1M1Mr{ margin-left: 25px; }
	.foot1R{ width: 315px; }
	.foot1R1{ font-size: 14px; }
	.foot1R1 span{ display: block; float: left; margin-bottom: 5px; margin-right: 25px; width: 60px; height: 35px; line-height: 35px; text-align: center; overflow: hidden;}
	.foot1R1 span a{ color: #FFFFFF; }
	.foot1R1 font{ display: block; float: right; margin-bottom: 5px; width: 60px; height: 35px; line-height: 35px; text-align: center; overflow: hidden;}
	.foot1R1 font a{ color: #FFFFFF; }
	.foot1R2{ height: 35px; line-height: 35px; }
	.foot1R2 a{ display: block; float: right; color: #427ec0; font-size: 14px; margin-left: 30px;}

	.foota1{ height: 80px; line-height: 80px; text-align: center; color: #FFFFFF; font-size: 14px; }
	.foota1 span{ padding: 0px 15px; }
	.foot2{ border-top: 1px solid #194e88; min-width: 1220px; width: 100%; height: 69px; line-height: 69px; text-align: center; color: #4a86c6; font-size: 14px;}
	.foot2 span{ padding: 0px 13px; }
	.foot2 a{ color: #4a86c6; }
	.foot2 a:hover{ color: #FFFFFF; }
/*site*/
	.sid_mtit{ position: relative; width: 100%; }
	.sid_mtitx{ position:absolute; width: 100%; bottom: 0px;}
	.sid_mtity{ background: #ffffff; padding: 0px 30px;height: 60px; line-height: 60px;}
	.sid_mtitx span{ display: block; float: left; font-size: 24px; color: #01458e;}
	.sid_mtitx font{ display: block; float: right; font-size: 16px; color: #7a7a7a; }
	.sid_mtitx font a{ color: #7a7a7a; }
	.sid_mtitx font a:hover{ color: #01458e; }

	.sid_mnav{ position: relative; width: 100%; padding: 30px 0px 30px 0px; height: 50px;}
	.sid_mnav ul{ position:absolute; width: 100%; text-align: left; font-size: 0;}
	.sid_mnav li{ display: inline-block; padding: 0px 10px;}
	.sid_mnav a{ display: block; height: 50px; line-height: 50px; background: #e5e5e5; border-radius: 25px; padding: 0px 35px; font-size: 20px; color: #333333;}
	.sid_mnav a.linkhover{ color: #FFFFFF; background: #01458e;}
	
	.sim_lst{ padding: 10px 0px 50px 0px; }
	.sim_con{ line-height: 210%; }