@charset "utf-8";
html,body{height:100%;}
body{padding:0px; margin:0px auto; font-size:14px; line-height:24px; color:#666666; width:100%; min-width:300px; zoom:1; font-family:frutigernext,Arial,Helvetica,sans-serif,Arial,"Microsoft YaHei","宋体"; background:#fff;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/*transition:all 0.2s linear; -webkit-transition:all 0.2s linear;*/}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#c30d23;}
/**:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}*/
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
:-moz-placeholder {color: #888888;}
::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #888888;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #888888;}
.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ clear:both; max-width:1200px; margin:0px auto;}
.block{ display:block;}


@media ( max-width:1200px){
.Contain{padding:0 10px;}
}

/*font*/
.f_red{ color:#c30d23;}
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img span {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}
.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}

/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both;}
.Pages span{ padding:0px 0px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px; line-height:25px; background:#e8e8e8;text-align:center; color:#666666;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; vertical-align:middle; padding:0 12px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{background:#0e9cf6; color:#fff;}
.Pages .p_page .num a{ width:25px; vertical-align:middle;}
 .Pages .p_page .num a:hover,.Pages .p_page a.a_cur{ background:#0e9cf6; color:#fff;} 
.a_cur {width: 25px;vertical-align: middle; background: #0e9cf6;color: #fff;}
.a_num {width: 25px;vertical-align: middle;}
@media ( max-width:768px){
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ padding:0 5px;}
.Pages a{ line-height:22px;}
.Pages .p_page .num a{ width:22px;}
}
/*pages end*/


/*Top*/
.Header{ height:70px;background-color: rgba(198,198,198,0.8);}
/*.Header .Contain{ max-width:1300px;}*/
.Header.fexidnav{ position:fixed; width:100%; top:0px; left:0px; z-index:888;}
.Header .Logo{float:left; padding-top:21px; width:26%;}
.Header .Toper{ color:#fff; float:right; line-height:70px;}
.Header .Toper a{ color:#fff;}.Header .Toper a:hover{ color:#ffcc00;}
.Header .Searchbox{float:right;}
.Header .Searchbox .icon{ line-height:15px; padding-top:29px; cursor:pointer;}
.Header .Search{ display:none; position:absolute; left:50%; margin-left:232px; top:11px; z-index:888; padding-right:24px;}
.Header .Search a.close,.Header .Search a.close2{ background: #919191 url(../images/closenav.png) center center no-repeat; width:25px; height:26px; vertical-align:middle; display:inline-block; position:absolute; right:0px; top:10px;}
.Header .Search a.close2{display:none;right:10px; top:13px;}
.Header .Search .box{ position:relative; background:#fff; border-radius:5px; width:398px; height:46px; border:1px solid #d4d4d4;}
.Header .Search .ipt{ vertical-align:top; width:80%; height:44px; line-height:44px; text-indent:1em;}
.Header .Search .searchbtn{ cursor:pointer; width:22px; height:22px; background:url(../images/searchbtn2.png) center center no-repeat; background-size:cover; position:absolute; right:16px; top:12px;}
.version{ line-height:25px; display:inline-block; background:#2293db; border-radius:12px; padding:0 10px; vertical-align:middle; margin:0 30px;}

.MainNav{ float:right;}
.MainNav li{float:left; margin-left:40px;}
.MainNav li span a{display:block; color:#525050; font-size:16px; height:70px; line-height:70px;}
.MainNav li span em{ position:relative; z-index:1; display:block; height:70px;}
.MainNav .bg{ position:absolute; left:50%; bottom:0px; height:3px; background:#2293db; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#2293db;}
.MainNav li:hover span .bg,.MainNav li.onnav span .bg,.MainNav li span a.sele .bg{ width:100%; left:0%;}
.NavPull{ overflow:hidden; width:100%; top:70px; left:0px; position:absolute; z-index:100; display:none; background:#fff; padding:1.2% 0; box-shadow: 0 0px 18px #ddd; text-align:center;}
.NavPull dl{ max-width:1200px; margin:0px auto;}
.NavPull dd{ display:inline-block; *display:inline;zoom:1; width:24%; font-size:18px;}
.NavPull.pro{ max-height:380px; overflow-y:auto; text-align:left;}
.NavPull.pro dd{ float:left;width:16.6666%; line-height:40px;}
.NavPull.pro .sub dd{ display:block; font-size:14px; line-height:21px; float:none; width:auto;}
.NavPull.pro .sub dd a{ background:url(../images/dot.gif) 0px 5px no-repeat; padding-left:16px; color:#666666;}
.NavPull.pro .sub dd a:hover{color:#cc0000;}
.NavPull.null{background:none; padding:0; box-shadow: 0 0px 0px none;}
.NavPull::-webkit-scrollbar{width: 5px;height: 5px;background-color: #F5F5F5;}
.NavPull::-webkit-scrollbar-track{background-color: #F5F5F5;}
.NavPull::-webkit-scrollbar-thumb{ border-radius: 10px;background-color: #2293db;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn,.closebtn{ cursor:pointer; display:none; float:right;width:26px; padding-top:10px;}
.openbtn.on,.closebtn { position:fixed; right:10px; z-index:999;}
.openbtn{ position:absolute; right:12px; top:0px;}
.closebtn{ z-index:999;}
.closebtn.auto{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:887; display:none;}
.openbtn span,.closebtn span{ display:block; height:2px; background:#2293db; margin:4px 0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.openbtn.on .sp1,.closebtn .sp1 {
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important;}
.openbtn.on .sp2,.closebtn .sp2 {
	-webkit-transform: translate(0, -3px) rotate(-45deg) !important;
	-moz-transform: translate(0, -3px) rotate(-45deg) !important;
	-ms-transform: translate(0, -3px) rotate(-45deg) !important;
	-o-transform: translate(0, -3px) rotate(-45deg) !important;
	transform: translate(0, -3px) rotate(-45deg) !important;}	
.openbtn.on .sp3,.closebtn .sp3 { display:none;}	
.mobilenav{ display:none;}

@media ( max-width:998px){
.Header{height:40px; padding:0; background:#fff;}
.Header .Logo{ padding-top:10px; width:auto;}.Header .Logo img{ height:18px;}
.Header .openbtn{ display:block;}
.Header .Toper{ line-height:40px; height:40px; margin-right:45px;}
.Header .Searchbox .icon{ padding-top:15px;}

.Header .Search{left:0%; top:0px; height:35px; padding:5px 10% 0 5%; margin-left:0px; padding-right:10%; width:85%; background:#fff;}
.Header .Search a.close{display:none;}.Header .Search a.close2{display:block; top:8px;}
.Header .Search .box{width:auto; height:30px;}
.Header .Search .ipt{height:30px; line-height:30px;}
.Header .Search .searchbtn{top:6px; width:15px; height:15px;}

.MainNav{ position:fixed; z-index:999; width:200px; height:100%; overflow-y:auto; padding:0px; background:#fff; right:-200px; top:0px;}
.MainNav ul{ float:none; margin-top:38px; width:auto;}
.MainNav li{ position:relative; cursor:pointer; float:none; border-bottom:1px solid #eee; width:auto;}
.MainNav li span a{ height:auto; display:block; line-height:46px; height:46px; padding-left:20px; color:#333; text-align:left;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#fff; background:#c30d23;}
.MainNav .bg{ display:none;}
.MainNav .arr{ position:absolute; z-index:2; width:100%; height:46px; background:url(../images/arr.png) right center no-repeat; left:0px; top:0px;}
.MainNav li.onnav .arr{ background:url(../images/arr2.png) right center no-repeat;}
.NavPull { position:static; width:auto;padding:0;}
.NavPull dd{float:none; display:block; width:auto; font-size:15px; line-height:36px; text-align:left;}
.NavPull a{ display:block;padding-left:20px; border-bottom:1px solid #eee;}
.NavPull.pro { max-height:none;}
.NavPull.pro dd{ float:none; width:auto; padding:3px 0;}
.NavPull.pro dl{ padding:0px;}
.NavPull.pro dl .sub{ display:none;}
.NavPull.pro dl .sub dd a{ display:block; padding:5px 5px 5px 21px;}
.NavPull.pro .sub dd a{ background-position:6px 10px;}
.NavPull.pro .tit{ position:relative;}
.NavPull.pro .tit .arr2{position:absolute; z-index:2; width:100%; height:40px; background:url(../images/arr.png) right center no-repeat; left:0px; top:0px;}

.pcnav{ display:none;}
.mobilenav{ display:block;}
.mb50{ margin-bottom:20px;}
}

/*Top*/

/*Bottom*/
.bottom{ background:#2b2b2b; padding-top:45px; clear:both;}
.bottom .sitemap{ width:69%; float:left;}
.bottom .sitemap dl{ width:16.66666%; float:left;}
.bottom .sitemap dl dt{}
.bottom .sitemap dl dt a{ color:#fff;}.bottom .sitemap dl dt a:hover{ color:#e4423a;}
.bottom .sitemap dl dd{ font-size:12px; line-height:30px;}
.bottom .sitemap dl dd a{ color:#929292;}.bottom .sitemap dl dd a:hover{ color:#fff;}
.bottom .contact{float:right; color:#999999; padding-bottom:30px;}
.bottom .contact .tel{ float:right; background:url(../images/tel.png) 0 12px no-repeat; margin-bottom:14px; padding-left:30px;}
.bottom .contact .tel b{ font-size:22px; color:#fff; font-family:Tahoma, Geneva, sans-serif; display:block; line-height:35px;}
.bottom .contact .add{ clear:both; font-size:12px; line-height:20px; margin-bottom:16px;}
.bottom .contact .add i{ margin-left:16px;}
.bottom .contact .ewm{ float:right; text-align:center;}
.bottom .contact .ewm li{ width:115px; float:left;}
.bottom .contact .ewm li img{ border:2px solid #fff; display:block; margin:0px auto 5px; width:76px; height:76px;}

.bottom .copyright{ font-size:12px; padding:5px 0px; background:#222222; color:#737373;}
.bottom .copyright a{color:#737373;}.bottom .copyright a:hover{color:#e4423a;}
.bottom .copyright .share a{ display:inline-block; width:23px; height:23px; vertical-align:middle; margin-left:8px; border-radius:50%; background: #393939 url(../images/share.png) 0px top no-repeat;}
.bottom .copyright .share a.qq{ background-position:0px top;}
.bottom .copyright .share a.wb{ background-position:-23px top;}
.bottom .copyright .share a:hover{ background-color:#e4423a;}

.cd-top {overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; height:0px; background:url(../images/top.gif) center center; width:40px; position:fixed; bottom:0px; right:0px;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;height:40px; cursor:pointer;}
@media ( max-width:998px){
.cd-top.cd-is-visible {height:30px;}
.bottom{ padding-top:15px;}
.bottom .sitemap{ display:none;}
.bottom .contact{float:none;padding-bottom:15px;}
.bottom .contact .tel{ float:none;}
.bottom .contact .ewm{ float:none;}
}
@media ( max-width:640px){
.bottom .copyright .fl{ float:none; text-align:center;}
.bottom .copyright .fr{ float:none; text-align:center;}
.bottom .contact .ewm li{ display:inline-block; float:none;}
}

/*Bottom*/


/*首页 s*/
#banner{width:100%;height:580px;overflow:hidden;position:relative; margin-bottom:4%;}
#banner .swiper-slide .img{ height:580px; background-position:center center; background-size:cover; background-repeat:no-repeat;}
#banner .swiper-button-prev{ width:32px; height:57px; background:url(../images/prev.png) center center no-repeat;}
#banner .swiper-button-next{ width:32px; height:57px; background:url(../images/next.png) center center no-repeat;}
#banner .swiper-pagination{bottom:20px;right:0px; width:100%; text-align:center;}
#banner .swiper-pagination-bullet{width:12px;height:12px;background:#fff;margin:0 5px;}		
.effect1 .img{transform:scale(1.25,1.25) translate(10%,10%);transform:scale(1.1,1.1) translate(4.545%,4.545%);}
.leftUp .img{-webkit-animation-name:leftUp;animation-name:leftUp;}
@-webkit-keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%); }
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}
@keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);}
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}

.moveRight .img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0); }
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}
@keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}

.moveDown .img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%); }
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}
@keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}

.centerBig .img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);}}

.rightDownBig .img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
@keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
.swiper-slide .img{
	animation-duration:5s;
	animation-timing-function:linear;
	animation-fill-mode: forwards;
	-webkit-animation-duration:5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards;}	

@media ( max-width:998px){
#banner{height:300px;}
#banner .swiper-slide .img{ height:300px;}
#banner .swiper-button-prev{ width:25px; height:45px; background-size:cover;}
#banner .swiper-button-next{ width:25px; height:45px; background-size:cover;}
}
@media ( max-width:640px){
#banner{height:220px;}
#banner .swiper-slide .img{ height:220px;}
}

.HomeTit{ margin-top:2%; line-height:34px; text-align:center; color:#0e9cf6; font-size:32px; padding-bottom:45px;}
.Pronav{ line-height:47px; text-align:center; background:#3a3a3a;}
.Pronav li{ font-size:16px;width:16.66666%; float:left; cursor:pointer;}
.Pronav li a{ color:#fff; display:block; border-right:1px solid #606060;}
.Pronav li.on a{ background:#0e9cf6; border-right:1px solid #0e9cf6;}
.AllPro{ margin:35px 0 56px 0;}
.hiddenbox{height:325px;overflow:hidden;}
.AllPro .mouse{ background:url(../images/mouse.png); width:74px; height:26px; margin:15px auto 0;}
.AllPro { position:relative;}
.AllPro li{}
.AllPro li .box{padding:0px 10px;}
.AllPro .img{ position:relative;}
.AllPro .img span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0p; top:0px; width:100%; height:100%;}
.AllPro .img img{ height:; display:block;}

.AllPro .info{ background:#f5f5f5; padding:14px 19px;}
.AllPro .info .tit{ color:#0e9cf6; margin-bottom:11px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; font-weight:bold;}
.AllPro .info .p{overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; line-height:21px; height:42px; color:#515151;}
.AllPro li:hover .info{ background:#0e9cf6;}
.AllPro li:hover .info .tit{ color:#fff;}
.AllPro li:hover .info .p{ color:#fff;}

.AllPro .flex-direction-nav a {width: 45px; height: 45px; border:1px solid #333; border-radius:50%;}
.AllPro .flex-direction-nav .flex-prev { opacity:1; left:0px; background:rgba(0,0,0,0.5) url(../images/btn_left.png) center center no-repeat; background-size:contain; }
.AllPro .flex-direction-nav .flex-next { opacity:1; right:0px; background:rgba(0,0,0,0.5) url(../images/btn_right.png) center center no-repeat; background-size:contain; }
.AllPro:hover .flex-direction-nav .flex-prev { left:0;}
.AllPro:hover .flex-direction-nav .flex-next { right:0;}
.AllPro .flex-control-nav{ display:none;}


@media ( max-width:998px){
.HomeTit{ line-height:25px; font-size:20px; padding-bottom:15px;}
.Pronav{ line-height:30px; text-align:center; background:#3a3a3a;}
.Pronav li{ font-size:14px;width:33.3333%;}
.Pronav li a{border-bottom:1px solid #606060;}
.Pronav li.on a{border-bottom:1px solid #0e9cf6;}
.AllPro{ margin:20px 0 20px 0;}
}
@media ( max-width:768px){
.Pronav li{ width:50%;}
.AllPro ul{ margin-left:-10px;}
.AllPro li{ width:150px;padding-left:10px;}
.AllPro li .info .tit{ margin-bottom:5px;}
.AllPro li .box{padding:0px 5px;}
.AllPro .flex-direction-nav a {width: 25px; height: 25px;}
}
.HomeNews ul{ padding-left:40%; position:relative; height:auto !important; height:311px; min-height:311px;}
.HomeNews .first{ position:absolute; left:0px; top:0px; width:35%;}
.HomeNews .first .img{ padding-top:75%; position:relative;}
.HomeNews .first .img span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0p; top:0px; width:100%; height:100%;}
.HomeNews .first .tit{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; margin:18px 0 7px;}
.HomeNews .first .p{overflow: hidden; line-height:20px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; color:#898988; font-size:12px; margin-bottom:11px;}
.HomeNews .first a.more{ color:#0669b2; font-size:12px;}
.HomeNews .li{ position:relative; margin-bottom:14px; padding:0 30px 0 119px; height:70px;}
.HomeNews .li .date{ left:0px; top:14px; position:absolute; background:url(../images/line.gif) right 5px no-repeat; padding-right:15px; width:87px; color:#606060; text-align:right;}
.HomeNews .li .date i{ display:block; font-size:24px; color:#3d3d3d;}
.HomeNews .li .tit{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; padding-top:11px;}
.HomeNews .li .p{ color:#959595; font-size:12px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.HomeNews .li:hover{ background:#fdfdfd;}
.HomeNews .morenews{ display:block; text-align:center; font-size:12px; color:#fff; background:#0e9cf6; width:118px; line-height:30px; margin:35px 0px 0px 38px;}
.HomeNews .morenews:hover{ background:#0074bd;}
@media ( max-width:768px){
.HomeNews ul{ padding-left:0%;}
.HomeNews .first{ position:static; width:auto;}
.HomeNews .li{padding:0 0px 0 80px; height:70px; margin-bottom:0;}
.HomeNews .li .date{width:50px;}
.HomeNews .li .date i{ font-size:18px;}
.HomeNews .morenews{ margin:20px auto;}
.hiddenbox{height:286px;}
}

.graybg .HomeTit{ margin-top:0;}

.HomeSol{ padding-bottom:55px;}
.HomeSol .slides li .box{ margin-right:30px;}
.HomeSol .slides .img{position:relative;}
.HomeSol .slides .img span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0p; top:0px; width:100%; height:100%;}
.HomeSol .slides .info{ background:#f4f4f4; padding:20px 15px;}
.HomeSol .slides .info .tit{ margin-bottom:18px; position:relative; font-size:16px; color:#1e1e1e; padding-right:10%; background:url(../images/titarr.png) right center no-repeat; line-height:27px; font-weight:bold;}
.HomeSol .slides .info .tit a{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; display:block;}
.HomeSol .slides .info .tit i{ display:block; width:27px; height:10px; border-bottom:2px solid #1e1e1e;}
.HomeSol .slides .info .p{ font-size:12px; color:#777777;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; overflow:hidden;}
.HomeSol .flexslider{ padding-bottom:54px;}
.HomeSol .flexslider .flex-control-paging li a {width: 23px; height: 23px; display: block; background:url(../images/fadot1.gif) center center no-repeat;}
.HomeSol .flexslider .flex-control-paging li a:hover { background:url(../images/fadot2.gif);}
.HomeSol .flexslider .flex-control-paging li a.flex-active { background:url(../images/fadot2.gif);}
@media ( max-width:768px){
.HomeSol .slides li .box{ margin-right:10px;}
.HomeSol .slides .info{ padding:10px;}
.HomeSol .slides .info .tit{ font-size:14px; line-height:22px; padding-right:0; background:none; margin-bottom:10px;}
.HomeSol .slides .info .tit i{ height:5px;}
.HomeSol .slides .info .p{ line-height:20px;}
.HomeSol .flexslider{ padding-bottom:34px;}
.HomeSol{ padding-bottom:25px;}
}

.HomePartner{ margin:0 0 0 -2%;}
.HomePartner li{ width:18%; text-align:center; margin:0 0 2% 2%; float:left; background:#fff;}
.HomePartner li .img span{ width:2%; margin:0px auto; height:80px; display:table-cell; vertical-align:middle;}
.HomePartner li .img img{ max-height:80%; display:block; margin:0px auto;}
@media ( max-width:640px){
.HomePartner li{ width:31.33333%;}
.HomePartner li .img span{height:60px;}
.HomePartner li .img img{ max-height:60px;}
}

/*首页 end*/


/*栏目页公用样式 s*/
.SubBan{ height:300px; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.SubBan .txt{position:absolute; text-transform:uppercase; font-size:30px; width:990px; left:50%; top:40%; margin-left:-495px; color:#fff;}
.SubBan .txt span{ font-size:14px; text-transform:uppercase; margin-left:12px; font-weight:normal;}
.promain .SubBan .txt{ font-size:36px;}
.promain .SubBan .txt span{ display:block; margin:12px 0 0 0;}

.SubColumn{ height:180px; position:relative; background:#f2f2f2;}
.SubColumn .txt{position:absolute; text-transform:uppercase; font-size:36px; width:1200px; font-weight:normal; left:50%; top:36%; margin-left:-600px; color:#0e9cf6;}
.SubColumn .txt span{ display:block; margin:12px 0 0 0; color:#3b3b3b; font-size:14px;}

.MenuList{ text-align:center; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; line-height:48px;}
.MenuList li{display:inline-block; *display:inline; zoom:1; margin-left:-5px;}
.MenuList li a{ padding:0 15px; min-width:100px; font-size:18px; display:block; color:#525050; border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}
.MenuList li.onli a,.MenuList li a:hover{ color:#fff; background:#0e9cf6;}

.SubPage{ height:auto !important; min-height:250px; height:250px; padding-top:50px; padding-bottom:50px;}

.SinglePage{ word-wrap:break-word; font-size:16px; line-height:36px;}

@media ( max-width:1200px){
.SubColumn .txt{ left:5%; margin-left:0; width:90%;}
}
@media ( max-width:998px){
.SubBan{ height:120px;}
.SubBan .txt{width:100%; left:0%; text-align:center; font-size:20px; margin:0px;}
.SubBan .txt span{ display:block; margin:0;}
.promain .SubBan .txt{ font-size:20px; top:40%;}
.promain .SubBan .txt span{margin:0 10px; font-size:12px; line-height:18px;}
.SubColumn{ height:120px;}
.SubColumn .txt{ font-size:20px; top:20%;}
.SubColumn .txt span{margin:0;font-size:12px;}

.SubPage{padding-top:25px; padding-bottom:30px;}
.SinglePage{font-size:14px; line-height:26px;}
}
@media ( max-width:768px){
.MenuList li{ margin-left:0;}
.MenuList li a{ width:auto; padding:0 6px; font-size:14px; border-left:0px;border-right:0px;}
}
/*栏目页公用样式 end*/


/***公司简介 s***/
.AboutUs{ text-align:center; font-size:16px; color:#777777;/* background:url(../images/aboutbg.jpg) center bottom no-repeat; background-size:contain; */padding:6% 0 0%; line-height:28px; margin-bottom:5%;}
.AboutUs .tithead{ font-size:36px; color:#3b3b3b; margin-bottom:4%;}

.Aboutitem{ margin-bottom:6%;}
.Aboutitem li{ width:46%; float:left;}
.Aboutitem li .box{ border:1px solid #dadada;}
.Aboutitem li .info{ padding:0 7%; height:256px; color:#777777;}
.Aboutitem li .info .tit{ color:#3b3b3b; font-size:24px; padding:40px 0px 25px; text-align:center;}
.Aboutitem li.next{ float:right;}

.HornorList{ margin:0 0 20px -2.5%;}
.HornorList li{ width:22.5%; float:left; text-align:center; padding:0 0 2.5% 2.5%; font-size:16px;}
.HornorList li .img{ overflow:hidden; height:400px; display:table-cell; background:#e8e8e8; width:100%; vertical-align:middle;}
.HornorList li .img img{ max-height:400px; display:block; margin:0px auto;}
.HornorList li .tit{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; margin-top:8px;}

.NewsList{ margin-bottom:50px;}
.NewsList li{ padding:30px 30px 30px 209px; position:relative; height:150px; border-bottom:1px solid #dddddd;}
.NewsList li .tit{font-size:18px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; font-weight:normal; margin-bottom:11px;}
.NewsList li .tit a{ color:#0e9cf6;}.NewsList li .tit a:hover{ text-decoration:underline;}
.NewsList li .img{ overflow:hidden; width:150px; height:115px; position:absolute; left:30px; top:30px;}
.NewsList li .img span{width:100%; height:100%; position:absolute; left:0px; top:0px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.NewsList li .img img{ width:100%; height:115px;}

.NewsList li .p{overflow: hidden; color:#666666; text-indent:2em; margin-bottom:11px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.NewsList li .date i{ display:inline-block; width:23px; color:#dddddd; text-align:center;}

.Titleinfo{ color:#666666; padding:10px 0px 24px 0px; line-height:20px; margin-bottom:25px; text-align:center; border-bottom:1px dashed #e6e6e6;}
.Titleinfo .tit{ font-size:20px; color:#333333; padding-bottom:18px;}
.Titleinfo .date i{ margin:0px 12px; display:inline-block;}
.Shares{ display:inline-block; *display:inline;zoom:1; vertical-align:top;}
.PrevNextBox {margin:30px 0 0 0;position:relative; color:#888888;}
.PrevNextBox dl{ width:49%; line-height:50px; height:50px; text-align:center; font-size:16px; overflow:hidden; background:#f7f7f7;}
.PrevNextBox dl span{color:#000000;}
.PrevNextBox dl:hover{background:#0e9cf6; color:#fff;}
.PrevNextBox dl:hover span{ color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl div{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; max-width:90%;}
.back{ text-align:center; margin-top:30px; clear:both;}
.back a{ display:block; margin:0px auto; width:120px; line-height:38px; background:#0e9cf6; color:#fff;}
.back a:hover{background:#0075bf;}

@media ( max-width:768px){
.AboutUs{font-size:14px;line-height:24px; padding:30px 0 0px;}
.AboutUs .tithead{ font-size:20px;}
.Aboutitem li{ width:48%; line-height:20px;}
.Aboutitem li .info .tit{ padding:18px 0px 10px; font-size:18px;}
.HornorList li{ width:47.5%;font-size:14px;}
}
@media ( max-width:640px){
.Aboutitem li{ width:auto; float:none; margin-bottom:15px;}
.Aboutitem li.next{ float:auto;}
.Aboutitem li .info{ padding:0 10px 10px; height:auto;}
.HornorList li .img{height:180px;}
.HornorList li .img img{ max-height:180px;}
.NewsList li{ padding:15px 0;height:auto;}
.NewsList li .img{ position:relative; left:0px; top:0px; margin-bottom:10px; width:auto; height:100px;}
.NewsList li .img img{height:100px;}
.NewsList li .tit{font-size:14px; margin-bottom:0;}

.Titleinfo{ padding-bottom:15px; margin-bottom:15px;}
.Titleinfo .tit{ font-size:18px; padding-bottom:10px;}
.PrevNextBox dl{ width:auto; line-height:40px; height:40px;font-size:14px; text-align:left;}
.PrevNextBox dl div{width:90%; margin:0px auto;}
.PrevNextBox dl.fl{ float:none;}.PrevNextBox dl.fr{ float:none;}
.Shares{ display:none;}
}

/***解决方案 s***/
.Customer{ margin:0 0 20px -2.5%;}
.Customer li{ padding:0 0 2.5% 2.5%; width:22.5%; text-align:center; float:left; font-size:16px;}
.Customer li .img{ border:1px solid #eaeaea;}
.Customer li .img span{ width:2%; height:108px; margin:0px auto; display:table-cell; vertical-align:middle;}
.Customer li .img span img{ display:block; max-height:108px; margin:0px auto;}
.Customer li .tit{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; margin-top:8px;}
.Customer li:hover .img{ border:1px solid #0e9cf6;}

.CaseList{ margin:0 0 20px -2.5%;}
.CaseList li{padding:0 0 2.5% 2.5%; width:22.5%; text-align:center; float:left; font-size:16px;}
.CaseList li .img{ border:1px solid #eaeaea; position:relative;}
.CaseList li .img span{ position:absolute; left:0px; top:0px; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.CaseList li .tit{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; margin-top:8px;}
.CaseList li:hover .img{ border:1px solid #0e9cf6;}

@media ( max-width:768px){
.Customer li{ font-size:14px;}
.CaseList li{ font-size:14px;}
}
@media ( max-width:640px){
.Customer li{ width:30.833%;}
.Customer li .img span{height:50px;}
.Customer li .img span img{ max-height:50px;}
.CaseList li{ width:30.833%;}
}

/***技术服务 s***/
.ServerTit{ padding-bottom:38px; text-align:center; font-size:30px; color:#2c2c2c;}
.ServerList{ margin:0 0 20px -2.5%;}
.ServerList li{padding:0 0 2.5% 2.5%; width:22.5%; text-align:center; float:left; font-size:16px;}
.ServerList li .img{ border:1px solid #e5e9eb;}
.ServerList li .img img{ width:100%; display:block; height:100%;}
.ServerList li .tit{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; margin-top:10px; color:#2c2c2c;}
.ServerList li .data{ color:#8c8c8c; font-size:14px;}
.ServerList li:hover .img{ border:1px solid #0e9cf6;}

.graybg{ background:#f6f6f6; padding:5% 0;}
.Message{ width:46%; float:left;}
.Message .ServerTit{ text-align:left;}
.Message dl{ position:relative; padding:0 0 21px 77px; line-height:34px;}
.Message dl dt{ position:absolute; left:0px; top:0px; color:#2c2c2c;}
.Message dl dd { position:relative;}
.Message dl dd .ico{ position:absolute; left:11px; top:5px;}
.Message dl dd .input{ text-indent:3em; border:1px solid #cccccc; height:32px; line-height:32px; width:99%;}
.Message dl dd .textarea{border:1px solid #cccccc; height:161px; padding:8px 40px; line-height:32px;}
.Message dl dd .textarea textarea{ width:100%; height:161px;}
.Message dl dd .sendbtn{ width:100px; height:30px; color:#fff; cursor:pointer; background:#2388ca; margin-right:10px;}
.Message dl dd .resetbtn{ width:100px; height:30px; color:#333; cursor:pointer; background:#e4e4e4;}

.teclxwm{ width:46%; float:right;}
.teclxwm .ServerTit{ text-align:left;}
.teclxwm li{ margin-bottom:18px; color:#2c2c2c;}
.teclxwm li .tit{ color:#0e9cf6;}
.teclxwm li .ico{ width:16px; height:18px; display:inline-block; vertical-align:middle; margin-right:11px; background:url(../images/lxwm.png) 0px center no-repeat;}
.teclxwm li .ico.add{ background-position:0px top;}
.teclxwm li .ico.tel{ background-position:-16px top;}
.teclxwm li .ico.tec{ background-position:-32px top;}
.teclxwm li .ico.fax{ background-position:-48px top;}
.teclxwm li .ico.web{ background-position:-64px top;}
.teclxwm li .ico.mail{ background-position:-80px top;}
.teclxwm .box{ margin-top:15px; border:1px solid #d7d7d7; color:#2c2c2c; background:url(../images/servicebg.jpg); background-size:cover; padding:1% 6% 7%;}
.teclxwm .box h4{ font-size:18px; padding-top:6%;}

.Popbox{ display:none; position:fixed; width:100%; height:100%; left:0px; top:0px; z-index:999; background:rgba(0,0,0,0.5);}
.Popbox a.close{ background: #999 url(../images/closenav.png); width:30px; height:30px; position:absolute; right:12px; top:12px;}
.Popbox .content{ position:absolute; width:550px; left:50%; top:10%; margin-left:-275px; padding:25px; background:#fff;}
.Popbox .content .tit{ text-align:center; font-size:18px; color:#333; padding-bottom:15px;}
.Popbox .content .input{ background:#f6f6f6;}

@media ( max-width:768px){
.ServerTit{ padding-bottom:25px;font-size:20px;}
.ServerList li{ font-size:14px;}
.Message{ width:auto; float:none;}
.Message dl{padding:0 0 12px 68px;}
.teclxwm{ width:auto; float:none;}
.teclxwm li{ margin-bottom:10px;}
.Popbox .content{ width:80%; left:4%; margin-left:0px; padding:6%;}
}
@media ( max-width:640px){
.ServerList li{ width:47.5%;}
.ServerList li .data{ font-size:12px; margin-top:-5px;}
.Message dl dd .sendbtn{ width:88px;}
.Message dl dd .resetbtn{ width:88px;}
}


/***产品接近传感器 s***/
.ProList{ margin:0 0 20px -1%;}
.ProList li{padding:0 0 2.5% 1%; width:24%; text-align:center; float:left;}
.ProList li .img{ border:1px solid #c6c6c6; position:relative;}
.ProList li .img span{ position:absolute; left:0px; top:0px; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.ProList li .tit{ text-align:center;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; margin:17px 0 12px; font-size:16px; color:#333333;}
.ProList li .p{text-overflow: ellipsis; overflow:hidden; height:48px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; padding:0 25px; margin-bottom:10px;}
.ProList li .line{ color:#0e9cf6; border-bottom:1px solid #f3f3f3; height:8px;}
.ProList li .more{ z-index:2; position:absolute; width:100%; height:100%; left:0px; top:0px; background:rgba(54,148,207,0.8) url(../images/zoom.png) center center no-repeat;filter:alpha(opacity=0);-moz-opacity: 0;opacity:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.ProList li:hover .more{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}
.ProList li:hover .img{ border:1px solid #0e9cf6;}
.ProList li:hover .line{ border-bottom:1px solid #0e9cf6;}
.ProList li:hover .tit{ color:#0e9cf6;}

.Protit{ font-size:30px; color:#2e2e2e; padding:35px 0 26px;}
.NewPro{ background: #f5f5f5 url(../images/probg.gif) right top no-repeat; background-size:contain; padding:30px;}
.NewPro ul{ margin-left:-2.5%;}
.NewPro li{ background:#fff; width:47.5%; float:left; margin-left:2.5%;}
.NewPro li .box{ padding:3% 5% 3% 8%;}
.NewPro li .info{ padding-top:9%; width:45%; float:left;}
.NewPro li .img{ float:right;width:47%; padding-top:47%; position:relative;}
.NewPro li .img span{ position:absolute; left:0px; top:0px; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.NewPro li .tit{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; margin-bottom:22px; font-size:18px; color:#0e9cf6;}
.NewPro li .p{text-overflow: ellipsis; overflow:hidden; color:#545454;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.NewPro li:hover{ box-shadow:0 0 15px #ccc;}

@media ( max-width:768px){
.ProList li .tit{margin:5px 0 5px;font-size:14px;}
.ProList li .p{padding:0px; line-height:20px; height:40px;}
.Protit{ font-size:20px; padding-bottom:12px;}
.NewPro{padding:10px;}
.NewPro li .tit{margin-bottom:5px; font-size:14px;}
.NewPro li .p{ line-height:20px;}
.NewPro li .info{ padding-bottom:10px;}
}
@media ( max-width:640px){
.ProList{ margin-left:-2%;}
.ProList li .line{ height:12px;}
.ProList li{padding:0 0 12px 2%; width:48%;}
.ProList li .p{ margin-bottom:0;}

.NewPro li .img{ float:none;width:auto; padding-top:80%;}
.NewPro li .info{ width:auto; float:none;}
}


/***产品CLJ普通型 s***/
.NumerPro{ color:#313131; padding-bottom:28px; font-size:28px;}
.NumerPro span{ color:#0e9cf6;}
.ProList2{ margin:0 0 20px -2%;}
.ProList2 li{padding:0 0 2.5% 2%; width:48%;float:left;}
.ProList2 li .box{ border:1px solid #c6c6c6; padding:6% 4%;}
.ProList2 li .img{ position:relative; width:35%; float:left;}
.ProList2 li .img span{ position:absolute; left:0px; top:0px; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.ProList2 li .info{ width:60%; float:right;}
.ProList2 li .tit{ font-weight:bold;margin:0px 0 12px; font-size:20px; color:#333333;}
.ProList2 li .tit span{color:#0e9cf6; display:block;}
.ProList2 li .tit em{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; display:block;}
.ProList2 li .p{text-overflow: ellipsis; overflow:hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; margin-bottom:30px;}
.ProList2 li a.more{ color:#fff; display:block; text-align:center; width:112px; line-height:32px; background:#0e9cf6;}
.ProList2 li:hover .tit{ color:#0e9cf6;}
.ProList2 li:hover a.more{ background:#0078c4;}
.ProList2 li:hover .box{ box-shadow:0 0 15px #ccc; border:1px solid #0e9cf6;}
@media ( max-width:768px){
.ProList2 li .tit{ font-size:14px; margin:5px 0;}
.ProList2 li .p{ line-height:20px; margin-bottom:15px;}
}
@media ( max-width:640px){
.ProList2 li{ width:auto; float:none;}
.NumerPro{padding-bottom:15px; font-size:20px;}
}


/***产品详情 s***/
.ProInfo{ border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; overflow:hidden; position:relative; padding:25px 0;}
.ProInfo .ProImg{ width:33.4%; float:left;}
.ProInfo .ProImg .img{ margin:0px auto; width:;background-position:center center; background-repeat:no-repeat; background-size:cover;}

.ProInfo .bg{ width:1200px; height:100%; position:absolute; top:0px; background:#f2f2f2; left:50%; margin-left:-150px;}
.ProInfo .Info{ position:relative; z-index:1; width:58%; float:right; padding:10px 0;}
.ProInfo .Info .tit{ font-size:20px; color:#242424; line-height:37px; margin-bottom:20px;}
.ProInfo .Info .tit span{ display:block; font-size:36px; color:#2293db; margin-bottom:14px;}
.ProInfo .Info .p{ color:#898989; line-height:30px; padding-bottom:35px;}
.ProInfo .Info a.zxbtn{ margin-top:15px; color:#fff; display:block; text-align:center; background:#2293db; width:150px; line-height:40px;}
.ProInfo .Info a:hover.zxbtn{ background:#02609c;}

.Protits{ color:#2a2a2a; font-size:30px; padding-bottom:35px;}
.Protits img{ vertical-align:middle; width:31px; margin-right:7px; display:inline-block;}
.Protits span{ color:#0e9cf6;}

.protxt{ font-size:16px; line-height:38px; color:#3f3f3f;}
.protxt .img{ border:1px solid #e3e3e3; width:35%; float:right; text-align:center;}

.Prosize{ margin:0 0 0 -2.5%;}
.Prosize li{ width:47.5%; margin:0 0 2% 2.5%; float:left;}
.Prosize li .img{ border:1px solid #d3d3d3;}
.Prosize li .img img{ display:block; height:232px; margin:0px auto;}

.ModelPro{}
.ModelPro ul{ margin-left:-2.5%;}
.ModelPro li{ width:47.5%; float:left; margin:0 0 2% 2.5%;}
.ModelPro li .box{ padding:3% 5% 3% 8%; border:1px solid #d3d3d3;}
.ModelPro li .info{ padding-top:9%; width:45%; float:left;}
.ModelPro li .img{ float:right;width:50%; padding-top:44%; position:relative;}
.ModelPro li .img span{ position:absolute; left:0px; top:0px; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.ModelPro li .tit{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; margin-bottom:22px; font-size:18px; color:#0e9cf6;}
.ModelPro li .p{text-overflow: ellipsis; overflow:hidden; color:#545454;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.NewPro li:hover{ box-shadow:0 0 15px #ccc;}

.pronav{ border-bottom:1px solid #f2f2f2; height:45px; padding-top:5px; margin-bottom:20px;}
.pronav ul{ margin-left:-0.5%;}
.pronav li{ cursor:pointer; width:15%; text-align:center; float:left; margin-left:0.5%; line-height:45px; background:#f2f2f2; color:#333; font-size:16px;}
.pronav li.on{ background:#2293db; color:#fff;}

@media ( max-width:768px){
.ProInfo .ProImg{ width:auto; float:none; padding-bottom:18px;}
.ProInfo .Info{width:auto; float:none; padding:10px; background:#f2f2f2;}
.ProInfo .Info .p{ line-height:24px; padding-bottom:15px;}
.ProInfo .bg{ display:none;}
.ProInfo .flex-direction-nav a  {width:30px; height:50px;}
.ProInfo .ProImg #big .slides li .img{ width:300px; height:300px;}
.ProInfo .Info .tit{ font-size:16px;line-height:27px; margin-bottom:10px;}
.ProInfo .Info .tit span{font-size:24px; margin-bottom:8px;}

.Protits{ font-size:20px; padding-bottom:15px;}
.protxt{ font-size:14px; line-height:24px;}
.protxt .img{ width:auto; float:none; margin-bottom:8px;}
.ModelPro li .tit{margin-bottom:5px; font-size:14px;}
.ModelPro li .p{ line-height:20px;}
.ModelPro li .info{ padding-bottom:10px;}
}
@media ( max-width:640px){
.Prosize li{ width:auto;float:none;}
.Prosize li .img img{ height:auto;}

.ModelPro li .img{ float:none;width:auto; padding-top:80%;}
.ModelPro li .info{ width:auto; float:none;}
.pronav li{ width:32.83333%;}
}



/* 联系我们 */
.Contact .left{width:750px;margin-right:20px;float:left;}
.Contact .left iframe{width:100%;height:360px;}
.Contact .right{width:420px;box-sizing:border-box;padding-bottom:30px;border: 1px solid #d6d6d6;float:right;}
.Contact .right>h3{padding-left:30px;box-sizing:border-box;height:50px;width:300px;background:#018ae2;color:white;font-size:18px;line-height:50px;margin-top:20px;}
.Contact .right .rows{height:auto;margin-top: 20px;; padding: 0px 20px 0px 100px;box-sizing: border-box;}
.Contact .right .rows:nth-child(2){background: url(../uploadfiles/image/contact1.png)20px center no-repeat;}
.Contact .right .rows:nth-child(3){background: url(../uploadfiles/image/contact2.png)20px center no-repeat;}
.Contact .right .rows:nth-child(4){background: url(../uploadfiles/image/contact3.png)20px center no-repeat;}
.Contact .right .rows h3{margin: 0px;font-size: 18px;line-height: 30px;color: #2e2e2e;}
.Contact .right .rows p{color: #464646;margin: 0px;}


@media(max-width:768px){
    .Contact .left{width: 100%;float: none;}
    .Contact .left img{width: 100%;}
    .Contact .right{width: 100%;float: none;}
}