*{padding:0; margin:0;}
body{ font-family: 'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;font-size:1.1em; min-width: 340px;}
img {border:0px; display:block; }
ul,li,dt,dd,dl{list-style:none;}
a{color:#263342; text-decoration:none; cursor:pointer;-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.2s ease-in-out;}
div,p,span,a{word-wrap:break-word;text-decoration:none;}
a:hover{ color:#08B2AD; text-decoration:none;}
input{ outline:none;}


.header{width: 100%;position: fixed; z-index:999; background-color:rgba(0,0,0,0.0); min-height: 40px;transition: background-color 1s;}
.bg-black{background-color: rgba(55,56,62,.8);}
.header02{ box-shadow:2px 2px 8px #cccccc; }
.header_div{ width:100%; position: relative;}
.header_div_img{ position:absolute; top:14px; left: 0px; z-index: 999; height:35px;}
.header_div_p{ font-size: 19px; color: #08B2AD; padding:30px 0px 35px 165px; }
.header_div_top{ position: relative; float: right;}
.header_div_top_a01{ font-size:16px; color: #555c6e; margin-top: 12px; float: left;background: url(../images/a09.png) no-repeat left center; height: 20px; display:inline-block; padding-left: 25px; }
.header_div_top_a01:hover{background: url(../images/a08.png) no-repeat left center; color: #08B2AD;}
.header_div_top_a02{font-size:16px; color: #555c6e; margin-left: 10px; margin-top: 12px;float: left; height: 20px; display:inline-block;}
.header_div_top_a02:hover{ color: #08B2AD;}
.header_div_top_a02 a{margin-left:10px; color:#555c6e}.header_div_top_a02 a:hover{ color:#08B2AD;}
.header_div_search{ display:inline-block; width: 220px; float: right; margin-top:7px;}
.header_div_nav{ position:relative; padding-top:10px; float: left; overflow: hidden;}
.header_div_nav a{color: #1a296b;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
    align-items: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 0.9375rem;}


#searchform { float: right; border-bottom: 1px solid #c9cbd0;}
#searchform fieldset { padding:0px; border:none; margin:0px; }
#searchform input[type="text"] {border:none;float:left;  outline: none;margin:0px;width:120px; height:28px;line-height:28px;transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color:#c9cbd0; font-size: 14px; }
#searchform input[type="text"]:hover, #searchform input[type="text"]:focus { width:170px; }
#searchform input[type="submit"] { background:url(../images/a10.png) no-repeat center center; cursor:pointer; margin:0px; padding:0px; width:28px; height:28px; line-height:28px; }
#searchform input[type="submit"] { padding:4px 17px; color:#ffffcolor:#585858; ff; text-transform:uppercase; border:none; font-size:20px; background:url(../css/gradient.png) bottom repeat-x; cursor:pointer; margin-top:10px; float:left; overflow:visible; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; }
#searchform input[type="submit"]:hover {background:url(../images/a12.png) no-repeat #08B2AD center center;}

/* 主菜单 */
.nav{display: block; padding: 10px 0px;}
.nav .nav_pc{ width: 100%;}
.nav ul li{float:left;position: relative; width: auto !important;box-sizing: border-box;z-index: 999; margin: 0px 50px;
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}
.nav_pc_img{ display: inline-block; margin-left:3px;moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.nav_pc_li:hover .nav_pc_img{transform: rotate(180deg);
ms-transform: rotate(180deg); /* IE 9 */
moz-transform: rotate(180deg); /* Firefox */
webkit-transform: rotate(180deg); /* Safari and Chrome */
o-transform: rotate(180deg);
	-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; /* Opera */}
.nav ul li:before {content: "";position: absolute;bottom: 0;width: 0;border-bottom: solid 3px #08B2AD;}
.nav ul li:before {center:0;}
.nav ul li:hover {color: #08B2AD;}
.nav ul li:hover:before {width: 100%;}
.nav ul li:before {-webkit-transition: width .3s ease-in-out;transition: width .3s ease-in-out;}
.nav ul li .f_a{line-height:24px;display:block;text-align:center;font-size:16px;color:white;text-decoration: none !important;}
.nav ul li:hover .f_a{color: #08B2AD; transition:all .3s}
.nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 150%; padding: 10px 0px; background-color: #292d36; z-index: 9999;box-sizing: border-box}
.nav ul li .s_navbox .s_a a{color:#ffffff;font-size:14px;display:block;text-align: center;padding: 10px 0;}
.nav ul li .s_navbox .s_a a:hover{color: #7198fc;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.active{background-color: #cf1322}
.activ2{background-color: #cf1322}

.header_div_box{ overflow:hidden; float: right;}
.header_div_button{ overflow:hidden; float: left; margin-left: 20px;}
.header_div_button_a01{ display:block; padding: 0px 14px; margin-top: 18px; margin-left: 12px; float: left; color: #ffffff !important; background-color:#08B2AD; text-decoration:none !important; line-height: 30px; border-radius: 5px; font-size: 14px;}
.header_div_button_a01:hover{ background-color: #01c0ba; color: #ffffff !important; text-decoration:none !important;}
.header_div_button_a02{background-color: #22AEF4 !important;}
.header_div_button_a02:hover{ background-color: #39b9f9 !important;}
.header_div_button_a03{ font-size:13px; float: left;margin:24px 3px 0px 3px; color: #444444;}
.header_div_button_span{ float:left;margin:25px 3px 0px 3px; color: #999999;}
.m_navList_ul02{ overflow:hidden; padding-top:25px;}
.m_navList_ul02 a{display:block; padding: 0px 14px; margin:15px auto; text-align: center; border: 1px solid #08B2AD; color: #08B2AD; line-height: 30px; border-radius: 5px; font-size: 15px;}
.m_navList_ul03{ overflow:hidden; padding-top:15px;}
.m_navList_ul03 a{ border-bottom: 1px solid #232530;  border-top: 1px solid #232530; margin-top: -1px; display: block; color:#ffffff; padding: 10px 0px; font-size: 13px;}


/*移动端导航*/
@media screen and (max-width: 1023px) and (min-width: 0px){
   .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .header_nav{display:none}
   .m_img{display:block;height:44px; position: absolute;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:40px;display: block}
   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:15px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
	.people_list_left{ font-size:40px !important;}
	.people_list_div a{ line-height:40px !important;background: url(../images/b60.png) no-repeat 0px 10px  !important;background-size: 20px auto !important;}
	.header_div_img{ height:23px !important; top: 9px !important;}
}


.c-banner{width: 100%;position: relative;}
.c-banner img{width: 100%;}
.c-banner .banner ul{list-style: none;padding-left: 0px;margin-bottom: 0px;}
.c-banner .banner ul li{opacity: 0; position: relative; display: block; overflow: hidden;}
.c-banner .banner ul li:nth-child(1){opacity: 1;display: block; overflow: hidden;}
.c-banner .banner ul li img{width: 100%;position: absolute;top: 0px;}
.c-banner .banner ul li:first-child img{position: relative;}
.c-banner .nexImg,.c-banner .preImg{padding: 15px 8px 15px 8px;position: absolute;top: 50%;margin-top: -53px;background: #000000;opacity: 0.5;z-index: 10; cursor: pointer;}
.c-banner .nexImg:hover,.c-banner .preImg:hover{opacity: 0.8;}
.c-banner .nexImg{right: 0px;}
.c-banner .nexImg img,.c-banner .preImg img{}
.c-banner .jumpBtn{width: 100%;position: absolute;bottom:25px;text-align: center; z-index: 999999;}
.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px; position: absolute;  left: 50%; margin-left: -30px;}
.c-banner .jumpBtn ul li{display: inline-block;margin-left: 8px; width: 12px; height: 2px; font-size: 14px;  background:#666666;cursor: pointer;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px;}
@media screen and (max-width:768px) {
	.c-banner{width: 100%;height: auto;overflow: hidden;}
	.c-banner .banner ul li img{width:100%;height:auto;position: absolute;left: 50%;margin-left: -50%;}
	.jumpBtn{bottom:25px !important; }
	.c-banner .jumpBtn ul li{ font-size:12px;}
	.c-banner .nexImg,.c-banner .preImg{padding: 7px 4px 7px 4px;margin-top: -18px;}
	.c-banner .nexImg img,.c-banner .preImg img{ height: 25px !important;}
	.c-banner .jumpBtn ul li{margin-left:8px;}
	
}
.banner a{ width:100%; height: 100%; display: block;}
.banner li:hover .banner_font_p01{ top:-40px;-moz-transition: all 0.6s all 0.6s;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out; }
.banner li:hover .banner_font_text{bottom:0px; opacity:1;-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;} 
.banner_font{ position:absolute; z-index: 99; width:50%; bottom:20px;  z-index: 9; left: 50%; margin-left:-36%;}
.banner_font_p01{ display:block; position:absolute; max-width:95%; z-index: 9; background:url(../images/a13.png) ; top:40px; left: 10px; color: #ffffff; font-size:24px; padding:13px 25px; letter-spacing: 1px;-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}
.banner_font_text{ opacity: 0; font-size: 18px; max-width: 800px; left: -10px; color: #ffffff; background-color: #292d36; padding:30px 25px 12px 25px;-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.banner_font_text_p01{ display:block; width: 100%; height:40px; line-height: 20px; overflow: hidden;}
.banner_font_text_p02{ display: block; text-align: right; width: 100%; font-size: 18px;}


.banner_photo{ overflow:hidden; position: relative;}
.banner_photo_img{ width:100%;}
.banner_photo_p01{ position:absolute; display: block; left: 0px; width: 100%; text-align: center; margin-top:9%; font-size:56px; color: #263342; z-index: 9; letter-spacing: 2px;}
.banner_photo_p02{position:absolute; display: block; left: 0px; width: 100%; text-align: center; margin-top:18%; font-size:24px; color: #263342; z-index: 9;letter-spacing: 1px;}



.box_font{ overflow:hidden; background-color: #ffffff; position: relative; padding:70px 0px 80px 0px ;}
.box_font02{ overflow:hidden; background-color: #f7fafd; position: relative;padding:70px 0px 80px 0px;}
.box_font_p01{ display:block; font-size: 46px; color: #263342; width:90%; margin: 0 auto;}
.box_font_div{ overflow:hidden; padding-top:35px; width:90%; margin: 0 auto; overflow: hidden;}
.box_font_div p{ font-size:18px; line-height: 28px; padding: 7px 0px; display: block;color: #263342;}
.box_font_img01{ display: block; height:275px; margin:10px auto 0 auto;}
.box_font_img02{ height:340px; display: block;  margin: 0 auto;}
.box_font_img03{ height:300px; display: block; margin: 0 auto;}
.box_font_img04{ height:310px; display: block; margin: 0 auto;}
.box_font_p02{ text-align:center; padding-top:20px;}
.box_font_p03{ padding-top:7px;}
.box_font_p04{ padding-top:20px;}

.box_font_div02{
  display: flex;
  overflow:hidden;
}
@media screen and (max-width:1199px) {
  .box_font_div02 {
    flex-wrap: wrap;
  }
}
.box_font_div02_main{ width:25%; height: 210px;float: left; position: relative;}
.box_font_div02_main_img{ display:none;}
.box_font_div02_main:hover .box_font_div02_main_img{ display:block; width: 130px; height: 154px; background-color: #ffffff; border-radius: 5px;position: absolute; top:20px; left: 50%; margin-left: -65px; box-shadow: 0px 0px 10px #cccccc;}
.box_font_div02_main_word{ height:45px; margin:60px auto 0px auto; display: block;}
.box_font_div02_main_img_01{ display: block; height:90px; width:90px; display: block;margin:20px auto 2px auto;}
.box_font_div02_main_img_02{ display: block; height:110px; width:110px; display: block;margin:10px auto 0px auto;}
.box_font_div02_main_img p{ font-size:14px; padding-top:7px; display: block; color: #74889f !important;}
.box_font_div02_main_img02{ display:none;}
.box_font_div02_main:hover .box_font_div02_main_img02{ display:block; width: 130px; min-height: 150px; background-color: #ffffff; border-radius: 5px;position: absolute; top:20px; left: 50%; margin-left: -61px; box-shadow: 0px 0px 10px #cccccc;}
.box_font_div02_main_img02 .box_font_div02_main_img_01{ display: block; height:80px; width:80px; display: block;margin:20px auto 2px auto;}
.box_font_div02_main_img02 .box_font_div02_main_img_02{ display: block; height:100px; width:100px; display: block;margin:10px auto 0px auto;}
.box_font_div02_main_img02 p{ font-size:14px; padding:5px; display: block; color: #74889f !important;}
/* .download-link {
  color: #fff !important;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.download-link:hover{
  color: #fff;
}  */


.box_font_link{display:block; font-size:46px; color: #263342; width:95%; margin: 0 auto; text-align: center;}
.box_font_link_div{ overflow:hidden; padding-top: 70px; display: none;padding-bottom: 10px; }
.box_font_link_div div{ width:50%; float: left;  overflow: hidden;}
.box_font_link_div div img{ height:130px; margin:0px auto;}
.box_font_link_div div img:hover{
    transform: scale(1.1);
    transition: all 0.5s ease 0s;
    -webkit-transform: scale(1.1);
    -webkit-transform: all 0.5s ease 0s;
}
.mr_frbox{ position: relative; min-height: 200px; overflow: hidden;padding:50px 30px 10px 30px; }
.mr_frBtnL { position: absolute; opacity: 0.5; left: 0px; top: 50%; margin-top: 5px; cursor: pointer; display: inline;z-index: 9; -moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.2s ease-in-out;}
.mr_frBtnL:hover,.mr_frBtnR:hover{ opacity:1;-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.2s ease-in-out;}
.mr_frBtnR { position: absolute; opacity: 0.5; right: 0px; top: 50%; margin-top: 5px; cursor: pointer; display: inline; z-index: 9; }
.mr_frUl { float: left; height:200px; width: 100%; }
.mr_frUl ul li { display: inline-block; float: left; height:200px; width:25%;  overflow: hidden; }
.mr_frUl ul li img { width: 75%; margin:0px auto 15px auto;}
.mr_frUl ul li img:hover{
    transform: scale(1.1);
    transition: all 0.5s ease 0s;
    -webkit-transform: scale(1.1);
    -webkit-transform: all 0.5s ease 0s;
}




.footer_bottom{ overflow:hidden; padding:10px;}
.footer_bottom p{ text-align: center; font-size: 13px; color: #ffffff; display: block; width: 90%; margin: 0 auto;}





.footer02{ background: url("../images/kefu.png") no-repeat #eff2f5; background-position:85% top; background-size: auto 100%;padding: 38px 0px 32px 0px; position: relative; z-index: 99;}
.footer{ background: #344253; background-size: auto 100%;padding:0px; position: relative; z-index: 99;}
.footer_p{ text-algin:center; color: #263342; width:100%; margin: 0 auto;font-size: 14px; padding:10px 0px; display: block;}
.footer_img{ position:relative; display: block; margin: 0 auto; top: -5px; z-index: 9;}
.footer_title{ font-size:25px !important; color: #263342; padding-bottom: 10px;}
.footer_list{ overflow:hidden; color: #ffffff; display: block; float: left;width: 50%;}
.footer_list_p{font-size: 18px; display: block; padding-bottom: 15px;}
.footer_list_a{ display:block; font-size: 14px; padding:6px 0px; color: #ffffff;}
.footer_list02{ overflow:hidden; color: #ffffff; display: block; float: left;width: 100%;}
.footer_list02_p{ font-size:14px; padding:6px 0px; color: #ffffff; display: block;}
.footer_list02_p02{ font-size:14px; color: #ffffff; display: block; padding-bottom: 2px;}
.footer_list02_p03{ display:block; text-align: center; font-size: 13px; padding-top: 7px;}
.footer_list02_div{ width:110px; height: 110px; overflow: hidden;border-radius: 5px; margin:5px auto 0 auto; background-color: #ffffff;}
.footer_list02_div img{ width:100px; height:100px; margin:5px auto;}
.footer_list_p02{font-size: 18px; display: block; padding-bottom: 15px; text-align: center;}

.header_div_top_a02 a{margin-left:10px; color:#555c6e}
.header_div_top_a02 a:hover{ color:#08B2AD;}



@media screen and (max-width:1199px) and (min-width:1024px){
	.header_div_p{padding: 20px 0px 25px 160px;}
	.header_div_nav{ padding-top:10px;}
	.nav ul li .f_a{ line-height:30px;}
	.banner_font_p01{ height:65px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; top: 70px;}
	.banner_font{ left:44%;}
	.container_div{ overflow:hidden; float: left;}
	.Contact .Contact_right{ border-top: 1px solid #dddddd; margin-top: 5px; padding-top: 20px;}
	.Contact_title{ font-size:28px;}
	.Contact_font p{ font-size:18px;}
	.nav{ padding:8px 0px !important;}
	.nav ul li{ margin: 0px 10px !important;}
	.box_font_div02_main_img02{  width:140px !important; height: 130px !important;margin-left: -50px !important; top:38px !important;  }
	.box_font_div02_main_img02 .box_font_div02_main_img_01{  height:65px !important; width:65px !important; }
	.box_font_div02_main_img02 .box_font_div02_main_img_02{ height:80px !important; width:80px !important;}
	.box_font_div02_main_font{ font-size:13px !important;}
}

@media screen and (min-width: 1200px) and (max-width:1399px) {
  .Contact_font p {
    font-size: 16px;
  }
.Contact_font_div{ padding: 0px 2%;}
.Contact_font_div_link a{
    font-size:17px;
  }
	.banner_font_p01{
		font-size:22px;
	}
	.Contact_line{ left: 485px !important;top:48px; height:90px; }
	.banner_font_text p{
		font-size:17px;
	}
	.header_div_p{
		font-size:17px;
		padding: 30px 0px 35px 150px;
	}
	.nav ul li{ margin: 0px 18px !important;}
	.header_div_top_a01{ font-size: 14px;}
	.header_div_top_a02{ font-size: 14px;}
	.header_div_search{ margin-top:4px;}
	.banner_font{margin-left: -42%;}
	
	
}
.links_title{font-size: 21px !important;}

@media screen and (min-width:1200px){
	.main_visual_font{ display:none !important;}
	
}
@media screen and (max-width:1199px) and (min-width: 0px){
	.hot-event{ display:none !important;}
	.box_font_p01,.Tab1_top_title{ font-size:42px !important;}
	.banner_photo_p01{ font-size:50px !important;}
	.banner_photo_p02{ font-size:22px !important;}
	.box_font_div02_down_topfont{ margin: 10px 3.5% !important;}
	.mr_frBtnL{ margin-top:-15px !important;}
	.mr_frBtnR{ margin-top:-15px !important;}
	.product_div{ width:900px !important; left:50% !important; margin-left:-450px !important;}
}

@media screen and (max-width:1023px) and (min-width: 0px){
	.header .col-sm-6{ width: 100%;}
	.banner_font_p01{ top:-60px; font-size: 21px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display: block;}
	.banner li:hover .banner_font_p01{top:-60px;}
	.box_font_img{ margin-top: 20px;}
	.banner_photo_p01{font-size:40px !important; letter-spacing: 1px !important; margin-top:9% !important;}
	.banner_photo_p02{font-size:26px !important; margin-top:20% !important; }
	.box_font_p01,.Tab1_top_title{ font-size:37px !important;}
	.banner_photo_p02{ font-size:20px !important;}
	.box_font_div p{font-size:16px !important; padding: 5px 0px !important;}
	.box_font_img01{ height:230px !important;}
	.box_font_img02{ height:300px !important; margin: 40px auto 0px auto;}
	.box_font_img03{ height:270px !important;}
	.box_font_img04{ height:265px !important;}
	.box_font_div02_main_word{ height:36px !important;}
	.box_font_link{ font-size:37px !important;}
	.box_font02,.box_font{ padding:70px 0px 80px 0px !important;}
	.footer{ padding:0px !important;}
	.footer_list02_div{ width:95px !important; height:95px !important;}
	.footer_list02_div img{ width:85px !important; height:85px !important; }
	.box_font_div02_down_topfont{ margin: 10px 2% !important;}
	.box_font_div02_main_img02{  width:76px !important; height:110px !important;margin-left: -40px !important; top:45px !important;  }
	.box_font_div02_main_img02 .box_font_div02_main_img_01{  height:55px !important; width:55px !important; margin:15px auto 0px auto !important;}
	.box_font_div02_main_img02 .box_font_div02_main_img_02{ height:60px !important; width:60px !important;}
	.box_font_div02_main_font{ font-size:13px !important;}
	.Tab1_top_main_img{ bottom:-14px !important; }
	.login_title{ margin:50px 0px 35px 0px !important;}
	.mr_frbox{min-height:160px !important;}
	.mr_frUl{ height:160px !important;}
	.product_p01{font-size:20px !important; padding-bottom:5px !important;}
	.product_p02{font-size:14px !important; padding: 0px !important; line-height:18px !important;}
	.banner_product_p02{font-size:21px !important; padding:5px 0px 5px 30px !important; line-height: 20px !important;}
	.banner_product_p03{ font-size: 30px !important; padding:5px 0px 5px 30px !important; line-height: 20px !important;}
	.banner_more{ font-size:16px !important;}
	.product_div{margin-top:-15% !important; }
	.product_div04{ padding: 30px 40px !important;}
	.product_div02 .product_p02{font-size:14px !important;}
	.product_div02{ top: 1% !important;}
	.swiper-slide .product_div05{ margin-top:-8% !important;}
	.banner_more{ padding-top:10px !important;}
	.product_div{ width:auto !important; left:auto !important; margin-left:auto !important; padding: 0px 30px !important;}
}
@media screen and (max-width:560px) and (min-width: 0px){
	.swiper-slide .product_div05{ margin-top:-20% !important;}
}
@media screen and (max-width:640px) and (min-width: 0px){
	.box_font_div02_main_img,.box_font_div02_main_img02{ display:none !important;}
	.box_font_img{ margin: 30px auto 20px auto!important;}
	.box_font_div02_main{ padding-top:10px; height: 150px !important;}
	.box_font02,.box_font{ padding:40px 0px 50px 0px !important;}
	.box_font_div{ padding-top:25px !important;}
	.box_font_div p{line-height: 22px !important; padding: 4px 0px !important; font-size: 15px !important; }
	.box_font_link_div{ padding-top:35px !important; display: block !important;}
	.box_font_link_div div{ width:50% !important; height: auto !important;padding:5px 0px !important;}
	.mr_frbox{ display:none !important;}
	.box_font_img01{ display: block; height:180px !important; margin:35px auto 5px auto;}
	.box_font_img02{ height:235px !important; display: block;  margin:10px auto 20px auto;}
	.box_font_img03{ height:200px !important; display: block; margin:40px auto 10px auto;}
	.box_font_img04{ height:202px !important; display: block; margin:10px auto 25px auto;}
	.box_font_div02_main_word{margin:30px auto 0px auto !important; height: 34px !important; }
	.box_font_p01,.Tab1_top_title{ font-size:31px !important;}
	.box_font_link{ font-size:31px !important;}
	.footer_title{ font-size:18px !important;}
	.footer p{ padding:5px 0px !important;}
	.banner_photo_p01{font-size:33px !important; letter-spacing: 1px !important; margin-top: 11% !important;}
	.banner_photo_p02{font-size:18px !important; margin-top: 23%; }
	.footer_bottom{ padding:5px 0px !important;}
	.footer_list02{ display:block; padding-top: 25px;}
	.footer_list02_div{ width:115px !important; height:115px !important;}
	.footer_list02_div img{ width:105px !important; height:105px !important; }
	.box_font_div02_lxwm{ width:95% !important; margin:17px auto !important;}
	.box_font_div02_down_topfont{ margin: 10px 2% !important;}
	.box_font_div02_main{ width:50% !important;}
	.box_font_div02_main_button02{ display:inline-block !important;}
	.box_font_div02_main_font{ display:none !important;}
	
	.Tab1_main_font_title{ padding-right: 0px !important;}
	.Tab1_main_font_p{ padding-right:0px !important;}
	.Tab1_main_font_a{ position:relative !important; right: auto !important; display: inline-block !important;margin-top:20px !important; top: auto !important;}
	.Tab1_main_font02_div,.Tab1_main_font02_divclass{ width:100% !important;}
	.Tab1_main_font02_divbottom{ width:100% !important;margin-bottom:40px !important;}
	.Tab1_main_font02_divbottom_img{ width:30% !important;}
	.Tab1_top_main p{ font-size:13px !important; padding-top: 5px !important;}
	.Tab1_top_main{ width:78% !important;}
	.Tab1_top li.hover .Tab1_top_main{width:100% !important;}
	.Tab1_top_main_img{ bottom:-14px !important; }
	.Tab1_top_main img{margin:0 auto !important;}
	.banner_product_p02{font-size:15px !important; padding:2px 0px 2px 20px !important; line-height: 20px !important;}
	.banner_more{ font-size:13px !important; padding-left: 20px !important; padding-top:5px !important;}
	.swiper-slide .product_div05{ margin-top:-12% !important;}
	.banner_product_p03{ font-size: 22px !important; padding:2px 0px 2px 20px !important; line-height: 20px !important;}
	.product_div06{bottom:25px !important;}
}

@media screen and (min-width:1800px){
	.box_font_p01{ width:90% !important;}
	.box_font_div{ width:90% !important; padding-top: 45px !important;}
	.box_font_div p{ font-size:14px; line-height: 28px; padding: 6px 0px; display: block;color: #263342;}
	.box_font_img01{ width:100%;height:auto !important;margin:auto;}
	.box_font_img02{ height:350px !important;}
	.box_font_img03{ height:315px !important;}
	.box_font_img04{ height:315px !important;}
	.banner_photo_p01{ font-size:62px !important; margin-top: 8% !important;}
	.banner_photo_p02{ font-size:30px !important; margin-top: 15% !important;}
	.box_font,.box_font02{ padding:110px 0px 150px 0px !important;}
	.box_font_div02_main_word{ margin:80px auto 0px auto;}
	.box_font_div02_main_img{ top:45px !important;}
	.box_font_p01,.Tab1_top_title{ font-size:48px !important;}
	.box_font_div p{ font-size:18px !important;}
	.header_div_img{ height:38px !important; top: 17px !important;}
	.nav{ padding:15px 0px !important;}
	.nav ul li{ margin:0px 25px !important;}
	.footer{ padding:0px !important; }
	.box_font_div02_main{ height:220px !important;}
	.footer_title{ font-size:28px !important;}
	.box_font_link{ font-size: 48px !important;}
	.header_div_button_a01{ margin-top: 22px !important;}
	.header_div_button_a03{ margin:28px 3px 0px 3px !important;}
	.header_div_button_span{ margin:29px 3px 0px 3px !important; }
	.nav ul li{ margin: 0px 35px !important;}
	.header_div_button{ margin-left: 30px !important;}
	.box_font_div02_down_topfont{ margin: 10px 5% !important;}
	.box_font_div02_main_img02{ top:45px !important;}
	.product_div02{ margin-top:0.5% !important;}
	.product_div{margin-top:-8% !important; }
	.product_div{ width: 1300px !important; left: 50%; margin-left: -650px !important;}
	.product_div04 .product_p01{ width: 75%; margin: 0 auto;}
	.product_div04_img{ width: 75% !important;} 
	.banner_product_p02{font-size:25px !important;padding: 10px 0px 10px 30px !important;}
	.banner_product_p03{font-size:40px !important;padding: 10px 0px 10px 30px !important;}
	.product_div06{bottom:85px !important;}
}

@media screen and (min-width:1400px){
.mr_frBtnL{ margin-top:30px !important;}
	.mr_frBtnR{ margin-top:30px !important;}
}

@media screen and (max-width:560px) and (min-width: 0px){
	.banner_photo_p01{font-size:29px !important; letter-spacing: 1px !important; margin-top: 6% !important;}
	.banner_photo_p02{font-size:15px !important; margin-top: 23%; }
	.Tab1_top_main_img{ bottom:-21px !important; }
}

@media screen and (max-width:440px) and (min-width: 0px){

}

/********产品下载********/
.box_font03{ overflow:hidden; background-color: #f7fafd; position: relative; padding:90px 0px 120px 0px;}
.box_font_div02_down{ overflow:hidden; padding-top: 10px; text-align: left;}
.box_font_div02_down_div{ display:inherit; overflow: hidden;}
.box_font_div02_main{ overflow:hidden; text-align: center;}
.box_font_down_title{display: block;font-size:38px; padding-bottom: 60px; text-align: center;color: #263342;width: 90%;margin: 0 auto;}
.box_font_div02_lxwm{ width:95%; overflow: hidden; margin: 0px 2%; float: left;}
.box_font_div02_lxwm_title{ font-size:30px; padding-bottom:30px; display: block; color: #263342;text-align: center;}
.box_font_div02_lxwm_p{ font-size:16px; display: block; padding: 7px 0px;}
.box_font_div02_lxwm_p02{ display: block; overflow: hidden; padding-top:40px; padding-bottom:6px;}
.box_font_div02_lxwm_p02 img{ display: block; float: left; height: 24px;}
.box_font_div02_lxwm_p02 span{ float:left; line-height: 26px; margin-left:6px;color: #263342; font-size: 15px;}
.box_font_div02_lxwm_img{ display:block; max-width: 100%; margin:17px auto;}
.box_font_div02_lxwm_p03{ font-size:14px; display: block; padding-top:7px; }	
.box_font_div02_down_topfont{ display:inline-block;font-size: 14px;color: #263342;  margin: 10px 4.5%;}
.box_font_div02_main_button,.box_font_div02_main_button02{ text-align: center; font-size: 13px; padding:8px 10px; display: block; margin:20px auto 5px auto; display:inline-block;text-align: center;color: #ffffff; background-color: #08B2AD;border-radius: 5px;}
.box_font_div02_main_button:hover{background-color: #01c0ba; color: #ffffff;}
.box_font_div02_main_button02:hover{background-color: #01c0ba; color: #ffffff;}
.box_font_div02_main_font{ font-size:13px; display:block;  margin:18px auto 5px auto; line-height:20px; text-align: center;}

.box_font_div02_main_button02{ display:none;}
.box_font_div02_main_button03{ padding:7px 10px !important; font-size:12px !important;}
.box_font_div02_main_font02{ font-size:12px !important; line-height:20px !important; padding-top: 5px;}
.box_font_div02_main_imghover:hover{ background-color: #fcfcfc !important;}

.box_font_div02_lxwm_p04{padding-top:17px !important; padding-bottom:12px !important; line-height:22px !important;}
.box_font_div02_lxwm_font03{ overflow:hidden; min-height:120px;}
	
.box_font_div02 .box_font_div02_main_font{ font-size:12px !important;}

/********解决方案********/
#Tab1{ display:block; overflow: hidden;}
.box_font04{background-color: #f7fafd;position: relative;  }
.Tab1_top{ width: 100%;}
.Tab1_top_main{ position: relative; width: 60%; margin: 0 auto; padding: 20px 0px; overflow: hidden;}
.Tab1_top_main img{ width:70% !important; margin:0 auto;max-width: 180px;}
.Tab1_top_main p{ font-size:16px; text-align: center; padding-top:5px; padding-bottom:20px; display: block;}
.Tab1_top_main_img01{ display:none;}
.Tab1_main_title{display: block;font-size:38px; padding-bottom:20px; padding-top:60px; text-align: center;color: #263342;width: 90%;margin: 0 auto;}
.Tab1_top li{float:left;display:block;cursor:pointer; width: 20%; position: relative;}
.Tab1_top li.hover .Tab1_top_main .Tab1_top_main_img01{ display:block !important;}
.Tab1_top li.hover .Tab1_top_main .Tab1_top_main_img02{ display:none !important;}
.Tab1_top li.hover .Tab1_top_main_img{ display:block !important;}
.Tab1_top li.hover .Tab1_top_main img{margin:0 auto;}
.Tab1_top_main_img{ position:absolute; bottom:-14px; display: none;left: 50%; margin-left: -11px;}
.Tab1_main_font{ overflow:hidden; padding:40px 30px; position: relative; margin:40px 0px 20px 0px; border-radius:5px;  background-color: #f7fafd;}
.Tab1_main_font_title{ font-size:34px; display: block;color: #263342; padding-right: 200px; padding-bottom: 15px;}
.Tab1_main_font_p{font-size:16px; display: block;color: #666666; padding-right: 200px; line-height: 28px;}
.Tab1_main_font_a{display: block;padding: 0px 35px; position: absolute; right: 30px; top: 50%; font-size: 18px; height: 42px; line-height: 42px; margin-top: -18px; color: #ffffff !important;background-color: #08B2AD;border-radius: 5px; text-decoration: none !important;}
.Tab1_main_font_a:hover{ background-color: #01c0ba; color: #ffffff;}
.Tab1_main_font02{ overflow:hidden;}
.Tab1_main_font02_div{ width:49.2%; float: left; padding:5px; margin-top:30px; margin-bottom: 30px; border-radius: 5px;}
.Tab1_main_font02_div_img{ width:100%; margin: 0 auto; border-radius: 5px;}
.Tab1_main_font02_div_title{font-size:26px; display: block;color: #263342; text-align: center; padding-top: 24px;}
.Tab1_main_font02_div_p{ font-size:16px;color: #666666; line-height: 24px;  display: block; text-align: center; margin:14px 10px; }
.Tab1_main_font02_div02{ float:right !important;}

.Tab1_main_font02_divbottom{ width:20%; float: left; overflow: hidden; margin-bottom:80px; margin-top:30px;}
.Tab1_main_font02_divbottom_img{ max-width:128px; width:40%; margin: 0 auto; display: block;}
.Tab1_main_font02_divbottom_title{ font-size: 18px; text-align: center; display: block; padding:18px 10px 6px 10px; color: #263342;}
.Tab1_main_font02_divbottom_p{ font-size:14px; color: #999999; display: block; text-align: center; line-height: 22px; padding:10px; width: 80%; margin: 0 auto;padding-top:5px;}

.Tab1_main_font02_divclass{ width:32.3%; float: left; padding:5px; position: relative;margin-top:30px; margin-bottom: 30px; border-radius: 5px;}
.Tab1_main_font02_divclass02{ margin:30px 1.5% !important;}
.Tab1_main_font02_box{ overflow:hidden;}
.Tab1_main_font02_divclass_p{ position:absolute; top:15px; left:15px; display: block; height:30px; line-height: 30px; padding:0px 10px; z-index: 99;  background-color: #eff2f5; color: #74889f; border-radius: 3px; font-size: 15px;}



/***********登录**********/
#con{ width:100%; height:100%; position: fixed; left:0; top:0; z-index: 9999; background:rgba(0,0,0,.6);display: none;transform: rotate(180deg);
ms-transform: rotate(180deg); /* IE 9 */
moz-transform: rotate(180deg); /* Firefox */
webkit-transform: rotate(180deg); /* Safari and Chrome */
o-transform: rotate(180deg);
	-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.popOut{ position:fixed; width:480px; height:350px; top:50%; left:50%; margin-top:-175px; margin-left:-240px; background:#fff; border-radius:8px; z-index: 99999;transform: rotate(180deg);
ms-transform: rotate(180deg); /* IE 9 */
moz-transform: rotate(180deg); /* Firefox */
webkit-transform: rotate(180deg); /* Safari and Chrome */
o-transform: rotate(180deg);
	-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.popOut_close:hover{transform: rotate(180deg);
ms-transform: rotate(180deg); /* IE 9 */
moz-transform: rotate(180deg); /* Firefox */
webkit-transform: rotate(180deg); /* Safari and Chrome */
o-transform: rotate(180deg);}

/*--------------------*/

.login_title{text-align: center; display: block; font-size: 22px; color: #263342;margin:35px 0px 25px 0px;letter-spacing: 4px;position: relative;}
#inputs input
{
    background: #ffffff url(../images/login-sprite.png) no-repeat;
    padding: 13px 15px 13px 30px;
    margin:18px auto 0px auto;
	display: block;
    width:65%; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	font-size: 14px;
}

#username
{
    background-position: 5px -2px !important;
}

#password
{
    background-position: 5px -52px !important;
}

#inputs input:focus
{
    background-color: #ffffff;
    border-color: #08B2AD;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #08B2AD inset;
    -webkit-box-shadow: 0 0 0 1px #08B2AD inset;
    box-shadow: 0 0 0 1px #08B2AD inset;
}

/*--------------------*/
#actions
{
    margin: 22px 0 0 0;
}

#submit
{		
    background-color: #08B2AD;
    border-radius: 5px;
	font-size: 16px;
    height:44px;
	line-height: 44px;
    width:65%;
    cursor: pointer;
    color: #ffffff !important;
	display: block; 
	margin: 0 auto;
	border: 0px !important;

}

#submit:hover,#submit:focus
{		
    background-color: #01c0ba;
}	

.popOut_close{ position:absolute; right: -26px; top: -22px; display: block;}
.popOut_close img{ width: 24px; height: 24px;}
.login_bottom{ overflow:hidden; width:65%; padding-top: 11px; margin: 0 auto;}
.login_bottom_input{ float:left; margin-top: 0px;}
.login_bottom_p{ font-size:12px; float: left; margin-left: 5px; color: #666666; line-height: 22px;}
.login_bottom_right{ float: right; font-size: 12px; color: #666666 !important; text-decoration: none !important;line-height: 22px;}
.login_bottom_right:hover{ color:#08B2AD;}



.product_div{position:absolute; top: 50%; margin-top: -13%; overflow: hidden; z-index: 999; width: 1200px; left: 50%; margin-left: -600px; }
.product_p01{ display: block; left: 30px; width: 100%;font-size:46px;text-shadow:1px 1px 1px #263342; padding-bottom: 35px;  color: #ffffff; z-index: 9; letter-spacing: 2px;}
.product_p02{display: block; left: 30px; width: 100%; font-size:24px;text-shadow:1px 1px 1px #263342;  color: #ffffff; z-index: 9;letter-spacing: 1px;font-size: 18px;line-height: 28px;padding: 7px 0px;}
.product_div02{position:absolute; top:3%;overflow: hidden; width: 100%;}
.product_div02 .product_p02{ float: left;width: 33% !important;font-size: 22px; text-align: center;}
.product_div03 .product_p01{ color:#263342 !important;text-shadow:0.1px 0.1px 0.1px #263342 !important; }
.product_div03 .product_p02{ color:#263342 !important;text-shadow:0.1px 0.1px 0.1px #263342 !important; }
.product_div04{ background: #d8d9db; padding:60px 40px 110px 40px;}
.product_div04_img{ display: block; margin: 0 auto; width: 90%; padding-top: 30px;} 
.product_div05{ margin-top:-5% !important;}
.product_div04 .product_p01{ font-size:42px; text-align: center;}
.Tab1_top_title{ display:block; font-size: 46px; padding:60px 0px 30px 0px; color: #263342; width:95%; margin: 0 auto;}
.Tab1_top_main02{ padding-bottom: 60px;}
.Tab1_top_main02:hover .Tab1_top_main_img01{ display:block !important;}
.Tab1_top_main02:hover .Tab1_top_main_img02{ display:none !important;}

.Tab_image{ overflow:hidden; position: relative;}
.Tab_image_top{ position:absolute; bottom:10px; left: 50%; margin-left: -30px;}
.Tab_image_top li{ width: 20px; height: 3px; display: block; float: left; margin: 0px 5px; background: #666666;}
.Tab_image_top li.hover{background: #ffffff;}
.banner_more{ color: #08b3ad; font-size:18px; display: block; padding-top: 20px; padding-left: 30px;}
.banner_more:hover{ color: #01c0ba;}

.banner_product_p02{display: block; font-size:23px;text-shadow:1px 1px 1px #263342;  color: #ffffff; z-index: 9;letter-spacing: 1px;line-height: 28px;padding: 8px 0px 8px 30px;}
.product_div03 .banner_product_p02{ color:#263342 !important;text-shadow:0.1px 0.1px 0.1px #263342 !important; }
.swiper-slide .product_div05{ margin-top:-7%;}
.banner_product_p03{ font-size:38px;display: block;text-shadow:1px 1px 1px #263342;  color: #ffffff; z-index: 9;letter-spacing: 1px;line-height: 28px;padding: 8px 0px 8px 30px;}

.box_font06{ overflow:hidden; background-color: #203146; overflow: hidden; padding: 20px 0px 40px 0px; position: relative;}
.box_font06_img{ display: block; width: 100%;}
.product_div06{bottom: 60px; margin-top: auto !important; top: auto !important;}

.b-img_img{ width: 100%; display: block; margin: 0 auto;}


@media screen and (max-width: 320px) {
#main {
	height: 100px;
}
}

@media screen and (max-width: 400px) and (min-width: 321px) {
#main {
	height: 134px;
}
}

@media screen and (max-width: 480px) and (min-width: 401px) {
#main {
	height: 170px;
}
}

@media screen and (max-width: 568px) and (min-width: 481px) {
#main {
	height: 210px;
}
}

@media screen and (max-width: 685px) and (min-width: 569px) {
#main {
	height: 252px;
}
}

@media screen and (max-width: 767px) and (min-width: 686px) {
#main {
	height: 310px;
}
}

@media screen and (max-width: 979px) and (min-width: 768px) {
#main {
	height: 360px;
}
}

@media screen and (max-width: 1024px) and (min-width: 980px) {
#main {
	height: 470px;
}
}
@media screen and (max-width: 1639px) and (min-width: 1540px) {
#main {
	height: 470px;
}
}
@media screen and (min-width: 1281px) {
#main {
	height: 590px;
}
}