/*Base*/



*{ margin:0; padding:0;}



html,body {background: #fff none repeat scroll 0 0;



    color: #000;



    font-family:Arial,sans-serif;



    font-size: 14px;



    line-height: 1.8;



    margin: 0;



    padding: 0;



    width: 100%; overflow-x:hidden;



}



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



h1,h2,h3,h4,h5,h6{ font-family:"arial"; 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;}











.clearfix{zoom:1;}



.clearfix:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}

.w100{width: 100%;}

.h100{height: 100%;}



.fl{float: left;}

.fr{float: right;}

.text-left{text-align: left;}

.text-right{text-align: right;}

.text-center{text-align: center;}

.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.over{overflow: hidden;}

.nowrap{white-space: nowrap;}

.fz0{font-size: 0;}

.nowrap.fz0{letter-spacing: -5px;}

.nowrap.fz0 *{letter-spacing: normal;}

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

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

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

.inline{display: inline;}

.block{display: block;}

.inline-block{display: inline-block;}

.table{display: table;}

.table-cell{display: table-cell;}

.hide{display: none;}

.dis{ display:inline-block; *display:inline; zoom:1;}



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



.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;}

.trans-internal::before,.trans-internal::after{-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);}

.border-box{ -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}



/*字体*/

.fz10{ font-size:10px; color:#333;}

.fz12{ font-size:12px; color:#333;}

.fz14{ font-size:14px; color:#333;}

.fz16{ font-size:16px; color:#333;}

.fz18{ font-size:18px; color:#333;}

.fz20{ font-size:20px; color:#333;}

.fz22{ font-size:22px; color:#333;}

.fz24{ font-size:24px; color:#333;}

.fz26{ font-size:26px; color:#333;}

.fz28{ font-size:28px; color:#333;}

.fz30{ font-size:30px; color:#333;}

.fz32{ font-size:32px; color:#333;}

.fz34{ font-size:34px; color:#333;}

.fz36{ font-size:36px; color:#333;}

.fz38{ font-size:38px; color:#333;}

.fz40{ font-size:40px; color:#333;}

.fz42{ font-size:42px; color:#333;}

.fz44{ font-size:44px; color:#333;}

.fz46{ font-size:46px; color:#333;}

.fz48{ font-size:48px; color:#333;}



/*布局*/











#header{background:rgba(255, 255, 255, 1) none repeat scroll 0 0;



    height:auto;font-family:"arial";



    position:fixed;



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



    width: 100%;



    z-index:99; }



#header .top{height: 47px;line-height: 47px;background-color: #f6f6f6; color:#555; }















#header #logo{margin-top: 16px;}

#header #logo img{ width:100%; max-width:229px;}

#header #nav{height: 88px;line-height: 88px; margin-left:30px;}

#header #nav .nav-item{margin-left: 30px;}

#header #nav .nav-item .nav-a{font-size: 16px; color:#333;}

#header #nav .nav-item .nav-a:hover{ color:#004da5;}

#header #nav .nav-item:hover .nav-a::after , #header #nav .nav-item.on .nav-a::after{background-color: #003d83;}

#header #nav .nav-item:hover .sub-nav{max-height: 300px;}

#header #nav .sub-nav{width: 100%;max-height: 0;line-height: normal;left: 0;top: 100%;background:#f8f8f8;}

#header #nav .sub-nav .box{padding-top: 30px;padding-bottom: 20px;width:100%;max-width: 1200px;}

#header #nav .sub-nav .box .img{width: 205px; margin-right:20px;}

#header #nav .sub-nav .box .img img{ width:205px;}

#header #nav .sub-nav .box .info{width: 250px;line-height: normal;}

#header #nav .sub-nav .box .info .category{line-height: 32px;font-size: 16px;color: #003d83;border-bottom: 1px solid #003d83;}

#header #nav .sub-nav .box .info .category a{color: inherit;}

#header #nav .sub-nav .box .info .brief{line-height: 22px;color: #555;margin-top: 10px;}

#header #nav .sub-nav .box .list{width: 80%;margin:0 auto;}

#header #nav .sub-nav .box .list_0{width: 80%;margin:0 auto;}

#header #nav .sub-nav .box .list .i{line-height: 30px;border-bottom: 1px solid #d3d3d3; width:30%; float:left; margin-left:3%;}

#header #nav .sub-nav .box .list .i:last-child{border-bottom: 0;}

#header #nav .sub-nav .box .list .i a{font-size: 14px;color: #555;}

#header #nav .sub-nav .box .list .i a:hover{color: #003d83;}





#header  .search{margin-top: 25px;border: 2px solid #005cac;width: 243px;height: 32px;border-radius: 15px; -moz-box-shadow:3px 3px 3px #e2e2e2 inset;               /* For Firefox3.6+ */

-webkit-box-shadow:3px 3px 3px #e2e2e2 inset;            /* For Chrome5+, Safari5+ */

box-shadow:3px 3px 3px #e2e2e2 inset;   

}

#header  .search .text{width:83px;height: 30px; border:0; display:inline-block;padding: 0 10px 0 10px; font-size:11px;}

#header  .search select{wborder-bottom: #fff 0 solid; 

    border-left: #ddd 1px solid;

    line-height: 20px;

    width: 100px;

    font-family: arial;

    height: 29px;

    color: gray;

    font-size: 12px;

    vertical-align: middle;

    border-top: #fff 0 solid;

    border-right: #fff 0 solid;}

#header  .search .submit{width: 36px;height:30px;border-radius:0 15px 15px 0px;background:#005cac url(search.png) no-repeat center center;border: 0;right: -2px;top: 0px; }









.ph-lang{ color:#999; margin-top:10px; }



.ph-lang a{ color:#555; font-size:14px; padding:0 5px;}







.pc-nav{



  width: 58%; height:98px; line-height:98px; float:right;



}



.pc-nav .lv1-box{



  font-size:14px;



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



}



.pc-nav .lv1-box a.lv1{ display:block; font-size:16px; width:100%; text-align:center;color:#333;}



.pc-nav .lv1-box.on a.lv1{  color:#054491;}



.pc-nav  ul ul{ position:absolute;  display:none; z-index:99;}



.pc-nav ul ul li{ float: none; padding:0; width:100%;}



.pc-nav ul ul li a{ display:block; height:35px; width:100%; padding:0 20px;  font-size:14px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:30px; text-align:center; background-color: rgba(255,255,255,.8); color:#222;}



.pc-nav ul ul li a:hover{  color:#004ba4;}





.pc-nav .lv1{



  color: #fff; width:100%;



  display:inline-block;



  transition: all 0.1s; 



  -moz-transition: all 0.1s;



  -webkit-transition: all 0.1s; 



}





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



 background:url(bghover.png) no-repeat center center;



}















/* 手机端导航 */



.ph-nav{ width:50px; height:50px; line-height:50px; text-align:center; 



  position:absolute; right:0%; top:00px; display:none; background:#d0000e; }



.ph-nav a{color:#444; font-size:14px;}



.ph-nav .ph-btn{}







.ipad-searchbox{



  width:100%; margin:10px auto;



  background: #f4f4f4;



  z-index: 100; display:none;



}







.ipad-searchbox .sou-box{



  overflow: hidden;



   padding:3%;



  font-size:14px;



}



.ipad-searchbox .sou-box .texts{



  width: 78%; height:40px;



  color: #666; background:#fff;



  border:none; outline:none; float:left; padding-left:2%;



}



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



  color:#999999; 



}







.ipad-searchbox .sou-box .btns{



  float: right; height:40px;



  width: 20%; background:#ff7800 url(search.png) no-repeat center center;  



}



.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: #fff;



    height: 100%;



    padding: 0 5%;



    left: -100%;



    padding-bottom: 20%;



    padding-top: 8%;



    position: relative;



}



.phnav-main .guan{



  position: absolute;



  right: 7%;



  top: 3%;



  cursor:pointer;



  width: 1em;



}







.phnav-main .item{}







.phnav-main .lv1-box{



  position: relative;



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



  line-height: 3.375em;



}

.phnav-main .item:last-child .lv1-box{ border-bottom: none;}



.phnav-main .lv1-box a{



  color: #333;



  font-size:16px; 



  display:block;



  max-width:100%;



}



.phnav-main .lv1-box a.on{color: #005dad;}



.phnav-main  a:hover{ color:#005dad; }



.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(lv1more-bg1.png) no-repeat right 5% center;



  background-size: 0.7em;



}



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



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



  background-size: 0.7em;



}







.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:#005cac; }





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



	#header .head-top{ transition: all 0.5s;



    -moz-transition: all 0.5s; padding:2% 3%; 



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



  .pc-nav ul{



    width: 100%;



    transition: all 0.5s;



    -moz-transition: all 0.5s;



    -webkit-transition: all 0.5s;



  }



  .wrap{ padding:0 3%;}



  



}







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



	#header{ height:auto;}

	#header #logo{ width:25%;}

	#header #nav{ width:70%; }

	#header #nav .nav-item{ margin-left:20px;}



}



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



.search{ display:none;}



.lang{ display:none;}

#header #logo{ margin:10px 0; max-width:180px;}

#header #logo img{  max-width:150px;  }



#nav{ display:none;}



.ph-nav{ display:block;}




#header{ height:50px;}
#header .top{ display:none;}

.headTop{ display:block;}

.ipad-searchbox{ display:block;}



}



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


	#header{ height:50px;}

#header #logo{ margin:10px 0; max-width:160px;}

	}







/*首页banner*/



#banner{  width:100%; height:100%; position:relative;  }







/*广告样式*/

.banner{ width:100%;  overflow:hidden; position:relative; padding-top:134px;}

.banner .db{ width:100%;}

.banner .db .swiper-slide{ width:100%; position:relative;}

.banner .db .swiper-slide .nts{ position:absolute; left:0; right:0; top:30%; z-index:2; margin:0 auto;}

.banner .db .swiper-slide .nts .fz36{ color:#01519b;}

.banner .db .swiper-slide .nts .fz36.in{ color:#333; margin:5px 0 10px;}

.banner .db .swiper-slide .nts .fz24{ color:#555;}

.banner .db .swiper-slide img{ width:100%;}

.banner .hb{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:13px !important; z-index:3; margin:0 auto;}

.banner .hb span{ width:10px; height:10px; display:inline-block; opacity:1; cursor:pointer; background:#367ebe; font-size:0; border-radius:50%; margin:0 4px !important;}

.banner .hb span.swiper-pagination-bullet-active{ background:#d03535;}

@media screen and (max-width:640px){
	.banner{padding-top:50px;}
	
	}

/*手机广告*/

.phone_banner{ width:100%; display:none; overflow:hidden; position:relative; margin-top:50px;}

.phone_banner .db{ width:100%;}

.phone_banner .db .swiper-slide{ width:100%; position:relative;}

.phone_banner .db .swiper-slide .nts{ position:absolute; left:0; right:0; top:30%; z-index:2; margin:0 auto;}

.phone_banner .db .swiper-slide .nts .fz36{ color:#01519b;}

.phone_banner .db .swiper-slide .nts .fz36.in{ color:#333; margin:5px 0 10px;}

.phone_banner .db .swiper-slide .nts .fz24{ color:#555;}

.phone_banner .db .swiper-slide img{ width:100%;}

.phone_banner .hb{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:13px !important; z-index:3; margin:0 auto;}

.phone_banner .hb span{ width:8px; height:8px; display:inline-block; opacity:1; cursor:pointer; background:#367ebe; font-size:0; border-radius:50%; margin:0 4px !important;}

.phone_banner .hb span.swiper-pagination-bullet-active{ background:#d03535;}



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

	.banner{ display:none;}

	.phone_banner{ display:inline-block;}

	}





/*页脚*/



.footer-box{ background:#1d3349; }



.footer-nav{



  background: #1d3349;



  padding:40px 0;



}



.footmian{



  width: 1200px;



  margin: auto;



  overflow: hidden;



}



.left-nav{



  overflow: hidden; width:100%; 



}



.left-nav li{ float:left;

 padding:0 0%; 



}



.left-nav .tit{



  color: #fff;



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



  display: block;



  line-height:35px;



}



.left-nav .tit:hover{



  color: #fff;



}



.left-nav dl{



  margin-top: 0.6875em;



  margin-bottom: 0;



}







.left-nav dd{color: #718eaa;



  font-size:14px;line-height:30px; width:33%; float:left;}



.left-nav dd a{



  color: #718eaa;



  font-size:14px;



  line-height:30px;



}



.left-nav dd a:hover{



  color: #fff;



}













#gotop {



    position: relative;



    display: block;



    height: 45px;



    background: #0a3873;



    color: #fff;



    text-align: center;



    line-height: 60px; display:none;



}



#gotop:before{content:''; position:absolute; top:10px; left:50%; width:6px; height:6px; margin-left:-3px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}







.fph-nav{ display:none; }







.fph-nav .item{



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



}











.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: #718eaa;



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



  background-size: 0.8em;



}



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



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



  background-size: 0.8em;



}







.fph-nav .lv2-box {



  padding-bottom:1em;



  display: none;



}







.fph-nav .lv2-box a{



  padding: 0 2%;



  display: block;



  font-size:14px;



  color: #718eaa;



  line-height: 2.4em;



}



.fph-nav .footma{ width:100%; margin:0 auto; height:auto; overflow:hidden; text-align:center;}



.fph-nav .footma p{  width:100%;  margin-top:10px; text-align:center; color:#a1a1a1; font-size:14px; line-height:24px; }



.fph-nav .footma p i{ padding-left:24px; background:url(ico_lx.png) no-repeat left top; }



.fph-nav .footma .lx-ico2{ background-position:0 -34px;}



.fph-nav .footma .lx-ico3{ background-position:0 -70px;}



.fph-nav .footma .lx-ico4{ background-position:0 -105px;}











.copyright{  height:auto; background:#132334; line-height:40px; color:#afaeae; text-align:left; font-size:14px;}

.copyright a{color:#afaeae;}

.social-foot{ }







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



  .footer-info{



    width: 100%;



    padding:0%;



    transition: all 0.5s;



    -moz-transition: all 0.5s;



    -webkit-transition: all 0.5s;



  }



  .footer-nav{



    padding: 2em 0 3em 0;



  }







  .left-nav .tit{



    font-size:16px;



    width: 83%;



  }



  .left-nav dd a{



    font-size:14px;



  }



  



  



}







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



  .footer-nav{



    padding-top: 0;



    padding-bottom: 2em; 



  }



  .footmian{ display:none;}



  .fph-nav{ display:block;}



  #gotop{ display:block;}



}



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



  .footer-nav{



    padding-bottom: 0.75em;



  }



  







}











/* css3 style */



.trans-3{transition: all 0.35s linear;}



.trans-5{transition: all 0.3s; -webkit-transition: all 0.5s;}



.trans-8{transition: all 0.3s; -webkit-transition: all 0.8s;}



.trans-12{transition: all 0.3s ease-in-out; -webkit-transition: all 1.2s;}



.scale-0x{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}



.scale-1x{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}



.radius-3{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}



.radius-half{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}



.shadow{-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1); box-shadow: 0 5px 10px rgba(0,0,0,.1);}















/*首页主要内容*/





.web-title{font-family: 'arial';font-size: 30px;color: #005cac;padding-bottom:0px; line-height:25px; font-weight:bold; margin:7% 0 5% 0;}

.web-title p{ font-size:16px; color:#221223; text-align:center; font-weight:normal;}

#index-products .item{height: auto; width:33%; float:left;  overflow:hidden; text-align:center;}

#index-products .item .name{font-size: 17px; line-height:30px; height:30px; text-align:center; margin-top:10px; text-transform:uppercase;}

#index-products .item .more{width: auto; color:#005cac; padding:0 20px; font-size:16px; height: 36px;line-height: 36px;font-size: 16px;text-transform:uppercase;border: 1px solid #ff0000;border-radius: 20px; margin:20px auto;}

#index-products .item .more:hover { padding:0 30px; border:none;

}



#index-products .item .more:before,#index-products .item .more:after {

    position: absolute;

    margin-left: -1em;

    opacity: 0;

    font-size: 16px;

    line-height: 36px;

    content: ">";

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    transition: all .2s

}



#index-products .item .more:before {

    display: none

}



#index-products .item .more:hover:after {

    margin-left: 0.5em;

    opacity: 1

}

#index-products .item .img{ width: 100%; max-width:324px; height:auto; margin:0 auto;   position:relative; }









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

#index-products .item{ width:100%; float:none; text-align:center; }
#index-products .item img{max-width:230px;}

}







/* 滑块 */

.index-about .flexslider{ position:relative; height:600px; }

.index-about .slides li{ background:#f8f8f8;}

.index-about .slides li .content-slider-images{

  position:absolute; right:0; top:0px; height:600px; width:50%; 

}

.index-about .slides li .content-slider-content{ padding:3% 0; overflow:hidden; }

.index-about .slides li .content-slider-content .text{ width:50%; padding-right:5%; height:260px; overflow:hidden; font-size:16px; line-height:200%; color:#888; margin-top:5%; }

.index-about .slides li .content-slider-content h1{ font-size:36px; color:#005cac;  text-transform:uppercase; }

.index-about .slides li .content-slider-content h1 span{ font-size:18px; color:#333; display:block; font-weight:normal;}

.index-about .slides li .content-slider-content li i{ width:80px; height:80px; line-height:80px; display:inline-block; color:#fff; font-size:18px; text-align:center; background-image:url(bg-0.jpg); background-repeat: no-repeat; background-size: cover;}

.index-about .slides li .content-slider-content li i.bg2{ background:url(bg-1.jpg); background-repeat: no-repeat; background-size: cover;}

.index-about .slides li .content-slider-content li p{  width:70%;display:inline-block; margin-left:2%;}

.index-about .slides li .content-slider-content .more{ color:#005cac; padding:0 20px; font-size:16px; height: 36px;line-height: 36px;font-size: 16px;text-transform:uppercase;border: 1px solid #ff0000;border-radius: 20px; display:inline-block; margin-top:30px;}

.index-about .flex-control-nav{ display:none;}

.index-about .flex-direction-nav{ position:absolute;  left:50%; bottom:25px; width:104px;  margin-left:-50px; height:50px;   z-index:11;}

.index-about .flex-direction-nav .flex-prev,.index-about .flex-direction-nav .flex-next	{    

    cursor: pointer;

    z-index: 10;

    border: 0; display:block;

 float:left;}



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

	.index-about .flexslider{ padding:0 5%;}

.index-about .slides li{ background:#f8f8f8; padding:0 5%; }

.index-about .slides li .content-slider-images{

  height:500px; width:30%; 

}

.index-about .slides li .content-slider-content .text{ width:60%;}

}

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

	.index-about .slides li .content-slider-images{

  height:0; width:0%; 

}

.index-about .slides li .content-slider-content .text{ width:100%; height:auto; }
.index-about .slides li .content-slider-content h1{ font-size:28px; padding-bottom:2%;}

	}









.index-contact{ height:auto; padding-bottom:5%; overflow:hidden; }

.index-contact .lxwm{ width:48%; }

.index-contact .lxwm h4{color:#005cac; font-size:18px; line-height:40px;}

.index-contact .lxwm p{ background:#f5f5f5; padding:20px; font-size:16px; color:#333; line-height:200%;} 



.mainTitle{ text-align:center; padding:0PX 0 40px 0; }



.mainTitle .en{ font-size:18px; color:#666; font-family:arial; margin-top:0px;}



.mainTitle .cn:after{ border-top: 2px solid #0a3873;



    content: ".";



    display: block;



    height: 0;



    overflow: hidden;



    width: 50px; margin:10px auto;}



.mainTitle .cn{ font-size:30px; color:#333; display:block; font-weight:bold; margin-bottom:0; }







/*breadcrumb*/

#page-title{

    background-color: rgba(73,73,73,0.6); !important;

    color: #FFFFFF !important;

    height: 350px; 

    padding:0!important;



}



#page-title .wrap{



    margin-top: 67px !important;

}



.page-title-mask{

    background-color: rgba(29,51,73,0.7); !important;

    width: 100% !important;

    height: 100%;

    padding-top: 40px;

}



.page-title-mask  h1{

    margin-top: 7% !important;

    font-size: 50px !important;

}



.page-title-mask .breadcrumb{





    float: left; !important;

    left: 0 !important;

    padding-top: 0 !important;

    margin-top: 90px !important;background-color:none!important;

    font-style: italic; !important;

}



#page-title h1{

    color: #ffffff !important;

}



#page-title ol li a{

    color: #ffffff !important;

}



.breadcrumb-item.active{

    color: #ffffff !important; 

}



.breadcrumb-item + .breadcrumb-item::before{

    color: #ffffff !important;

}





#page-title {

	position: relative;

	padding: 50px 0;

	background-color: #F5F5F5;

	border-bottom: 1px solid #EEE;

}



#page-title .wrap { position: relative; }



#page-title h1 {

	padding: 0;

	margin: 0;

	line-height: 1;

	font-weight: 600;

	letter-spacing: 1px;

	color: #333;

	font-size: 28px;

	text-transform: uppercase;

}



#page-title span {

	display: block;

	margin-top: 10px;

	font-weight: 300;

	color: #777;

	font-size: 18px;

}



.breadcrumb {

	position: absolute !important;

	width: auto !important;

	top: 50% !important;

	left: auto !important;

	right: 15px !important;

	margin: -10px 0 0 0 !important;

	background-color: transparent !important;

	padding: 0 !important;

	font-size: 12px;

}



@media only screen and (max-width: 767px){
	.index-contact .lxwm{ width:100%;}
	

	#page-title {

    background-size: contain !important;

    background-repeat: no-repeat !important;

    height: 100px !important; margin-top:50px;

}

.page-title-mask {

    padding-top: 1px !important;

}

#page-title h1 {

    font-size: 15px !important; text-align:center;

    margin-top: -20px !important;

}

.breadcrumb { display:none;}

}

/*hot产品列表*/



.hot-main{ width:100%; padding:50px 0; overflow:hidden;}



.hot-main .half{ width:50%; float:left;}



.hot-main .half .ltitle{ width:100%; max-width:600px; float:right; margin-bottom:4%;}



.hot-main .half .ltitle img{ max-width:256px;}



.hot-main .half .pdt-list{ width:100%; max-width:600px; float:right; overflow:hidden;}







.pdt-list{



	margin:3% auto;



	font-family:"微软雅黑";



}



.pdt-list ul{ padding:0; margin:0;}







.pdt-list ul:after {



    clear: both;



    content: '';



    display: block;



    width: 0;



    height: 0;



    visibility: hidden;



}



.pdt-list li{



	width:48%;



	float: left;



	margin-right:2%;



	margin-bottom:2%;



	background: #f5f5f5; border:1px solid #ddd; position:relative;



}







.pdt-list li:nth-child(2){



	margin-right: 0;



}







.pdt-list img{



	width: 100%;



}















.pdt-list li a .name{ width:100%; position:absolute; left:0; bottom:-100%;



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



	color: #333; 



	line-height: 30px; height:30px; 



	margin:5% 0 0 0;



	white-space: nowrap; background:#00397c;



    overflow: hidden;color:#ddd;



    text-overflow: ellipsis;



}







.pdt-list li a:hover .name{ bottom:0; }







.hot-main .rtitle{ width:100%; background:url(bg02.png) no-repeat left top; padding:5% 46px; font-size:30px; color:#fff;}



.hot-main .rtitle p{ font-size:18px;}



.hot-main .pic{ width:100%; max-width:600px;}



.hot-main .pic img{ width:100%; }







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



	.hot-main .half{ width:100%; float:none;}



	.hot-main .half .ltitle{ float:none; margin:0 auto; padding:0 3%;}



	.hot-main .half .pdt-list{ float:none; margin:3% auto; padding:0 3%;}



	



	.pdt-list li{



		width: 100%;



		margin-right: 0;



position:relative;



	}



	



	.mainTitle .cn{ font-size:24px; margin-top:0;}



	.mainTitle .dn:after{ margin-top:0; width:30px;}



	.mainTitle .en{  margin-top:0;}



}



























.HomeAbout {



    margin: 0 auto;



    max-width: 1200px;



    padding: 0;



    position: relative;



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



}







.HomeAboutContent { height:auto; overflow:hidden; margin-top:5%;}







.Abimg{ float:left; width:600px; height:400px; overflow:hidden; }



.Abimg OBJECT{height:auto; width:auto;}







.About-text { float:right; width:50%;



    margin-top:35px; color:#555555; line-height:30px;



    text-align: left;



}



.About-text p {font-size:14px; margin: 0 0 26px;}



.About-text .more a{ margin:30px auto;}







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



	.Abimg{ width:100%;}



	.About-text{ width:100%;}



	}











/* news */



.dynamic-box{ position:relative; overflow:hidden;



	background: #fff;font-family:"微软雅黑";



	padding:3% 0 3% 0; width:100%; max-width:1200px; margin:0 auto;



}



.dynamic-box .more a{ margin:30px auto;}







.dynamic-main { margin: 0 -16px 0 -32px; }



.dynamic-main li { float: left; width:25%; }



.dynamic-main li a { display: block; width: 100%; }



.dynamic-main li .img { position: relative; display: block; overflow: hidden; width: 100%;  }



.dynamic-main li .img img { width: 100%;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }



.dynamic-main li .txt { height: auto; padding-top: 5px; overflow: hidden; position: relative;}



.dynamic-main li .txt h3 { color: #515151; font-size: 14px; height: 30px; line-height: 30px; overflow: hidden;display: inline-block;vertical-align: top; margin-bottom:0;}



.dynamic-main li .txt  p{ font-size:14px; color:#666; height:30px; overflow:hidden;}



.dynamic-main li .txt i { position: absolute; right: 15px; top: 32px; z-index: 5; width: 9px; height: 16px; background: url(arrow3.png) no-repeat 0 0; }



.dynamic-main li:hover .wrapper { border-color: #e1e1e1; -moz-box-shadow: 0 0 5px 5px #f5f6f7; -ms-box-shadow: 0 0 5px 5px #f5f6f7; -o-box-shadow: 0 0 5px 5px #f5f6f7; box-shadow: 0 0 5px 5px #f5f6f7; }



.dynamic-main .wrapper { max-width: 290px; margin-left:10px; padding: 8px 8px 0; border: 1px solid #fff; }







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



.dynamic-main{ margin:0 0 0 -6px;}



    .dynamic-main .wrapper{ margin-left:6px;}



}



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



.dynamic-main { margin:0 16px 0 10px;}



.dynamic-main li{ width:48%;}



}



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



.dynamic-main{ margin:0 8px;}



    /*.picList li{ width:100%;}*/



    .dynamic-main .wrapper{ margin-left:0;}



	



}











/*内页*/



.innerbody{ background:#f9f9f9;}



.innerbanner{width: 100%;



    height:320px;



    position: relative;



    overflow: hidden;



    background-attachment: fixed; margin-top:110px;}



	



.innerbanner .title{width:1100px; margin:85px auto; height:150px;background:url(touzi01.png) no-repeat;  color:#fff; overflow:hidden;}



.innerbanner .title h2{font-size:30px; margin:20px 0 15px 20px; font-weight:bold;}



.innerbanner .title p{font-size:18px; margin-left:20px; font-weight:bold;}



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



	.innerbanner{ margin-top:100px;}



	.innerbanner .title{ width:90%; padding:0 3%;}



	}	



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



	



	.innerbanner{ margin-top:60px; height:180px;}



	.innerbanner .title{  margin:35px auto; }



	.innerbanner .title h2{font-size:24px;}



	}	



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



	



	.innerbanner{ margin-top:50px; }



	.innerbanner .title{background:url(touzi02.png) no-repeat; }



	}







	



.aboutbg{ background:url(banner1.jpg) no-repeat center center;



        }



		



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



        background-size: 100%;}



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



        background-size: 100%;}



.Contactbg{background:#000 url(ContactTopBg.jpg) no-repeat top center;background-size:100%;   width: 100%;



    height: 900px;



    position: relative;



    overflow: hidden;background-attachment: fixed;



    }



.recbg{background: #000 url(slide-12.jpg) no-repeat center center;



        background-size: 100%;}



























/* pc location */



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



	width: 100%; height:64px; position:relative; border-bottom:1px solid #eaeaea;



}



.pc-location.pro-location{ height:128px;}











.pc-locations{



	position: fixed;



	left:0;



	top:0;



	z-index:10000;



	width: 100%;



	display:none;



}



.pc-location .location-main{



	width: 1200px;



	margin: auto;



	line-height: 64px;



	



}



.pc-location .left{



	float: right;



	color: #333;



	font-size:14px;



}



.pc-location .left img{



	margin-top: -2px;



	margin-right: 4px;



}



.pc-location .left a{



	color: #555;



	margin-left: 4px;



	margin-right: 4px;



}

.pc-location .left i{      font-style: normal;

   font-family: 宋体;

    margin: 0px 5px;}

.pc-location .left a:hover{ color:#005bac; text-decoration:underline;



}







.pc-location .right{



	float: none; height:64px;



	display: inline-block;



}



.pc-location .right li{



	float:left;



	font-size:16px;



	margin-right:2em;



	line-height:63px;



}



.pc-location .right li a{



	color: #333;



	display: block;



}



.pc-location .right li.on a{color: #005dad; font-weight: bold; 



	



}



.pc-location .right li a:hover{color: #005dad; font-weight: bold; 



}















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



	position:absolute;



    width: 100%;



    height: auto;



    right: 0;



    top: 0;



   background:url(mainbg.png) repeat;



    z-index: 9999;



    display: none;



}



.phnav-main2{



    width:100%; max-width:1200px; margin:0 auto;



    padding:3% 5%; text-align:center;



    top:0%;



    position: relative;



}



.phnav-main2 .guan {



    position: absolute;



    right: 7%;



    top: 3%;



    cursor: pointer;



    width: 1em;



}



.phnav-main2 ul li{ text-align:center; display:inline-block; padding:0 3%; float:none;



}



.phnav-main2 ul li a{



	color: #555; 



    font-size:15px; 



}



.phnav-main2 ul li a:hover{ color:#0a3873;}







@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;background:#fff;

 position:relative; border-bottom:1px solid #eaeaea;



}







.ipad-location .name{



	float: left;



	color: #f79447;



	font-size:16px;



}







.ipad-location .btns p{ font-size:14px; margin-top:0; line-height:30px;}



.ipad-location .btns img{



	width:40px;



	cursor: pointer;



}







.ipad-location .phmenu{ text-align:center;}



.ipad-location .phmenu ul li{ display:inline-block; padding:0 2%;}



.ipad-location .phmenu ul li a{ font-size:14px; color:#555; padding-left:18px; display:block;}



.ipad-location .promenu ul li a{ padding-left:0;}



.ipad-location .phmenu ul li.on a ,.ipad-location .phmenu ul li a:hover{color: #005cac; font-weight: bold;   }



.ipad-location .promenu ul li,.ipad-location .promenu ul li a:hover{background: none;}







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



	pad-location .phmenu ul li div img{ max-width:30px;}



	}







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



	position: fixed;



    width: 100%;



    height: 100%;



    left: 0;



    top: 0;



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



    z-index: 9999;



    display: none;



}



.phnav-main1{



    width: 71%;



    background: #f5f5f5;



    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: #555;



    font-size: 0.8125em;



}











/*about*/







.title-box{



	text-align: center;



}



.title-box .EN-title{



	font-size: 2.5em;



	color: #333333;



	font-family: Arial, Helvetica, sans-serif;



	line-height: 1.2em;



}



.title-box .CH-title{



	font-size: 0.875em;



	color: #666666;



	line-height: 2.143em;



}







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



	width: 100%; background:#fff;



	margin: auto; overflow:hidden;



}

.about-box .one {

    padding: 50px 0 140px;

}



.about-box .right{ width:50%;}

.about-box .one .right img{ width:100%;}



.about-box .left{

	 width:47%; float:left;

	color: #555;

	line-height:30px; 

}







.about-box .left h2{font-size:20px; color:#0046a1; margin-bottom:15px;}



.about-mian p{ line-height:26px; margin-bottom:15px; }





.about-box .two{ width:100%; background:url(img8.jpg) repeat center; padding:80px 0;}

.about-box .two .top{ width:100%; text-align:center;}

.about-box .two .top .list{ width:105px; height:105px; cursor:pointer; background:#525252; border-radius:50%; margin:0 28px;}

.about-box .two .top .list .img{ width:36px; margin-top:18px;}

.about-box .two .top .list .img img{ width:100%;}

.about-box .two .top .list .cut{ width:100%; color:#fff; margin-top:5px; font-size:16px;}

.about-box .two .top .list.on{ background:#01519b;}

.about-box .two .bot{ width:72%; max-width:1000px; height:auto; _text-align:center; margin:60px auto 0;}

.about-box .two .bot { width:100%;}

.about-box .two .bot div{ width:100%; line-height:30px; text-align:center; display:none; color:#333; font-size:18px; }

.about-box .two .bot div.on{ display:block;}



.about-box .thr{ padding:50px 0 50px;}

.about-box .thr .item{ width:100%;}

.about-box .thr .item .list{ width:23.5%; border:1px solid #e2e2e2; margin-right:2%;}

.about-box .thr .item .list .top{ width:100%; border-bottom:1px solid #e2e2e2; padding:10px;}

.about-box .thr .item .list .top img{ width:100%; height:auto;}

.about-box .thr .item .list .top .fz36{ width:100%; color:#01519b;}

.about-box .thr .item .list .top .fz36 span{ color:#555; margin-left:5px;}

.about-box .thr .item .list .bot{ width:100%; padding:5px 0px; text-align:center; }

.about-box .thr .item .list .bot .fz14{ width:100%; height:30px; line-height:30px; overflow:hidden; color:#333;}

.about-box .thr .item .hb{ width:100%; text-align:center; margin-top:46px;}

.about-box .thr .item .hb span{ width:8px; height:8px; display:inline-block; opacity:1; cursor:pointer; background:#d0d0d0; font-size:0; border-radius:50%; margin:0 4px !important;}

.about-box .thr .item .hb span.swiper-pagination-bullet-active{ background:#01519b;}







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



	.about-box{



		width: 100%;



		padding: 3% 5%;



		transition: all 0.5s;



    	-moz-transition: all 0.5s;



    	-webkit-transition: all 0.5s;



	}



	.about-mian{width: 100%;



		margin-top: 3%;



	}



	



}

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

	

	.about-box .thr{ padding:50px 0;}

	.about-box .thr .item .list .top{ padding:15px;}

	.about-box .thr .item .list .top .fz36{ font-size:30px;}

	.about-box .thr .item .list .bot{ padding:10px 15px;}



	.about-box .thr .item .hb{ margin-top:30px;}



	}



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

.about-box .two .top .list{ width:90px; height:90px; margin:0 10px;}

.about-box .two .top .list .cut{ font-size:12px;}

	.about-box .two .top .list .img{ width:30px; margin-top:15px;}

	

	.about-box .thr .item .list{ width:48%;}

}



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

.about-box .two .top .list{ width:70px; height:70px;}

	.about-box .two .top .list .img{ width:24px; margin-top:12px;}

	.about-box .two .top .list .cur{ font-size:12px;}

	.about-box .two .bot{ width:100%;}

	.about-box .two .bot div{ font-size:14px;}

	

	.about-box .thr .item .list{ width:100%; margin-right:0;}

}



.honor{overflow:hidden;}



.honor li{overflow:hidden; margin-bottom:10px;}



.honor li h2{position:relative; padding:0 30px; height:50px; line-height:50px; font-weight:bold; font-size:16px; background:#fff; cursor:pointer;}



.honor li h2 i{position:absolute; right:30px; top:50%; margin-top:-16px; width:32px; height:32px; background:url(about14.png) no-repeat;}



.honor li.act h2{color:#00397c;}



.honor li.act h2 i{background:url(about14_a.png) no-repeat;}



.honor li dl{overflow:hidden; margin-top:20px; display:none;}



.honor li dl dd{width:23.5%; margin-right:2%; margin-bottom:2%; float:left;}



.honor li dl dd img{ width:100%;}



.honor li dl dd p{padding:10px; height:45px; text-align:center; color:#555;}



.honor li dl dd:nth-of-type(4n){margin-right:0;}























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



	.about-wrap {width: 100%;



		padding: 0 3%;



		transition: all 0.5s;



    	-moz-transition: all 0.5s;



    	-webkit-transition: all 0.5s;}



	}

	

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

	.about-box .one .left{ width:100%;}

	.about-box .one .right{ width:100%; margin-top:20px;}

	

}



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



	.about-box .one{ padding:30px 0 50px;}

	.honor li dl dd{ width:48%;}



	.honor li dl dd:nth-of-type(2n){margin-right:0;}



	.contact .map{ width:100%;}



	.contact .cont{ width:100%;}



	}



		

/*人才招聘*/

.development{}

.development .one{ padding:50px 0 55px;}

.development .one .top{ width:100%; display:none;}

.development .one .top .fz18{ width:100%; background:#525252; color:#fff; padding:15px 30px;}

.development .one .top .last{ width:100%; height:27px; line-height:27px; padding:0 24px; margin-top:15px;}

.development .one .top .last .fz16{ background:url(../../../../images/img33.png) no-repeat left center; padding-left:34px;}

.development .one .top .last .fz14{ color:#666; margin-right:15px;}

.development .one .top .last .fz14.on{ color:#01519b;}

.development .one .bot{ width:100%; text-align:center; _margin-top:34px;}

.development .one .bot td.n1{ width:20%; text-align:left; padding:0 30px;}

.development .one .bot td.n2{ width:16%;}

.development .one .bot td.n3{ width:6%;}

.development .one .bot .th td{ height:60px; font-weight:500; background:#01519b; color:#fff;}

.development .one .bot .list td{ cursor:pointer; height:60px;}

.development .one .bot .list td .img2{ display:none;}

.development .one .bot .nts td{ font-size:0;}

.development .one .bot .nts td .it{ display:none; padding:30px; border-top:1px solid #e3e3e3;}

.development .one .bot .nts td .fz14{ line-height:22px; text-align:left; color:#666;}

.development .one .bot .nts td .fz16{ background:#01519b; color:#fff !important; border-radius:4px; padding:10px 22px; margin-top:60px;}

.development .one .bot .nts td .fz16 img{ vertical-align:middle; margin-right:5px; margin-top:-3px;}

.development .one .bot .list.in td{ background:#f1f2f3;}

.development .one .bot .list.on td .img1{ display:none;}

.development .one .bot .list.on td .img2{ display:inline-block;}

.development .two{ padding:60px 0;}

.development .two .last{ width:100%;}

.development .two .last .list{ width:32%; margin-right:2%; margin-bottom:35px;}

.development .two .last .list .img{ width:100%;}

.development .two .last .list .img img{ width:100%;}

.development .two .last .list .nts{ width:100%; border-bottom:1px solid #e5e5e5; padding:20px 0;}

.development .two .last .list .nts .fz16{ width:100%;}

.development .two .last .list .nts .fz16 a{ color:#222;}

.development .two .last .list .nts .fz14{ width:100%; color:#666;}

.development .two .last .list .nts .fz14.Zi1{ height:44px; line-height:22px; overflow:hidden; margin:10px 0 15px;}

.development .two .last .list:hover .nts .fz16 a{ color:#01519b;}

.development .two .last .list.in{ margin-right:0;}

.development .thr{ padding:35px 0 50px;}

.development .thr .last{ width:100%;}

.development .thr .last .list{ width:48%; margin-bottom:30px;}

.development .thr .last .list .img{ width:100%;}

.development .thr .last .list .img img{ width:100%;}

.development .thr .last .list .bot{ width:100%; background:#f3f3f3; padding:2.5% 5%;}

.development .thr .last .list .bot .icon{ width:9%;}

.development .thr .last .list .bot .icon img{ width:100%;}

.development .thr .last .list .bot .nts{ width:84%; margin-left:4%;}

.development .thr .last .list .bot .nts .fz18{ width:100%; color:#333;}

.development .thr .last .list .bot .nts .fz14{ width:100%; height:52px; line-height:26px; overflow:hidden; color:#555; margin-top:5px;}

.development .four{ padding:60px 0 40px;}

.development .four .last{ width:100%;}

.development .four .last .list{ width:23.5%; margin-right:2%; margin-bottom:35px;}

.development .four .last .list .img{ width:100%;}

.development .four .last .list .img img{ width:100%;}

.development .four .last .list .nts{ width:100%;}

.development .four .last .list .nts .Zi1{ width:100%; text-align:center; margin:16px 0;}

.development .four .last .list .nts .Zi1 a{ color:#333;}

.development .four .last .list .nts .desc{ width:100%;}

.development .four .last .list .nts .desc .Zi2{ width:44%; height:38px; line-height:38px; text-align:center; color:#01519b; border:1px solid #01519b;}

.development .four .last .list .nts .desc .Zi2 img{ vertical-align:middle; margin-top:-3px; margin-right:5px;}

.development .four .last .list:hover .nts .Zi1 a{ color:#01519b;}

.development .four .last .list.in{ margin-right:0;}





/*turn_page1*/

form{}

form input{ border:none; outline:none; background:none; display:inline-block; vertical-align:middle; color:#333; }

form select,

form textarea{ border:none; outline:none; background:none; display:inline-block; vertical-align:middle; -weibox-sizing:border-box; box-sizing:border-box; color:#333; }

form input:disabled,

form textarea:disabled{ color:#333; }



#turn_page{ width:100%; line-height:2.5rem; text-align:center; margin-top:2.5rem; margin-bottom:2.5rem;}

#turn_page form{ display:inline-block;}

#turn_page a{ display:inline-block; font-size:0.875rem; background:#fff; color:#666; margin:0 0.1875rem;}

#turn_page span{ display:inline-block; font-size:0.875rem; color:#666; margin:0 0.1875rem;}

#turn_page select{ width:3.75rem; height:2.5rem; text-indent:0.3125rem; background:#fff url(img13.png) no-repeat 85% center; background-size:15%; font-size:0.875rem; border:1px solid #ebebeb;}

#turn_page font{ display:inline-block; font-size:0.875rem; background:#fff; color:#666; margin:0 0.1875rem;}

#turn_page .page_btn{ width:2.5rem; height:2.5rem; background:#ebebeb; color:#666;}

#turn_page .page_button{ width:6.125rem; height:2.5rem; background:#ebebeb; border:1px solid #ebebeb;}

#turn_page .page_noclick{ width:6.125rem; height:2.5rem; background:#ebebeb; border:1px solid #ebebeb;}

#turn_page .page_item_current{ width:2.5rem; height:2.5rem; background:#01519b; color:#fff; border:1px solid #01519b;}

#turn_page .page_item{ width:2.5rem; height:2.5rem; background:#ebebeb; color:#666; border:1px solid #ebebeb;}







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

.development .one{ padding:30px 0;}

	.development .one .top .fz18{ font-size:16px; padding:10px 20px;}

	.development .one .top .last .fz16{ font-size:14px;}

	.development .one .top .last .fz14{ font-size:12px; margin-right:10px;}

	.development .one .top .last{ height:auto; padding:0 20px;}

	.development .one .bot{ margin-top:25px;}

	.development .one .bot td{ font-size:12px;}

	.development .one .bot td.n1{ width:33%; padding:0 10px;}

	.development .one .bot td.n2{ width:15%;}

	.development .one .bot td.n3{ width:7%;}

	.development .one .bot .th td{ height:46px;}

	.development .one .bot .list td{ height:46px;}

	.development .one .bot .list td .img1{ width:50%;}

	.development .one .bot .list td .img2{ width:50%;}

	.development .one .bot .nts td .it{ padding:10px;}

	.development .one .bot .nts td .fz14{ line-height:20px; font-size:12px;}

	.development .one .bot .nts td .fz16{ font-size:12px; margin-top:20px;}

	.development .one .bot .nts td .fz16 img{ width:22%;}



}



















.page{overflow:hidden; height:50px;  margin:30px auto; text-align:center;}



.page a{display:inline-block;  width:40px; height:40px; text-align:center; line-height:40px; border:2px solid #f2f2f2; background:#fff; color:#ccc; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; margin-right:5px; font-weight:bold; font-size:20px; overflow:hidden; padding:0; margin:0; float:none;}



.page a.prev, .page a.next{ color:#ccc;}



.page a.prev:hover, .page a.next:hover{background:#555;}



.page a:hover, .page a.act{background:#555; color:#fff; border-color:#555;}





.product-box{

	width: 100%; background:#fafafa;

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

     overflow:hidden; padding:40px 0;

}

.product-box:after{

    clear: both;

    content: '';

    display: block;

    width: 0;

    height: 0;

    visibility: hidden;

}

.product-box .pro-left{

		width:20%; float:left;

	}

	.product-box .pro-right{

		width:75%; float:right;

	}

.product-box .pro-right h3{  color:#333; font-weight:bold; padding:20px 0 10PX 0 ; margin-top:0; margin-bottom:0; border-bottom:1px solid #444; padding-left:0px;}



.pcsec-nav{ height:auto; }

.pcsec-nav h3{  padding-left:5%;  color:#333; padding:20px 0; margin-top:0; margin-bottom:0; border-bottom:1px solid #444; font-size:18px; font-weight:600;}

.pcsec-nav ul{ padding:0; margin:0;  border-top:none; border-bottom:none; margin:0 !important;  }

.pcsec-nav .lv1-box{ width:100%;  height:42px; line-height:42px; border-bottom:1px solid #ddd; padding:0 3%;} 

.pcsec-nav .lv1-box .lv1{

	position: relative;

	font-size:1.0em; padding-left:5%; 

}

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

	color: #333;

	display: block; 

}

.pcsec-nav .lv1-box .lv1 .mores{

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	cursor: pointer;

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

}

.pcsec-nav .lv1-box.active .lv1 a{

	color: #005cac;

	font-weight: bold; 

}

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

	color: #005cac;

}

.pcsec-nav .lv1-box .lv1 a:hover{color: #005cac; }



.pcsec-nav .lv1-box.active .mores{

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

}





.lcontact{ width:100%;  margin-top:20px; }

.lcontact h3{  border-bottom:1px solid #444; line-height:40px; height:40px; color:#333; padding:0; margin:0; font-size:18px;  padding-left:0%; font-weight:600; }

.lcontact .txt{ font-size:1.0em; line-height:30px; color:#666; padding:0px;}



.phsec-nav{position: relative;}



.phsec-nav .current{

	font-size: 15px;

	line-height: 3.5em;

	padding: 0 3%;

	background: url(current-bg.png) no-repeat right 3% center;

	background-color: #f5f5f5;

	background-size: 1.8em 0.8em;

	color: #000;

	cursor: pointer;

}

.phsec-navpop{

	position: absolute;

	left: 0;

	top: 100%;

	width: 100%;

	background: #f5f5f5;

	z-index: 10;

	padding: 0 2%;

	padding-bottom: 2.3125em;

	display: none;

}

.phsec-navpop .lv1-box{

	border-bottom: 1px solid #cccccc;

}

.phsec-navpop .lv1-box .lv1{

	position: relative;

	font-size: 15px;

	line-height: 3.083em;

	padding: 0 3%;

}

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

	color: #333;

	display: block;

}

.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;

}

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

	color: #005cac;

}

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

	color: #005cac;

}

.phsec-navpop .lv1-box .lv1 a:hover{

	color: #005cac;

}

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

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

	background-size: 0.8em;

}





.phsec-navpop .lv2-box{

	display: none;

	padding-bottom: 0.5em;

}

.phsec-navpop .lv2-box li{

	font-size: 0.75em;

	line-height: 2em;

}

.phsec-navpop .lv2-box li a{

	color: #333;

	display: block;

	padding-left: 5%;

}

.phsec-navpop .lv2-box li.on{

	background: #999999;

}

.phsec-navpop .lv2-box li.on a{

	color: #fff;

}









.pro-list{

	margin-top: 1.25em;

	min-height: 200px;

	margin-bottom: 2em; 

}

.pro-list ul{ padding-left:0;}

.pro-list ul:after{

    clear: both;

    content: '';

    display: block;

    width: 0;

    height: 0;

    visibility: hidden;

}

.pro-list li{

	float: left; background:#fff; 

	width:32%;

	margin-right:2%; margin-bottom:2%; padding:2%; position:relative;

}

.pro-list li:hover{    -webkit-box-shadow: 0px 1px 13px -4px rgba(0,0,0,0.75);

    -moz-box-shadow: 0px 1px 13px -4px rgba(0,0,0,0.75);

    box-shadow: 0px 1px 13px -4px rgba(0,0,0,0.75);

    transition: box-shadow 350ms ease-in-out;}

.pro-list li .pics img{

	width: 100%;

}

.pro-list .names{

	font-size:1.2em;

	line-height: 2.3125em;

	color: #333333; margin-bottom:10px; 

	padding: 0 5%;

	overflow: hidden; font-weight:normal;

    text-overflow: ellipsis;

    white-space: nowrap;

}

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

	margin-right: 0;

}

.pro-list li:hover .names{

	color: #005cac;

}





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

	.product-box{

		width: 90%; margin:0 auto; 

	}

} 

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

	.product-box{

		width: 100%;

		margin-top: 2em;

		margin-bottom:2em;

		transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;

	}

	

	

	.pro-list .names{

		line-height: 4em;

	}

}

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

	

	

	.pro-list li{

		width: 48%;

		margin-right: 4%;

		margin-bottom:2%;

	}

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

		margin-right: 4%;

	}

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

		margin-right: 0;

	}

	

}

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

	.phsec-nav{

		display: none;

	}

}



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

	.pcsec-nav{

		display: none;

	}

	.pro-right .sea-boxs{

		display: none;

	}

	.product-box .pro-left{

		width: 100%;

	}

	.product-box .pro-right{

		width: 100%;

	}

	.pro-list .names{

		line-height: 3.5em;

	}

	

	

	.pro-list{

		margin-bottom: 1em;

		margin-top: 2em;

	}

	

	.product-box{

		margin-bottom:0em;

		margin-top: 1.5em;

		padding: 0 5%;

	}



}



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

	.pro-list li{

		width: 100%;

		margin-right: 0;

		margin-bottom: 1%;

	}

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

		margin-right: 0;

	}

	

	.pro-list .names{

		line-height:2.375em;

	}

	

}



.pagination{ width:100%; text-align:center; margin-bottom:30px; margin-top:0px; background:#fefefe;    border: solid 1px #fff; padding:3px 5px; border-radius:0;}

.pagination a{ display:inline-block; *display:inline; zoom:1; height:22px; line-height:22px; border:1px solid none; margin:0 1px; font-size:14px; color:#666; padding:0 5px; background:#fff;}

.pagination a.now{ color:#FFF; font-weight:bold; background:#005cac; border-color:#005cac;}






.inc_crumbs{height:70px;width:100%;line-height:70px; }
.inc_crumbs.special{border-bottom:1px solid #e5e5e5;}
.inc_crumbs .crumbs{line-height:70px;font-size:14px;color:#666;}
.inc_crumbs .crumbs .prev{color:#666;}
.inc_crumbs .crumbs .current{color:#008cd6;}


/* 产品  内页*/

.product_page{   width:100%; margin:0px auto;padding-top:0px; padding-bottom:50px; background:#fff;  height:auto; overflow:hidden; }

.product_page .wrap{}

.product_show{ position:relative; float:left; width:50%;}

.product_icon{ position:absolute; bottom:132px; right:32px; z-index:99;}

.cont-content{ float:left; width:25%; position:relative; overflow:hidden; height:auto; background:#c6c6c6;}

.product_detail{ float:left; margin-left:5%; width:38%;}

.product_detail h3{ font-size:30px; color:#333; line-height:38px; padding:10px 0; font-weight:normal; border-bottom:1px solid #ddd; margin-top:0;}

.product_detail .cont{ width:100%; color:#555; font-size:14px; line-height:28px; margin-top:50px; border-bottom:1px dashed #eee; padding-bottom:10px;}

.product_detail .cont h4{ font-size:20px; color:#333; font-weight:600;}



.product_btn{ padding-top:40px; border-bottom:1px dashed #ddd; padding-bottom:10px;}

.product_btn a{ width:130px; height:48px; text-align:center; line-height:48px; font-size:16px;transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}

.product_btn a.f-left1{ float:left;  color:#fff; background:#005bac;width: 150px;}

.product_btn a.f-left1:hover{ background:#c60000; color:#fff;}

.product_other{background-color:#f9f8f7;}

.product_other_tit{ width:100%; height:62px; border-bottom:#957e70 solid 2px; }

.product_other_tit span{width:360px; height:62px; line-height:62px; background:#957e70; color:#fff; font-size:20px; text-align:center; display:block;}

.product_other_cont{ padding-top:34px; padding-bottom:60px;}

.product_other_cont li{ float:left; width:23.25%; margin-right:2%; margin-bottom:50px;}

.product_other_cont li:nth-child(4n){ margin-right:0;}

.product_other_cont li img{ width:100%;}

.product_other_cont li .product_tit_left{ padding-left:8px;}

.product_other_cont li .product_tit_right{ padding-right:8px;}

.product_other_cont li a:hover .product_tit_left{ color:#957e70; text-decoration:underline;}

.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}

.tb-pic a img{vertical-align:middle;}

.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}

.tb-thumb{margin:10px 0 0; width:100%; padding-left:0;}

.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;margin:0 2% 0 0;width:16%;}

.tb-thumb li a{ width:100%; display:block;}

.tb-thumb li img{ width:95%;padding:2.5%;}

.tb-thumb li:last-child{ margin-right:0;}

.tb-s310, .tb-s310 a{height:562px;width:573px;}

.tb-s310, .tb-s310 img{max-height:100%;max-width:100%;}

.tb-s310 a{*font-size:271px;}

.tb-s40 a{*font-size:35px;}

.tb-s40, .tb-s40 a{height:auto;width:100%;}

.tb-booth{position:relative;z-index:1; width:100%; border:1px solid #eaeaea;}

.tb-booth img{ width:100%;}

.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;border:1px solid #cee5f9;}

.tb-thumb li div{border:1px solid #CDCDCD;}

div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:600px;height:600px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}





.detail-box{ width:100%; background:#fff; height:auto; overflow:hidden; position:relative; }

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

        height: 50px;

        border-bottom: 1px solid #f2f2f2}

.detail-box .detail-box-tit h4 { text-align:center; 

        line-height: 50px;

        position: relative;

        font-size: 20px;

        color: #333; width:175px;

        cursor: pointer;  }

.detail-box .detail-box-tit h4  span{width:100%;

    height: 1px;

    background: #d0000b;

    display: block;

    position: absolute;

    left: 0%;

    bottom: 0;

    transition: width .3s, left .3s;}

	

.detail-box .detail-box-tit.on span,.detail-box .detail-box-tit:hover span {

        width: 100%;

        left: 0

    }



.detail-box .detail-box-info {height:auto; padding:50px 30px 100px 30px; font-size:14px; color:#555; }

.detail-box .detail-box-info table{width:100%; max-width:800px; }

.detail-box .detail-box-info img{ width:100%; max-width:800px; height:auto;}
.detail-box .detail-box-info ul li{ list-style:disc !important; margin-left:3%;}


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

	.product_page{ width:90%; padding:0 3%; margin:3% auto;}

	}

	

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

	.product_page{ width:100%; padding:0 3%; margin:3% 0;}

	.pro_recom{ width:100%; padding:0 3%; margin:3% 0;}

	}

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

	/* 产品  内页*/

	.product_detail{ width:40%;}

	.product_show{ width:48%;}

	

	

}

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

	/* 产品  内页*/

	.product_show{ width:48%;}

}

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

	

/* 产品  内页*/

	.product_show {width: 100%;}

	.product_detail { width: 100%; margin-right:0%; margin-top:30px;}

	

	.pro_recom .tit span{ font-size:1.25em;}

	

	.product_icon{ display:none;}

	

	}

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

	

	}















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



	.product-detail{ width:100%;  }



	.case{ padding:0 3%;}



	



	}



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



	.pro_tit{ text-align:center;}



	.product-detail .sidebar{ display:none;}



	.product-detail .content{ width:100%;}



	



	.case li{ width:100%; float:none;}



	.case li:after{ display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}



.wrap{ max-width:768px; margin:0 auto;}



	}



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



	.case li .imgs{ width:100%;}



	.case li .cont{ width:100%;}



	



}











/*新闻列表*/



.newsList { height: auto; overflow: hidden; padding-bottom: 30px; width:1200px; margin:0 auto; }



.newsList li { height: auto; overflow: hidden; color: #373737; padding: 53px 0; border-bottom: 1px dashed #e3e3e3; }



.newsImg { float: left; width: 240px; height: 180px; overflow: hidden; display: block; }



.newsImg img { width: 100%; height: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }



.newsImg img:hover { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }



.newsDiv { margin-left: 276px; padding-top: 9px; }



.newsTit { height: auto; overflow: hidden; }



.newsTit a { color: #292929; font-size: 24px; display: inline-block; height: 27px; line-height: 27px; }



.newsTit a:hover { color: #0c58b8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; padding-left: 10px; }



.newsinfo { font-size: 14px; color: #747474; line-height: 28px; max-height: 56px; overflow: hidden; margin: 26px 0 23px; }



.date { color: #585858; font-size: 12px; }


.newsDiv .more{ font-size:12px; color:#999;}








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



	.newsList{ width:100%; padding:0 3%;}



	}



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



    .newsImg{ width:160px; height:auto;}



    .newsDiv{ margin-left:180px; padding-top:3px;}



    .date{ display:none;}



    .newsinfo{ margin:15px 0 0;}



    .newsTit a{ font-size:20px;}



    .newsList{ padding-top:10px;}



    .newsList li{ padding:20px 0;}



    .newsTitle h1{ font-size:22px;}



    .newsTitle{ padding:50px 0 30px;}







}



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



	.newsImg{ width:120px; height:auto;}



    .newsDiv{ margin-left:140px;}



    .newsinfo{ display:none;}



    .newsTit a{ height:auto; max-height:54px; font-size:16px;}



}







.news-box{



    width: 1200px;



    margin: auto;



    margin-top: 3.8125em;



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



}



.news-main{



	margin-top: 3em;



	min-height: 200px;



}



.news-main ul:after{



    clear: both;



    content: '';



    display: block;



    width: 0;



    height: 0;



    visibility: hidden;



}



.news-main li{



	width: 30%;



	margin-right: 5%;



	margin-bottom: 4%;



	float: left;



	padding-bottom: 2.5625em;



	box-shadow: 0px 0px 10px #999;



	background: #fff;



}



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



	margin-right: 0;



}



.news-main .imgs{



	position: relative;



	overflow: hidden;



}



.news-main .imgs img{



	width: 100%;



	transition: all 1s ease-in-out;



    -webkit-transition: all 1s ease-in-out;



    -moz-transition: all 1s ease-in-out;



}



.news-main .imgs .time{



	position: absolute;



	bottom: 5%;



	left: 5%;



	font-size: 12px;



	color: #fff;



}



.news-main .names{



	font-size:16px;



	line-height:30px;



	height:60px;



	overflow: hidden;



	color: #000000;



	margin-top:10px;



	padding: 0 5%;



}



.news-main .detail{



	font-size:14px;



	line-height:24px;



	height:48px;



	overflow: hidden;



	color: #a0a0a0;



	margin-top:10px;



	padding: 0 5%;



}



.news-main .more{



	font-size:14px;



	line-height:24px;



	color: #333333;



	margin-top:10px;



	padding: 0 5%;



}



.news-main li:hover .more{



	color: #da251d



}



.news-main li:hover img{



	 transform:scale(1.1,1.1);



	-webkit-transform:scale(1.1,1.1);



    -moz-transform:scale(1.1,1.1);



}



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



	.news-box{



		width: 960px;



	}



	.news-main .names{



		font-size: 1.125em;



	}



	.news-main li{



		width: 31%;



		margin-right: 3.5%;



		margin-bottom: 3.5%;



	}



} 



@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;



	}



	.news-main li{



		padding-bottom: 2em;



		width: 31%;



		margin-right: 3.5%;



		margin-bottom: 3%;



	}



	.news-main .names{



		font-size: 1.05em;



	}



}



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



	.news-main{



		margin-bottom: 1em;



	}



	.news-main li{



		width: 48%;



		margin-right: 4%;



		margin-bottom: 4%;



		padding-bottom: 1.5em



	}



	.news-main .names{



		font-size:14px;



	}



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



		margin-right: 4%;



	}



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



		margin-right: 0;



	}



	.news-main li:hover img{



		 transform:inherit;



		-webkit-transform:inherit;



	    -moz-transform:inherit;



	}



}







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



	.news-box{



		margin-bottom: 3em;



	}



	.news-main li{



		width: 100%;



		margin-right: 0;



		margin-bottom: 4%;



		margin-bottom: 8%;



		padding-bottom: 1em



	}



	.news-main .imgs .time{



		font-size: 0.875em;



	}



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



		margin-right:0;



	}



	.news-main .names{



		margin-top: 0.75em;



		height: auto;



	}



	.news-main .more{



		margin-top: 0.75em;



	}



}







.newsdetail-box{



    width: 100%; max-width:1200px; font-family: "微软雅黑";



    margin:40px auto; background:#fff; padding:3% 3%;



}







.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;



}



.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: #a66428;



}



.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: 1440px){



	.newsdetail-box{



		width: 960px;



	}



} 



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



	.newsdetail-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;



	}



}



@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



	}



}

















.advice_contact_wrap {

	margin-bottom: 44px;margin-top:20px; width:100%;

}

.contact_title{ font-size:27px; color:#333; font-weight:bold;}

.advice_contact_wrap h4 {

	color:#005cac; font-size:18px; line-height:40px;

}

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

.advice_contact address {

	background:#f5f5f5; padding:20px; font-size:16px; color:#333; line-height:200%;

}

.advice_contact a {

	color: #5f5f5f

}

.advice_form { width:50%; float:right;

	font-size: 18px;

	color: #5f5f5f

}

.advice_form .control-label {

	width: 120px;

	margin-right: 5px;font-size: 16px;

	font-weight: normal; float:left; text-align:right;

}

.advice_form .control-cont{ width:60%; float:left;}

.advice_form .form-control {

	width: 95%;

	outline: none;

	border: none;

	-webkit-box-shadow: none;

	box-shadow: none;

	 background:#f8f8f8;

	border-radius: 0; height:40px !important;

}

.advice_form .form_require {

	float: right;

	width: 5%;

	text-align: center;

	color: #d9534f;

	font-style: normal;

	height: 34px;

	line-height: 34px

}

.advice_form .text-center{ margin-left:125px; }

.advice_form .btn-primary { float:left; margin-right:5px;

	color: #ffffff;

	background-color: #d0000e; border-radius:0;

	border-color: #d0000e

}

.advice_form .btn-primary:focus, .btn-primary.focus {

	color: #ffffff;

	background-color: #c27f00;

	border-color: #5c3c00

}

.advice_form .btn-primary:hover {

	color: #ffffff;

	background-color: #d0000e;

	border-color: #d0000e

}

@media (max-width:768px) {

	.advice_contact{ width:100%; float:none;}

	.advice_form{ width:100%; float:none;}

	

	

}











/*message*/



.message{ width:100%; max-width:1000px;   margin:0px auto;  padding:2%;border:1px solid #fff; background:url(bdbg.jpg) no-repeat right top; }







.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:100%; margin:0 auto 60px; overflow:hidden;  }



.message form p{ height:auto; overflow:hidden; margin-bottom:15px; position:relative; z-index:1;}



.message form span{ line-height: 42px;font-size: 14px;color: red;position: absolute;z-index: 1;top: 0;right:0px;}



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



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



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



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



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



.message p.required::after{}



.message form #sub{     width: 147px;

    height: 34px;

    font-size: 14px; line-height:34px;background:#2c4496; border-radius:10px; color:#fff; border:0; font-size:14px;  margin-right:30px;   cursor:pointer; }



.message form #sub:hover{ background:#f00 }















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



	.message .cont_tit{ font-size:18px; line-height:50px;}



	.message form span{ width:60px; margin-right:0px;}



	.message form .inp{  width:78%; padding-left:2%;}



	.message form #sub{ width:100%; margin-right:0;}



	}