/*代码初始化*/
body{ color:#494949; font-size:14px;}
h1,h2,h3,h4,h5,h6,p{ margin:0;}
.container{padding:0; width:1000px;}
a:hover{ color:#006cbf;}
::selection { background:#006cbf; color: #fff;
  }

  ::-moz-selection {

      background:#006cbf;  color: #fff;
       }

  ::-webkit-selection {
      background:#006cbf; color: #fff;
  }

@media(max-width: 1199px){
	.container{ width:970px;}
	#header .content{ width:100%; padding-left: 20px;}
	#header #logo{ margin-right:10px; }
	#header ul li.navitem{ margin:12px 15px;}
	#indexPage #mslider{ height:560px !important;}
	#indexPage #mslider .bx-wrapper{ height:560px;}
	#newslist{ width:970px;}
	#newslist .newstitem{ width:313px; margin-right:15px; }
	#newslist .wrapper{ margin-left:0;}
	#newslist .newstitem:last-child{ margin-right:0;}
	#newslist .newsbody .title{ padding-left:95px;}
	#newslist .newsbody .description{ left:95px;}
	#indexPage #mpage .content{ width:970px;}
	#projectlist, #projectmore{ width:970px;}
	#indexPage #projectlist .projectitem{ width:313px; margin-right:15px;}
	#indexPage #projectlist .projectitem:last-child{ margin-right:0;}
	#indexPage #mproject .content .wrapper{ margin-left:0;}
	#indexPage #mcontact .content{ width:970px;}
	#indexPage #mcontact .content .fw{ width:950px; margin:0 auto;}
	#indexPage #mpartner .module-content{ width:950px; margin:0 auto;}
	#footer p{ width:950px;}
	#contactinfo{ width:950px;} 
	#indexPage #mservice{ padding:100px 0;}
	#indexPage #mpartner .wrapper{ width:950px; margin:0 auto;}
	#indexPage #mpartner .wrapper .pic{ width:180px;}
	#indexPage #mpartner .wrapper .owl-theme .owl-controls .owl-buttons .owl-prev{ left:-10px;}
	#indexPage #mpartner .wrapper .owl-theme .owl-controls .owl-buttons .owl-next{ right:-10px;}
	#indexPage #mcontact{ }
	#indexPage #mproduct .product-list{ width: 970px; }
	#mpage .content .header{ width: 45%; }
	#indexPage #mpage .module-content .more{ margin-right: 28%; }
	#mpage .module-content .description{ padding-right: 0; width: 45%; }
	
	/*neiye*/
	#sitecontent .content .fw{ width:970px;}

	#newslist{ width: 970px; }
	.npagePage #newslist .newstitem{ width: 310px; margin-right: 15px; }
	.npagePage #newslist .newstitem:nth-child(3n){ margin-right: 0; }

	.npagePage #projectlist, #projectmore{ width: 970px; }
	.npagePage #projectlist .wrapper{ width: 970px; margin-left: 0; }
	.npagePage #projectlist .projectitem{ width: 310px; margin-right: 20px; height: 290px; }
	.npagePage #projectlist .projectitem:nth-child(3n){ margin-right: 0; }
	.npagePage #projectlist .projectitem a .project_img{ height: 200px; }

	#projectinfo{ width: 310px; margin-left: 30px; }
	.npagePage #projectinfo .header{ width: 310px; }
	#projectih{ width: 310px; }
	#projectbody{ width: 630px; }
	#projecttags{ width: 310px; margin-left: 30px; }
	#projectib{ width: 310px; margin-left: 30px; }
	#projectib .projectitem{ width: 145px; }
}
@media(max-width: 991px){
	.container{ width:750px;}
	#header #logo{ height:30px;}
	#header #logo img{ height:100%;}
	#header ul li.navitem{ margin:5px 10px;}
	#header.mini ul li.navitem{ margin: 6px 5px 6px; }
	#indexPage #mslider{ height:430px !important;}
	#indexPage #mslider ul li.active p{ top:30%;}
	#indexPage #mslider ul li p.title img{ width:50%;}
	#indexPage #mslider .bx-wrapper{ height:430px;}
	#newslist{ width:750px;}
	#newslist .newstitem{ width:243px; margin-right:10px;}
	#newslist .newsbody p.date{ padding:10px;}
	#indexPage #newslist .newstitem .newsimg{ height:150px;}
	#newslist .newsbody .title{ padding-left:85px;}
	#newslist .newsbody .description{ left:85px;}
	#indexPage #mpage .content{ width:750px;}
	#projectlist, #projectmore{ width:750px;}
	#indexPage #mcontact .content{ width:750px;}
	#indexPage #mcontact .content .fw{ width:730px;}
	#indexPage #mpartner .module-content{ width:730px;}
	#indexPage #mpartner .wrapper{ width:730px;}
	#indexPage #mpage .wrapper li .fimg{ width:350px; height:300px;}
	#indexPage #mpage .wrapper{ height:420px; }
	#indexPage #projectlist .projectitem{ width:243px; margin-right:10px;}
	#indexPage #mproject a.more{ margin:20px auto;}
	#indexPage #mpartner .wrapper .pic{ width:230px;}
	#footer p{ width:730px;}
	#contactinfo{ width:730px; margin:40px auto 30px;} 
	#contactinfo div{ margin-top:90px;}
	#indexPage #mcontact{ height:230px; }
	#indexPage #mproduct .product-list{ width: 750px; }
	
	/*neiye*/
	.npagePage #banner{ height:380px;}
	.npagePage #banner div{ background-size:cover; background-position:center; height:380px;}
	#sitecontent .content .fw{ width:750px;}
	.postbody img{ margin-right:15px; margin-bottom:10px; width:50%;}

	#newslist{ width: 750px; }
	.npagePage #newslist .newstitem{ width: 365px; margin-right: 20px; }
	.npagePage #newslist .newstitem:nth-child(3n){ margin-right: 10px; }
	.npagePage #newslist .newstitem:nth-child(2n){ margin-right: 0; }

	.npagePage #projectlist, #projectmore{ width:750px;}
	.npagePage #projectlist .wrapper{ width:750px;}
	.npagePage #projectlist .projectitem{ width: 365px; margin-right: 20px; height: 300px; }
	.npagePage #projectlist .projectitem:nth-child(3n){ margin-right: 20px; }
	.npagePage #projectlist .projectitem:nth-child(2n){ margin-right: 0; }
	.npagePage #projectlist .projectitem a .project_img{ height: 210px; }

	#projectinfo{ width: 100%; margin-left: 0; }
	.npagePage #projectinfo .header{ width: 100%; }
	#projectih{ width: 100%; }
	#projectbody{ width: 100%; }
	#projecttags{ width: 100%; margin-left: 0; }
	#projectib{ width: 100%; margin-left: 0; }
	#projectib .projectitem{ width: 23.5%; margin-right: 2%; }
	#projectib .projectitem:last-child{ margin-right: 0; }

	#form .contacter{ width: 25% }
	#form .contact{ width: 30% }
	#form .email{ width: 41%; }
	#form .btoo .val{ margin-top: 4px; }
	#form .val img{ width: 100%; }

	#map{ height: 250px; }
	#pages{ padding: 30px 0; }

	#indexPage #mpage .module-content .more{ margin-right: 23%; }


}
@media(max-width: 767px){
	.container{ width:95%;}
	#header .content{ padding-left:10px; padding-right:10px; box-sizing:border-box;}
	#header #logo{ padding-top:10px;}
	.navbar-toggle{ border-color:#fff; margin-right:0; z-index:99;}
	.navbar-toggle .icon-bar{ background-color:#fff;}
	#header ul li.navitem{ width:100%; margin:0; text-align:center;}
	#header .navbar-collapse{ padding-left:0; padding-right:0;}
	#newslist{ width:95%;}
	#newslist .newstitem{ width:235px; height:150px;}
	#newslist .newsbody{ height:135px;}
	#newslist .newstitem a.newscontent{ height:145px;}
	#newslist .wrapper{ width:480px; margin:0 auto;}
	#newslist .newstitem:last-child{ margin-right:10px;}
	#newslist .newstitem:nth-child(2n){ margin-right:0;}
	#newslist .newstitem .md{ font-size:16px;}
	#newslist .newstitem .year{ font-size:12px;}
	#newslist .newsbody .title{ padding-left:70px;}
	#newslist .newsbody .description{ left:70px;}
	#newslist .newstitem.left .news_wrapper{ top:170px;}
	.npagePage #newsPage #newslist .newstitem.left .news_wrapper{ top:0;}
	#indexPage #mproduct{ padding-bottom: 30px; }
	#indexPage #mproduct .product-list{ width: 100%; }
	#indexPage #mproduct .product-list li{ width:50%; margin-right: 0; }
	#indexPage #mservice{ padding:80px 0 50px;}
	#indexPage #mpage .content{ width:95%;}
	#indexPage #mpage .wrapper li .fimg{ right:0; width:50%; height:210px; top:60px;}
	#indexPage #mpage .module-content .more{ margin-top:30px; margin-bottom:30px;}
	#indexPage #mpage .wrapper{ height:350px;}
	#projectlist, #projectmore{ width:480px;}
	#indexPage #projectlist .projectitem{ width:235px;}
	#indexPage #projectlist .projectitem:last-child{ margin-right:10px;}
	#indexPage #projectlist .projectitem:nth-child(2n){ margin-right:0;}
	#indexPage #mcontact .content{ width:95%;}
	#indexPage #mcontact .content .fw{ width:95%;}
	#contactinfo{ width:95%;}
	#shares{ display:none;}
	#online_open{ display:none;}
	#footer p{ width:95%;}
	#mslider li video{ position:static; height:350px; width:auto;}
	#indexPage #mslider{ height:350px !important}
	#indexPage #mslider .bx-wrapper{ height:350px;}
	#indexPage #mslider ul li a{ position:absolute; top:0;}
	#indexPage #mslider ul li.active p{ margin-top:30%;}

	/*neiye*/
	.npagePage #banner{ height:300px;}
	.npagePage #banner div{ height:300px;}
	#sitecontent .content .fw{ width:95%;}
	.content .header{ padding-top:50px;}

	#newslist{ width: 95%; }
	.npagePage #newslist .newstitem{ width: 48%; margin-right: 4%; }
	.npagePage #newslist .newstitem .newsimg{ height: 155px; }
	#pages{ padding-top: 30px; }

	.npagePage #projectlist, #projectmore{ width: 95%; }
	.npagePage #projectlist .wrapper{ width: 100%; }
	.npagePage #projectlist .projectitem{ width: 48%; margin-right: 4%; height: 270px; }
	.npagePage #projectlist .projectitem a .project_img{ height: 180px; text-align: center; }
	.npagePage #projectlist .projectitem a .project_img img{ width: auto; height: 100%; position: absolute; left: 50%; margin-left: -135px; }
	.npagePage #projectlist .projectitem:nth-child(3n){ margin-right: 4%; }
	.npagePage #projectlist .projectitem:nth-child(2n){ margin-right: 0; }

	#projectib .projectitem{ width: 48%; margin-right: 2%; }
	#projectib .projectitem:nth-child(2n){ margin-right: 0; }

	.contactinfo{ width: 100%; float: none; text-align: left; }
	#map{ width: 100%; height: 300px; margin-top: 20px; float: none; }
	#pages{ padding: 20px; }
	#indexPage #mpage{ padding: 30px 0; }
	#indexPage #mpage .wrapper li .fimg{ position: static; margin: 0 auto; margin-top: 25px; }
	#mpage .content .header{ float: none; width: 100%; text-align: center; padding-top: 10px; }
	#indexPage #mpage .module-content .more{ margin: 20px auto 0; float: none; }
	#mpage .module-content .description{ float: none; width: 100%; padding-left: 0; }
	#indexPage #mpage .wrapper{ height: auto; }
	#indexPage .content .header p.title{ text-align: center; }
	#mpage .content .header p.title, #mpage .content .header p.subtitle{ text-align: center; }
	#newslist .newstitem{ width: 49%; margin-right: 2%; }
	#newslist .newstitem:nth-child(2n){ margin-right: 0; }

}
@media(max-width: 480px){
	.container{ width:95%;}
	body{ font-size:12px;}
	#mslider li video{ height:250px;}
	#indexPage #mslider{ height:250px !important}
	#indexPage #mslider .bx-wrapper{ height:250px;}
	#mnews .content .header{ padding-top:30px; padding-bottom:15px;}
	#indexPage .content .header p.title{ font-size:20px;}
	#newslist .wrapper{ width:95%;}
	#newslist .newstitem{ width:100%; margin-right:0; height:145px;}
	#newslist .newstitem:last-child{ margin-right:0;}
	#indexPage #newslist .newstitem .newsimg{ height:200px;}
	#newslist .newstitem.left .news_wrapper{ top:220px;}
	.npagePage #newsPage #newslist .newstitem.left .news_wrapper{ top:0;}
	#indexPage #mnews a.more{ margin:20px auto 15px;}
	#mproduct .content .header{ padding-top:40px; padding-bottom:30px;}
	#indexPage #mservice .content li .counter span{ font-size:35px;}
	#indexPage #mservice .content li p{ font-size:14px;}
	#mpage .content .header{ width:100%; float:none;}
	#mpage .module-content .description{ width:100%; float:none;}
	#indexPage #mpage .module-content .more{ float:none;}
	#indexPage #mpage .wrapper li .fimg{ position:static; margin-top:20px; width:100%; margin-bottom:25px;}
	#indexPage #mpage .wrapper{ height:auto;}
	#projectlist, #projectmore{ width:95%;}
	#indexPage #projectlist .projectitem{ margin-right:0; width:100%;}
	#indexPage #projectlist .projectitem .project_info p.title{ padding-top:5px;}
	#indexPage #mpartner .module-content{ width:95%;}
	#indexPage #mpartner .wrapper{ width:95%;}
	#indexPage #mpartner .wrapper .pic{ width:auto;}
	#footer p{ height:auto;}
	#mcontact .content #contactinfo{ float:none;}
	#indexPage #mcontact{ height:auto;}
	#contactinfo div{ margin-top:40px;}
	#mcontact .content #contactform{ display:none;}
	
	/*neiye*/
	.npagePage #banner{ height:260px;}
	.npagePage #banner div{ height:260px;}
	.postbody img{ float:none; width:100%; margin-right:0;}
	#pages{ padding:20px 0;}
	.content .header{ padding-top:30px;}

	.npagePage #newslist .newstitem{ width: 100%; margin-right: 0; }
	.npagePage #newslist .newstitem:nth-child(3n){ margin-right: 0; }
	.npagePage #newslist .newstitem .newsimg{ height: 200px; }

	.npagePage #projectlist .projectitem{ width: 100%; margin-right: 0; }

	#form .form-group{ width: 100%; margin-right: 0; }
	#form .contact{ margin-bottom: 15px; }
	#form .btoo .val{ margin-left: -70px; margin-top: 7px; }

	#map{ height: 250px; margin-top: 20px; }

	#indexPage #mproduct .product-list li{ width: 100%; }

	#newslist .newstitem{ width: 100%; }

}