@charset "utf-8";
/*

*/

@media screen and (max-width: 1200px)  {
.wrap{ width:100%;}
.hotline{ padding-right:100px; padding-top:50px;}
.nav{ display:none}
.logo{position:absolute; left:30px;}

.listimg{ position:absolute; right:10px; top:45px; cursor:pointer; display:block}
.modnav{ position:fixed; left:-100%; top:0; width:50%; height:100%; z-index:10003; background:#333333; padding-left:15px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display:block;}
.modnavlist{ float:left; width:100%; position:relative; z-index:2}
.modnavlist li{ line-height:59px; border-bottom:1px solid #000; height:59px;}
.modnavlist li a{ font-size:22px; color:#ccc;}
.modnavlist li span{ float:right;border-left:1px solid #000; text-align:center; width:60px; height:59px;}
.modnavlist li span img{ display:block; margin:0 auto; margin-top:14px; cursor:pointer}
.modnavbox{ position:fixed; left:-100%; top:0; width:50%; height:100%; z-index:10004; background:#333;}
.modtt{ background:#272727;  width:100%; line-height:60px; position:relative;}
.modtt i{ position:absolute; left:15px; top:50%; margin-top:-11.5px;}
.modtt i img{ display:block}
.modtt h2{ padding-left:45px; font-size:22px; color:#606060}
.modnavlist li ul{ padding-left:15px;}
.modnavlist li ul li{}
.modnavlist li ul li a{ color:#999; font-size:18px;}

.indexabout{ padding:80px 10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.indexab_left{ width:422px; font-size:12px;line-height:24px;}

.indexab_left h2{ font-size:32px; color:#002b62; margin-bottom:12px;}
.indexab_left h3{ font-size:20px; color:#494b50; margin-bottom:15px;}

.indexab_right{ width:520px;}
.indexab_right img{ width:100%; display:block}

.indexablist li.first{ float:left; margin-right:350px;}


.indexcase{ padding:0 10px; padding-bottom:100px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.boucase1{ float:left; width:100%; margin-bottom:15px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.boucase1 span{ display:block; width:100%;}
.boucase1 div:nth-child(1){ float:left; width:57.7%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.boucase1 div:last-child{ float:right; width:40.3%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.boucasebox{ float:left; margin-right:0; position:relative;overflow:hidden}
.boucasebox span img{ width:100%; }
.boucase2{ float:right; width:100%; margin:0; margin-bottom:15px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.boucase2 .boucasebox{ width:100%;}

.boucase3{ float:left; width:100%;margin:0; margin-bottom:15px;}
.boucase3 .boucasebox{ width:100%;}

.boucase4{ float:left; width:100%;margin:0; margin-bottom:15px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.boucase4 div:nth-child(1){ float:left; width:55.2%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.boucase4 div:last-child{ float:right; width:42.8%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}


.indexnews{ float:left; width:100%; padding:0 10px; padding-bottom:50px; background:url(../images/bgnews.jpg) center 0 no-repeat;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.indexnewleft{ float:left; width:100%; height:auto; background:#fff;-moz-box-shadow:0px 1px 10px #f2f2f2; -webkit-box-shadow:0px 1px 10px #f2f2f2; box-shadow:0px 1px 10px #f2f2f2; overflow:hidden; padding-bottom:50px; margin-bottom:40px;}
.indexnnimg img{ display:block;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1); width:100%}
.indexnnbox a.adeli{ float:right; line-height:26px; width:88px; border:1px solid #0565b5; text-align:center; color:#999}
.indexnnbox a.adeli:hover{border:1px solid #0565b5;}

.indexnewright{ float:right; width:100%; height:auto; padding-bottom:0;background:#fff;-moz-box-shadow:0px 0px 0 #fff; -webkit-box-shadow:0px 0px 0 #fff; box-shadow:0px 0px 0 #fff; }

.foot{ float:left; width:100%; padding:20px 10px; background:#282a2c;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.footl{ width:100%;}
.footr{ display:none}

.footby{ float:left; width:100%; background:#1d1e20; line-height:24px; padding:20px 10px; color:#999;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.footby span.sp1{ float:left; width:100%;}
.footby span.sp2{ float:left}
.sharediv{ display:none}


.mnav{ background:#fff; float:left; width:100%; height:80px; text-align:center}
.mnav span{ display:inline-block; line-height:80px; width:160px; text-align:center; font-size:16px;}



.aboutcon{ float:left; width:100%; padding:30px 20px 50px 20px; font-size:16px; line-height:30px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.aboutvideo{ float:left; width:100%; background:url(../images/about1.jpg) center 0 no-repeat; height:499px; padding:0 20px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.abvideo{ float:left; font-size:36px; color:#fff; line-height:60px; padding-top:130px; width:50%; text-align:center;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.abvideoright{ float:right;  border:1px solid #74b7e3; margin-top:80px; width:50%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }


.aboutcon2{ float:left; width:100%; padding:30px 20px 50px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.wenhua{ float:left; width:100%; position:relative; padding:20px 10px; -moz-box-shadow:0px 0px 7px #eee; -webkit-box-shadow:0px 0px 7px #eee; box-shadow:0px 0px 7px #eee; line-height:24px; font-size:14px; margin-right:0; margin-top:0; z-index:22;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;background:url(../images/bgcure.png) no-repeat; background-position:center top; background-repeat:no-repeat;background-size:cover;}
.wenhua h2{ color:#333; font-size:18px; margin-bottom:15px;}
.whimg{ float:right; width:100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.whimg img{width:100%;}
.aboutcon3{ float:left; width:100%; padding:30px 0 200px 0; }

.yglist li{ float:left; width:32.6%; margin-right:1%; margin-bottom:20px; overflow:hidden;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.yglist li img{ display:block; margin:0 auto; width:100%; height:auto; max-height:150px;}
.yglist li a{ display:block; background:#fff; font-size:14px; line-height:26px; padding-bottom:20px;}
.yglist li h2{ padding:0 27px; padding-top:20px; font-size:18px; margin-bottom:10px; color:#333}
.yglist li p{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden; height:78px; padding:0 27px;}



.contact{ padding:1px; display:block; clear:both; width:100%; overflow:hidden; background:#fff;}
.contact .l{ float:left; width:60%; }
.contact .r{ float:left; width:40%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.contact .l p{ margin-bottom:10px;}

.contt{ padding:0 15px 0 15px;}
.contt h2{ font-size:24px; color:#333; padding:25px 0 20px;}
.contt td{ font-size:16px; line-height:28px; vertical-align:top; padding-bottom:10px;}
.contt td img{ vertical-align:middle}
.contt td.td1{ width:36px;}
.contt td.td2{ width:90px;}
.conwx{ text-align:center; font-size:16px; margin-top:20px;}
.conwx img{ display:block; margin:0 auto; margin-bottom:10px;}


.caselist li{ float:left; width:32.6%; margin-right:1%; margin-bottom:20px; overflow:hidden;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.caselist li img{ display:block;margin:0 auto; width:100%; height:auto; max-height:300px;}

.prolist3 li{ float:left; width:32.6%; margin-right:1%; padding:5px; margin-bottom:20px; overflow:hidden; background:#fff; padding-bottom:15px;overflow:hidden;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.prolist3 li.last{ margin-right:0}
.prolist3 li img{ display:block; margin:0 auto; width:100%; height:auto; max-height:364px;}



/*.prode1 .r{ float:right; width:480px; padding-right:10px;}

.prode1 .l{ float:left; padding:0 10px; width:100%;}
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden; height:350px; float:left;}
	.focus .hd{ position:absolute; top:0; left:360px; z-index:333; width:83px; }
	.focus .hd ul{}
	.focus .hd ul li{ display:inline-block; width:81px; height:81px; margin-bottom:5px; background:url(../images/blank.png) repeat; text-indent:-999px;border:1px solid #e0e0e1; cursor:pointer }
	.focus .hd ul .on{border:1px solid #3087d6  }
	.focus .bd { float:left; width:350px; overflow:hidden}
.focus .bd li img{display:block;  height:350px; width:350px;}

.prosmall{ position:absolute; top:0px; left:360px; width:83px; z-index:222}
.prosmall span{ float:left; margin-bottom:5px; cursor:pointer}
.prosmall img{ width:81px; height:81px; display:block; border:1px solid #e0e0e1}*/
.pro_pc{ position:absolute; left:-200%;}


.prode1 .l{ float:left; padding:0 10px; width:100%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden; height:auto; display:block }
	.focus .hd{ position:absolute; top:auto; bottom:10px; left:0; z-index:33; width:100%; text-align:center }
	.focus .hd ul{}
	.focus .hd ul li{ display:inline-block; width:12px; height:12px; margin:0 4px; background:#c4c4c4;text-indent:-9999px; border-radius: 50%;}
	.focus .hd ul .on{ background:#1396de  }
	.focus .bd{ width:100%;}
.focus .bd li img{display:block; border:0; height:auto; width:100%;}
.prosmall{ display:none}

.prode1 .r{ float:right; width:100%; padding:0 10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-top:20px;}




}



@media screen and (max-width: 1000px)  {
	.indexabout{ padding:40px 10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.indexab_left{ width:100%; font-size:14px;line-height:24px; margin-bottom:15px;}
.head{height:80px; }
.logo{position:absolute; left:30px; top:15px;}
.logo img{ width:180px;}
.hotline{ padding-right:100px; padding-top:30px;}
.listimg{ position:absolute; right:10px; top:32px; cursor:pointer; display:block}
.listimg img{ width:30px;}

.indexab_right{ width:100%;}
.indexabtab{ margin-top:30px; float:left; padding-right:0;}
.indexablist li.first{ float:left; margin-right:0;}

.indexpro{ float:left; width:100%; background:url(../images/bgpro.jpg) center 0 no-repeat; height:800px;}
.titelBox .titel .Song {font-size:38px;padding-top:40px}	
.indexcase{ padding-bottom:40px;}


.mnav{ background:#fff; float:left; width:100%; height:auto; text-align:center}
.mnav span{ display:inline-block; line-height:60px; width:120px; text-align:center; font-size:13px;}
.mnav span i{ margin-right:6px;}


.hondiv{ position:fixed; padding:30px 15px; left:10%; right:10%; height:auto;  margin-left:0; z-index:10003; background:#fff; display:none; top:10%; text-align:center; width:80%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }/*2019.7.1*/
.hondivimg img{ display:block; margin:0 auto; width:80%; height:auto}/*2019.7.1*/

.yglist li{ float:left; width:49%; margin-right:1.5%; margin-bottom:20px; overflow:hidden;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.yglist li.last{ margin-right:1.5%;}
.yglist li:nth-child(2n){ margin-right:0}
.yglist li img{ display:block; margin:0 auto; width:100%; height:auto; max-height:220px;}

.pages{ float:right; margin-top:30px; width:100%; text-align:center}
.pages a{ float:none; display:inline-block; line-height:30px; background:#d9d9dd; margin:0 3px; font-size:14px; padding:0 10px;}


.yugongdiv{ position:fixed;  left:5%;  height:auto; margin-left:0; z-index:10003; background:#fff; display:none; top:10%; width:90%;}
.yugongdivimg img{ display:block; margin:0 auto; width:100%;}
.yugongdivimg h2{ font-size:15px; color:#333; padding:0 10px; padding-top:15px;}
.yugongdivimg p{ padding:0 10px; line-height:24px; font-size:13px; padding-bottom:10px;}

.newspre .spl{ float:left; width:100%; line-height:30px;}
.newspre .spr{ float:right; width:100%;line-height:30px;}



.hrtitle li h2{ background:#c6c6c6; line-height:60px; color:#333; font-size:14px; font-weight:bold; float:left; width:100%;}
.hrtitle li .sp1{ width:30%; padding-left:10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.hrtitle li .sp2{ width:20%; text-align:center}
.hrtitle li .sp3{ width:30%; text-align:center}
.hrtitle li .sp4{ width:20%; text-align:center}

.hrlist li h2{ background:#fff; line-height:60px; font-size:14px;  float:left; width:100%; cursor:pointer}

.hrlist li .sp1{ width:30%; padding-left:10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.hrlist li .sp2{ width:20%; text-align:center}
.hrlist li .sp3{ width:30%; text-align:center}
.hrlist li .sp4{ width:20%; text-align:center}
.hrboxcon{ padding:10px 10px;line-height:24px; font-size:14px;}


.contact{ padding:1px; display:block; clear:both; width:100%; overflow:hidden; background:#fff;}
.contact .l{ float:left; width:100%; }
.contact .r{ float:left; width:100%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-bottom:20px;}
.contact .l p{ margin-bottom:10px;}

.conwx{ display:none}

.caselist li{ float:left; width:49%; margin-right:1.5%; margin-bottom:20px; overflow:hidden;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.caselist li.last{ margin-right:1.5%;}
.caselist li:nth-child(2n){ margin-right:0}
.caselist li img{ display:block; margin:0 auto; width:100%; height:auto; max-height:300px;}

.casecon{ float:left; background:#fff; width:100%; margin-top:30px;}
.caseleft{ float:left; width:100%; padding:30px; line-height:24px; font-size:14px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.caseleft h2{ color:#333; font-size:18px; margin-bottom:15px;}

.caseright{ float:left; width:100%;}


.prolist3 li{ float:left; width:49%; padding:5px; margin-right:1.5%; margin-bottom:20px; overflow:hidden;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.prolist3 li.last{ margin-right:1.5%;}
.prolist3 li:nth-child(2n){ margin-right:0}
.prolist3 li img{ display:block; margin:0 auto; width:100%; height:auto; max-height:300px;}







}




@media screen and (max-width: 640px)  {
	.head{height:50px; }
	.logo{position:absolute; left:10px;}
	.logo img{ width:100px;}
	.hotline{ display:none}
	.listimg{ position:absolute; right:10px; top:18px; cursor:pointer; display:block}
.listimg img{ width:26px;}

.modnav{  width:60%;}
.modnavlist li{ line-height:39px; border-bottom:1px solid #000; height:39px;}
.modnavlist li a{ font-size:14px; color:#ccc;}
.modnavlist li span{ float:right;border-left:1px solid #000; text-align:center; width:40px; height:39px;}
.modnavlist li span img{ display:block; margin:0 auto; margin-top:10px; cursor:pointer; width:10px;}
.modnavbox{ position:fixed; left:-100%; top:0; width:60%; height:100%; z-index:10004; background:#333;}
.modtt{ background:#272727;  width:100%; line-height:39px; position:relative;}
.modtt i{ position:absolute; left:15px; top:50%; margin-top:-9px;}
.modtt i img{ display:block;width:10px; }
.modtt h2{ padding-left:35px; font-size:16px; color:#606060}
.modnavlist li ul{ padding-left:15px;}
.modnavlist li ul li a{ color:#999; font-size:14px;}

.indexabout{ padding:30px 10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.indexab_left h2{ font-size:22px; color:#002b62; margin-bottom:12px;}
.indexab_left h3{ font-size:18px; color:#494b50; margin-bottom:15px;}

.indexabtab{ margin-top:20px; float:left; padding-right:0;width:100%;}

.indexablist li{ float:left; width:20%; text-align:center; font-size:12px; margin:0;}
.indexablist li img{ display:block;  margin:0 auto;margin-bottom:22px;}
.indexablist li span.sp2{ background:url(../images/index_about2.jpg) no-repeat scroll 50% 50% / cover; width:25px; height:24px; margin:0 auto; margin-bottom:15px; display:block; clear:both}
.indexablist li span.sp3{ background:url(../images/index_about3.jpg) no-repeat scroll 50% 50% / cover; width:24px; height:24px; margin:0 auto; margin-bottom:15px; display:block; clear:both}
.indexablist li span.sp4{  background:url(../images/index_about4.jpg) no-repeat scroll 50% 50% / cover; width:26px; height:24px; margin:0 auto; margin-bottom:15px; display:block; clear:both}
.indexablist li span.sp5{  background:url(../images/index_about5.jpg) no-repeat scroll 50% 50% / cover; width:24px; height:24px; margin:0 auto; margin-bottom:15px; display:block; clear:both}
.indexablist li span.sp6{  background:url(../images/index_about6.jpg) no-repeat scroll 50% 50% / cover; width:25px; height:25px; margin:0 auto; margin-bottom:15px; display:block; clear:both}
.indexablist li a:hover span.sp2{ background:url(../images/index_about22.jpg) no-repeat scroll 50% 50% / cover;}
.indexablist li a:hover span.sp3{background:url(../images/index_about33.jpg) no-repeat scroll 50% 50% / cover;}
.indexablist li a:hover span.sp4{background:url(../images/index_about44.jpg) no-repeat scroll 50% 50% / cover;}
.indexablist li a:hover span.sp5{background:url(../images/index_about55.jpg) no-repeat scroll 50% 50% / cover;}
.indexablist li a:hover span.sp6{background:url(../images/index_about66.jpg) no-repeat scroll 50% 50% / cover;}
.videodiv{ position:fixed; width:100%; background:#fff;border-radius:10px; left:0; margin-left:0; top:20%; z-index:10002; display:none}

.titelBox {width:100%;height:120px;float:left; text-align:center}
.titelBox .titel {height:100%; text-align:center; position:relative;}
.titelBox .titel .Song {font-size:24px;color:#fff;padding-top:30px}	
.titelBox .titel .Samll {padding-top:10px;font-size:18px;width:100%;text-align:center; text-transform:uppercase;color:#fff; font-family:Arial, Helvetica, sans-serif;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.line1,.line2{ display:none}

.indexpro{ height:600px;}
.indextt {width:100%;height:30px;position:relative; text-align:center; float:left; margin-bottom:30px;}
.indextt span {transition:all .5s;height:28px;width:18%; background:#66a4e7;
	text-align:center;line-height:28px; margin:0 2.5px;font-size:12px;color:#fff;cursor:pointer; display:inline-block;border-radius:15px;}
	.indextt span a{ color:#fff}
.indextt span.hover {background:#fff;color:#0358ab;}
.indextt span.hover a{ color:#0358ab}

.case_small #owl-demo2 .item p{ padding:0 10px; font-size:12px;}
.case_small #owl-demo2 .item .tetil{font-size:16px; color:#494b50; margin-top:15px; margin-bottom:5px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden;}
.case_small #owl-demo2 .item .tetil a{ color:#999; font-size:12px;}
.indexcase{ float:left; width:100%; padding-bottom:30px;}
.titelBox2 .titel .Song { color:#002b62}
.titelBox2 .titel .Samll { color:#9599a2;opacity:1;}

.indexnewleft{ float:left; width:100%; height:auto; background:#fff;-moz-box-shadow:0px 1px 10px #f2f2f2; -webkit-box-shadow:0px 1px 10px #f2f2f2; box-shadow:0px 1px 10px #f2f2f2; overflow:hidden; padding-bottom:30px; margin-bottom:20px;}
.list{ padding:0px;}
.list li{ padding:15px 0; padding-left:65px; border-bottom:1px solid #ededed; clear:both; font-size:12px; line-height:21px; position:relative;}
.list li h2{ font-size:16px; color:#333; margin-bottom:8px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden;}
.list li .l{ position:absolute; left:0; top:15px; width:50px; padding-right:5px; height:70px; border-right:1px solid #ededed; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#c9c9c9;}
.list li  p.p1{ color:#999; font-size:18px; margin-top:15px;}
.list li  p.p2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
.indexnews{ float:left; width:100%; padding-bottom:30px;}
.indexnewright{ height:auto; padding-bottom:0}
	
	
.mnav{ background:#fff; float:left; width:100%; height:auto; text-align:center}
.mnav span{ display:inline-block; line-height:40px; width:130px; text-align:center; font-size:14px;}


.videodiv{ position:fixed; width:100%; padding:5px; padding-bottom:35px; background:#fff;border-radius:0; left:0; margin-left:0; top:20%; z-index:10002; display:none}

.aboutcon{ float:left; width:100%; padding:30px 10px 50px 10px; font-size:14px; line-height:24px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.abouttt{ margin-bottom:20px;}
.abouttt h2{ font-size:18px; color:#3087d6; margin-bottom:10px; letter-spacing:10px}


.aboutcon2{ float:left; width:100%; padding:30px 10px 50px 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }


.aboutvideo{ float:left; width:100%; background:url(../images/about1.jpg) center 0 no-repeat; height:499px;}
.abvideo{ float:left; font-size:28px; color:#fff; line-height:40px; padding-top:30px; width:100%;}
.abvideoright{ float:right; padding:7px; border:1px solid #74b7e3; margin-top:30px; padding-bottom:54px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width:100%; }
	
.about_small #owl-demo2 .item  a{ display:block; background:#fff;transition:all .5s; color:#666; line-height:24px; font-size:15px; padding-bottom:30px;}
.about_small #owl-demo2 .item p{ padding:0 10px; font-size:12px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden; margin-top:20px; height:72px;}
	
	.about_small #owl-demo2 .item img { height:110px;}

.yglist li img{ display:block; margin:0 auto; width:100%; height:auto; max-height:220px;}
.yglist li a{ display:block; background:#fff; font-size:13px; line-height:24px; padding-bottom:10px;}
.yglist li h2{ padding:0 10px; padding-top:15px; font-size:16px; margin-bottom:10px; color:#333}
.yglist li p{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden; height:72px; padding:0 10px;}	
	
.newslist li{margin-bottom:20px; padding:10px; padding-bottom:0; background:#fff; min-height:90px; position:relative; display:block; clear:both; padding-left:130px; line-height:24px; color:#999; font-size:12px; padding-right:70px;}
.newslist li .l{ position:absolute; left:0; top:0; padding:10px;}
.newslist li .l img{ display:block; width:110px; height:auto; max-height:90px;}
.newslist li h2{ font-size:16px; color:#333; margin-bottom:10px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden;}
.newslist li p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden; height:48px;}
.newslist li .r{ position:absolute; right:10px; top:20px; width:50px; height:50px;border-radius:0 10px 0 10px; background:#939aa0; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.newslist li .r .i1{ font-size:18px; display:block; clear:both; margin-top:3px;}
.newslist li .r .i2{ font-size:12px;}

.newstitle h1{ font-size:18px;}
.newstitle h1.f32{ font-size:18px;}
.sharenews{ display:none}	
.newsdecon{ float:left; width:100%; margin-top:20px; line-height:24px; font-size:13px; padding-bottom:30px;}


.contact{ padding:1px; display:block; clear:both; width:100%; overflow:hidden; background:#fff;}
.contact .l{ float:left; width:100%; }
.contact .r{ float:left; width:100%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-bottom:20px;}
.contact .l p{ margin-bottom:10px;}

.contt{ padding:0 10px 0 10px;}
.contt h2{ font-size:18px; color:#333; padding:20px 0 20px;}
.contt td{ font-size:13px; line-height:24px; vertical-align:top; padding-bottom:10px;}
.contt td img{ vertical-align:middle}
.contt td.td1{ width:36px;}
.contt td.td2{ width:70px;}

.caselist li a{ display:block; background:#fff; font-size:13px; line-height:24px; padding-bottom:10px;}
.caselist li h2{ padding:0 10px; padding-top:15px; font-size:16px; margin-bottom:5px; color:#333}
.caselist li p{display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; overflow:hidden; height:24px; padding:0 10px; color:#999}

.prolist3 li .l{ display:block; clear:both; margin-top:20px; position:relative; padding-left:5px; padding-right:5px;line-height:20px;}
.pro3more{ position:absolute; right:0; top:0px; display:none}

.prode1 .r h1{ color:#333; font-size:18px; margin-bottom:15px;font-weight:bold;}
.protitle{ float:left; width:100%; background:#eaeaea; height:50px;}
.protitle span{ float:left; width:50%; line-height:50px; text-align:center; font-size:18px; cursor:pointer}
.protitle span.hover{ color:#fff; background:#3087d6}
.prodecon_box{ float:left; width:100%; line-height:24px; padding:20px 10px; font-size:14px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; overflow:hidden}
	
}

@media screen and (max-width: 400px)  {
	
	.head{height:40px; }
	.logo{position:absolute; left:10px; top:10px;}
	.logo img{ width:80px;}
	.hotline{ display:none}
	.listimg{ position:absolute; right:10px; top:16px; cursor:pointer; display:block}
.listimg img{ width:20px;}
	
	
	.indextt{ height:auto; margin-bottom:10px;}
	.indextt span {transition:all .5s;height:28px;width:80px; background:#66a4e7;
	text-align:center;line-height:28px;font-size:12px;color:#fff;cursor:pointer; float:left; margin-left:10px;border-radius:5px; margin-bottom:10px;}
	.indextt span a{ color:#fff}
	.indexpro{ height:560px;}
	
	.mnav{ background:#fff; float:left; width:100%; height:auto; text-align:center}
.mnav span{ display:inline-block; line-height:40px; width:140px; text-align:center; font-size:14px;}
	
	.aboutvideo{ float:left; width:100%; background:url(../images/about1.jpg) center 0 no-repeat; height:400px;}
	
	
	.newslist li{margin-bottom:20px; padding:10px; padding-bottom:0; background:#fff; min-height:90px; position:relative; display:block; clear:both; padding-left:10px; line-height:24px; color:#999; font-size:12px; padding-right:70px;}
.newslist li .l{ position:absolute; left:0; top:0; padding:10px; display:none}

.hrtitle li h2{ background:#c6c6c6; line-height:60px; color:#333; font-size:14px; font-weight:bold; float:left; width:100%;}
.hrtitle li .sp1{ width:30%; padding-left:10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.hrtitle li .sp2{ width:25%; text-align:center}
.hrtitle li .sp3{ width:25%; text-align:center}
.hrtitle li .sp4{ width:20%; text-align:center}

.hrlist li h2{ background:#fff; line-height:60px; font-size:12px;  float:left; width:100%; cursor:pointer}

.hrlist li .sp1{ width:30%; padding-left:10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.hrlist li .sp2{ width:25%; text-align:center}
.hrlist li .sp3{ width:25%; text-align:center}
.hrlist li .sp4{ width:20%; text-align:center}
.hrboxcon{ padding:10px 10px;line-height:24px; font-size:14px;}	
	
	
.prolist3 li h2{  font-size:14px; margin-bottom:6px; color:#333;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden; height:20px;}	

	
}