*{padding:0;margin:0;list-style:none;text-decoration:none}
.width{width:1300px;margin:0 auto;background:#fff;padding:10px;border-radius:8px;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;box-shadow:0 0 15px rgba(18,22,27,.3)}
.head{background:url(../images/head.jpg);}
.top{overflow:hidden}
.top .logo{float:left;width:33%}
.top .logo a{ width:55%; float:left}
.top .logo span{ float: right; font-size:14px; color:#555; line-height:24px; margin-top:15px;}
.top .logo span i{font-style: normal; color:#045d96;font-size:16px;}
.top .tel{float:right;margin-top:19px}
.nav{background:linear-gradient(to top,#045d96,#026eb3);overflow:hidden;line-height:45px}
.nav ul li{float:left;width:19.5%;text-align:center}
.nav ul li a{font-size:15px;color:#fff; font-weight:900}
.nav ul li:hover{background:#ff4500}
.content{ margin-top:30px; margin-bottom:40px; overflow:hidden}
.prolist{width:77%;float:right}
.prolist h2{font-size:20px;color:#0365a5;font-weight:700; line-height:45px;}
.prolist h2 span{ margin-left:20px;}
.prolist h2 span a{ padding:4px 15px; margin-right:10px;border: 1px solid #f0f0f0; color:#555; font-size:15px;}
.prolist ul{overflow:hidden;margin-top:20px;margin-left:-1.5%}
.prolist ul li{float:left;text-align:center;margin-bottom:20px;width:23%;margin-left:1.5%;padding-bottom:10px;border: 1px solid #f0f0f0;}
.prolist ul li a{font-size:15px;}
.prolist img{width:100%;height:199px !important;}
.prolist ul li a:hover{color:#ff4500;}
.slider{width:20%;float:left}
.slider .title{color:#fff;border-bottom:1px #fff solid;padding-bottom:1%;text-align:center;line-height:50px; font-size:18px; font-weight:bold; background:#0365a5}
.slider .slider1{border-radius:5px;}
.slider .slider1 ul li{overflow:hidden;height:50px;text-align:center;border-bottom:1px dashed #ccc;padding-bottom:1%}
.slider .slider1 ul li a{color:#fff;font-family:"微软雅黑";font-size:15px;line-height:50px;text-align:left;padding-left:40px;display:block;background:url(../images/sub-o.jpg) 17px center no-repeat}
.slider2{overflow:hidden;margin-top:20px;border:1px solid #dcdcdc;padding-bottom:4%;border-radius:5px; }
.slider2 .title{background:#0365a5;margin-left:15px;}
.slider2 p{font-size:14px;color:#444;line-height:28px;margin-top:3%;margin-left:15px;}
.slider2 p span{font-size:24px;color:#07e;font-weight:700}
.footer{overflow:hidden;margin-top:40px;color:#ccc;font-size:14px}
.bottom{background:#0365a5;padding:15px 0;overflow:hidden}
.friendlylink{padding:5px 0px; overflow:hidden;color:#666; font-size:12px;}
.friendlylink a{ color:#666;}
.bottom a{color:#f9f9f9; font-size:15px; line-height:28px;}
.bottom p{ text-align:center; color:#f9f9f9;}

.newslist{width:77%;float:right; }
.newstop{overflow:hidden;margin-top:20px;background:#f9f9f9; padding:10px;}
.newstop .img{float:left;width:20%}
.newstop .img img{width:100% !important; height:auto !important}
.newstop .tit{float:right;width:75%}
.newstop .tit h3 a{ font-size:15px; color:#333}
.newstop .tit p{ margin-top:10px; line-height:28px; color:#444; font-size:14px;}
.newstop .tit p a{ font-size:12px; color:#ff4500}
.newlist{ overflow:hidden; margin-top:40px;}
.newlist ul{overflow:hidden;margin-left:-2%}
.newlist ul li{margin-bottom:3%;border-bottom:1px dashed #dcdcdc;padding-bottom:1%;line-height:40px;float:left;width:48%;margin-left:2%}
.newlist ul li p{font-size:14px;color:#444;line-height:28px}
.newlist ul li p a{font-size:15px;color:#333}
.newlist ul li p span{color:#ff4500;font-size:12px}
.newlist ul li p:last-child a{float:right;font-size:14px;color:#f90}
.newlist ul li p a:hover{color:#ff4500}
.slider .slider1 ul li a:hover{color:#ff4500}
.newstop .tit h3 a:hover{color:#ff4500}
.place a:hover{color:#ff4500}
.newslist .title {font-size: 20px;color: #0365a5;font-weight: 700;}

.theme{width:71%;float:left;border:1px #0365a5 solid; padding:30px;}
.sliderright{ float:right; width:20%}
.sliderright .title{color:#fff;border-bottom:1px #fff solid;padding-bottom:1%;text-align:center;line-height:50px; font-size:18px; font-weight:bold; background:#0365a5}
.prohot .title{background:#0365a5;}
.prohot{ overflow:hidden;border:1px #f0f0f0 solid}
.prohot ul{ overflow:hidden; margin-top:25px;}
.prohot li{ text-align:center; margin-bottom:20px;}
.prohot li img{ width:75%; height:auto}
.prohot li a{ font-size:14px; color:#444}
.prohot li a:hover{color:#ff4500}

.newstheme{ overflow:hidden}
.newstheme h1{ text-align:center; font-size:26px; color:#222}
.newstheme h2{ font-size:18px;margin-bottom:10px; margin-top:15px; color:#333}
.newstheme h3{ font-size:17px;margin-bottom:10px; margin-top:15px; color:#333}
.newstheme h4{ font-size:15px;margin-bottom:10px; margin-top:15px; color:#0365a5}
.newstheme p{ font-size:15px; line-height:28px; margin-bottom:10px; margin-top:15px; color:#333}
.newstheme a{color:#ff4500}
.newstheme span{color:#0365a5}
.newstheme .center{ font-size:14px; color:#555; text-align:center}
.newstheme .center span{color:#555 !important; margin-right:10px;}

.protheme{ overflow:hidden}
.protheme h1{ text-align:center; font-size:26px; color:#222}
.protheme h2{ font-size:18px;margin-bottom:10px; margin-top:15px; color:#333}
.protheme h3{ font-size:17px;margin-bottom:10px; margin-top:15px; color:#333}
.protheme h4{ font-size:15px;margin-bottom:10px; margin-top:15px; color:#0365a5}
.protheme p{ font-size:15px; line-height:28px; margin-bottom:10px; margin-top:15px; color:#333}
.protheme a{color:#ff4500}
.protheme span{color:#0365a5}
.protheme .center{ font-size:14px; color:#555; text-align:center}
.protheme .center span{color:#555 !important; margin-right:10px;}

.space{overflow:hidden;background:#f9f9f9;margin-top:40px;line-height:28px; padding:10px 0px;}
.space p{float:left;width:50%;text-align:center;color:#444;font-size:15px}
.space p a{color:#444}
.space p a:hover{color:#ff4500}

.relative{overflow:hidden;margin-top:3%}
.relative .title{text-align:left;font-size:20px;font-weight:400; font-weight:bold; color:#0365a5}
.relative ul{overflow:hidden;margin-top:20px;margin-left:-2%}
.relative ul li a{font-size:14px;color:#444}
.relative ul li a:hover{color:#ff4500}
.relative ul li{float:left;width:45%;margin-left:2%;line-height:40px;border-bottom:1px dashed #e1e1e1;padding-left:10px;background:url(../images/icon_1.gif) 0px center no-repeat;}

.contact{overflow:hidden;margin-top:40px}
.contact .title{font-size:20px;margin-bottom:15px;text-align:center; font-weight:bold; color:#0365a5}
.contact p{font-size:15px;color:#444; text-align:center}
.contact ul{margin-left:-2%;overflow:hidden;margin-top:30px}
.contact ul li{background:#f8f8f8;float:left;width:23%;margin-left:2%;text-align:center;padding:36px 0 55px 0;box-sizing:border-box;border-radius:5px;box-shadow:1px 5px 30px #ddd}
.contact ul li p{color:#444;font-size:15px;line-height:28px}
.contact ul li p strong{font-size:18px}
.contact ul li p img{width:50%}
.contactus{overflow:hidden;margin-top:30px;background:rgba(244,245,249,1)}
.contactleft{width:40%;float:left;padding:30px}
.contactleft p a{padding:10px 15%;background:#0365a5;color:#fff}
.contactleft p{font-size:17px;line-height:28px;margin-bottom:20px}
.contactleft p span{color:#0365a5;font-weight:700; font-size:26px;}
.contactleft p b{font-size:18px}
.contactright{width:55%;float:right}
.contactright img{ width:100%; height:auto}

.service{overflow:hidden;margin-top:40px;background:#f9f9f9;padding:15px 0}
.service .right{float:right;width:45%;background:#fff;padding:25px 25px 45px;box-shadow:1px 2px 5px rgba(0,0,0,.2) inset}
.service .img{float:left;width:50%}
.service .img img{width:100%; height:auto !important}
.service .title{color:#ff4500;font-size:26px;margin-top:15px}
.service ul{overflow:hidden;margin-top:15px}
.service ul li{font-size:18px;color:#444;line-height:28px;margin-top:30px}
.able{overflow:hidden;margin-top:40px}
.able .left{float:left;width:65%}
.able .right{float:right;width:30%;background:#07e;padding:25px}
.able .right .title{color:#fff;margin-top:15px;font-size:26px;text-align:center;margin-bottom:3%}
.able .right p{font-size:16px;color:#fff;line-height:28px;margin-top:15px}
.able .left img{width:100%; height:auto !important}
.icon{overflow:hidden;margin-top:40px}
.icon ul li{width:23%;margin-left:2%;float:left;margin-bottom:3%}
.icon ul li img{width:100%}
.icon ul{margin-left:-2%}
.icon .title{font-size:26px;color:#333;margin-bottom:1%}
#map{width:100%;height:450px;margin-top:3%}
.aro{overflow:hidden;margin-top:40px}
.aro .theme{overflow:hidden}
.aro .theme p{margin-top:10px;font-size:15px;color:#444;line-height:28px}
.aro .theme h1{font-size:26px;font-weight:700;margin-bottom:2%;text-align:center}
.aro .theme p a{color:#444}
.footer .all{display:none}
.contactleft p span,.slider2 p span{font-size: 18px;}

.link{background:#f0f0f0;padding:15px 0;color:#444;font-size:14px}
.link a{color:#444}
.place{background:#f0f0f0;overflow:hidden;padding:5px;line-height:28px;font-size:14px;color:#444;padding-left:40px;border-bottom:1px solid #dcdcdc;}
.place a{color:#444}

.about{overflow:hidden;margin-top:40px}
.about .left{width:52%;float:left}
.about .right{width:45%;float:right}
.about .right .title{font-size:22px;margin-bottom:2%}
.about .right p{margin-top:5px;font-size:15px;color:#444;line-height:28px}
.about .right p span{ color:#045d96}
.about .right p strong{ color:#045d96}

.probstract{ overflow:hidden; margin-bottom:30px;}
.prointroduce .tit{ font-size:23px; font-weight:bold; margin-bottom:25px; color:#045d96}
.probstract p{background:#c7e9fffa;width:97%;padding:20px;border-radius:15px; font-size:15px; line-height:28px;color:#333;}
.probstract span{ color:#ff4500}
.prointroduce{ overflow:hidden}
.proleft{ float:left; width:45%; margin-top:8px;}
.proright{ float:right; width:50%; padding:15px;border-radius: 8px;-webkit-background-size: cover;-moz-background-size: cover; -ms-background-size: cover;-o-background-size: cover; background-size: cover; box-shadow: 0 0 15px rgba(18,22,27,.3); margin:10px;}
.proright p{ font-size:15px; color:#333; line-height:28px; margin-bottom:6px;}
.proleft img{ width:100%; height:auto}
.proright p span{ color:#ff4500}
.proright h2{ font-size:16px; margin-bottom:10px;color:#045d96}
.proright .theory{color:#555; line-height:26px;}
.proparameter h2,.provideo h2{ font-size:16px; margin-bottom:10px; color:#045d96 }

.proright .background{ background:#f9f9f9; padding:10px;}
.proright .background span{ margin-right:10px;}
.probstract{ margin-top:20px; overflow:hidden}
.probstract a { padding: 8px 20px;background: #07E;color: #fff;}
.proright b{ background:#045d96; color:#fff; margin-right:10px; padding:2px 5px; text-align:center}
.proadvantage{overflow:hidden;margin-top:40px}
.proadvantage .tit{text-align:center;color:#045d96;font-size:25px;font-weight:700;margin-bottom:20px;}
.advantage{overflow:hidden}
.proadvantage .left{width:30%;float:left}
.proadvantage .img{float:left;width:36%;margin-left:20px}
.proadvantage .right{float:right;width:30%}
.proadvantage img{width:100%;height:auto}
.proadvantage p i{color:#fff!important;background:#ff4500;padding:2px 8px;margin-right:10px;border-radius:8px;line-height:53px;font-size:20px}
.proadvantage p{font-size:15px;margin-bottom:10px;color:#444;line-height:28px}
.proadvantage .right p{margin-bottom:15px}
.procontent h1{text-align:center;color:#045d96;font-size:25px;font-weight:700;margin-bottom:20px;}
.procenter h3,.procenter h2{margin-bottom:20px; font-size:18px;color:#045d96}
.procenter{ overflow:hidden; margin-top:40px;}
.procenter li{width:23%; margin-left:1.5%; text-align:center; margin-bottom:15px; float:left;border:1px solid #f0f0f0; padding-bottom:10px;}
.procenter li:hover{border:1px solid #07e;}
.procenter li a{ font-size:15px;  color:#333}
.procenter img{ width:100%; height: auto!important}
.procenter li a:hover{color:#07e}
.expertise .title a:hover{color:#07e}
.procenter .tit{text-align:center;color:#045d96;font-size:23px;font-weight:700;margin-bottom:20px;}
.proparameter{ float:left; width:50%; padding: 15px;border-radius: 8px;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;box-shadow: 0 0 15px rgba(18,22,27,.3);margin: 10px;}
.provideo{ float:right; width:41%; padding: 15px; border-radius: 8px; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover;-o-background-size: cover; background-size: cover;box-shadow: 0 0 15px rgba(18,22,27,.3);margin: 10px;}
.protable{ margin-top:40px; overflow:hidden}
.protable .tit{color:#045d96;font-size:20px;margin-bottom:20px;border-bottom:1px solid #dcdcdc; line-height:35px;}
.proparameter{ font-size:14px; line-height:30px;}

.expertise{ float:left; width:55%;border:1px solid #f0f0f0; padding-bottom:25px;}
.expertise h3,.expertise h2{line-height:40px;font-size:18px;color:#333;font-weight:700;border-bottom:1px solid #dcdcdc;padding-left:2%; float: left}
.expertise .title a{font-size:14px;color:#555;float:right;font-weight:400}
.expertise ul{overflow:hidden;margin-top:20px; padding:0px 10px;}
.expertise ul li{font-size:15px;color:#444;line-height:53px;border-bottom:1px dashed #dcdcdc;background:url(../images/icon_1.gif) 0px center no-repeat;padding-left:10px}
.expertise ul li a{color:#444}
.expertise ul li a:hover,.product .pro ul li a:hover{color:#07e}
.expertise ul li span{float:right;font-size:12px;color:#888;margin-right:5px}

.knowledge{ margin-top:40px; overflow:hidden}
.conus{ float:right; width:25%; background:#f9f9f9;border:1px solid #045d96;}
.conus p{ padding:2px 20px; font-size:15px; line-height:28px; color:#555}
.conus h3{ background:#045d96; line-height:35px; color:#fff; font-size:18px; font-weight:900; padding-left:15px;}
.conus span{ color:#ff4500; font-size:26px; font-weight:700}
.hover{background:#ff4500}
.servicesu{overflow:hidden;margin-top:40px;background:#0365a5;padding:10px 0}
.servicesu .right{float:right;width:23%;margin-top:1%}
.servicesu .left{float:left;width:65%;text-align:center}
.servicesu .left p span{background:url(../images/sub-o.jpg) 22px center no-repeat;padding-left:35px}
.servicesu .left .title{font-size:25px;font-weight:700;color:#ffb200fa;text-align:center;margin-bottom:2%}
.servicesu .left p{line-height:30px;text-align:left;font-size:17px;color:#fff;margin-left:25%}
.servicesu .right p{font-size:15px;color:#fff;margin-top:2%}
.servicesu .right p span{font-size:28px;font-weight:700;color:#ffb200fa}
.servicesu .right p a{display:block;font-size:16px;line-height:40px;color:#fff;background:#ffb200fa;text-align:center;width:70%;margin-top:3%;margin:0 auto}

.part{overflow:hidden;margin-top:40px}
.news{overflow:hidden;margin-top:40px}
.showpage{margin:15px;clear:both;overflow:hidden;text-align:center;width:100%;margin-bottom:30px}
.showpage li{float:left}
.showpage .pageinfo,.showpage li{text-decoration:none;padding:2px 10px;margin:2px;border:1px solid #ddd}
.showpage li:hover{background-color:#0a66e0;color:#fff;border:1px solid #0a66e0;text-decoration:none}
.showpage .thisclass{font-weight:700;color:#fff;background:#0a66e0;border:1px solid #f9f9f9}
.showpage li a{color:#444}
.showpage li a:hover{color:#fff}
.swt a{ color:#FFF !important; padding:10px 50px; margin-left:20px;}
.swt .button_1{ background:#0365a5;}
.swt .button_2{ background:#ff4500}
.times{ text-align:center; font-size:14px; color:#666}
.times span{ margin-left:15px; color:#666 !important}
.banner img{ width:100%; height:auto}
.prolist img{overflow: hidden; transition: all 0.5s linear;}
.about .right p a{color: #045d96;}
.contact p a{color:#F00;}
.prolist ul li a{ color:#333}

.preponderance{ overflow:hidden}
.preponderanceimg{ width:43%; float:left; margin-top:30px;}
.preponderanceimg img{ width:100% !important; height:auto !important}
.preponderanceright{ float:right; width:55%;}
.preponderanceright dl{ overflow:hidden; margin-bottom:10px;background:url(../images/preponderance.jpg) no-repeat bottom; padding-bottom:10px; margin-top:10px;}
.preponderanceright p{ font-size:15px; color:#444; line-height:28px;}
.preponderanceright b,.preponderanceright i{ color:#045d96; font-weight:700;font-style: normal;}
.preponderanceright dt{font-weight:bold;font-size:17px;}
.preponderanceright dd{ color:#555}
.preponderanceright dl span{ background:#0c60c0; padding:2px; color:#fff; border-radius: 50% 50% 0px 0px; margin-right:10px; text-align:center;padding-left: 15px;}
.expertise .title{ overflow:hidden;background:#f0f0f0;}

.answersfr{ float:right; width:43%;border: 1px solid #f0f0f0;}
.answersfr dl{ overflow:hidden; margin-top:15px;padding:0px 10px;border-bottom: 1px solid #f0f0f0; padding-bottom:15px;}
.answersfr h3 {background: #045d96;line-height: 35px;color: #fff;font-size: 18px; font-weight: 900; padding-left: 15px;}
.answersfr dt{ font-size:15px; line-height:28px; color:#333}
.answersfr dd{ font-size:14px; line-height:28px; color:#666}
.answersfr dd span{ color:#ff4500;border: 1px solid #ff4500; margin-right:10px;}
.answersfr dt span{ color:#045d96;border: 1px solid #045d96;margin-right:10px;}
.prolist .proabstract{ font-size:14px; line-height:28px; color:#555; margin-top:15px;}

.service-commitment{ overflow:hidden; margin-bottom:30px;}
.service-commitment .title{ font-size:22px; line-height:28px; margin-bottom:20px; color:#555; margin-top:30px;}
.service-commitment ul{ overflow:hidden; margin-left:-1.5%}
.service-commitment li{ float:left; width:45%;border:1px solid #f0f0f0; padding:20px; margin-left:1.5%; text-align:center; color:#fff}
.service-commitment li p{ line-height:28px; margin-bottom:10px; font-size:14px;}
.service-commitment li p span{ font-size:16px;}
.service-commitment .commitment-1{ background:#026eb3}
.service-commitment .commitment-2{ background:#ff4500}
.development-history{ overflow:hidden; margin-bottom:30px; margin-top:30px;background:#ebe7e7}
.development-history .title{ font-size:22px; line-height:28px; margin-bottom:20px; color:#555; text-align:center; margin-top:30px;}

.qualification-honor{overflow:hidden; margin-bottom:30px;}
.qualification-honor .title{ font-size:22px; line-height:28px; margin-bottom:20px; color:#555; text-align:center}
.qualification-honor ul{overflow:hidden;margin-left:-1.5%;margin-top:30px}
.qualification-honor li{float:left;width:12.5%;margin-left:1.5%;margin-bottom:20px; text-align:center; color:#555; font-size:15px; line-height:28px;}
.qualification-honor li img{width:100%!important;height:auto!important}
.about .right ul{ overflow:hidden; margin-left:-1.5%}
.about .right li{ width:23.5%; float:left; margin-left:1.5%; text-align:center; font-size:14px; line-height:28px; color:#555}
.about .right li img{ width:100% !important; height:auto !important}
.practical-cases{overflow:hidden; margin-bottom:30px;}
.practical-cases .title{ font-size:22px; line-height:28px; margin-bottom:20px; color:#555; text-align:center}
.practical-cases ul{ overflow:hidden; margin-left:-1.5%}
.practical-cases li{ float:left; width:23.5%; text-align:center; margin-left:1.5%}
.practical-cases li img{ width:100% !important; height:auto !important}
.scope-services{overflow:hidden; margin-bottom:30px; background:#ebe7e7}
.scope-services .title{ font-size:22px; line-height:28px; margin-bottom:20px; color:#555; margin-top:30px; text-align:center}


.slider1 dl{background:#0365a5; padding-bottom:15px;}
.slider1 dl dt{ font-size:15px; color:#fff; line-height:35px; font-weight:700; margin-left:15px; padding-top:15px;}
.slider1 dl dd{overflow:hidden;height:50px;text-align:center;border-bottom:1px dashed #ccc;padding-bottom:1%}
.slider1 dl dd a{color:#fff;font-family:"微软雅黑";font-size:15px;line-height:50px;text-align:left;padding-left:40px;display:block;background:url(../images/sub-o.jpg) 17px center no-repeat}
.prolist h3{ font-size:17px; margin-top:20px;border-bottom: 1px solid #f0f0f0; line-height:35px; color:#0365a5; font-weight:normal}
.prolist h2 span a:hover{ background:#0365a5; color:#fff}
.slider1 dl dd a:hover{ color:#ff4500}
.swt .button_1:hover,.swt .button_2:hover{ background:#F00}
.towardsft{ width:19%; float:left}
.prolist {margin-top:40px;}
.prolist .prolist-tit{ background:#0365a5; font-size:16px; line-height:50px; text-align:center; color:#fff;}
.prolist dl{border: 1px solid #045d96; overflow:hidden}
.prolist dt{color:#045d96; font-weight:bold; font-size:15px; line-height:35px;padding-left:10px;}
.prolist dd{ line-height:35px;border-bottom: 1px dashed #f5f5f5; padding-left:20px; background: url(../images/icon_1.gif) 10px center no-repeat;}
.towardsft dd a{ font-size:15px; color:#444}
.towardsfr{ width:78%; float:right;}

.equipment{ overflow:hidden}
.provideocs{ overflow:hidden; margin-top:40px;}

.provideocs h2{margin-bottom:20px; font-size:18px;color:#045d96; text-align:center}
.provideocs dl{ overflow:hidden; margin-top:20px;}
.provideocs dd {float: left;margin-bottom: 15px;margin-left: 2%;padding: 10px;width: 21%;border: 1px solid #e4e1e1;text-align: center;line-height: 28px; font-size:15px; color:#ff4500 !important}
.provideocs dd video {width: 100%!important;height: auto!important;}
.towardsft dd a:hover{color:#07e}
	
	
@media (max-width:1300px){.banner,.banner img{width:100%;height:auto}
.width{width:97%; padding:0px}
.head{ background:#fff}
}
@media screen and (min-width:1000px) and (max-width:1300px){.top_tel img{width:100%}
.slider2 p span{font-size:22px}
.news-fl ul li a .news_time{top:35%}
.news-fl ul li{height:110px}
.news-show .pro_show ul li{height:150px;overflow:hidden;padding:10px}
}
@media screen and (min-width:767px) and (max-width:999px){
.service_left p{margin-left:8%}
.service_right{width:35%}
.top_tel img{width:100%}
.slider2 p span{font-size:22px}
.slider2 p a{display:block;margin-top:22px}
table p{font-size:14px}
.product .pro ul li{width:31%}
.news_box .news_word{width:35%}
.new-box ul li{overflow:hidden}
.news-show .pro_show ul li{height:150px;overflow:hidden;padding:10px}
.relative_pro ul li{width:23%;margin-bottom:3%}
.relative_new ul li{overflow:hidden;width:43%}
}
@media (max-width:767px){
.slider{width:97%;margin-top:20px; padding:8px;}
.slider2 p a{padding:8px 10%}
.service_left p{margin-left:4%;font-size:18px}
.service_right{width:35%}
.service_right p span{font-size:26px}
.service_left .title{font-size:28px}
.index_left,.index_right{width:100%}
.index_right p img{margin-left:2.5%}
.good_box .good_center,.good_box .good_left,.good_box .good_right{width:100%}
.good_box .good_center img{width:80%}
.part_left,.part_right,.pro{width:100%}
.part_right{margin-top:30px}
.know_box ul li{overflow:hidden;height:40px}
.nav_list ul li{width:29%}
.product .pro ul li{width:31%}
.news_left,.news_right{width:100%}
.news_right{margin-top:3%}
.news_box .news_word{width:38%}
.img{width:100%}
.img img{width:80%}
.next_left{width:95%}
.next_right{width:90%}
.able_left{width:60%}
.new-box ul li{overflow:hidden}
.nav ul li{width:31%}
.link,.top_tel{display:none}
.relative_new ul li{overflow:hidden;width:43%}
.contact ul li{width:30%;margin-bottom:3%}
.contact_fr img{width:100%}
.aro .theme p img{width:80%}
.relative_pro ul li{margin-bottom:5%}
.pro-aro .title h1{font-size:24px}
.pro-aro{margin-top:5%}
.footer .all .navbar-list{box-sizing:border-box;width:33.33%;float:left;text-align:center;border-right:1px solid #333}
.footer.all .navbar-list:hover{background:red}
.footer .all .navbar-list a{text-decoration:none;display:block;padding-top:25px;padding-bottom:15px;line-height:1.8em;font-size:.8em;color:#fff;text-align:center;width:100%}
.footer .all{display:block;position:fixed;bottom:0;width:100%;background:#00132b;z-index:999}
.top .tel{ display:none}
.proleft{ float:none; width:100%}
.proright{ float:none; width:94%; margin:0px;}
.provideo{ float:none; width:91%; margin:0px;}
video{ width:100% !important}
.proparameter{ float:none; width:94%; margin:0px; overflow:hidden; margin-top:30px;}
.expertise{ float:none; width:100%}
.conus{ float:none; width:95%; padding:8px;}
.preponderanceimg{ float:none; width:97%}
.preponderanceright{ float:none; width:97%; padding:8px}
.servicesu .left{ float:none; width:100%}
.servicesu .right{ float:none; width:100%}
.friendlylink{ display:none}
.preponderanceright2{ margin-left:0px;}
.servicesu .left p{ font-size:14px;margin-left:0px !important}
.servicesu .left .title{ font-size:17px;}
.procenter li{ width:31%}
video{ height:270px !important}
.top .logo{ text-align:center}
.probstract p{ width:94%}
.probstract{ width:95%}
.protable{ margin-top:0px;}
.proparameter table{ width:95%}
.proparameter { padding:8px;}
.servicesu{ padding:20px;}
.prolist{ width:97%; float:none; overflow:hidden;padding:7px;border:none}
.theme,.newslist{ width:97%; float:none; overflow:hidden;padding:7px;border:none}
.protheme img,.newstheme img{ width:100% !important; height:auto !important}
.top .logo{ width:100%; float:none; overflow:hidden}
.place{ padding:0px}
.protheme .tel,.newstheme .tel{ width:100% !important; float:none !important; overflow:hidden; margin-bottom:20px;}
.protheme .tel a,.newstheme .tel a{ font-weight:normal !important; font-size:22px !important;}
.protheme .swt a,.newstheme .swt a{padding: 10px 30px !important; line-height:45px !important;}
.protheme .swt,.newstheme .swt{ width:100% !important; float:none !important; overflow:hidden}
.protheme p,.showpage li,.about .right p{ font-size:14px;}
.protheme h1,.procontent h1,.servicesu .right p span,.conus span,.newstheme h1{ font-size:22px;}
.content{ margin-top:20px;}
.protheme,.contact p{ font-size:14px; line-height:28px;}
.sliderright{ width:100%; float:none; overflow:hidden}
.prolist ul li{ width:31%;margin-bottom: 10px;}
.prolist img{width: 100%;height: 128px !important;}
.prolist ul li a,.slider .slider1 ul li a,.slider2 p,.service ul li,.able .right p,.newstheme p,.contactleft p,.probstract p,.preponderanceright p,.conus p,.expertise ul li,.procenter li a,.space p{ font-size:14px;}
.newslist .title,.contact .title,.about .right .title,.service .title,.able .right .title,.expertise h3,.slider .title,.slider2 .title,.contact ul li p strong,.contactleft p b,.relative .title,.expertise h2,.answersfr h3,.provideocs h2，.prolist .prolist-tit{ font-size:18px; font-weight:normal}
.slider2,.showpage .thisclass{ font-weight:normal !important}
.newlist ul li,.about .right,.about .left,.service .img,.service .right,.able .right,.able .left,.contactleft,.contactright{ width:100%; overflow:hidden; float:none}
.about,.service,.able{ padding:10px; margin-top:20px;}
.service ul li{ margin-top:0px; line-height:32px;}
.able .right{ padding:0px;}
.about .right{ margin-top:15px;}
.able .right{ background:#fff}
.able .right p,.able .right .title{ color:#444}
.contactleft{ padding:8px; width:97%}
.expertise .title a{ display:none}
.proleft{ margin-top:0px;}
.knowledge{ margin-top:20px;}
.contact ul li{padding:0px;box-shadow: 1px 1px 10px #fff;}
.contactleft p{ margin-bottom:2px;}
.times span{ font-size:12px;}
.space p{ width:100%; float:none; overflow:hidden;}
.prohot li{ float:left; width:48%; margin-left:1.5%}
.answersfr{ width:98%; float:none; overflow:hidden;}
.development-history img{ width:100% !important; height:auto !important}
.scope-services img{ width:100% !important; height:auto !important}
.development-history .title,.qualification-honor .title,.scope-services .title,.service-commitment .title,.practical-cases .title{ font-size:18px;}
.qualification-honor li{ width:31%; margin-bottom:15px; font-size:15px;}
.service-commitment li{ float:none; width:89%; margin-bottom:10px;}
.prolist h2{ font-size:18px; font-weight:normal}
.prolist h3{ font-size:15px;}
.prolist h2 span a,.slider1 dl dd a{ font-size:14px;}
.slider1 dl dd{ height:auto}
.slider1 dl dd a{ line-height:40px;}
.towardsfr,.towardsft{ width:100%; overflow:hidden}
.provideocs dd{ width:40%;}
}
@media (max-width:480px){
.product .pro ul li{width:48%}
.service_left,.service_right{width:100%}
.news_box .news_img,.news_box .news_word{width:100%}
.news .pro ul li p a{font-size:16px}
.news .pro ul li p{font-size:14px}
.news_word{padding:15px 0 15px 15px}
.news_word p{margin-left:2%}
.about .about_left,.about .about_right{width:100%}
.about .about_right{margin-top:20px}
.able_left,.able_right{width:100%}
.able_right{padding:0;margin-top:20px}
.able_right p{margin:15px 15px}
.icon ul li{width:48%}
.able_right .title,.about_next .title,.about_right .title,.aro .theme h1,.icon .title{font-size:22px}
.contact p{font-size:14px}
.two p{width:100%}
#map{margin-top:40px}
.contact_top p,.footer,.footer a,.honour p,.products_show p,.proright p{font-size:14px}
.relative_pro ul li{width:48%}
.slider2 p a{padding:5px 8%}
.products .pro_show ul li,.products_show ul li{width:48%}
.products_show ul li{margin-bottom:3%}
.top_logo img{width:90%}
.top_logo{width:100%}
.contact ul li{width:48%}
.contact_fl,.contact_fr{width:100%}
.pro-aro .title h1{font-size:20px}
.place a{font-size:13.5px}
.relative_pro ul li{margin-bottom:5%}
.procenter li{ width:47.5%}
video{ height:220px !important}
.nav ul li{width:19%}
.nav ul li a{ font-size:14px;font-weight:normal}
.prolist ul li{ width:47%}
.prolist img { width: 100%; height: 155px !important;}
.newstop .img,.newstop .tit{ width:100%; overflow:hidden; float:none}
.top .logo img{ width:100% !important; height:auto !important}
.top .logo a{ width:45%}
.top .logo span{text-align:left}
.top .logo span i{ font-size:15px; }
.top .logo span{ margin-top:0px;}
.top .logo{ overflow:hidden; margin:10px 0px;}
.provideocs dd{ width:90%;}
}
@media (max-width:360px){
.know_left,.know_right,.news-left,.news-right{width:100%}
.product .pro ul{margin-left:0}
.product .pro ul li{width:100%;margin-left:0;margin-bottom:5%}
.index_right p img{width:100%!important;height:auto;margin-left:0}
.news .pro ul li{width:100%}
.slider2{text-align:center}
.slider2 p a{padding:8px 25%}
.news .pro ul li p:last-child a{margin-right:10px}
.contact ul{margin:15px 0}
.relative_new ul{overflow:hidden;margin-bottom:3%}
.relative_new ul li,.relative_pro ul li{overflow:hidden;width:100%}
.relative_pro ul li{margin-bottom:5%}
.icon ul li{width:100%;margin-left:0}
.next_right ul li{font-size:16px}
.know_left,.know_right{margin-top:20px}
video{ height:200px !important}
.prolist img { width: 100%; height: 125px !important;}

}