/* Write your styles */
body, h1, h2, h3, p, dl, dd, ul, ol, form, input, textarea, th, td, select {
	margin: 0;
	padding: 0;
	font-family:"STheiti","MicrosoftJhengHei","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"; font-weight:400; 
	font-size: 14px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent
}
a {
	text-decoration: none;
	font-size: 14px;
	color: #333333;
	font-family: "Microsoft YaHei";
}
a:hover {
	color: #327443;transition: all 0.3s;
}
em {
	font-style: normal;
}
li {
	list-style: none;
}
img {
	border: none;
	vertical-align: top
}
table {
	border-collapse: collapse
}
input, textarea {
	outline: none
}
textarea {
	resize: none;
	overflow: auto
}
.clear {
	zoom: 1
}
.clear:after {
	content: "";
	display: block;
	height: 0;
	clear: both
}

.t28 {
	font-size: 28px
}
.tr {
	text-align: right;
	font-size: 14px
}
.p30{ padding-bottom:30px}
.p20{padding-bottom:22px}
#head-top {
	width: 100%;
	height:158px;
	background-color: rgba(255,255,255,1);
	box-shadow: 0px 2px 5px #d0d0d0;
}
.am-container {max-width: 1200px; }
.chanp-container {max-width: 1200px; margin:0 auto; }
.fl{ float:left;}
.am-nav>li.am-active>a, .am-nav>li.am-active>a:focus, .am-nav>li.am-active>a:hover{ background-color:#0671F3}
#max6 img{ padding-top:15px}
.h50{ width:100%; height:20px} .h60{ width:100%; height:40px}

.am-popup-bd{ background-color:#FFF}
.wbnav .circle i{display:block; background:url(http://www.soaiy.com/template/pc/suoai/images/ico.png) no-repeat ; width:4px; height:4px; background-position:-42px -66px; position:relative;
top:73px }
.am-topbar{ min-height:46px !important}
.am-topbar-brand{ height:46px !important;  line-height:46px !important}
.am-topbar .logo { padding-top:5px; width:93px; height:37px; display: inline-block; }
.am-topbar-btn {
	margin-top:8px;
}
.am-collapse.am-in {
	display: block;
	background-color:#f3f2f3;
}

.am-topbar-nav>li {
    float: none;
	border-bottom:0px solid #e6e6e6
}
.am-dropdown-content{ width:100% !important;
float: none !important;
    position: relative !important;}
/*幻灯片*/
.am-slider-default .am-direction-nav .am-prev{ left:50px}
.am-slider-default .am-direction-nav .am-next {
    right:50px;
    text-align: right;
}
.am-slider-default .am-direction-nav a{ width:53px; height:53px}
.am-slider-default .am-direction-nav a.am-next:before {
    content: "\f105";
}
.am-slider-default .am-direction-nav a:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    transform: translate(0,0);
    width: 100%;
    color: #fff;
    content: "\f104";
    font-size:40px!important;
    line-height:50px!important;
	text-align:center !important;
	width:53px;
    height:53px;
	font-weight:normal;
	border:1px solid #fff;
	border-radius:50%;
	padding:0
}
.am-slider-default .am-control-nav {
    width: 100%;
    position: absolute;
    bottom:45px;
    text-align: center;
}
.am-slider-default .am-control-nav li a{ background-color:#FFF}
.am-slider-default .am-control-nav li a.am-active {
    background:none !important;
	border:1px solid #fff !important;
    cursor: default;
}
/*5个栏目*/
.products-home ul{margin-top:5px;width:80%;margin:auto;}
.products-home .pro{width:25%;float: left;margin-right:0%;height:77px;margin-bottom: 0px; padding-left: 6%; text-align:center;margin-top: 5px;}
.proline{ width:1px; height:45px; background:#e5e5e5; float:left; margin-top:10px}
.products-home ul li a{display:block;color:#b19975;font:400 17px/32px "Microsoft Yahei";text-align: center;}
.products-home ul li img{} 
.products-home ul li span{ width:148px; display:block;color:#808080;text-align: center;padding-top: 8%;}
.products-home ul li:hover span{ color:#0671F3;transition: all 0.2s; transform: translateY(-5px);}
.products-home ul li.pro1{ border-left:1px solid #ddd}
.products-home ul li:hover  .procicle{border:1px solid #0671F3; transition: all 0.2s; transform: translateY(-5px);}

.procicle{ width:60px; height:60px; border-radius:50%; border:1px solid #767676; text-align:center; line-height:60px; float:left}
/*首页产品*/
.cpindex{ position:relative; overflow:hidden; margin:0; padding:0; }
.cpact{ position:absolute; top:30%; left:8%}
.cpact h2{ font-size:36px; font-weight:200;}
.cpact p{ font-size:20px; color:#666666}

.cpact-r{ position:absolute; top:30%; left:8%}
.cpact-r h2{ font-size:36px; font-weight:200; text-align:left;}
.cpact-r p{ font-size:20px; color:#666666}

.cpact-center{position:absolute; display:block; top:8%; width:100%; text-align:center; padding-left:0 !important;padding-right:14px !important}
.cpact-center h2{ font-size:22px; font-weight:200; color:#333333}
.am-thumbnail{ padding:0; border:none; margin:0px;}

.min-max{ display:none}
.am-list, .am-topbar{ margin-bottom:0px}
.am-collapse{ display:none}
.swiper-button-prev, .swiper-container-rtl, .swiper-button-next{
    left: 10px;
    right: auto;
	font-size:30px;
	text-align:center;
	line-height:35px; 
	}
.newss .desc{ line-height:20px; padding-top:2px; color:#888}	
.swiper-pagination-bullet-active{background: #0671F3 !important;}

/*优势*/

.list2{height: 559px;}
.list2 .tils{color:#fff;}
.list2 .tils i{color:#fff;}
.ys_bj1{background: url(../image/ys_bj1.jpg) no-repeat center top;height: 300px;overflow: hidden;}
.ys_bj2{background: url(../image/ys_bj2.jpg) no-repeat center top;height: 300px;}
.ys1{padding:30px 0 0 45px;width:1155px;margin:0 auto;position: relative;height: 494px;}
.list2 .ys1 dl {padding-top:0px;}
.ys2{width:1152px;margin:0 auto;padding:61px 39px 0 9px;height: 491px;position: relative;}
.list2 .ys2 dl{padding-top:12px;}
.ys3{width:1120px;padding:45px 30px 0 50px;position: relative;height: 496px;margin:0 auto;}
.list2 .ys3 dl{padding-top:153px;}
.ys4{height: 507px;padding:38px 39px 0 0;width:1161px;margin:0 auto;position: relative;}
.list2 .ys4 dl{padding-top:100px;}
.ys4 dd span {width:230px;height: 50px;background: #18469b;display: inline-block;text-align: center;line-height: 50px;font-size:16px;color: #fff;border-radius:24px;margin:0 5px;margin-top:30px;}
.ys4 dd span a {color: #fff;padding-left:26px;line-height: 50px;display: inline-block;}
.list2 dl{width:431px;}
.list2 dt {height: 60px;}
.list2 dt i{float:left;font-size:0;line-height: 0;}
.list2 dt p {float:right;width:359px;}
.list2 dt p span {display:block;height: 34px;line-height: 34px;font-size:34px;color: #333333;font-weight: bold;}
.list2 dt p em {font-size:14px;color: #999999;text-transform: uppercase;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;letter-spacing:2px;}
.list2 dd p {padding-left:30px;font-size:16px; color: #333333;line-height: 22px;padding:0 0 0 25px;margin-top:0px;}
.ys_a1,.ys_a2,.ys_a3,.ys_a4{position: absolute;}
.ys_a1{left:-18px;bottom:-9px;}
.ys_a2{right:-18px;bottom:-19px;}
/*关于*/
.aboutbox{padding:17px 0 0;font-family: "Microsoft Yahei";line-height:31px;color: #464646;background:url(../image/aboutbg.jpg) no-repeat center 0;position: relative;margin-bottom:25px;background-size: 100% 45%;}
.about_p{position: absolute;left: 61%; height:260px;width:458px;border:5px solid #fff;}
.about_p img{width:458px;height:250px;}

.about{height:258px;}
.about_c{width:706px;}
.about_c h2 {
	height: 81px;
	font-size: 32px;
	line-height: 50px;
	color: #18469b;
}
.about_c h2 em{display: block;line-height:40px;text-transform: uppercase;color: #6c6b6b;font-weight: normal;font-size: 40px;}
.about_c h2 a{display: block;color: #f7cc7d;}
.about_w{display: block;height:122px;overflow: hidden;padding: 0px 0 0;}
.about_more{display: block;width: 196px;height: 47px;line-height: 47px;border: solid 2px #929292;font-size: 16px;text-align: center;}
.about_more a{display: inline-block;color: #2e2e2e;padding-right: 57px;}
.header,
.content,
.footer {
	width: 1200px;
	margin: 0 auto;
	font-family: "Microsoft Yahei";
}
/*风采展示*/
.show{font-family: "Microsoft Yahei";line-height:33px;position: relative;padding: 0px 0 0;}
.prev2,.next2{width: 80px;height: 80px;display: block;top:140px;right: -90px;background:url(../image/case_rico01.png) no-repeat 0 0;    position: absolute;}
.prev2{left: -90px;background:url(../image/case_lico01.png) no-repeat 0 0;}
.prev2:hover,.next2:hover{background-position: 0 bottom;}
.show_t{height:40px;line-height:34px;font-size:22px;}
.show_t li{float: left;color: #999;padding: 0 0 0 29px;background:url(../image/new_ico2.png) no-repeat 0 8px;}
.show_t li em{display: inline-block;padding: 0 18px;color: #828282;font-weight: normal;}
.show_t li:nth-child(1){background:url(../image/new_ico1.png) no-repeat 0 8px;}
.show_t li.cur{color: #18469b;font-weight: bold;background-position: 0 -36px;}
.show_l1{width: 1200px;overflow: hidden;}
.show_c li{width: 234px;float: left;margin: 0 23px 0 4px;overflow: hidden;}
.show_c li span{display: block;line-height:33px;color:#a9a9a9;border-bottom: solid 2px #393939;text-align: center;}
.show_c li span a{display: block;color: #a9a9a9;}
.show_c li p,.show_c li p img{width:234px;display: block;overflow: hidden;}
.show_c .show_c1:nth-child(2) ul li{margin-top:0px;}
/*资讯*/
.zix{ height: 710px; overflow: hidden;}
.zix_l{height:456px; background: #DBECF4; padding:50px  32px 0; width: 857px;}
.zi_l{ height: 53px;background:url(../image/zi_lin.jpg) no-repeat 134px 5px; overflow: hidden;}
.zi_l ul li{ float: left; margin-right: 65px; }
.zi_l ul li a{ color: #4c4c4c; font-size: 26px;line-height: 100%;}
.zi_l ul li.cur{font-weight: bold;}
.zi_l ul li.cur a{font-weight: bold; color: #14346f;}
.zi_l span{ display: inline-block; float: right;}
.zi_l span img{ margin-left: 11px; display: inline-block;}
.zi_n dl{ overflow: hidden;}
.zi_n dl dt{ float: left; width: 217px;}
.zi_n dl dt img{ width: 217px;}
.zi_n dl dd{ float: right; width: 480px;}
.zi_n dl dd h4{ overflow: hidden; height: 23px; line-height: 23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zi_n dl dd h4 a{ font-weight: bold; color: #18469b; font-size: 18px;}
.zi_n dl dd p{ padding-top: 20px; font-size: 14px; color: #999; line-height: 28px;}
.zi_n dl dd em{ display: block; text-align: right; font-size: 14px; color: #000;}
.zi_n ul li{ float: left; padding:16px 18px 10px 20px; width: 390px; margin-top: 10px; height: 62px;background:url(../image/zi_ok.jpg) no-repeat 357px 30px #fff;}
.zi_n ul li:nth-child(2n){ float: right;}
.zi_n ul li span{ display: block; color: #808080; font-size: 12px;}
.zi_n ul li a{ color: #4c4c4c; font-size: 15px;height: 20px;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;padding-right: 20px; }
.zi_n ul li a:hover{ color: #18469b; font-size: 15px;font-weight: bold;}

.zix_f{ padding: 0 33px 0 37px; width: 320px; height:458px; background: #DBECF4;}
.zix_f  h3{font-weight: bold; line-height: 100%;  height: 48px; font-size: 26px!important; color: #000;}
.zix_f  h3 a{ color: #000;}
.zix_f p{ margin-bottom: 15px;}
.zix_f ul li{ height: 39px; line-height: 39px; padding-left: 16px;background:url(../image/zi_li.jpg) no-repeat 0 18px;overflow:hidden;}
.zix_f ul li a{ font-size: 14px; color: #000;}
.zix_f ul li a:hover{font-weight: bold;color:#18469b;}
.tils{ text-align: center; height: 147px; font-size: 22px; color: #666666; font-weight: normal;background:url(../image/x_li1.jpg) no-repeat center 137px;padding-top:36px;}
.tils i{ display: block; font-weight: bold; color: #18469b; font-size: 40px; line-height: 100%; padding-bottom: 13px;}
/*底部开始*/  
.ft_lx{height: 94px;padding-top:0px;}
.ft_lx li{float:left;width:28.33%;margin-right:5%;}
.ft_lx li:last-child{background: none}
.ft_lx li span {display: block;font-size:18px;height: 31px;line-height: 31px;color: #fff;padding-left:43px;}
.ft_lx li p{padding-top:9px;font-size:14px;color: #9a9a9a;padding-left:43px;}
.ft_lx li:nth-child(1) span{background: url(../image/ft_ico1.png) no-repeat left center;}
.ft_lx li:nth-child(2) span{background: url(../image/ft_ico2.png) no-repeat left center;}
.ft_lx li:nth-child(3) span{background: url(../image/ft_ico3.png) no-repeat left center;}

.f_bj{color:#555;clear:both;height:415px;font-family:"Microsoft Yahei";overflow: hidden;background:url(../image/ft_bj.jpg) repeat-x left top; }
.f_nav{ height:230px; overflow: hidden;padding-top:30px;}
.f_nav ul{ float: left;}
.f_nav ul li{ width: 183px; border-right: 1px dashed #9c9c9c; margin-right:30px; float: left; height: 200px;}
.f_nav ul li i{ display: block; padding-left: 30px; font-size: 18px; color: #eee; font-weight: bold;background:url(../image/f_lin2.jpg) no-repeat 0 10px; }
.f_nav ul li span{ display: block; padding-left: 28px; padding-top: 13px;}
.f_nav ul li span a{ display: block; font-size: 14px; color: #d1d1d1; line-height: 26px;}
.f_nav h3{ float: right; width:342px;text-align: center;font-weight: normal; font-size: 14px; color: #eee;}
.f_nav h3 i{ display: inline-block; float: left;}
.f_nav h3 img{ width:108px; height: 108px;  display: block; margin-bottom:14px; padding: 6px; border: 1px solid #eee;}

.f_bj .row{height:31px;line-height:31px;color:#fff;padding-top: 18px;}
.f_bj .row span{padding-left:10px;}
.f_bj .row span a{color:#fff;}
/*底部结束*/  
@media (min-width:200px) and (max-width:1200px){
	.procicle{ width:50px; height:50px; border-radius:50%; border:1px solid #767676; text-align:center; line-height:50px; float:left}
	.procicle img{ max-width:39px}
	.am-slider-default img{ min-height:160px}
	.min-max{ display:block !important}
	.bgf{ display:none !important}
	.am-topbar-nav{ width:100%}
	/*.am-nav-pills{ display:none}*/
	.add{ float:right}
	.am-topbar .logo{width: 178px}
	.investor .yzm .resC2BNr-1 {width: 139px;}
	.resC2Box{width:78%;}
	.footer {background: #666;}
	.ft_lx{padding: 16px;}
	.f_nav ul li{margin-left: 15px;}
	.f_bj .row{width: 310px;}
	.am-topbar-nav>li.am-active>a, .am-topbar-nav>li.am-active>a:focus, .am-topbar-nav>li.am-active>a:hover{ color:#fff}
	.am-btn-success{ color:#fff;background-color:#0671F3; border:none}
.am-btn-success:focus, .am-btn-success:hover {
    background-color: #f8f8f8;border:none;color:#000;box-shadow: none;
}
.am-active .am-btn-success.am-dropdown-toggle, .am-btn-success.am-active, .am-btn-success:active, .am-btn-success:focus, .am-btn-success:hover{border:none !important}
.zhaoping{ border-bottom:0px; background-color:#FFF}
.shhz,.about-title{ font-size:20px !important}
	}

@media only screen and (max-width:955px){
	.bgf{ display:none !important}
body{ background-color:#f5f5f5 !important }
/*.am-topbar-nav>li:last-child{ border:none}*/
.add{ float:right}
	.h50{ height:20px}
	.products-home ul {
    margin-top:10px;}
	.products-home ul li span{ width:60px; padding-top:0; text-align:center;}
	.products-home img{ margin-bottom:0}
	#max6 img{ max-height:50px}
	.wbnav{ height:78px; display:none}
	.proline{ display:none}
	.products-home .pro{padding-left:3%;padding-right:3%;}
    .cpact h2,.cpact-center h2,.cpact-r h2{ font-size:16px; display:block; font-weight:normal}
    .cpact p,.cpact-r p{ font-size:10px; color:#666666}
	
	.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 56%;
    width:30px !important;
    height:30px !important;
    margin-top: -22px;
    background-size:8px 24px !important;

}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:0px !important}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:0px !important}
.ftnav ul li{ float:left; padding-right:7px !important}
.ftnav ul li:last-child{padding-right:0 !important}
.lx{ padding-top:0px; text-align:center !important}
.fttel{ padding-top:0 !important}
.navlist{ display:none}
.ftnav{ display:none}

.mobile{ font-size:14px !important; line-height:20px !important}
/*首页关于我们*/
.about-index {text-align:center;max-width:100%; margin-top:102px;}
/*新闻内页*/
.newny{ display:none }
.pigfenlei{ display:none}
.newscont h2{ font-size:16px !important; font-weight:bold; line-height:24px !important; padding-bottom:10px}
.newscontent{padding:40px 0 !important; margin-top:20px !important}
}

.newscontent{background-color:#f5f5f5; margin-top:92px; padding:50px 0}
/*新闻中心*/
.showMorehandle{ clear:both; display:block; width:142px; height:36px; text-align:center; line-height:36px; border-radius:40px; background-color:#0671F3; color:#FFF; margin:0 auto}
.swiper-container {
    width: 100%;
    height: 100%;
}
.zz-score{ margin:0 90px; display:block; background-color:#039}
.swiper-container-news .swiper-wrapper{ padding:0 10px; border:none; background:none; padding-bottom:100px; }
.swiper-container-news .swiper-wrapper a{ display:block; width:100%; overflow:hidden;}
.swiper-container-news .swiper-wrapper a img{ transition:all 1s}
.swiper-container-news .swiper-wrapper a:hover img{ transform:scale(1.2)}
.swiper-container-news .swiper-wrapper a:hover .desc{ color:#FE7700}
.swiper-container-news .swiper-slide{ background-color:#FFF}
.swiper-container-news{border: 1px solid #fff;}
.swiper-container-news .swiper-slide .stars-info{ position:absolute; bottom:-120px;text-align:left; line-height:20px; left: 0;width: 100%;color:#5d5d5d}
	.swiper-container-news .swiper-slide .stars-info i{ font-style:normal}
	.swiper-container-news .swiper-slide .stars-info .desc{ font-size:14px; color:#666666;  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
   max-height:5.6em;}
.stars-info h2{ font-size:16px; line-height:20px; height:20px; text-align:left; font-weight:bold; margin:10px 0;overflow: hidden; color:#000;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1; font-weight: normal}


/*内页新闻*/
.navlist{ position:absolute; bottom:3px; z-index:11; text-align:center; width:100%; height:45px; background-image:url(../image/navbg.png); line-height:45px; }
.navlist a{ color:#FFF; display:inline-block;padding:0 34px}
.navlist .active{ color:#128435; border-bottom:2px solid #128435;}
.flname{ background:url(../image/bgg.png) no-repeat top; width:134px; height:46px; font-size:20px; font-weight:bold; text-align:center; line-height:46px; color:#FFF; float:left}
.fenlei ul li{ display:block; float:left; height:46px;line-height:46px; padding-left:20px}
.fenlei ul li a{ font-size:18px; color:#7e7e7e}
.fenlei ul li .active{ border-bottom:2px solid #0671F3; color:#000; padding-bottom:10px; font-weight:bold}
.nelist{ text-align:center}
.nelist a{ display:inline-block}
.index_search{ width:100%; background: #fff; overflow:hidden}
.index_search_mid{ width:90%; margin:auto; height:44px; border-radius:3px; margin:auto; border:1px solid #CCC; background:none; margin-top:20px;}
.index_search_mid a{ display:block; width:100%; height:35px;}
.index_search_mid em { display:block; font-size:14px; line-height:35px; color:#999;height:35px; float:left; margin-left:10px;}
.index_search_mid span { display:block; border-left:1px solid #ccc;width:40px; height:35px; float:right; margin-right:5px;}
.index_search_mid span img{ display:block; width:30px; height:30px; margin:auto; margin-top:4px;}
.btn{background-color:#f5f5f5; border:1px solid #f5f5f5; height:36px; width:63px; line-height:35px; margin-left:-1px}
.btn img{ margin-left:-30px; margin-top:-2px}
.am-form-field{padding: 0.7em 0.8em; border-radius:40px 0 0 40px}

.am-list-main{ padding:54px 60px 10px 60px !important; min-height:310px;}
.am-list-main i{ color:#FFF; width:36px; height:36px; line-height:36px; text-align:center; position:absolute; bottom:0px}
/*新闻列表*/
@media only screen and (max-width:640px){
	
.flname{ background:url(../image/bgg.png) no-repeat top;  width:100px; height:36px; font-size:18px; font-weight:bold; text-align:center; line-height:36px; color:#FFF; float:left}
.fenlei ul li{ display:block; float:left; height:36px;line-height:36px; padding-left:20px}
.fenlei ul li a{ font-size:16px; color:#7e7e7e}
.fenlei ul li .active{ border-bottom:1px solid #0671F3; color:#000; padding-bottom:6px; font-weight:bold}
.am-list-thumb{
    max-height: 230px !important;
	padding-right:0 !important;	
}
.am-list-main {
    padding:20px  !important;
	min-height: 200px !important;
}
.am-list-item-hd a{ line-height:3rem; font-size:1.8rem !important;} .am-list-item-hd { line-height:18px;}
.am-list-item-text{ font-size:1.0rem}
.am-list-main i{ bottom:20px}
.newscont {
    padding:18px 20px !important;
}
.pros1{ margin-right:0 !important}
.pror1{ width:100% !important; padding:0 !important}
.item_box{ display:none !important}
.shhz{ width:80% !important;}
.proaction h2{width:120px  !important; font-size:1.2rem !important;line-height: 18px !important;}
.proaction-big h2{width:200px  !important; font-size:16px !important;line-height: 20px !important;}

.proaction p{ display:none !important}
.pros i,.pros-big i{ width:30px !important; height:30px !important; font-size:1rem !important; line-height:30px !important; bottom:15% !important; display:none}
.pd{ padding:10px 0 !important}
.p50{ padding:10px 0 !important}
.p20{ font-size:1.2rem;padding-bottom:5px !important}
.pros img{ max-height:230px !important}
[class*=am-u-] {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.newscont h2{ font-size:16px !important; font-weight:bold; line-height:18px !important; padding-bottom:10px}

.shhz{ font-size:2rem; padding-top:0px;}
#shouquan{ padding-top:1rem; }  .downlist{ padding-top:1rem; }
.h50{ height:10px;}
 .about-des p{  line-height:18px; margin-bottom:-4rem; font-size:1.2rem; }  
.sideMenu h3{ height:56px; line-height:56px; padding-left:10px;  border-bottom:1px solid #e3e3e3; background:#fff; cursor:pointer;
			font:normal 16px "Microsoft YaHei"; padding-top:20px
		}
#jrwm .am-text-center{ display: none;}
.zhaoping{ padding-bottom: 10px; background-color:#FFF}
}
.am-list-item-hd a{ font-size:24px}
.am-list-item-text{ font-size:16px}
.am-list-news-default .am-list .am-list-item-desced{ padding:0 !important; margin-bottom:20px;border:none !important}
.am-list-thumb{ padding-left:0 !important}
.pd{ padding:32px 0}
.p50{ padding:50px 0}
/*新闻内页*/
.news-time{ background-color:#0671F3; color:#fff; margin:0 10px; line-height:30px;padding:30px 0 20px 0}
.pre{ background-color:#FFF;margin: 6px 10px;padding:30px 0 20px 0 }
.pre p{font-size:16px; color:#999999; }
.pre:hover{background-color:#0671F3;}
.pre:hover p,.pre:hover i{ color:#FFF}
.newscont{ padding:38px 57px}
.newscont h2{ line-height:36px; display:block; width:100%; border-bottom:1px solid #cccccc; font-size:30px; text-align:center; margin-bottom:33px; color:#5d5d5d; padding-bottom:20px}

/*产品列表*/
.pros{ text-align:center; float:left; position:relative }
.pros:hover i{ background-color:#0671F3; color:#FFF}
.proaction{ position:absolute; top:10%;width:95%;padding: 0 0px 0 0;}
.proaction h2{ display:block; width:250px; margin:0 auto; font-size:18px; line-height:30px; padding-bottom:12px}
.proaction p{ display:block; line-height:20px; margin:0 auto;font-size:14px; width:80%; color:#999; text-align:center; padding-bottom:12px;text-overflow:ellipsis;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.pros i{ width:42px; height:42px; line-height:40px; font-size:12px; position:absolute; bottom:18%; left:85%; margin-left:-20px;display:none}

.pros-big{ position:relative}
.proaction-big{ position:absolute; top:56px; padding:0 0px 0 10%;}
.proaction-big h2{ display:block; width:80%; font-size:24px; line-height:30px; padding-bottom:20px; color:#FFF}
.proaction-big p{ display:block; line-height:20px;font-size:14px; color:#666666; width:80%;  padding-bottom:20px; color:#FFF}
.pros-big i{ width:53px; height:53px; font-size:14px; left:12%;}

/*产品详情页*/

#procanshu{ width:100%; height:620px; background:#f0f0f0;margin-top:91px;}
.shop{ font-size:18px; padding-bottom:14px}

.cpcs .am-icon-btn:hover{ background-color:#FF0036 !important;transition: all 0.3s;}
.cpcs .am-icon-jd:hover{ background-color:#CB0507 !important;transition: all 0.3s;}
.cpcs .am-icon-round:hover{ background-color:#E3007E !important;transition: all 0.3s;}
.cpcs .am-icon-pdd:hover{ background-color:#F40008 !important;transition: all 0.3s;}

.am-tm{ display:block; float:left; background-color:#FFF !important; background:url(../image/tm.png) no-repeat center ;}
.am-tm:hover{ background:url(../image/tmw.png) no-repeat center ;transition: all 0.3s;}

.am-jd{ display:block; float:left; background-color:#FFF !important; background:url(../image/jd.png) no-repeat center ;}
.am-jd:hover{ background: url(../image/jdw.png) no-repeat center;transition: all 0.3s;}

.am-wph{ display:block; float:left; background-color:#FFF !important; background:url(../image/wph.png) no-repeat center ;}
.am-wph:hover{ background:url(../image/wphw.png) no-repeat center ;transition: all 0.3s;}

.am-pdd{ display:block; float:left; background-color:#FFF !important; background:url(../image/pdd.png) no-repeat center ;}
.am-pdd:hover{ background:url(../image/pddw.png) no-repeat center ;transition: all 0.3s;}



.am-icon-jd{ display:block;   width: 48px;  height: 48px;  font-size: 24px;  line-height: 48px;  border-radius: 50%;  background-color: #eee;  color: #555555;  text-align: center;
 padding:5px 10px; background-color:#FFF; float:left; border-radius:30px}
.am-icon-round{ display:block; width:123px; height:50px; line-height:35px; text-align:center; padding:5px 10px; background-color:#FFF; float:left; border-radius:30px}
.am-icon-pdd{ display:block; width:80px; height:50px; line-height:35px; text-align:center; padding:5px 10px; background-color:#FFF; float:left; border-radius:30px}

.ms1{ font-size:18px; color:#707070; padding-top:80px; line-height:25px;padding-bottom:10px}
.mstitle{ font-size:30px; background:url(../image/cpline.jpg) no-repeat left bottom; margin-bottom:30px; line-height:32px; padding-bottom:10px}
.ms2{ font-size:14px;color:#707070; padding-bottom:80px; line-height:25px}
.newsxx-mobile{ display:none}
.wapnav{display:none}
@media only screen and (min-width: 1025px){
	.wapnav{display:block !important}
	}
@media only screen and (max-width:640px){
	
	.ms1{ font-size:1.4rem; line-height:1.5rem; padding-top:40px !important}
	.ms2{ font-size:1.2rem; line-height:1.2rem; padding-bottom:10px !important}  
	.foucebox {padding-top:20px !important;position:relative;}
	.foucebox .hd ul { width: 62px !important}
	.foucebox .hd li{ width:54px !important; height:37px !important; margin-bottom:4px !important;}
	.shop{ font-size:16px; padding-bottom:10px}
	.foucebox .hd li a{ width:54px !important; height:37px !important; } 
	.foucebox .hd li img{ max-height:35px  !important;max-width:52px  !important;}
	.foucebox .hoverBg{width:20px !important;}
	.foucebox .hd{ position:absolute; right:0rem; top:0; width:54px !important; }
	#procanshu{margin-top:30px; height:200px;}
	
	.abb {
    display: block;
    width: 100% !important;
    margin:0 !important;
	padding:10px
}.abb2 {
    display: block;
    width: 100% !important;
    margin:0 !important;
	padding:10px;
	
}
.mstitle{ font-size:20px; line-height:28px; padding-bottom:10px}
.mobile,.shop,.ms2,.ms1,.mstitle{ text-align:center}
.mstitle{ background: url(../image/cpline-center.png) no-repeat center bottom !important; margin-bottom:10px !important; font-size:18px}
.mobile a{ display:inline-block; margin: 0 6px;}
.mobile a i{}
.newsxx IMG{ width:100%}
.newsxx-mobile{ display:block !important}
.ftel{ text-align:center}
.ftel-img  a{ display:block; width:100%; text-align:center}
.ftel-img  a img{ margin:0 auto; width:40px !important}
	}


.foucebox{ padding-top:50px}

.foucebox {position:relative;width:100%;overflow:hidden;}
	.foucebox .bd { position:relative; float:left; margin:0px; padding:0px;}
	.foucebox .bd img {margin:0px; padding:0px; height:auto; width:100%;}

	.foucebox .hd {position:relative; width:122px; float: right; padding-right:0; z-index:1; }
	.foucebox .hd ul { position:relative; width:122px; overflow:hidden;   }
	.foucebox .hd li {  text-align:left;vertical-align: middle; width:122px; height:92px;  background-color:#fff; line-height:120px; margin-bottom:4px}
	.foucebox .hd li a{   text-align:left;display: table-cell;vertical-align: middle;width:120px; height:90px;}
		.foucebox .hd li:hover { border:1px solid #3FF;}
	.foucebox .hd li img { max-height:90px;max-width:120px;vertical-align: middle;margin: 0 auto; line-height:80px; display:block;  }
	.foucebox .hoverBg { position:absolute; top:0; left:-10px; width:120px; height:90px; z-index:100; background:url(http://www.soaiy.com/template/pc/suoai/css/images/hover.png) no-repeat;
		/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.soaiy.com/template/pc/suoai/css/images/hover.png);*/
		_background:none;
	}


/*商务合作*/
.shhz{ display:block; width:1000px; border-bottom:1px solid #dfdede; text-align:center; font-size:24px; padding-bottom:12px; margin:0 auto}
.box10 { padding: 0px; height: 530px;}
.item_box_wp{ width:1600px; height:530px; margin:0 auto; background-color:#960; position:relative}
.voice_2 { width: 1600px; position: relative; left:0; margin-left:0; background-color:#933}
.voice_2 ul li { float: left; display: inline; height:530px; color: #fff; cursor: pointer; position: relative;}
.voice_2 ul li.li1 { background: #f5f5f5}
.voice_2 ul li.li2 { background: #f5f5f5}
.voice_2 ul li.li3 { background: #f5f5f5}
.voice_2 ul li.li4 { background: #f5f5f5}
.voice_2 ul li.li5 { background: #f5f5f5}
.voice_2 ul li.li6 { background: #f5f5f5}
.voice_2 .fold { width: 185px; height: 100%; text-align: center; position: absolute; top: 0px; left: 0px;}
.voice_2 .fold .img { display: block; background: url("http://www.soaiy.com/template/pc/suoai/css/img/icon.png") 0 0 no-repeat; margin-bottom: 20px; margin-top: 236px;}
.fold1{ width:180px; height:589px; background-image:url(../image/swa1.jpg)}
.fold2{ width:180px; height:589px; background-image:url(../image/swa2.jpg)}
.fold3{ width:180px; height:589px; background-image:url(../image/swa3.jpg)}

.voice_2 .li1 .fold .img { background-position: -482px -181px; width: 56px; height: 113px; margin: 236px 20px 20px 20px;}
.voice_2 .li2 .fold .img { background-position: 0 -417px; width: 51px; height: 138px; margin: 236px 25px 28px 25px;}
.voice_2 .li3 .fold .img { background-position: -64px -413px; width: 54px; height: 142px; margin: 239px 23px 20px 23px;}
.voice_2 .li4 .fold .img { background-position: -136px -204px; width: 76px; height: 96px; margin: 276px 12px 26px 12px;}
.voice_2 .li5 .fold .img { background-position: -141px -420px; width: 53px; height: 116px; margin: 259px 23px 24px 23px;}
.voice_2 .li6 .fold .img { background-position: -172px -306px; width: 54px; height: 104px; margin: 270px 23px 25px 23px;}
.voice_2 .fold .txt { font-size: 24px; display: block; width: 25px; font-weight: normal; margin: 110px 78px; line-height: 25px;}
.voice_2 .unfold { width:100%; height: 100%; display: none; position: absolute; top: 0px; left: 0px; background-color:#f5f5f5}
.voice_2 .unfold dl { width:100%}
.voice_2 .unfold dt { width:635px; float:left; display:block }
.voice_2 .unfold dd { display: block;width: 600px;float:left; font-size: 18px;color: #666666; line-height: 35px; padding:0 60px}
.voice_2 .unfold dd .ftitle { display:block; font-size: 30px; font-weight: normal; color:#0671F3; width:100%; border-bottom:1px solid #cccccc; padding-bottom:20px}
.voice_2 .unfold dd p a { font-size: 14px; display: inline-block; color: #666666; margin-left: 40px;}

.btround{ display:block; width:95px; height:95px; border-radius:50%; text-align:center;margin: 0 auto;}
@media only screen and (max-width:640px){
	.btround{ width:65px; height:65px;line-height:65px;}
	.btround img{ max-width:43px}
	.zmd { padding:10px 0;}
	.zmd p { text-align:center; line-height:25px; font-size:14px}
	}

.fwzc{ width:100%; background-color:#f5f5f5; margin-top:144px; padding-top:40px; padding-bottom:40px; position:relative} 
 .scrollbar{
  overflow-y:auto;
  width:100%; height:450px;
  margin:0 auto;
   border-style: solid ;border-width:0px ;
  border-color: pink ;
  position: absolute ; padding: 0 10px;
}
	.tabsList{overflow:hidden; zoom:1; width:100%; }
	.tabsList li{float:left; display:inline;height:172px; padding: 0 2px; overflow:hidden; zoom:1; }
	.tabsList li h4{width:42px;height:175px;margin-top:10px;cursor:pointer;float:left;text-indent:-9999em;overflow:hidden; }
	.tabsList li h4.lia{background-position:-8px -11px;}
	.tabsList li h4.lib{background-position:-69px -11px;}
	.tabsList li h4.lic{background-position:-130px -11px;}
	.tabsList li h4.lid{background-position:-191px -11px;}
	.tabsList li.on h4.lia{background-position:-8px -181px; }
	.tabsList li.on h4.lib{background-position:-69px -181px; }
	.tabsList li.on h4.lic{background-position:-130px -181px; }
	.tabsList li.on h4.lid{background-position:-191px -181px; }
	.tabsList li.on .tabBody{display:block;width:225px;padding:15px 0px 0 0px;display:inline; float:left;margin-left:10px; line-height:20px; }
	.tabsList li.on .tabBody p{font-size:12px; line-height:15px}
	.tabsList li .tabBody{display:none; }
	.tabsList li .tabBody h5{font-size:18px;font-weight:100;font-family:"微软雅黑","黑体";padding-bottom:10px;}
	.tabsList li .tabBody .pic{float:left; display:inline; margin-right:10px;}
	.tabsList li .tabBody .pic img{border:1px solid #cbcbcb;}
	.tabsList li .tabBody .newsList li{height:25px;line-height:25px;background:none;font-size:14px;overflow:hidden; zoom:1;clear:both;width:230px; }

/*资料下载*/
.downlist{ font-size:16px}
.cioj{ color:#0671F3}

/*常见问题*/
.wenti{ width:100%; background-color:#f5f5f5}
.sideMenu{  }
.sideMenu h3{ height:60px; line-height:60px; padding-left:10px;  border-bottom:1px solid #e3e3e3; background:#fff; cursor:pointer;
			font:normal 18px "Microsoft YaHei"; padding-top:20px
		}
.sideMenu h3 em{ float:right; display:block; width:27px; height:25px;   background:url(../image/icoAdd.png) 0px 0px no-repeat; cursor:pointer;margin: 0px 10px 0 0; }
		.sideMenu h3.on em{ background-position:0px -29px; }
		.sideMenu ul{ padding:8px 25px; color:#999; display:none; background-color:#FFF; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3;
		border-bottom:1px solid #e3e3e3}


.fwzctext{ background-color:#fff; padding:55px 38px;}
.green{ color:#0671F3; font-size:18px; padding-top:38px}
.fwzctext p{ color:#989898}
/*关于我们*/
.abb{ display:block; width:622px; margin:5% auto 20px auto;}
.abb2{display:block; width:622px; margin:10% auto 20px auto;}
.about-title{ font-size:30px; border-bottom:1px solid #cccccc; margin-bottom:32px}
.about-des{ font-size:14px; } .about-des p{  line-height:18px; margin-bottom:1rem; }  
.xia ul{ text-align:center}
.xia ul a{ display:inline-block; width:19%}
.xia ul a li{ position:relative}
.xia ul a li span{ position:absolute; top:50px; left:0; color:#FFF; width:100%; text-align:center; line-height:20px}
.xiashu    li{position:relative} 
.xiashu  li span{ position:absolute; top:50px; left:0; color:#FFF; width:100%; text-align:center; line-height:20px; color:#FFF}



@media only screen and (max-width:640px){.xia ul a{ width:30% !important}.xia ul a li span{ padding:0 10px;top:20px !important;}

.contus li{ padding-bottom:10px !important; border-bottom:1px solid #cccccc; margin-bottom:10px}
.contus li:last-child{border-bottom:0px solid #cccccc;}
.t100{ width:100%; height:40px}
.am-slider-default .am-control-nav{ bottom:10px !important;}
.am-slider-default .am-direction-nav a:before{width:33px !important;height:33px !important; line-height:33px !important; font-size:16px !important }
.am-slider-default .am-direction-nav .am-prev{ left:20px !important;display: none;}
.am-slider-default .am-direction-nav .am-next{ right:20px !important;display: none;}
.ppr{ padding-top:2px !important}
.pp1 {padding-top: 27px !important;}
.pp1 h2{ font-size:2rem; padding-bottom:10px  !important}
.zzlist{ width:100% !important; height:200px !important}
#fzlc{ display:none}
.dsf{ display:block; width:100%; text-align:center}
.dsf a{ display:inline-block !important}
.fttel1{ padding-bottom:2px !important}
.p30{ padding-bottom:10px !important}
.ftt{color:#666666; padding:10px !important; font-size:12px !important}
.ftt a{ font-size:12px !important}
.pp1 p{ font-size:12px !important; color:#FFF !important }
.pingpai{ background:none !important; height:auto !important}
.pingpai-wap{ position:relative}
.ppwap{ display:block !important}
#pingpai{ position:absolute; top:10px}
.pp1 h2{ font-size:20px !important}
.ppmiaos{ line-height:20px}
.pcwh,.zepc,.aboutpc{ display:none !important}

}
.ppwap{ display:none}
.zhaoping h3{ background-color:#f5f5f5; font-size:18px; padding-left:10px}

.contus h2{ font-size:18px; color:#333333}
.contus p{ font-size:14px; color:#666666}
.contus li{ padding-bottom:60px}

.lclist{ display:block; width:100%; background-color:#ffffff; height:220px !important}
.lclist .stars-info h2{ background-color:#e8e8e8}
/*品牌介绍*/
.pingpai{ width:100%; height:678px; position:relative; background:url(../image/videobg.jpg) no-repeat center top}
.pp1{ padding-top:87px}
.pp1 h2{ font-size:30px; color:#FFF; padding-bottom:40px}
.pp1 p{ font-size:14px; color:#fff;}
.ppr{ padding-top:120px; text-align:center}

/*资质证书*/
.zzlist{ width:622px; height:260px}
.zzlist .swiper-button-next, .swiper-button-prev{ top:93% !important; height:24px !important}

/*责任*/
.ze{ display:block; width:100%; height:66px; border-bottom:1px solid #bababa; padding-bottom:6px}
.ze .zrtitle{ font-size:30px}
.ze p{ font-size:14px}
.zelsit{ text-align:left;}
.zelsit li{ display:inline-block;margin: 10px 0px 10px 10px; }

/*后加产品页面*/
.mobilee{ background-color:#FFF; padding:90px 0;}

.proaction-mobile{position: absolute;
    top: 10%;
    width: 95%;
    padding: 0 0px 0 50px;}
.proaction-mobile h2 { font-size:16px; padding-bottom:33px; line-height:26px;}


.name-jg{ position: absolute;
    top: 50px;
    left: 0;
    color: #FFF;
    width: 100%;
    text-align: center;
    line-height: 20px; font-size:16px}

.footer{ padding-top:17px}
.ftnav ul li{ float:left; padding-right:99px}
.ftnav ul li:last-child{ padding-right:0}
.ftnav ul li h2 a{ font-size:16px}
.ftnav ul li p a{ color:#747474}
.dsf a{ display:inline-block; width:30px; height:30px;/* float:right;*/ margin-left:17px}
.fttel{font-size:18px; color:#333; padding-top:17px}
.fttel1{font-size:16px; color:#666666; padding-bottom:23px}
.dsf a i{ font-size:23px; text-align:center; line-height:30px; color:#999999;}
.ftt{color:#666666; padding:20px 0; font-size:14px}

a.ppai_a1:hover{ color:#FF033A}
a.ppai_a2:hover{ color:#C90000}
a.ppai_a3:hover{ color:#E2007E}
a.ppai_a4:hover{ color:#F40008}


/*导航*/
@media (min-width:800px) and (max-width:2500px){
#div1{/*overflow:hidden;*/ position: relative}
#div1 .am-thumbnail2{
  cursor: pointer;
  transition: all 0.75s
}
#div1:hover .am-thumbnail2{
  transform: scale(1.1);
}

#div1 img
{overflow:hidden; 
transition:all .5s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out; 
}

#div1:hover img 
{overflow:hidden; 
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
}
#div1:hover  .cpact{transition: all 0.3s; transform: translateY(-10px); } #div1:hover  .cpact-r{transition: all 0.3s; transform: translateY(-10px); }
#div1:hover  .cpact-center{transition: all 0.3s; transform: translateY(-10px); }
#div1:hover  .proaction{transition: all 0.3s; transform: translateY(-10px); }
}
