@media (min-width:700px) and (max-width:990px) 
{
	
body { max-width: 100%; min-width:100%; background: #fff; color: #333; font-size: 14px; margin-left: auto; margin-right: auto; line-height: 1; }

/* 容器 */
.container { width: 97%; margin-left: auto; margin-right: auto; padding-left:1.5%; padding-right:1.5%;}

.container.proinfo { width: 1540px; margin-left: auto; margin-right: auto;  padding-top:123px;}

.container:before, .container:after { content: ''; display: table; width: 100%; clear: both; font-size: 0; }

/*导航按钮*/
.navbtn { display: none; position: fixed; z-index: 9999; top: 0; right: 10px; width: 25px; height: 65px; background-image: url(../images/nav_btn.png); background-position: center center; background-size: contain; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }

.navbtn.navclose { background-image: url(../images/nav_btn_close.png); }

.tp1{ width:100%; height:auto; overflow:hidden; clear:both;}

.tp1 img{ width:100%; height:auto;}

.logo{width:70px; height:auto; overflow:hidden; clear:both; float:left; margin-top:26px; margin-right:0px;}

.logo img{ width:100%; height:auto;}
 
/* 导航条 */
.navbar { position:fixed; width: 100%; height: 101px; z-index:9; background: rgba(0,0,0,0.5);}
.navbar.navbar-fixed { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; }
.navbar .container { width: 100%; }
.navbar .nav { text-align: left; font-size: 0;  float:left; margin-left:36px;}
.navbar .nav > li { position: relative; height: 142px; line-height: 101px;  font-size:15px; float:left; margin-right:36px;}
.navbar .nav > li a { display: block; color: #fff; }
.navbar .nav > li a span{ width:6px; height:6px; float:left; background-color:0; display:block; margin-top:47px; margin-right:12px; border-radius: 20px;}
.navbar .nav > li a:hover span{ width:6px; height:6px; float:left; background-color:#fff; display:block; margin-top:47px; margin-right:12px; border-radius: 20px;}
.navbar .nav > li.current a span{ width:6px; height:6px; float:left; background-color:#fff; display:block; margin-top:47px; margin-right:12px; border-radius: 20px;}
.navbar .nav > li a:hover { text-decoration: none;}
.lanvage{ display:none;}
.search{ display:none;}
/*.navbar .nav > li ul { opacity: 0; position: absolute; z-index: -9; top: 100%; left: 0; width: 100%; padding-top: 10px; background-color: rgba(255, 138, 0, 0.8); transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.navbar .nav > li ul li a { display: block; line-height: 50px; color: #fff; font-size: 18px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.navbar .nav > li ul li a:hover { text-decoration: none; background-color: #0a7446; }
.navbar .nav > li ul:before { content: ''; position: absolute; top: -20px; left: 0; right: 0; margin: auto; display: block; width: 0px; height: 0px; border-width: 10px; border-style: solid; border-color: transparent transparent rgba(255, 138, 0, 0.8) transparent; }
.navbar .nav > li:hover ul { opacity: 1; z-index: 9; }*/

.search-ico{ float: left; margin-right:0px; margin-top: 47px;}

.search-ico img{ float: left;cursor: pointer;}

.lang{ float: right;font-size: 12px;color: #fff;text-transform: uppercase;line-height: 16px;margin-top: 47px; }

.lang a{ color:#fff; float:left;}

.lang a:hover{ color:red;}

.lang a.cureent{ color:red;}

.lang span{ float:left; width:1px; height:9px; background-color:#96908a; margin-left:7px; margin-right:7px; margin-top:4px;}

.search-show{ position: absolute;right:12px;bottom:67px;display: none;}

.text-text{ float: left;width: 150px;height: 25px;border: solid 1px #fff;font-size: 12px;color: #999;padding: 0 3px;}

.text-btn{ float: left;width: 51px;height: 25px;text-align: center;border: none;color: #fff;background-color: #797877;cursor: pointer;}

.tp1-tit{ color:#fff; position:absolute;top:15%; z-index:9; font-size:60px; font-weight:bold; letter-spacing:1px; font-family:DIN-MEDIUM; text-shadow:6px 1px 19px #0c0c0c;}

.tp1-intro{color:#fff; position:absolute;top:25%; z-index:9; font-size:26px; font-weight:bold; letter-spacing:1px; line-height:43px;text-shadow:6px 1px 19px #0c0c0c;}

.left{ width:100%; float:left; overflow:hidden; clear:both;}

.tp2{ width:100%; height:auto; overflow:hidden; clear:both;}

.tp2 img{ width:100%; height:auto; position:absolute; z-index:-1;}

.tp2-tit{ color:#fff; padding-top:9%;  font-size:60px; font-weight:bold; letter-spacing:1px;text-shadow:6px 1px 19px #0c0c0c;}

.tp2-intro{color:#fff; padding-top:19px; font-size:30px; font-weight:bold; letter-spacing:1px; line-height:60px; text-shadow:6px 1px 19px #0c0c0c;}

.pc-nr{width:60%; clear:both;  float:left; margin-top:-26%; margin-left:46%;}

.tpimg{ width:160px; height:auto; float:left; margin-right:29px; margin-top:28px;}

.tpimg img{ width:100%; height:auto; position:inherit;}

.right{ float:right; font-size:18px; color:#ffffff; width:546px;  line-height:30px; padding-top:119px;  display:none;}

.right b{ width:100%; overflow:hidden; clear:both; height:20px; display:block;}

.tplist{ width:100%; overflow:hidden; clear:both; padding-top:123px; text-align:center; }

.tplist a{ color:#222222; font-size:18px;  clear:both; display:block; line-height:60px;}

.tplist a:hover{ color:red; font-size:18px;  clear:both; display:block; line-height:60px;}

.tplist li{ float:left; margin-right:0px; width:47.3%; margin-bottom:30px;}

.tplist li:nth-child(2n){ float:right; margin-right:0px; width:47.3%;}

.tplist li:nth-child(3){ float:left; margin-right:0px; width:47.3%;}

.tplist li:nth-child(9){ float:left; margin-right:0px; width:100%;}

.tplist li:nth-child(9) img{ width:100%; height:auto;}

.tplist ul li .pic { position: relative;  text-align: center; overflow: hidden;}

.tplist ul li .pic .hover { opacity: 0; position: absolute; top: 0; left: 0; display: flex; display: -webkit-flex; flex-flow: column wrap; justify-content: center; width: 100%; height: 236px; padding: 0 30px; background: rgba(81,80,79, 0.5); transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }

.tplist ul li .pic .hover p { line-height: 1.5; text-align: left; color: #fff; font-size: 19px; }

.tplist ul li .pic .hover em { display: block; width: 39%; height: 35px; line-height: 33px; margin-top: 19px; margin-left: auto; margin-right: auto; color: #fff; font-size: 17px; font-style: normal; border: 1px #fff solid; }

.tplist ul li:hover .pic .hover { opacity: 1; }

.bq{ width:100%; height:auto; overflow:hidden; clear:both; background-image:url(../images/bq.jpg); background-position:top; margin-top:30px; color:#ffffff; padding-bottom:36px;}

.bqleft{ width:40%; float:left;}

.bqleft p{ font-size:39px; padding-top:19px;}

.bqleft p.tit{ font-size:26px; padding-top:19px; line-height:30px;}

.bqleft p.bqtit{ font-size:14px; color:#999999;  line-height:26px; padding-top:30px;}

.bqright{ width:56%; float:right; margin-right:0px; font-size:18px; text-align:right; padding-top:19px;}

.bqright p{ font-size:14px; color:#999999;  line-height:26px; padding-top:19px;}

.bqright p.contact{ padding-top:9px;}

.icon{ position:fixed; z-index:999999; width:auto; left:0px; top:50%; display:none;}

.banner{ width:100%; height:auto; overflow:hidden; clear:both; padding-top:111px;}

.banner img{ width:100%; height:auto;}

.banner .banner-tit{ color:#64696f; font-size:51px; position:absolute; width:100%; text-align:center; margin-top:51px; }

.tplist.nr{ width:100%; overflow:hidden; clear:both; padding-top:0px; text-align:center; }

.flbg{ width:94%; margin-left:0%; position:absolute;top:123px; z-index:9; font-size:60px; height:auto; background: rgba(0,0,0,0.5); padding-top:60px; padding-bottom:30px;}

.fl-tit{ color:#fff;  font-size:24px;  letter-spacing:1px;text-shadow:6px 1px 19px #0c0c0c; padding-left:6%;}

.fl-intro{ color:#fff;  font-size:21px;  letter-spacing:1px;text-shadow:6px 1px 19px #0c0c0c; padding-left:6%; padding-top:46px; line-height:36px; padding-right:6%;}

.fl-intro b{ width:100%; height:20px; overflow:hidden; clear:both; display:block;}

.fl-intro br{ display:none;}

.dltit{ width:100%; overflow:hidden; clear:both; font-size:26px; color:#4e545a;  padding-top:80px;}

.dlnr{ width:100%; overflow:hidden; clear:both; font-size:21px; color:#4e545a;  padding-top:24px; line-height:36px; margin-bottom:40px;}

.ltit{ width:100%; overflow:hidden; clear:both; padding-top:40px; }

.d-tit{ width:100%; overflow:hidden; clear:both; font-size:21px; color:#c6000b; padding-top:12px; margin-bottom:34px;}

.x-tit{ width:100%; overflow:hidden; clear:both; font-size:16px; color:#c6000b; height:46px;}

.x-tit a{ color:#4e545a; text-decoration:none; float:left}

.x-tit a:hover{ color:#4e545a; text-decoration:underline; float:left;}

.x-tit span{ width:42px; height:20px; background-image:url(../images/jia.jpg); display:block; float:left; background-position:6px 3px;}

.x-tit span.spans{ width:42px; height:20px; background-image:url(../images/jian.jpg); display:block; float:left; background-position:6px 3px;}

.container.proinfo { width: 100%; margin-left: auto; margin-right: auto;  padding-top:111px;}

.introduce{ width:100%; float:none; text-align:center; font-size:16px; color:#4e545a;  line-height:46px; padding-top:60px; margin-bottom:30px;}

.cp-l{ width:100%; overflow:hidden; clear:both; float:left;}

.cp-r{ width:100%; float:right; padding-top:53px; color:#4e545a; overflow:hidden;}

.cptit{ font-size:16px; font-weight:bold;}

.cptit-ms{ font-size:15px; font-weight:bold; padding-top:16px;}

.cp-left{ width:100%; float:left; overflow:hidden; clear:both;}

.cpjs{ width:100%; overflow:hidden; clear:both; font-size:14px; color:#999; line-height:24px;  padding-top:19px;}

.down{ width:100%; overflow:hidden; clear:both; background-image:url(../images/down.png);  display:block; float:left; height:24px; line-height:19px; padding-left:30px; background-repeat:no-repeat; margin-top:12px;}

.down a{ color:#c6000b; text-decoration:none;}

.down a:hover{ color:#c6000b; text-decoration:underline;}

.cp-right{ width:100%; float:left; border:solid 1px #dfe4ed; height:312px; margin-top:26px; padding-top:36px;}

.pc{ display:block;}

.iphone{ display:none;}

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

.dlnrsimg{ width:100%; height:auto; float:right; float:right; padding-top:60px;}

.dlnrsimg img{ width:100%; height:auto;}

.listimg img{ width:31.2%; height:auto; margin-right:0.7%; margin-top:16px;}

.tp1-tits{ color:#ce2f39; position:absolute;top:195px; z-index:1; font-size:30px; letter-spacing:1px; font-family:DIN-MEDIUM; line-height:60px;}

.customl{ width:100%; float:left; overflow:hidden; clear:both;}

.customr{ width:100%; float:right; overflow:hidden; text-align:right;}

.customr img{ width:30%; margin-left:1.5%; margin-right:1.5%; height:auto; margin-bottom:0px; padding-top:60px;}

.logl{ width:100%; float:left; overflow:hidden; clear:both; margin-bottom:60px;}

.logr{ width:100%; float:right; overflow:hidden; text-align:right;}

.logr img{ width:100%; height:auto; margin-bottom:60px;}

.tp1-titss{ color:#ffffff; position:absolute;top:195px; z-index:1; font-size:30px; letter-spacing:1px; font-family:DIN-MEDIUM; line-height:60px;}

.dwonladnr{ width:100%; overflow:hidden; clear:both; font-size:21px; color:#4e545a;  padding-top:24px; line-height:36px; margin-bottom:40px;}

.downl{ width:60%; float:left; clear:both;}

.downr{ width:30%; float:right; padding-left:0px;}

.downr img{ width:100%; height:auto; margin-bottom:60px;}

.downl a{ color:#c43038; text-decoration:none;}

.downl a:hover{ color:#c43038; text-decoration:none; font-size:24px;}

.contact_left{ width:100%; float:left;  text-align:left;font-family:DIN-BOLD; margin-left:0px; font-size:19px;}

.contact_right{ width:100%; float:right; font-size:30px; text-align:center; padding-top:19px;}

.contact_right p{ font-size:19px; overflow:hidden; padding-top:30px; line-height:30px; margin-bottom:0px; height:160px; text-align:left;}

.lxtit{ float:left; overflow:hidden; clear:both; font-size:19px; font-weight:bold; text-align:left; width:100%;}

.lxtit input{ width:100%; height:36px; margin-top:12px; background-color:#eeeeee; border:solid 0px white; padding:0 6px; font-size:16px; outline:none;}

.lxtits{ float:right; overflow:hidden;  font-size:19px; font-weight:bold; text-align:left; clear:both; width:100%; margin-top:30px;}

.lxtits input{ width:100%; height:36px; margin-top:12px; background-color:#eeeeee; border:solid 0px white; padding:0 6px; font-size:16px; outline:none;}

.slxtit{ float:left; overflow:hidden;  font-size:19px; font-weight:bold; text-align:left; width:100%; padding-top:30px;}

.slxtit input{ width:100%; height:36px; margin-top:12px; background-color:#eeeeee; border:solid 0px white; padding:0 6px; font-size:16px; outline:none;}

.ly{ width:100%; background-color:#eeeeee; margin-top:12px; padding:6px 6px; font-size:16px;  outline:none; border:solid 0px white; margin-bottom:30px; height:300px;}

.bqs{ width:100%; height:auto; overflow:hidden; clear:both; background-color:#222931; background-position:top; margin-top:60px; color:#ffffff;}

}