/*Base*/



*{margin:0; padding:0;}

html,body {font-family:"微软雅黑",Arial , sans-serif; 

	color: #666; font-size:14px; margin:0; padding:0;

    -ms-text-size-adjust: 100%; 

    -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/

}

*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed; }

h1,h2,h3,h4,h5,h6{ font-family:"微软雅黑"; font-weight:normal;}

a { text-decoration:none !important;

    background: transparent; /*修正win8系统IE连接灰色背景*/

	outline:none;

	blr:expression(this.onFocus=this.blur());}



table {border-collapse: collapse;border-spacing: 0;}

ul,

ol { list-style:none;}

li {list-style:none;}

/*清除浮动*/

.clear { clear: both;}

.fl {float:left;}

.fr {float:right;}







/*布局*/



.pub_header {  height:30px; line-height:30px; 

  background:url(bottom_bg.gif) repeat-x left top;font-family:"微软雅黑"; }

.pub_header .login_panel { position: relative; margin: 0 auto; width:100%; max-width:1200px;  height: 30px; text-align:right;  }

.pub_header .login_panel a { color: #ffffff; }

.pub_header ul { p  text-align: right; }

.pub_header li { height:30px; display:inline-block;  opacity: 0.8; font-size: 12px; line-height: 30px; color: #ffffff; margin-left:2%;   }



.pub_header span { position: relative; top: 0px; }



	

	

#header{  background:rgba(255,255,255,1);

    height:auto;font-family:"微软雅黑";

    transition: all 0.3s ease-in-out 0s;

    width:1200px; margin:0 auto; }



.head-left{

  float: left;

  width: 30%; padding:15px 0; transition: all 0.3s ease-in-out 0s;

}

.head-left img{

  width: 100%;

  max-width:256px;

  min-width: 150px;

}





.pc-nav{

 float: right;

  width:650px; 

  padding-top:30px; position:relative;

}

.pc-nav ul:after {

    clear: both;

    content: '';

    display: block;

    width: 0;

    height: 0; width:100%;

    visibility: hidden;

}

.pc-nav .lv1-box{

  font-size:16px;

  float: left; width:14.2%;height:30px;  text-align:center;   position:relative;

}



.pc-nav .lv1{

  color: #333;

  display:inline-block;

  transition: all 0.1s; 

  -moz-transition: all 0.1s;

  -webkit-transition: all 0.1s; 

}

.pc-nav .lv1 span{ height:2px; width:100%; background:#3da8e5; margin-top:5px; display:none;}



.pc-nav .lv1:hover,.pc-nav .on .lv1{

  color: #3da8e5;

}

.pc-nav .lv1:hover span,.pc-nav .on span{ display:block;}

.pc-nav .on span{ color: #3da8e5;display:block;}

.pc-nav .lv2-box{ position:absolute; left:0; top:30px; z-index:999;  width:100%; text-align:center;background:rgba(255,255,255,.9);  }



.pc-nav .lv2-box li a{ color:#333; font-size:14px; line-height:30px; padding:0 10px;}

.pc-nav .lv2-box li a:hover{color: #3da8e5;}

.pc-searchbox{ float:right;

  width: 180px;

  background:rgba(255,255,255,.9);

  z-index: 101;padding-top:20px; margin-right:3%;



}

.pc-searchbox .sou-box{

  overflow: hidden;

  background:rgba(0,0,0,.9);

  line-height:30px;

  height:30px;  border-bottom: 1px solid #aaa;

  font-size:14px;

}

.pc-searchbox .sou-box .texts{

  width: 150px;

  height: 100%;

  padding: 0 3%;

  color: #333;

  border:none; outline:none; float:left;

}

.pc-searchbox .sou-box .texts ::-webkit-input-placeholder { 

  color:#999999; 

}

.pc-searchbox .sou-box .btns{

  float: right;

  width: 26px;

}

.pc-searchbox .sou-box .btns a{

  color: #fff;

  display: block;

}







/* 手机端导航 */

.ph-nav{ width:30px; height:41px;
  position:absolute; right:3%; top:25px; display:none;
}

.ph-nav .ph-btn{
  width:100%;
}





.ipad-searchbox{

  width:92%; margin:10px auto;

  background:rgba(0,0,0,.7);

  z-index: 100; display:none;

}



.ipad-searchbox .sou-box{

  overflow: hidden;

  background: rgba(0,0,0,.7);

  line-height:30px;

  height:30px;  border-bottom: 1px solid #ddd;

  font-size:14px;

}

.ipad-searchbox .sou-box .texts{

  width: 80%;

  height: 100%;

  background: rgba(0,0,0,.7);

  color: #fff;

  border:none; outline:none; float:left;

}

.ipad-searchbox .sou-box .texts ::-webkit-input-placeholder { 

  color:#999999; 

}



.ipad-searchbox .sou-box .btns{

  float: right;

  width: 26px;

}

.ipad-searchbox .sou-box .btns a{

  color: #fff;

  display: block;

}





/* 手机端导航弹出层 */

.phnav-pop{
  font-family: "微软雅黑";
	position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.3);
    z-index: 110;
    display: none;
}
.phnav-main{
  width: 71%;
    background: #343434;
    height: 100%;
    padding: 0 5%;
    left: -100%;
    padding-bottom: 20%;
    padding-top: 8%;
    position: relative;
}

.phnav-main .guan{

  position: absolute;

  right: 7%;

  top: 1%;

  cursor:pointer;

  width: 1em;

}



.phnav-main .item{

}

.phnav-main .item:last-child{

  border-bottom: none;

}



.phnav-main .lv1-box{

  position: relative;

  padding: 0 1%; border-bottom:1px solid #ccc;

  line-height: 3.375em;

}

.phnav-main .lv1-box a{

  color: #fff;

  font-size:16px; 

  display:block;

  max-width:100%;

}

.phnav-main  a:hover{ color:#0d97e5; }

.phnav-main .lv1-box .more{

  position: absolute;

  right:0;

  top: 0;

  display: inline-block;

  width: 10%;

  height: 100%;

  text-align: right;

  cursor: pointer;

  color: #999999;

  background: url(more-bg3.png) no-repeat right 5% center;

  background-size: 0.5em;

}

.phnav-main .lv1-box .more.on{

  background: url(more-bg4.png) no-repeat right 5% center;

  background-size: 0.5em;

}



.phnav-main .lv2-box {

  padding-bottom:0.5em;

  display: none;

}

.phnav-main .lv2-box li{

    padding-left: 10%;

}

.phnav-main .lv2-box .noborder a{

  border: none;

}

.phnav-main .lv2-box a{

  display: block;

  font-size:14px;

  color: #555;

  line-height: 2.667em;

}

.phnav-main .lv2-box a:hover{color:#f5a100; }





@media screen and (max-width: 1200px){

	#header{ transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s; width:100%;padding:0 3%;}

  .pc-nav{

    width: 100%;

    transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

  }

  

}

@media screen and (max-width: 1145px){

	

	}

@media screen and (max-width: 991px){

	.head-left{ width:50%;}

	.head-left img{ width:180px;}

	.pc-nav{ width:100%;  clear:both; padding:10px 0% 0; text-align:center;}

	

	.pc-nav .lv1{  text-align:center;}

	.pc-nav .lv1-box{ width:20%;}

	.pc-nav .lv2-box{ text-align:center;}

}

@media screen and (max-width: 768px){

  

.pc-nav{ display:none;}

.pc-searchbox{ display:none;}

.ph-nav{ display:block;}

}













/*首页主要内容*/

#mainbody{

}

.mainTitle{ height:auto; font-size:36px; color:#393939;  text-align:center; margin-bottom:3%; text-align:center; font-weight:600; }

.mainTitle h3{ font-size:18px; font-weight:normal; margin-top:10px;}

.mainTitle h3:after{  content:'';

	display:block;

	width:60px;

	border-top:2px solid #3da8e5;

	-webkit-transition:width .3s ease;

	-o-transition:width .3s ease;

	transition:width .3s ease;

	margin:18px auto;}

.mainTitle p{ font-size:14px; color:#707070; font-weight:normal; line-height:20px;  }









.fwys{font-family: "微软雅黑"; width:100%; padding:3% 0; height:auto; overflow:hidden;  border-top:1px solid #d2d2d2;border-bottom:1px solid #dcdcdc;}

.fwys ul{ width:1200px; margin:0 auto;}

.fwys ul li{ width:24.5%;  float:left; text-align:center; box-shadow:0 0 3px #dddddd; margin-right:0.5%; padding:30px 1% 10px;   }

.fwys ul li a .lc-icon{ max-width:179px; height:92px; margin:20px auto;}

.fwys ul li a .lc-icon img{ width:100%; transition: all .8s;

    -webkit-transition: all .8s;

    -moz-transition: all .8s;

}

.fwys ul li a:hover .lc-icon img{transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);}

.fwys ul li a h4{ font-size:18px; color:#393939; width:100%; text-align:center; line-height:30px; margin:30px 0%; height:30px; overflow:hidden; }

.fwys ul li a  p{ font-size:14px; color:#707070; line-height:20px; padding:0 3%; height:60px; overflow:hidden;  }

@media screen and (max-width: 1200px){
.fwys{ padding:0 3%}
.fwys ul{ width:100%; }

  

}

@media screen and (max-width: 768px){

	.fwys{  padding:5% 3%;}
.fwys ul li{ width:48%; margin-right:2%;}
	.fwys ul li a h4{ font-size:16px;}

	.fwys ul li a .lc-icon{ margin:0 auto;width:80px; height:auto; }
	
	.mainTitle{ font-size:24px;}
.mainTitle h3{ margin-top:10px;}
.mainTitle h3:after{ width:30px; bordder-top:1px solid #3da8e5; margin-top:10px;}
	}









.relative{position: relative;z-index: 1;}

.absolute{position: absolute;z-index: 1;}

.over{overflow: hidden;}

.max-w100{max-width: 100%;}

.max-h100{max-height: 100%;}

.wow{visibility: hidden;}

@font-face{font-family: 'itcavant';src: url(/newwebsite/fonts/itcavantgardestd-bk.otf);}

@font-face{font-family: 'AmerigoBT';src: url(/newwebsite/fonts/AmerigoBT-RomanA.otf);}



@-o-keyframes Up{50%{-o-transform: translateY(-5px);transform: translateY(-5px);}100%{-o-transform: translateY(0);transform: translateY(0);}}

@-ms-keyframes Up{50%{-ms-transform: translateY(-5px);transform: translateY(-5px);}100%{-ms-transform: translateY(0);transform: translateY(0);}}

@-moz-keyframes Up{50%{-moz-transform: translateY(-5px);transform: translateY(-5px);}100%{-moz-transform: translateY(0);transform: translateY(0);}}

@-webkit-keyframes Up{50%{-webkit-transform: translateY(-5px);transform: translateY(-5px);}100%{-webkit-transform: translateY(0);transform: translateY(0);}}

@keyframes Up{50%{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}100%{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}}



@-o-keyframes WaveL{0%{-o-transform: translateX(0px);transform: translateX(0px);}100%{-o-transform: translateX(50%);transform: translateX(50%);}}

@-ms-keyframes WaveL{0%{-ms-transform: translateX(0px);transform: translateX(0px);}100%{-ms-transform: translateX(50%);transform: translateX(50%);}}

@-moz-keyframes WaveL{0%{-moz-transform: translateX(0px);transform: translateX(0px);}100%{-moz-transform: translateX(50%);transform: translateX(50%);}}

@-webkit-keyframes WaveL{0%{-webkit-transform: translateX(0px);transform: translateX(0px);}100%{-webkit-transform: translateX(50%);transform: translateX(50%);}}

@keyframes WaveL{0%{-o-transform: translateX(0px);-ms-transform: translateX(0px);-moz-transform: translateX(0px);-webkit-transform: translateX(0px);transform: translateX(0px);}100%{-o-transform: translateX(50%);-ms-transform: translateX(50%);-moz-transform: translateX(50%);-webkit-transform: translateX(50%);transform: translateX(50%);}}



@-o-keyframes WaveR{0%{-o-transform: translateX(0px);transform: translateX(0px);}100%{-o-transform: translateX(-50%);transform: translateX(-50%);}}

@-ms-keyframes WaveR{0%{-ms-transform: translateX(0px);transform: translateX(0px);}100%{-ms-transform: translateX(-50%);transform: translateX(-50%);}}

@-moz-keyframes WaveR{0%{-moz-transform: translateX(0px);transform: translateX(0px);}100%{-moz-transform: translateX(-50%);transform: translateX(-50%);}}

@-webkit-keyframes WaveR{0%{-webkit-transform: translateX(0px);transform: translateX(0px);}100%{-webkit-transform: translateX(-50%);transform: translateX(-50%);}}

@keyframes WaveR{0%{-o-transform: translateX(0px);-ms-transform: translateX(0px);-moz-transform: translateX(0px);-webkit-transform: translateX(0px);transform: translateX(0px);}100%{-o-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}}



.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}

.scale:hover .scale-img{-ms-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}



.index-case{padding:50px 0%; margin:0 auto; width:100%;}

.index-case .case-list .bar{left: 0;top: 0;}

.index-case .case-list .item{width: 25%;-webkit-transition:all 500ms ease 0ms; -moz-transition:all 500ms ease 0ms; -ms-transition:all 500ms ease 0ms; -o-transition:all 500ms ease 0ms; transition:all 500ms ease 0ms; }

.index-case .case-list .item .move{max-width: 480px;margin: 0 auto;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}

.index-case .case-list .item .main{width: 100%;min-width: 280px;height: 42px;line-height: 42px;padding: 0 30px;left: 0;bottom: 0; position:absolute; background-color: rgba(239,239,239,.95);}

.index-case .case-list .item .name{max-width: 80%;font-size: 16px;}

.index-case .case-list .item[status="hide"]{cursor: default;}

.index-case .case-list .item[status="hide"]::after{width: 100%;height: 100%;left: 0;top: 0;position: absolute;z-index: 2;content: '';}

.index-case .case-list .item[status="show"]{z-index: 2;}

.index-case .hd a{width: 22px;height: 22px;background-color: #c9c9c9;border-radius: 100%;margin: 5px 10px;display: inline-block;cursor: pointer;}

.index-case .hd .on{background-color: #3b8cc4;}

.list-page .button{width: 30px;height: 30px;line-height: 28px;border: 1px solid #c7c7c7;border-radius: 5px; display:inline-block}

.list-page .lists{margin: 5px 10px; width:22px; height:30px; display:inline-block; background:url(dot1.png) no-repeat center bottom;}

@media screen and (max-width: 991px){

	.index-case .case-list .item{width: 33%;}

	}

@media screen and (max-width:640px){

	.index-case .case-list .item{width: 50%;}

	}





.btnBox {

    height: 70px;

    text-align: center;

    margin-top: 17px;

    font-size: 14px;

    padding-top:20px;

}



.btnBox a {

    display: inline-block;

    width: 222px;

    height: 43px;font-family: "微软雅黑";

    line-height: 43px;

    text-align: center;

    border: solid 1px #666; border-radius:4px;

    margin: 0 10px; color:#666;

}



.btnBox a:hover {

    border-color: #cc0b14;

}

@media screen and (max-width: 1200px){

  .project{

   width:96%;

		padding:2% 3%;

		margin-top: 2em;

		margin-bottom:2em;

		transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;

  }

}

@media screen and (max-width: 640px){

	.project .pic1 { width:48%;margin-bottom:2%;margin-right:2%;}

	.btnBox a{ width:45%; margin:0 2%;}

	

	}

	







.index-news{ height:auto; background:#f5f5f5; padding:50px 0; overflow:hidden; width:100%;}

.index-news .news{ width:1200px; margin:0 auto;}

.index-news  .item{ width:48%; float:left; padding:2%;border: 1px solid #e1e1e1; margin-right:1%; margin-bottom:2%;}

.index-news  .item:hover{border: 1px solid #ddd; background:#fff;}

.index-news  .item .date{width: 12.820512%;line-height: 30px;font-size: 14px;color: #b3b3b3;border-right: 1px solid #ccc;margin: 0 0 0 5.128205%;}

.index-news  .item .day{font-size: 36px;color: #656565;}

.index-news .item .in{width: 73.076923%;margin: 0 3.846153% 0 0;}

.index-news .item .title{width: 100%;height: 30px;line-height: 30px;}

.index-news .item .title a{color: #333;font-size: 18px;}

.index-news .item .title a:hover{color: #3b8cc4;}

.index-news .item .brief{width: 100%;height: 30px;line-height: 30px;margin: 0 3.846153% 0 0;color: rgba(0, 0, 0, .4); overflow:hidden;}

.index-news .item .brief a{ float:right;}

/*.index-news .news .news-shadow{width: 100%;height: 3px;background: url(/newwebsite/images/images/news-shadow) repeat-x left top;margin-top: 1px;}*/

.index-news  .bar{top: 0;}

.index-news  .hd{margin: 16px 0 0 0; text-align:center;}

.index-news  .hd > a{width: 10px;height: 10px;background-color: #b4b4b4;border-radius: 100%;margin-right: 7px;display: inline-block;cursor: pointer;}

.index-news  .hd > .on{background-color: #3b8cc4;}

@media screen and (max-width: 1200px){

  .index-news .news{

   width:96%;

		padding:2% 1%;

		margin-top: 2em;

		margin-bottom:2em;

		transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;

  }

}

@media screen and (max-width: 640px){

	.index-news  .item{ width:100%;margin-right:0%;}

	}



.partners{width:1200px;margin:0 auto;padding:40px 0 20px 0px; height:auto; overflow:hidden;}

.partners ul li{ float:left; width:150px; text-align:center; height:90px;  }

.partners ul li img{ padding:0px; margin:0px;}



@media screen and (max-width: 1200px){

  .partners{

   width:96%;

		padding:2% 3%;

		margin-top: 2em;

		margin-bottom:2em;

		transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;

  }

  

}

@media screen and (max-width: 640px){

	.partners ul li{ width:33%; }

	}

	

.index-contact .left{width: 50%;height: 100%;left: 0;top: 0;}

.index-contact .map-logo{width: 36.45833%;left: 51.5625%;top: 26.382978%;}

.index-contact .map-logo img{-webkit-animation: Up 1.5s linear 0s infinite alternate;animation: Up 1.5s linear 0s infinite alternate;}

.index-contact .contact{width: 50%;height: 100%;right: 0;top: 0;background: rgba(0,0,0,.8) url(contact-bg.png);padding: 0 0 0 6.25%;}

.index-contact .title-0{font-size: 34px;color: #fff;margin: 5% 0;}

.index-contact .title-0::after{width: 8%;height: 1px;background-color: #fff;margin: 15px 0 0 5px;display: block;content: '';}

.index-contact .company{font-size: 24px;color: #3da8e5;margin-bottom: 2.5%;}

.index-contact .i{line-height: 36px;color: #fff;padding-left: 32px;}

.index-contact .i a{color: inherit;text-decoration: underline;}

.index-contact .address{background: url(ico-address.png) no-repeat left 8px;}

.index-contact .phone{background: url(ico-phone.png) no-repeat left 8px;}

.index-contact .mobile{background: url(ico-mobile.png) no-repeat left 8px;}

.index-contact .email{background: url(ico-email.png) no-repeat left 8px;}

.index-contact .button{width: 120px;height: 32px;line-height: 32px;color: #373737;background-color: #fff;border-radius: 15px;margin-top: 3.5%; display:inline-block; text-align:center;}

	
	
@media screen and (max-width: 768px){
	.index-contact .map{ display:none;}
	.index-contact .left{ display:none;}
	.index-contact .contact{width: 100%; position:relative; padding:5% 3%; }
	.index-contact .title-0{ font-size:24px; margin:0 auto; text-align:center;}
	.index-contact .title-0::after{width:30px;height:1px;background-color: #fff;margin: 15px auto;}
	}	
	



		

.footer-box{ background:url(footer-bg.jpg) repeat; font-family:"微软雅黑";}

.footer-nav{



  padding:40px 0;

}

.footmian{

  width: 1200px;

  margin: auto;

  overflow: hidden;

}

.left-nav{

  overflow: hidden; width:100%; 

}

.left-nav li{

  float: left;

  width:25%;

}



.left-nav .tit{

  color: #fff;

  font-size:15px; font-weight:600;

  display: block;

  line-height:35px;

}

.left-nav .tit:hover{

  color: #0c96e5;

}

.left-nav dl{

  margin-top: 0.6875em;

  margin-bottom: 0;

}

.left-nav dd a{

  color: #c4c4c4;

  font-size:13px;

  line-height:30px;

}

.left-nav dd a:hover{

  color: #0c96e5;

}









.fph-nav{ display:none;}



.fph-nav .item{

  border-bottom: 1px solid #cccccc;

}

.fph-nav .item:last-child{

  border-bottom: none;

}



.fph-nav .lv1-box{

  position: relative;

  padding: 0 2%;

  line-height: 2.5625em;

}

.fph-nav .lv1-box a{

  color: #fff;

  font-size:14px; 

  display: inline-block;

  width: 26%;

}

.fph-nav .lv1-box a.on{

  font-weight: bold;

}

.fph-nav .lv1-box .more{

  position: absolute;

  right: 2%;

  top: 0;

  display: inline-block;

  width: 70%;

  height: 100%;

  text-align: right;

  cursor: pointer;

  color: #999999;

  background: url(more-bg1.png) no-repeat right center;

  background-size: 0.5em;

}

.fph-nav .lv1-box .more.on{

  background: url(more-bg2.png) no-repeat right center;

  background-size: 0.5em;

}



.fph-nav .lv2-box {

  padding-bottom:1em;

  display: none;

}



.fph-nav .lv2-box a{

  padding: 0 2%;

  display: block;

  font-size: 14px;

  color: #838281;

  line-height: 2.4em;

}

.fph-nav .footright{ width:200px; margin:0 auto; height:auto; overflow:hidden;}

.fph-nav .footright h4{color: #fff;

  font-size:15px; font-weight:600;

  display: block; margin:0;line-height:35px; padding-bottom:15px; text-align:center; }

.fph-nav .footright p{  width:100px;  margin:10px auto; text-align:center; color:#eee; font-size:12px;  }
.fph-nav .footright p img{ width:100%;}




.copyright{  height:auto;  line-height:30px; color:#ccc; text-align:center; font-size:14px; padding:10px 3%}

  .ftmagin { display:none;
}
/*footer_end*/
.ftmenu {
	display:none;
}





@media screen and (max-width: 1200px){

  .footer-info{

    width: 100%;

    padding: 0 3%;

    transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

  }

  .footer-nav{

    padding: 2em 0 3em 0;

  }

  .fnav-mian{

      width: 100%;

      padding: 0 3%;

      transition: all 0.5s;

     -moz-transition: all 0.5s;

     -webkit-transition: all 0.5s;

  }

  .left-nav .tit{

    font-size:16px;

    width: 83%;

  }

  .left-nav dd a{

    font-size:14px;

  }

}



@media screen and (max-width: 991px){

  .footer-nav{

    padding: 0 3%;

    padding-top: 2em;

    padding-bottom: 2em; 

  }

  .footmian{ display:none;}

  .fph-nav{ display:block;}

}

@media screen and (max-width: 768px){

  .footer-nav{

    padding: 0 3%;

    padding-top: 1em;

    padding-bottom: 0.75em;

  }

  .copyright{ padding-bottom:1.6em;}
  .footright{ display:none;}
  
  .ftmagin {display:block;
	margin-bottom: 4.3em;
}
/*footer_end*/
.ftmenu { display:block;
	width: 100%;
	overflow: hidden;
	height: 4.3em;
	background: #3da8e5;
	position: fixed;
	width: 100%;
	left: 0;
	bottom: -10px;
	z-index: 100;
}
.ftmenu li {
	float: left;
	width: 25%;
	text-align: center;
}
.ftmenu li a {
	display: block;
	position: relative;
	height: 4.3em;
	padding-top: 0.5em;
}
.ftmenu li img {
	width: auto;
	height: 1.750em;
}
.ftmenu li span {
	display: block;
	font-size: 1em;
	color: #ffffff;
	margin-top: 0.2em;
}
.ftmenu li a:after {
	content: '';
	position: absolute;
	top: 0;
	right: -2px;
	z-index: 9;
	height: 100%;
	width: 0px;
	border-left: 0.1em solid #11539c;
	border-right: 0.1em solid #7fa7d6;
}



}







/*子页主要内容*/



.innerbanner{width: 100%;

    height:380px;

    position: relative;

    overflow: hidden;

    background-attachment: fixed;  background-size: 100%; margin-top:0px; }

	



	

.aboutbg{ background: #000 url(../banner/banner2.jpg) no-repeat center center;

  }

.contactbg{ background: #000 url(inbg3.jpg) no-repeat center center;

      }

.serbg{ background: #000 url(inbg1.jpg) no-repeat center center;

      }

.mobilebg{ background: #000 url(inbg2.jpg) no-repeat center center;

      }

.newsbg{ background: #000 url(inbg1.jpg) no-repeat center center;

      }		

.probg{ background: #000 url(../banner/banner1.jpg) no-repeat center center;

      }

.ban_info{ color:#fff; text-align:center; padding-top:3%;font-family: "微软雅黑"; }

.ban_info h2{ font-size:42px; font-weight:600;margin-top:0;}

.ban_info h3{ font-size:24px; margin-top:0; }

.ban_info h3:after{ content:'';

	display:block;

	width:78px;

	border-top:1px solid #fff;

	-webkit-transition:width .3s ease;

	-o-transition:width .3s ease;

	transition:width .3s ease;

	margin:10px auto; }

.ban_info p{ font-size:12px;}

	  

.casebg{ background:url(case_bg.jpg) no-repeat;}

@media screen and (max-width: 768px){
	.innerbanner{width: 100%;

    height:180px;background-size: 100% 100%;}

	.ban_info{padding-top:2%;}

	.ban_info h2{ font-size:30px; font-weight:600;}

	.ban_info h3{ font-size:18px; }

.ban_info img{ width:36px;}

	

	}





/* pc location */

.pc-location{ font-family: "微软雅黑";

	background: #fff;

	position: static;

	left: 0; display:block;

	top: 0;background:#eee;  border-bottom:1px solid #ddd;

	width: 100%; height:45px; margin-bottom:30px;

}

.pc-locations{

	position: fixed;

	left:0;

	top:0;

	z-index:10;

	width: 100%;

	display:none;

}

.pc-location .location-main{

	width: 1200px; color:#999;

	margin: auto;

	line-height: 45px;

	overflow: hidden;

}

.pc-location .right{

	color: #999; float:right;

	font-size:14px; text-align:right;

}

.pc-location .right img{

	margin-top: -2px;

	margin-right: 4px;

}

.pc-location  a{

	color: #666;

	margin-left: 4px;

	margin-right: 4px;

}

.pc-location .right a:hover{

	text-decoration: underline;

}



.pc-location .left{

	display:block;height:45px; 

}

.pc-location .left ul{overflow:hidden; position:absolute; left:0; top:1px; height:45px;}

.pc-location .left li{float:left;position:relative;margin-left:2px;background-color:#dcdddd;}

.pc-location .left li a{

display:block;float:left;height:45px;line-height:45px;overflow:hidden;width:150px;text-align:center;cursor:pointer;color:#333;

}

.pc-location .left li a.on{ background:#ff9d0c;color:#fff;

}

.pc-location .left li a:hover{ background:#ff9d0c;color:#fff;

}

@media screen and (max-width:1200px){

	.pc-location .location-main{

		width: 100%;

		padding: 0 3%;

		transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;

	}

}



/* ipadlocation */

.ipad-location{font-family: "微软雅黑";

	padding: 0 3%;

	overflow:hidden;

	border-bottom: 1px solid #dfdfdf;

	line-height: 3.375em; background:#0d97e5;

}

.ipad-location .name{

	float: left;

	color: #fff;

	font-size:14px;

}

.ipad-location .btns{

	float: right;

}

.ipad-location .btns img{

	width: 1.4375em;

	margin-top: -2px;

	cursor: pointer;

}

.phnav-pop1{font-family: "微软雅黑";

	position: fixed;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: rgba(0,0,0,.3);

    z-index: 110;

    display: none;

}

.phnav-main1{

    width: 71%;

    background: #343434;

    height: 100%;

    padding: 0 5%;

    left: -100%;

    padding-bottom: 20%;

    padding-top: 8%;

    position: relative;

}

.phnav-main1 .guan {

    position: absolute;

    right: 7%;

    top: 3%;

    cursor: pointer;

    width: 1em;

}

.phnav-main1 ul li{

    line-height: 3.375em;

    border-bottom: 1px solid #999999;

}

.phnav-main1 ul li a{

	display: block;

	padding: 0 3%;

	color: #fff;

    font-size: 0.8125em;

}









/*内页submenu*/

.innerbody{

	width: 1200px;

    margin:0px auto;font-family: "微软雅黑"; padding:40px 0;

  overflow:hidden;

}

.innerbody:after{

    clear: both;

    content: '';

    display: block;

    width: 0;

    height: 0;

    visibility: hidden;

}



.submenu-top{ height:42px; border-bottom:1px solid #ddd; width:100%;}

.submenu-top .title{ border-bottom:2px solid #dc1840; display:inline-block; float:left;}

.submenu-top .title .cntit{ height:42px;font-size: 30px;

    color:#434343;

    font-family: Arial, Helvetica, sans-serif;float:left; height:42px; line-height:42px;display:inline-block;}

.submenu-top .title .entit{ font-size:13px; color:#dc1840;font-family: SimHei; height:20px; }

.submenu-top .pcsec-nav{  text-align:left;}

.submenu-top .pcsec-nav ul li{ display:inline-block; padding:0 5px;line-height:42px;}

.submenu-top .pcsec-nav ul li a{ color:#333; font-size:14px;}

.submenu-top .pcsec-nav ul li a::before{width: 0;height: 0;border-left: 4px solid #5d5d5d;border-top: 4px solid transparent;border-bottom: 4px solid transparent;margin-right: 8px;vertical-align: middle;display: inline-block;content: '';}

.submenu-top .pcsec-nav ul li a:hover{ color:#dc1840; }











.innerbody .submenu-left{

	width: 14.5%;

	float: left; 

}

.innerbody .submenu-left .title{

	line-height:52PX; height:52px;

	font-size:14PX;

	color: #FFF; background:#0b96e5; text-align:center;

}

.innerbody .submenu-left .title span { 

    margin-left: 5px;

    color: #E1E1E1;

    font-family: "Arial";

    font-size: 12px; text-transform:uppercase;

}



.submenu-left .pcsec-nav .lv1-box{

	 width: 100%;      position: relative;

    height:50px;

    line-height:50px; text-align:center;

    background:url(lnav.gif) no-repeat left center;

}



.submenu-left .pcsec-nav .lv1-box .lv1 a{

	color: #333;

	width: 100%; 

	display: inline-block;

	height:50px; 

	line-height:50px; border-bottom:1px solid #ddd;

	font-size: 14px; 

	text-decoration: none

}

.submenu-left .pcsec-nav .lv1-box .lv1 a:hover{  color:#0b96e5;}

.submenu-left .pcsec-nav li.on .lv1{

	 color:#0b96e5;

}





.submenu-left .phsec-nav{

	position: relative; 

}



.submenu-left .phsec-nav .current{

	font-size:16px;

	line-height: 3.5em;

	padding: 0 3%;

	background-color: #cccccc;

	background-size: 1.8em 0.8em;

	color: #000;

	cursor: pointer;

}

.submenu-left .phsec-navpop{

	position: absolute;

	left: 0;

	top: 100%;

	width: 100%;

	background: #e2e2e2;

	z-index: 10;

	padding: 0 2%;

	padding-bottom: 2.3125em;

	display: none;

}

.submenu-left .phsec-navpop .lv1-box{

	border-bottom: 1px solid #cccccc;

}

.submenu-left .phsec-navpop .lv1-box .lv1{

	position: relative;

	font-size: 16px;

	line-height:50px;

	padding: 0 1%;

}

.submenu-left .phsec-navpop .lv1-box .lv1 a{

	color: #333;

	display: block;

}

.submenu-left .phsec-navpop .lv1-box .lv1 .mores{

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	cursor: pointer;

	background: url(lv1more-bg1.png) no-repeat right 2% center;

	background-size: 0.8em;

}

.submenu-left .phsec-navpop .lv1-box.active .lv1 a{

	color: #222;

}

.submenu-left .phsec-navpop .lv1-box.on .lv1 a{

	color: #222;

}

.submenu-left .phsec-navpop .lv1-box.active .mores{

	background: url(lv1more-bg2.png) no-repeat right 2% center;

	background-size: 0.8em;

}











.innerbody .mainRight{

	width: 84%;

	float: right;

}



@media screen and (max-width:1200px){

	.innerbody{

		width: 100%;

		padding: 0 5%;

		margin-top: 2em;

		margin-bottom: 4em;

		transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;

	}

	

}

@media screen and (max-width: 991px){

	.innerbody .submenu-left{

		width: 25%;

	}

	.innerbody .mainRight{

		width: 70%;

	}

	.submenu-top{ display:none;}

	.submenu-top .title{ display:none;}

	

}

@media screen and (min-width: 769px){

	.phsec-nav{

		display: none;

	}

}



@media screen and (max-width: 768px){

	.pcsec-nav{

		display: none;

	}

	.phsec-nav{

		display: block;

	}

	.pclx{ display:none;}

	.innerbody .submenu-left{

		width: 100%; display:none;

	}

	.innerbody .mainRight{

		width: 100%;

	}

	

}





/*关于我们*/

.about_wrap{ height:auto; width:100%;font-family: "微软雅黑";}

.about_intro{ height:auto; padding:40px 0; width:1200px; margin:0 auto;}

.about_title{ text-align:center; font-size:24px; color:#4f4f4f; padding-bottom:30px; font-weight:600;}

.about_title i{width:60px; height:3px; background:#3da8e5;  display:block; margin:10px auto; }

.about_intro .detail{ font-size:14px; line-height:30px; color:#4f4f4f; padding:0 40px;}

.about_intro .detail h3{ont-size:20px; color:#0d97e5;}



.culture{ height:auto; position:relative;  overflow:hidden; width:1200px; margin:0 auto 30px;}

.culture .cont{ width:65%; font-size:14px; line-height:30px; color:#555; padding-top:30px; padding-left:40px; float:left;  }

.culture .cont h3,.culture .cont p strong{ font-size:20px; color:#0d97e5;}

.culture .right_img{ float:right; width:32%; padding-top:5%;}

.culture .right_img img{ width:100%;}



@media screen and (max-width:1200px){

	.about_intro{ width:100%;}

	.culture{ width:90%;}

	.honor{ padding:3% 3%;}

	.about_intro .detail  img{ max-width:100%;}

	}

@media screen and (max-width:640px){

	.culture .cont{ width:100%; padding-left:0;}

	.right_img{ display:none;}

	}



/*about*/



.title-box{

	font:normal 24px "微软雅黑";color:#333333;border-bottom:1px solid #ddd;clear:both;height:52px; line-height:52px;

}

.title-box .right{ float:right;color:#999; font-size:14px;}

.title-box .right a{color:#999; font-size:14px;}

.title-box .right a:hover{ color:#cc0b14;}

.about-box{font-family: "微软雅黑";

	width: 100%;

	margin: auto;

}

.about-mian{

	overflow: hidden;

	margin-top:2%; color:#5f5f5f; 

	line-height:30px; padding:2%;

}





@media screen and (max-width:1200px){

	.about-box{

		width: 100%;

		padding: 0 0%;

		margin-top: 2em;

		margin-bottom: 4em;

		transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;

	}

	.about-mian{

		margin-top:2%;

	}

	

	

}



@media screen and (max-width:991px){

	

	.title-box{

		font-size:18px;

	}

}







@media screen and (max-width:414px){

	.about-box{

		margin-bottom: 3em;

	}

	

}





/*团队*/

.about-team{color: #5f5f5f;

    max-width: 850px;}

	.yb_list{ padding:5% 0;}



.yb_list .item {

	margin-bottom: #30px;

	padding-bottom: 30px;

	border-bottom: 1px solid #e4e4e4; overflow:hidden;

}



.yb_list .member_t {

	font-size: 16px;

	color: #f5a100;

	margin: 0 0 20px

}



.yb_list .active .member_des {

	-webkit-transform: translate(0, 0);

	transform: translate(0, 0);

	opacity: 1;

	display: block \9

}

.yb_list .member_info {

	margin-bottom: 40px;

	font-size: 14px;

	color: #5f5f5f;

	line-height: 1.6;

	overflow-y: auto;

	max-height: 65%

}





.yb_list .item img {

	width: 50%;

	height: auto;

	margin-right: 30px;

	z-index: 1;

	float: left

}





@media (max-width:768px) {

	.yb_list .item img {

		width: 100%;

		margin-right: 0;

		margin-bottom: 30px

	}

	

	.yb_list .member_des {

		padding: 0px

	}

	

	.yb_list .member_info {

		margin-bottom: 0

	}

}





/*公司环境*/





.comp-main {

    width: 100%;

    margin: auto;

    margin-top:30px;

}



.comp-main ul{

	overflow: hidden;

}

.comp-main ul li{

	float: left;

	width:31%; margin-right:2%;

	padding-bottom:20px;

	text-align: center;

}

.comp-main .name{

	font-size:16px;

	line-height:36px;

	height: 36px;

	overflow: hidden;

	padding: 0 8%; color:#555;

}

.comp-main img{

	width:100%;

}





@media screen and (max-width: 1200px){

	.comp-main {

	    width: 100%;

	    padding: 0 3%;

	    margin-top: 2em;

	    margin-bottom: 4em;

	    transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;

	}

	

	.comp-main ul li{

		padding-bottom: 1em;

		padding-top: 1em;

	}

}

@media screen and (max-width: 640px){

	.comp-main ul li{width:48%;}

}







/*news*/

.news-box{

    width: 100%;

    margin: auto;

    margin-top: 3.8125em;

    margin-bottom:1.25em;font-family: "微软雅黑";

}

.news-main{

	margin-top: 3em;

}

.news-main ul:after{

    clear: both;

    content: '';

    display: block;

    width: 0;

    height: 0;

    visibility: hidden;

}

.news-main dl{overflow:hidden; width:96%; padding:2%; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:30px; }

.news-main dl dt{  width: 22.5%;max-width: 270px; float:left;}

	.news-main dl dt img{ width:100%;backface-visibility: hidden;-webkit-backface-visibility: hidden;}

.news-main dl dd{ width:70%; float:left; margin-left:5%; }

.news-main dl dd h2{ height:26px; line-height:26px; overflow:hidden; font-size:16px; margin-top:10px;}

.news-main dl dd h2 a{ color:#585858;}

.news-main dl dd h2 a:hover{ color:#1fa8de;text-decoration:underline;}

.news-main dl dd span{margin: 0;

    padding: 0;

    height: 24px;

    line-height: 24px;

    color: #999;

    font-family: 'Microsoft YaHei';

    font-size: 12px;

    font-style: normal;

    text-decoration: none;}

.news-main dl dd p{ line-height:24px; font-size:14px; color:#838383; height:48px; overflow:hidden;}

.news-main dl dd .tag_views{ font-size:12px; color:#999;}

.news-main dl dd .tag_views .more{ float:right; width: 88px;height: 30px;line-height: 30px;color: #999999;text-decoration: none;border:1px solid rgba(0, 0, 0, .1); text-align:center; }

.news-main dl:hover dd .tag_views .more{ background:#1fa8de; color:#fff;}

@media screen and (max-width: 1200px){

	.news-box {

	    width: 100%;

	    padding: 0 3%;

	    margin-top: 2em;

	    margin-bottom: 4em;

	    transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;

	}

	.news-main{margin-top: 1.5em;}

}

@media screen and (max-width: 640px){

	.news-main dl dt{  width: 100%; max-width:100%; }

	.news-main dl dd{ width:100%; margin-left:0%; }

	}





.pro-main .pro-list{

	min-height: 200px;

	margin-bottom: 2em;

}

.pro-main .pro-list ul:after{

    clear: both;

    content: '';

    display: block;

    width: 0;

    height: 0;

    overflow: hidden;

}

.pro-main .pro-list li{

	float: left;

	width:23%; 

	margin-right:2%; border:1px solid #eee;

	margin-bottom: 1.375em; overflow:hidden;

} 

.pro-main .pro-list li img{transition: all 1s ease 0s; 

	width: 100%;}

.pro-main .pro-list li a:hover img{ }

.pro-main .pro-list .names{

	color: #333333;

	padding: 0 5%;

	overflow: hidden;

     background:#eee; border-bottom:2px solid #ccc;

}

.pro-main .pro-list li:hover .names{ background:#fff; border-color:#0b96e5;}

.pro-main .pro-list .names h4{ color:#333; border-bottom:1px solid #ccc; line-height:36px; font-size:14px;}

.pro-main .pro-list .names p{ font-size:12px; line-height:24px; height:48px; overflow:hidden; color:#666; width:100%;}

.pro-main .pro-list li:nth-child(4n){

	margin-right: 0;

}

.pro-main .pro-list li:hover .names{

	color: #000;

}



@media screen and (max-width: 991px){

	

	.pro-main{margin-top: 2em;}

	.pro-main .pro-list li{

		width: 48%;

		margin-right: 4%;

		margin-bottom: 4%;

	}

	.pro-main .pro-list li:nth-child(3n){

		margin-right: 4%;

	}

	.pro-main .pro-list li:nth-child(2n){

		margin-right: 0;

	}

}





@media screen and (max-width: 768px){

	.pro-main .pro-list .names{

		line-height: 3.5em;

	}

	

	.pro-main .pro-list{

		margin-bottom: 1em;

		margin-top: 2em;

	}

}



@media screen and (max-width: 414px){

	

	.pro-main .pro-list li{

		width: 100%;

		margin-right: 0;

		margin-bottom: 8%;

	}

	.pro-main .pro-list li:nth-child(3n){

		margin-right: 0;

	}

	.pro-main .pro-list .names{

		line-height: 5.375em;

	}

}



.project-content {

	font-size: 16px;

	line-height: 1.6;

	color: #5f5f5f

}

.project-content p {

	margin-bottom: 20px;

	text-align: justify

}



.project-t {

	font-size: 20px;

	line-height: 1.3;

	text-align: center;

	font-weight:bold; 

}

.project-info {

	text-align: center;

	font-size: 14px;

	line-height: 1.8; padding-bottom:20px; border-bottom:1px dashed #ddd; margin-bottom:30px;

}

.project-info span, .project-info a {

	color: #5f5f5f;

	display: inline-block;

	margin: 0 10px

}

.project-info .dropdown{ position:relative; height:30px;}

.project-info .share {

	padding-right: 12px;

	background: url(share.jpg) right center no-repeat

}

.project-info .share:hover {

	text-decoration: none

}

.social.dropdown-menu {

	border: 0;

	margin: 0;

	padding: 0;

	-webkit-box-shadow: none;

	box-shadow: none;

	width: 144px;

	left: 10px; bottom:0px; position:absolute; display:none;

}



.social.dropdown-menu a {

	display: inline-block;

	width: 33px;

	height: 33px;

	background-image: url('social.jpg');

	background-image: url('socialie.jpg') \9;

	background-size: 132px 66px;

	margin: 0 3px 0 0;

	float: left

}

.social.dropdown-menu a.social_0 {

	background-position: 0 0

}

.social.dropdown-menu a.social_0:hover {

	background-position: 0 -33px

}

.social.dropdown-menu a.social_1 {

	background-position: -33px 0

}

.social.dropdown-menu a.social_1:hover {

	background-position: -33px -33px

}

.social.dropdown-menu a.social_2 {

	background-position: -66px 0

}

.social.dropdown-menu a.social_2:hover {

	background-position: -66px -33px

}

.social.dropdown-menu a.social_3 {

	background-position: -99px 0

}

.social.dropdown-menu a.social_3:hover {

	background-position: -99px -33px

}



.project-img{

	margin: 30px -5px

}

.project-img a, .project-img span {

	display: inline-block;

	float: left;

	width: 20%;

	padding: 5px

}

.project-img span {

	cursor: pointer

}

.project-img span .inner {

	background-color: #f5f5f5;

	display: block;

	width: 100%;

	height: 100%;

	text-align: center;

	font-size: 14px

}

.project-img .thumb_more:hover .inner {

	color: #f5a100

}

.project-img a.project-img-big {

	width: 100%

}

.project-img a img {

	display: block;

	width: 100%;

	height: auto;

	line-height: 1

}

.project-detail {

	text-align:center;

}

@media (max-width:768px) {

	.project-img a, .project-img span {

	width: 33.3%;

}

}



/* 分页样式 */

.page { text-align:center; LINE-HEIGHT:40px; MARGIN:50px auto 5px; HEIGHT:40px; COLOR: #434343; FONT-SIZE:14px; OVERFLOW: hidden; display:block; width:100%;}

.page LI {MARGIN: 0px 2px; DISPLAY: inline}

.page LI A {BORDER-BOTTOM: #cecece 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #cecece 1px solid; PADDING-BOTTOM:6px; PADDING-LEFT:11px; PADDING-RIGHT:11px; BORDER-TOP: #cecece 1px solid; BORDER-RIGHT: #cecece 1px solid; PADDING-TOP:6px; color:#434343;border-radius:3px;}

.page LI A:hover {BORDER:1px solid #404040; COLOR: #ffffff; background:#404040; TEXT-DECORATION: none}

.page LI.on A {BORDER:1px solid #404040; background:#404040; COLOR: #ffffff;}

/* 分页样式 */



/*服务*/

.service{ height:auto; font-family: "微软雅黑";}

.intit{ font-size:30px; color:#393939; text-align:center; padding:3% 0;}

.intit p{ font-size:18px; color:#888888;}



#owl-demo1{ position:relative; padding-bottom:30px;}

#owl-demo1 .item{ margin-left:0px;

}

#owl-demo1 .item .ser_img{ 

  display: block;

  width: 100%;

  height: auto;}

#owl-demo1 .item  img{ width:100%;}

#owl-demo1 .item .ser_info{ width:100%; position:relative;  height: auto;}

#owl-demo1 .item0  .ser_info:after {

	height: 0;

	width: 0;

	content: "";

	position: absolute;

	top: -20px;

	left: 50%;

	border-width: 10px;margin-left:-5px;

	border-style: dashed solid dashed dashed;

	border-color: transparent  transparent #1fa8de transparent;

}

#owl-demo1 .item1  .ser_info:after {

	height: 0;

	width: 0;

	content: "";

	position: absolute;

	top: 100%;

	left: 50%;

	border-width: 10px; margin-left:-5px;

	border-style: dashed solid dashed dashed;

	border-color: #1fa8de transparent  transparent  transparent ;

}

#owl-demo1 .item .ser_info .txt{ width:80%; position:absolute; left:10%; top:0%; color:#fff; height:100%; overflow:hidden;}

#owl-demo1 .item .ser_info .txt h3{ font-size:18px;}

#owl-demo1 .item .ser_info .txt p{ font-size:14px; line-height:20px;}













.service1{ width:100%;font-family: "微软雅黑"; background:#f4f4f4 url(service3.jpg) no-repeat center center; background-size:100%; min-height:650px;  }

@media (max-width:919px) {

	.service1{  background:#f4f4f4 url(service4.jpg) no-repeat center center;  min-height:460px;background-size:100%;}

}

@media (max-width:768px) {

	.service .intit{ font-size:20px; color:#393939; text-align:center; padding:3% 0;}

	.service .intit p{ font-size:14px; }

	.service1{  background:#f4f4f4 url(service5.jpg) no-repeat center center; background-size:100%;  min-height:311px;  }

}

@media (max-width:640px) {



	.service1{  background:#f4f4f4 url(service6.jpg) no-repeat center center; background-size:100%;  min-height:260px;  }

}



.service2{ height:auto; background:url(service-bg-1.jpg) repeat center top;padding:30px 0 50px;font-family: "微软雅黑"; overflow:hidden;}

.service2 .intit{ color:#fff;}

.service2 .box-list{width: 1200px;margin:0% auto 0;z-index: 5;letter-spacing: -5px;} 

 /*letter-spacing: -5px;兼容Safari*/

.service2 .box-list *{letter-spacing: normal;}

.service2 .item{width: 19%;background: url(service-box-arrow.png) no-repeat left 10px;padding-left: 5%;margin: 0 0 3% 3%;vertical-align: top;box-sizing: content-box; display:inline-block; }

.service2 .item.item0{background: none;padding-left: 0;margin-left: 0;}

.service2 .item .img{width: 44px;height: 44px;border-radius: 100%;}

.service2 .item .info{width: 77.419354%;}

.service2 .item .name{font-size: 18px;color: #fff;}

.service2 .item .brief{line-height: 20px;font-size: 14px;color: #6c6c6c;margin-top: 15px;}

@media (max-width:1200px) {

	.service2 .box-list{ width:100%;padding: 0 3%;

	    margin-top: 2em;

	    margin-bottom: 4em;

	    transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;}

}



@media (max-width:768px) {

	.service2 .item{ width:46%;background: none;padding-left: 0;margin-left: 0;}

	.service2 .item:nth-child(2n) {background: url(service-box-arrow.png) no-repeat left 10px;padding-left: 5%;}

}



.service3{ width:100%; padding-bottom:30px;}

#owl-demo2{ position:relative; padding-bottom:30px; max-width:1000px; margin:0 auto;}

#owl-demo2 .item{ margin-left:30px;

}

#owl-demo2 .item .ser_img{ 

  display: block;

  width: 100%;

  height: auto; text-align:center;}

#owl-demo2 .item  img{ max-width:100%;}

#owl-demo2 .item .ser_info{  position:relative;  height: auto;font-size:14px; line-height:24px; color:#555; padding-top:5%; width:80%; margin:0 auto; text-align:center; overflow:hidden;}



/*移动*/

.mobile_column{ height:auto; padding:0px 0; overflow:hidden;}

.mobile_column ul {

	width: 1200px;

	margin: 40px auto;

}

.mobile_column li {

	width:30%;

	text-align: center;

	float: left;

	margin-left:3%;

}.mobile_column li img{ width:100%; max-width:180px;}

.mobile_column li:first-child {

	margin-left: 0;

}

.mobile_column .title {

	font-size: 16px;

	color: #393939;

	margin: 10px auto;

	line-height: 24px;

}

.mobile_column .intro {

	color: #999;

	line-height: 22px;

	width: 100%;

	margin: 0 auto;

}



.wechat {

	background: url("m06.jpg") no-repeat center top;

	position: relative;font-family: "微软雅黑"; overflow:hidden; padding-bottom:30px;}

.wechat .wrap{width:1200px; margin:0 auto;}

.wechat dl {

	 width:45%;

}

.wechat dt {

	font-size:24px;

	color: #393939; font-weight:normal;

	margin-bottom: 30px;

}

.wechat dd {

	font-size: 16px;

	color: #333;

	line-height: 30px;

}

.wechat_intro {

	margin-top: 60px;

	position: relative;

	top: 40px;

	overflow: hidden;

}

.wechat_img {

	width: 40%;

	

	overflow: hidden;

	position: relative;



}

.wechat_img img{ width:100%;}



@media (max-width:1200px) {

	.mobile_column ul{ width:100%;padding: 0 3%;

	    margin-top: 2em;

	    margin-bottom: 4em;

	    transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;}

	.wechat .wrap{ width:100%;padding: 0 3%;

	    margin-top: 2em;

	    margin-bottom: 4em;

	    transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;}



}



/*新闻详情*/



.newsdetail-box{

    width:96%;font-family: "微软雅黑";

    margin: auto;

    padding:2%;

}



.newsdetail-box .title-boxs{

	text-align: center;

	padding-bottom:20px;

	border-bottom: 1px solid #dcdcdc;

}

.newsdetail-box .title-boxs .title{

	font-size:24px;

	line-height:36px; color:#555;

}

.newsdetail-box .title-boxs .time{

	font-size:12px;

	color: #666666;

	margin-top: 10px;

}



.news-doc{

	font-size:14px;

	color: #555555;

	line-height:24px;

	margin-top:20px;

}

.news-doc img{

	max-width: 100%;

	display: block;

	margin:1em auto;

}

.pages{

	margin-top: 1.5em;

	position: relative;

	border-top: 1px solid #dedede;

	padding-top: 0.5em;

}

.pages li{

	font-size:14px;

	line-height:30px;

	color: #333333;

}

.pages li a{

	color: #333333;

}

.pages li a:hover{

	color: #0c96e5;

}

.pages .back{

	font-size:12px;

	display: inline-block;

    position: absolute;

    right: 0;

    top: 15px;

    width:110px;

    height:30px;

    line-height:30px;

    text-align: center;

    color: #fff;

    background: #333333;

}

.pages .back:hover{

	background: #666;

}





@media screen and (max-width: 1200px){

	.newsdetail-box .title-boxs .title{

		font-size: 1.5em;

	}

}

@media screen and (max-width: 991px){

	.newsdetail-box{

		margin-bottom: 3em;

	}

	.pages .back{

		position: inherit;

		right: inherit;

		top: inherit;

		margin: auto;

		display: block;

		margin-top: 2em;

	}

}



@media screen and (max-width:768px){

	.newsdetail-box .title-boxs .title{

		font-size: 1.1em;

	}

	.newsdetail-box .title-boxs .time{

		margin-top: 0.5em;

		font-size: 0.75em;

	}

}

@media screen and (max-width:768px){

	.pages .back{

		width: 10em;

		font-size: 0.875em

	}

}





/*预约量房*/

.yylf{ width:1200px;font-family:"微软雅黑"; margin:5% auto; height:auto; }

.yylf .top img{ float:left;}

.yylf .top .txt{ float:left; margin-left:20px; font-size:18px; color:#888;}

.yylf .top .txt p:last-child{ border-top:1px solid #ddd; padding-top:10px;}

.yylf .top .txt strong{color:#3d85c6;

    font-size: 29px;}

.lfimg{ height:auto; width:100%; margin:40px auto;font-family: "微软雅黑"; }

.lfimg ul li{ width:24%; float:left;  position:relative; overflow:hidden; border:1px solid #777777; margin-right:}

.lfimg ul li img{ width:100%;   }

.lfimg ul li:last-child{ margin-right:0;}



.lfimg ul li h3{ background: rgba(0,0,0,0.5); font-size:16px; color:#fff; height:24px; line-height:24px;text-align:center; position:absolute; left:0; bottom:-100%; width:100%; z-index:;}

.lfimg ul li:hover{ border-color:#fe606e;}

.lfimg ul li:hover h3{ background:#fe606e; bottom:-7px; }



.lfsm{ width:80%; margin:20px auto;}

.lfsm h2{color:#3d85c6;

    font-size: 24px; border-bottom:1px solid #ddd; line-height:62px; font-weight:600;}

.lfsm .box{ height:auto; margin:10px 20px; }

.lfsm .box dt{ float:left; width:25%;}

.lfsm .box dt img{ width:100%;}

.lfsm .box dd{ float:right; width:70%; padding-top:3%;}

.lfsm .box dd h3{ font-size:24px; color:#222;}

.lfsm .box dd p{ font-size:14px; color:#666; line-height:24px; text-indent:2em;}



.lfmessage{ background:#f5f5f5; width:100%; padding:3% 0; height:auto;font-family: "微软雅黑";}

.lfmessage .mesform{ width:800px; margin:0 auto;}

.lfmessage ul.mfields li {

  float: left;

	width: 48%; margin-left:2%;

}



.lfmessage ul.mfields .title {

	 font-size:14px;

	width: 100%; line-height:30px;

	color: #5a5a5a;

}



.lfmessage ul.mfields .inpbox {

	width:100%;

}



.lfmessage ul.mfields .inptext {

	font-family: '微软雅黑';

	border: 1px solid #dedede;

	font-size: 12px;

	text-indent: 5px;

	height: 38px;

	line-height: 38px;

	width:100%;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	-o-border-radius: 3px;

}



.lfmessage ul.mfields .inptext.datepicker {

	background-image: url(datepicker.png) !important;

	background-position: right 5px center !important;

	background-repeat: no-repeat !important;

}



.lfmessage ul.mfields .radiobox {

	background: transparent !important;

	padding-left: 22px;

	position: relative;

	height: 40px;

	line-height: 40px;

	float: left;

	margin-right: 12px;

}



.lfmessage ul.mfields .radiobox label {

	display: inline-block;}



.lfmessage ul.mfields .checkbox {

	background: transparent !important;

	padding-left: 22px;

	position: relative;

	height: 40px;

	line-height: 40px;

	float: left;

	margin-right: 12px;

}



.lfmessage ul.mfields .checkbox label {

	display: inline-block;

}



.lfmessage ul.mfields .checkbox input[type="checkbox"] {

	box-sizing: border-box;

	left: -1px;

	margin: 3px;

	padding: 0;

	position: absolute;

	top: 0px;

	vertical-align: middle;

	opacity: 0;

	filter: alpha(opacity=0);

}









.lfmessage ul.mfields  select {

	line-height: 35px; height:35px; width:100%;

	

	filter: alpha(opacity=1);

	-moz-opacity: 1;

	opacity: 1;

	display: block;

	cursor: pointer;

}



.lfmessage ul.mfields .btn-select .cur_select {

	text-indent: 5px;

	display: block;

	height: 100%;

	width: 100%;

}



.lfmessage  ul.mfields .btn-select .cp_sele {

	width: 100%;

	height: 100%;

	text-align: center;

	background: #fff;

	border: #dedede 1px solid;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}



.lfmessage  ul.mfields .msel {

	margin-top: 3px;

}



.lfmessage ul.mfields .txtarea {

	font-size: 12px;

	padding: 2px 0;

	width: 100%;

	height: 34px;

	border: 1px solid #dedede;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	-o-border-radius: 3px;

}



.lfmessage .btnsubmit {

	display: block;

	background-color: #ed3c46;

	border-style: solid;

	border-width: 0;

	line-height: 40px;

	height: 40px;

	width:98%; margin-left:2%;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	-o-border-radius: 3px;

	text-align: center;

	color: #fff;

}



.lfmessage .btnsubmit:hover {

	background-color: #fb414c;

}



@media screen and (max-width:1200px){

	.yylf{ width:100%;}

}

@media screen and (max-width:1000px){

.lfmessage .mesform{ width:100%; padding:3% 3%;}

.lfmessage .btnsubmit{ width:100%; margin-left:0;}

}

@media screen and (max-width:640px){.lfmessage ul.mfields li { width:100%; margin-left:0;}}

/*招聘*/

.biao-box{ width:100%; height:40px; line-height:40px;    background: #f5a100; }

.biao-box li{ float:left;width: 20%; color:#fff; font-size:18px; text-align:center;}



.recru-box{

	width: 100%;

    margin: auto;

    padding:20px;

    margin-bottom: 5.5625em;

}



.hunt-box{

	min-height: 100px;

	margin-bottom: 1.0625em;

}



.hunt-list{

	

}

.hunt-list .name{

	overflow: hidden;

	border-bottom: 1px solid #dbdbdb;

}

.hunt-list .name.on{

	border-bottom: none;

}

.hunt-list .name li{

	width: 20%;

	float: left;

	text-align: center;

	font-size:16px;

	line-height:45px;

}

.hunt-list .name .more{

	color: #ff0000;

}

.hunt-list .name .more i{

	cursor: pointer;	

}



.info-box{

	background: none;

	padding: 0.6875em 8.5% 2.5625em 8.5%;

	display: none;

}



.info-box  .doc{

	font-size:14px;

	line-height:24px;

}

.info-box .apply{

	color: #fff;

	font-size: 1em;

	text-align: center;

	width: 9.375em;

	line-height: 2.5em;

	margin-top: 1.8125em;

	background: #da251d;

	display: inline-block;

}

.info-box .apply:hover{

	background: #e3332b;

}









@media screen and (max-width: 1200px){

	.recru-box {

	    width: 100%;

	    padding: 0 3%;

	    margin-top: 2em;

	    margin-bottom: 3em;

	    transition: all 0.5s;

	    -moz-transition: all 0.5s;

	    -webkit-transition: all 0.5s;

	}

	

	.info-box{

		padding: 0 5%;

		padding-bottom: 1.5em;

	}

	



}



@media screen and (max-width: 991px){

	

	.info-box .apply{

		margin-top: 1em;

	}

}



@media screen and (max-width:768px){

	

	.info-box .type li{

		width: 50%;

	}

	.biao-box li{

		font-size:14px;

	}

	.hunt-list .name li{ font-size:14px;}

	

}



@media screen and (max-width: 414px){

	.hunt-list .name li{

		font-size: 0.75em;

	}

}



/*申请职位*/

.resources-box{ font-family:"微软雅黑";

	width: 1200px;

    margin: auto;

    margin-top: 3.8125em;

    margin-bottom: 5.8em;border:#dbdbdb 1px solid;

}

.resources-mian{

	

	padding:4.2%;

	padding-top:4.8%;

}





.resources-mian  h3{

	color:#333;

	font-size:0.875em;

	line-height:1em;

	font-weight:bold;

	margin-bottom:2em;

}

.resources-mian  h3 span{

	font-weight:500;

	font-size:1.286em;

	line-height:1em;

	color:#f5a100;

}

.resources-mian  .resour-list{

	overflow:hidden;

}

.resources-mian .resour-list li{

	float:left;

	width:49%;

	margin-bottom:1.95em;

}

.resources-mian  .resour-list li:nth-child(2n){

	float:right;

}

.resour-list li em{

	font-style:normal;

	display:inline-block;

	*display:inline;

	*zoom:1;

	font-size:14px;

	line-height:2.5em;

	float:left;

}

.resour-list li input[type=text]{

	background-color:#fff;

	border:#e1e1e1 1px solid;

	width:75.7%;

	font-size:0.875em;

	line-height:2.5em;

	text-indent:1.2em;

	display:inline-block;

	*display:inline;

	*zoom:1;

}

.resour-list li textarea{

	background-color:#fff;

	border:#e1e1e1 1px solid;

	width:88%;

	font-size:0.875em;

	line-height:2.5em;

	text-indent:1.2em;

	display:inline-block;

	*display:inline;

	*zoom:1;

}

.resour-list li abbr{

	color:#da251d;

	display:inline-block;

	*display:inline;

	*zoom:1;

	margin-left:5px;

}

.resour-list li select {

	width:25%;

  /*Chromeå'ŒFirefox里面çš"边框是不一样çš"，所以复写了一下*/

  border: solid 1px #eee;



  /*很关é"®ï¼šå°†é»˜è®¤çš"select选择框样式清除*/

  appearance:none;

  -moz-appearance:none;

  -webkit-appearance:none;



  /*在选择框çš"最右侧中间显示小箭头图片*/

  background:#fff url(../images/rl_img8.png) no-repeat scroll right 10px center;





  /*为下拉小箭头留出一点位置，避免被文字覆盖*/

  padding-right: 10px;

  padding-left:10px;

  line-height: 2.5em;

  height: 2.7em;

  font-size: 0.875em;

  display: inline-block;

}



/*清除ieçš"默认选择框样式清除，隐藏下拉箭头*/

select::-ms-expand { display: none; }

.resour-list li select option{

	line-height: 2.5em;

  	font-size: 1em;

}



.resources-mian .resour-right .resour-list .li-last{

    position: relative;

    display: inline-block;

	width:100%;

	/*color:#666;

	line-height: 2.5em;

  	font-size: 0.875em;*/

}

.resour-list .li-last input[type=file] {

    position: absolute;

    line-height: 2.8em;

  	font-size: 0.875em;

    left: 70px;

    top: 0;

    opacity: 0;

	width:9.8%;

	cursor:pointer;

}

.resour-list .li-last .file-btn{

	background-color:#999;

	color:#333;

	width:9.8%;

	float:left;

	line-height: 2.5em;

  	font-size: 0.875em;

	text-align:center;

	margin-right:5px;

}

.resour-list .li-last .file-btn:hover{

	background-color:#aca9a9;

}

.resour-list .li-last span{

	color:#666;

	font-size:0.875em;

	line-height:2.5em;

	float:left;

}

.resour-list .li-last abbr{

	float:left;

	line-height:2.5em;

}



.resources-mian  .resour-btn{

	font-size:14px;

	line-height:2.8125em;

	color:#fff;

	width:10%;

	background-color:#000;

	text-align:center;

	display:block;

	margin-left:2%;

	padding:0;

	margin-top:10px;

	margin-bottom:15px;

	border: none;

}

.resources-mian  .resour-btn:hover{

	background-color:#f9150b;

}

.resour-list .li-last .code{

	width: 7.857em;

	float: left;

}

.resour-list .li-last .image{

	font-size: 0.875em;

	float: left;

	margin-left: 0.625em;

}

.resour-list .li-last .image img{

	width: 96px;

	height: 39px;

}

.resour-list .li-last .image i{

	color: #e64340;

	margin-left: 0.625em;

}





@media screen and (max-width: 1440px){

	.resources-box{

		width: 960px;

	}

	.resources-mian .resour-img{

		width: 30%;

	}

	.resources-mian{

		padding-left: 30%;

	}

	.resour-list li input[type=text]{

		width: 72%;

	}

	.resour-list li textarea{

	width:72%;

	

}

} 



@media screen and (max-width: 1200px){

	.resources-box {

		width: 100%;

		padding: 0 3%;

		margin-top: 2em;

		margin-bottom: 4em;

		transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;

	}

	.resources-mian {

		padding:2%;

	}

	

}

@media screen and (max-width: 991px){

	.resources-mian{

		margin-top:1em;

	}

}

@media screen and (max-width: 1199px) and (min-width: 992px){

	.resour-list li input[type=text]{

		width:70.7%;

	}

	.resour-list .li-last .file-btn,

	.resour-list .li-last input[type=file]{

		width:11.8%;

	}

}



@media screen and (max-width: 991px) and (min-width: 768px){

	.resour-list li select{

		width:28%;

	}

	.resour-list li input[type=text]{

		width:60.7%;

	}

	.resources-mian {

		padding:2.2%;

	}

	.resour-list .li-last .file-btn,

	.resour-list .li-last input[type=file]{

		width:14.8%;

	}

}

@media screen and (max-width: 768px){

	.resources-mian {

		padding:2%;

	}

	.resources-mian  h3{

		font-size:1em;

		margin-bottom:1.2em;

	}

	.resour-list li em{

		font-size:1em; padding-left:10px;

		line-height:2.5em

	}

	.resour-list li input[type=text]{

		font-size:1em;

		text-indent: 0.6em;

		line-height:2.2em;

	}

	.resources-mian .resour-img {

		display: none;

	}

	.resources-mian{

		padding:0;

	}

	.resources-mian  .resour-btn{

		width:100%;

		margin-left:0;

	}

	.resour-list .li-last .file-btn,

	.resour-list .li-last input[type=file]{

		width:18.8%;

		font-size:1em;

		line-height:2.2em;

	}

	.resources-mian  .resour-list li{

		width:100%;

		margin-bottom:1.2em;

	}

	.resources-mian  h3 span{

		font-size:1em;

		margin-bottom:1.2em;

	}

	.resour-list li select{

		line-height:2.2em;

		height: 2.4em;

		font-size:1em;

	}

	.resources-mian  .resour-list .li-last em{

		line-height:2.25em;

	}

}



@media screen and (max-width: 460px) and (min-width:414px){

	.resour-list li input[type=text]{

		width:72.7%;

	}

	.resour-list .li-last .file-btn, .resour-list .li-last input[type=file]{

		width:28.8%;

		line-height: 2.2em;

	}

	.resources-mian  .resour-list .li-last{

		margin-bottom:0.8em;

	}

	.resour-list li select{

		line-height:2em;

	}

}

@media screen and (max-width: 413px) and (min-width:320px){

	.resour-list li input[type=text]{

		width:67.7%;

	}

	.resour-list .li-last .file-btn, .resour-list .li-last input[type=file]{

		width:28.8%;

	}

	.resour-list li select{

		background: #fff url(../images/rl_img8.png) no-repeat scroll right 6px center;

	}

	.resources-mian .resour-list li{

		margin-bottom:1em;

	}

	.resources-mian  .resour-list .li-last{

		margin-bottom:0.6em;

	}

	.resour-list .li-last .image{

		margin-left: 0;

		margin-top: 0.5em;

	}

}

@media screen and (max-width: 375px){

	.resour-list li em{

		margin-top:3px;

	}

	.resour-list li select{

		margin-top:2px;

	}

}





/*产品中心*/







/* 产å"è¯¦æƒ…页 */

.pc-location1{ font-family: "微软雅黑";

	width: 1200px;

    margin: auto;

    line-height: 2em;

    font-size: 0.75em;

    margin-top:20px;

    color: #999; border-bottom:1px solid #ddd;

}

.pc-location1 a{

	color: #333;

	margin-left: 4px;

    margin-right: 4px;

}

.pc-location1 img{

	margin-top: -2px;

    margin-right: 4px;

}

.pc-location1 a:hover{

	text-decoration: underline;

}



.back-list{font-family: "微软雅黑";

	width: 1200px;

    margin: auto;

    text-align: right;

    font-size:18px;

    line-height: 1.5em;

}

.back-list a{

	color: #333;

}

.back-list a:hover{

	 color: #f00;

}



.prodetail-box{font-family: "微软雅黑";

	width: 100%;

    margin:30px auto 60px;

}

.prodetail-box .pro-title{ text-align:center; border-bottom:1px solid #ddd; line-height:35px; color:#444; font-size:18px; margin-bottom:3%; font-weight:600;}

.prodetail-left{

	width: 100%; margin:0; padding:0; text-align:center;

}

.prodetail-left ul{ margin:0 auto;}

.prodetail-left  .etalage{ float:none; margin:0 auto;}

.prodetail-left .small-imgs{ 

	float: left;

	width: 18%;margin:0; padding:0;

}

.prodetail-left .small-imgs ul{ margin:0; padding:0;}

.prodetail-left .small-imgs li{ margin:0; padding:0;width: 100%;

	margin-bottom: 6%;

	cursor: pointer;

	position: relative;

}



.prodetail-left .small-imgs li img{

	width: 100%;

}

.prodetail-left .small-imgs li em{

	position: absolute;

	left: 0;

	top:0;

	width: 100%;

	height: 100%;

	border: 1px solid #e74f4c;

	display: none;

}

.prodetail-left .small-imgs li.on em{

	display: block;

}

.prodetail-left .small-imgs li:hover em{

	display: block;

}



.prodetail-left .big-imgs{

	float: right;

	width: 80%;margin:0; padding:0;

}

.prodetail-left .big-imgs ul{ margin:0; padding:0;}

.prodetail-left .big-imgs li{

	display: none;

}

.prodetail-left .big-imgs li img{

	width: 100%;

}





.prodetail-box .banner2{

	width:100%; display:none;

	position:relative;

}



.prodetail-box .banner2 .ban-bd2{

	width:100%;

	overflow:hidden;

	position:relative;text-align:center;

}



.prodetail-box .banner2 .ban-bd2 ul li{

	width:100%; 

	overflow:hidden;

}



.prodetail-box .banner2 .ban-bd2 ul li img{

	width: auto; max-width:100%;text-align:center;

	display: block;

}



.prodetail-box .banner2 .ban-hd2{

	width: 100%;

	position:absolute;

	bottom:5%;

	text-align: center;

}

.prodetail-box .banner2 .ban-hd2 a{

	width: 1.5em;

	height: 5px;

	margin: 0 2.5px;

	display: inline-block;

	background: #ccc;

}

.prodetail-box .banner2 .ban-hd2 .on{

	background: #f98701;

}



.prodetail-box .detail-box{ width:100%; 

	margin-top:2em;

	overflow: hidden; height:auto; 

}

.prodetail-box .detail-box img{ max-width:100%; height:auto;}



.prodetail-box .detail-box-tit{ height:40px;  background:#21a2d0; border-bottom:1px solid #ccc; margin-top:20px; text-align:center; }

.prodetail-box .detail-box-tit span{ color:#fff; padding:0 30px;line-height:38px; display:inline-block; margin:0 auto;}



.prodetail-box .detail-box-content {height:auto; margin-top:30px; font-size:14px; color:#555;}

.prodetail-box .detail-box-content img{ max-width:100%; height:auto;}





/* 同系列推荐 */

.common-box{

	width: 1200px;

    margin: auto;

	margin-top: 2.875em;

	margin-bottom: 6.8125em;

	border-top: 1px dotted #999999;

	padding-top: 1.875em;

}

.common-box .title{

	font-size: 1.25em;

	color: #000000;

	line-height: 3em;

}

.common-box .swiper-container{

	padding-bottom: 5px;

}

.common-box .swiper-slide{

	width: 24.625%;

	margin-right: 0.5%;

	box-shadow: 3px 3px 5px #dadada;

}

.common-box .swiper-slide:last-child{

	margin-right: 0;

}

.common-box .swiper-slide img{

	width: 100%;

}

.common-box .swiper-slide .names{

	background: #fff;

	color: #333;

	padding: 0 3%;

	text-align: center;

	font-size: 0.8125em;

	line-height: 5.231em;

	white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.common-box .swiper-slide:hover .names{

	color: #a66428;

}



.common-box .swiper-button-prev{

	top: 40%;

	background: url(../images/prev-bgs.png) no-repeat;

	background-size: 100%;

	opacity: 0.6;	

}

.common-box .swiper-button-prev:hover{

	opacity: 1;

}

.common-box .swiper-button-next{

	top: 40%;

	background: url(../images/next-bgs.png) no-repeat;

	background-size: 100%;

	opacity: 0.6;

}

.common-box .swiper-button-next:hover{

	opacity: 1;

}



.common-list{



}

.common-list ul:after{

    clear: both;

    content: '';

    display: block;

    width: 0;

    height: 0;

    visibility: hidden;

}

.common-list li{

	float: left;

	width: 48%;

	margin-right: 4%;

	margin-bottom: 4%;

	box-shadow: 3px 3px 5px #dadada;

}

.common-list li:nth-child(2n){

	margin-right: 0;

}

.common-list li img{

	width: 100%;

}

.common-list li .names{

	background: #fff;

	color: #333;

	padding: 0 3%;

	text-align: center;

	font-size: 1em;

	line-height: 5.375em;

	white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



@media screen and (max-width: 1440px){

	.pc-location1{

		width: 960px;

	}

	.back-list{

		width: 960px;

	}

	.prodetail-box{

		width: 960px;

	}

	.main-box .detail-box{

	}

	.common-box{

		width: 960px;

	}

} 





@media screen and (max-width: 1200px){

	.pc-location1{

		width: 100%;

		padding: 0 3%;

		transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;

	}

	.back-list {

    	width: 100%;

		padding: 0 3%;

		font-size: 0.875em;

	}

	.prodetail-box{

		width: 100%;

		padding: 0 3%;

		transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;

	}

	.prodetail-right .top-title .names{

		font-size: 1.2em;

	}

	.prodetail-right .top-title .type{

		font-size: 0.875em;

	}

	.common-box{

		width: 94%;

		margin: 0 3%;

		margin-top: 2em;

		margin-bottom: 4em;

		padding-top: 0.5em;

		transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;

	}

	.common-box .title{

		font-size: 1em;

	}

	.common-box .swiper-slide .names{

		line-height: 4em;

	}

}



@media screen and (max-width:991px){

	.prodetail-box{

		padding: 0;

		margin:20px 0;

	}

	.main-box .detail-box{ padding:0 5%; width:90%;}

	.prodetail-left{

		width: 100%;

		padding: 5%;

	}

	.prodetail-left{ display:none;}

	.prodetail-box .banner2{ display:block;}

	

	.prodetail-right{

		width: 100%;

		margin-top: 1em;

		padding: 0 5%; margin-left:0;

	}

	.main-box .detail-box{

		max-height: inherit;

		font-size: 0.75em; width:100%; float:none;

	}

	.prodetail-right .top-title{

		padding-bottom: 0;

	}

	.prodetail-right .top-title .names{

		font-size: 1em;

	}

	.prodetail-right .top-title .type{

		font-size: 0.75em;

	}

	.prodetail-right .types li{

		font-size: 0.75em;

	}

	.prodetail-right .types{

		margin-top: 0.6em;

	}

	.prodetail-right .detail-box{

		margin-top: 1.5em;

		line-height: 2em;

	}

	.prodetail-right .detail-box li{

		margin-bottom: 1em;

	}

	.common-box{

		margin: 0 5%;

		width: 90%;

		margin-top: 2em;

		margin-bottom: 2em;

	}

}



@media screen and (max-width:768px){

	.prodetail-right{

		margin-top: 1.5em;

	}

}



@media screen and (max-width:414px){

	.common-list{

		margin-bottom: 1em;

	}

	.common-list li{

		width: 100%;

		margin-right: 0;

		margin-bottom: 7%;

	}



}





/*message*/

.message{  margin:40px auto; width:95%; padding:2%;border:1px solid #ddd; }

.message .cont_tit{ font-size:14px; color:#333; border-bottom:1px solid #eee; line-height:40px; height:40px; margin-bottom:20px; }

.message h2 { text-align:center;

    font-size: 22px;

    line-height: 22px;

    padding-bottom: 23px;

    color: #333;

    margin-bottom: 39px;

    border-bottom: 1px solid #eee;

}

.message form{ width:95%; margin:0 auto 60px; overflow:hidden;  }

.message form p{ width:100%; float:left; margin-bottom:15px;}

.message form span{ width:80px; display:block; float:left; font-size:14px; color:#222;height:35px; line-height:35px; text-align:right; margin-right:20px;}

.message form span i{ color:#f00; font-size:14px; margin-right:5px; font-style:normal;}

.message form .inp{ width:70%; height:35px; line-height:35px; padding-left:5px; border:1px solid #e1e1e1; float:left; color:#6a6a6a;}

.message form #Province{width:200px; height:35px; line-height:35px; border:1px solid #e1e1e1; border-radius:5px;float:left; color:#6a6a6a;}

.message form #City{width:200px; height:35px; line-height:35px; border:1px solid #e1e1e1; border-radius:5px;float:right; color:#6a6a6a;}

.message form textarea{ width:78%; height:200px; padding:5px; border:1px solid #e1e1e1;  color:#6a6a6a; line-height:20px;}

.message form #sub{ width:100px; height:32px; line-height:32px;background:#000; color:#fff; border:0; font-size:12px; float: right; margin-right:30px;   cursor:pointer; }

.message form #sub:hover{ background:#7c4c4c }





.contact-box{  margin:40px auto; width:95%; padding:2%; font-size:16px; line-height:36px; }