@charset "utf-8";
.basebox{ width:100%; min-width:320px; max-width:1920px;  height:auto; overflow:hidden; position:relative; margin:0 auto; font-family:"Microsoft Yahei","微软雅黑",Arial, Helvetica, sans-serif; z-index:100; }
.centerArea{  height:auto; margin:0 auto; clear:both; overflow:hidden; }

@font-face{font-family:fontA;src:url(Helvetica-Neue-UltraLight-2.ttf)}


#fixmenu{ width:100%; height:auto; overflow:hidden; background:#f9f4e6; position: fixed; left:0px; top:0px; z-index:100000; display:none}
#fixmenu .boxmenu{ width:96%; margin:0 auto; height:auto; position:relative; overflow:hidden;}
#fixmenu .close{ width:96%; margin:0 auto; margin-top:20px; overflow:hidden; text-align:right}
#fixmenu .themenu{ width:96%; margin:0 auto; overflow:hidden;}
#fixmenu .themenu ul{ margin:0px; padding:0px; list-style:none}
#fixmenu .themenu ul li{ margin:0px; padding:0px; list-style:none; font-size:16px; height:auto; overflow:hidden;}
#fixmenu .themenu ul li .tit{ width:100%; height:50px; font-size:16px; font-weight:700; line-height:50px; color:#000; border-bottom: 1px solid #e2cb90}
#fixmenu .themenu ul li .tit a{ width:100%; display:block; height: 50px; line-height: 50px;}
#fixmenu .themenu ul li .list{ width:100%; height:auto; overflow:hidden;}
#fixmenu .themenu ul li .list ul{ margin:0px; padding:0px; list-style:none}
#fixmenu .themenu ul li .list ul li{ margin:0px; padding:0px; list-style:none; width:50%; height:50px; line-height:50px; font-size:14px; float:left;}

.pcshow{ display:block}
.mbshow{ display:none}
#PageInfo ul li{ margin:0 5px}
#PageInfo ul li.active span{ background: #76663c;border-color: #76663c}

/*
.gotop{  width:40px; height:auto; cursor: pointer; z-index:200; right:10px;position: fixed;bottom: 100px;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index: 100020;display: none;
}
.gotop ul{ margin:0px; padding:0px; list-style:none}
.gotop ul li{ margin:0px 0 5px 0; padding:0px; list-style:none;width:40px; height:42px; position:relative; overflow: visible}
.gotop ul li.t1 p{ display:block; cursor:pointer}
.gotop ul li.t1 p{ width:40px; height:42px; background:url(../Images/float1.png) no-repeat;}
.gotop ul li.t2 p{ width:40px; height:42px; background:url(../Images/float2.png)no-repeat;}
.gotop ul li.t3 p{ width:40px; height:42px; background:url(../Images/float3.png) no-repeat;}
.gotop ul li.t4 p{ width:40px; height:42px; background:url(../Images/float4.png) no-repeat;}

.gotop ul li .ercode{ width:100px; height:100px; position:absolute; right:42px; top:0px; display:none}
.gotop ul li .tel{ width:100px; height:42px; line-height:42px; text-align:center; position:absolute; right:42px; top:0px; display:none; background:#FFF; color:#000; font-size:14px}

.gotop ul li.t4:hover .tel{ display:block} 
*/

.gotop{  width:74px; height:auto; cursor: pointer; right:0px;position: fixed;bottom:60px;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index: 100020; display: none;}
.gotop ul{ margin:0px; padding:0px; list-style:none}
.gotop ul li{ margin:0px 0 5px 0; padding:0px; list-style:none;width:74px; height:74px; position:relative; overflow: visible}
.gotop ul li p{ width:74px; height:74px; text-align:center; color:#FFF; background:#5e6367; display:block; cursor:pointer; box-sizing:border-box; padding:15px 0 0 0}
.gotop ul li:hover p{ background:#728ca3}


.gotop ul li .ercode{ width:100px; height:100px; position:absolute; right:80px; top:0px; display:none}
.gotop ul li .tel{ width:125px; height:74px; line-height:74px; text-align:center; position:absolute; right:80px; top:0px; display:none; background:#FFF; color:#000; font-size:14px}

.gotop ul li.t3:hover .tel{ display:block} 


@keyframes flagmove
{
    0% { opacity: 0}
    33.33% { opacity: 1}
	35% { opacity: 0}
	100% { opacity: 0}
}
@keyframes flagmove2
{
    0% { opacity: 0}
    33.33% { opacity: 0}
	66.66% { opacity: 1}
	67% { opacity: 0}
	100% { opacity: 0}
}
@keyframes flagmove3
{
    0% { opacity: 0}
    33.33% { opacity: 0}
	66.66% { opacity: 0}
	100% { opacity: 1}
}


.headbox{ width:100%; height:121px;z-index:1000000;overflow: hidden; margin:0 auto; background: url("../Images/headbg.jpg") top center no-repeat; background-size:cover; }
.indexhead{ background:none}
.headbox .box{ width:100%;  height:121px; max-width:1280px; margin:0 auto; overflow:visible; position:relative; }
.headbox .box .logo{ position:absolute; left:0px; top:19px;}



.headbox .box .flag{ position: absolute; left:535px; top: 16px;}
/*
.headbox .box .flag ul{margin:0; pdding:0; list-style: none}
.headbox .box .flag ul li{margin:0; pdding:0; list-style: none; opacity: 0; position: absolute; left: 0; top: 0}

.headbox .box .flag ul li:nth-child(1){ 
	        animation-name: flagmove;
          
            animation-duration: 15s;
     
            animation-timing-function: ease;
	        animation-iteration-count: infinite;
}
.headbox .box .flag ul li:nth-child(2){ 
	        top:5px;
	        animation-name: flagmove2;
           
            animation-duration: 15s;
           
            animation-timing-function: ease;
    
           
	        animation-iteration-count: infinite;
}

.headbox .box .flag ul li:nth-child(3){ 
	        top:5px;        
	        animation-name: flagmove3;
            
            animation-duration: 15s;
            
            animation-timing-function: ease;
           
            
	        animation-iteration-count: infinite;
}

*/



.headbox .box  .searchbtn{position:absolute; right:0px; top:0; width:100px; height:100px; line-height: 100px; font-size:30px; font-weight:normal; cursor:pointer; z-index:100; color:#ffffff; text-align:center; background: #004982;}

.headbox .box .menubtn{ position:absolute; right:0px; top:25px; width:47px; height:40px; font-size:30px; font-weight:normal; cursor:pointer; display:none; z-index:100; color:#76663c; text-align:right}
.headboxon{ background: #004982} 


.menubox{ width:100%; height:54px; background: #e2cb90; overflow: visible; position: relative; z-index: 1000}
.menubox .cbox{ width:100%; height:auto; overflow:visible; margin:0 auto; max-width:1280px;}

.menubox .cbox ul{ margin: 0; padding: 0; list-style: none}
.menubox .cbox ul li{ margin: 0; padding: 0; list-style: none; width: 16.66%; height:54px; line-height: 54px; overflow: visible; float: left; font-size: 18px; font-weight: 700; text-align: center; position: relative}
.menubox .cbox ul li.onfocus{ background: #76663c;color:#FFFFFF; }
.menubox .cbox ul li.onfocus a{ color:#FFFFFF;}


.menubox .cbox ul li ul{margin: 0; padding: 0; list-style: none; position: absolute; left: 0; top: 54px; background:  url("../Images/mcover.png") repeat;; width: 100%; display: none}
.menubox .cbox ul li ul li{ width: 100%; height: 54px; line-height: 54px; overflow: hidden; border-bottom: 1px solid #ceba86; font-weight: normal; font-size: 16px;}
.menubox .cbox ul li ul li:hover{ background: #ad9a6a;}
.menubox .cbox ul li ul li:hover a{ color:#f9f4e6;}

.menubox .cbox ul li.onfocus ul li a{ color:#333333;}
.menubox .cbox ul li.onfocus ul li:hover a{ color:#f9f4e6;}


.homeSlide{ width:92%; height:90px; overflow:hidden; position:relative; z-index:10; margin:0 auto; display: none }
.homeSlide .list{width:100%; height:70px; overflow:hidden; position:relative; margin:0 auto;}
.homeSlide .list ul{ margin:0px; padding:0px; list-style:none; }
.homeSlide .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:70px; overflow:hidden; float:left; position:relative;opacity: 0;transition: all 0.5s ease;}
.homeSlide .list ul li .pic{ width:100%; height:70px; overflow:hidden;}

.homeSlide .list ul li.swiper-slide-active{opacity: 1}

.homeSlide .arrlist{ position:absolute; right:16%; bottom:46px}
.homeSlide .arrlist .leftarr{ width:41px; height:40px; background:url(../Images/left1.png) no-repeat; cursor:pointer; float:left; }
.homeSlide .arrlist .rightarr{ width:41px; height:40px; background:url(../Images/right1.png) no-repeat; cursor:pointer; float:left; }

.homeSlide .spage {position: absolute;left:0;bottom:0;width: 100%; max-width:1280px; text-align: center}
.homeSlide .spage .swiper-pagination-switch { display: inline-block;width: 10px; height: 10px;border-radius: 10px;background: #878785; margin: 0 3px;cursor: pointer;}
.homeSlide .spage .swiper-active-switch { background: #ffffff;}


.homeSlidemb{ width:100%; height:508px; overflow:hidden; position:relative; z-index:10; margin:0 auto; margin-top:-71px;}
.homeSlidemb .list{width:100%; height:508px; overflow:hidden; position:relative; margin:0 auto;}
.homeSlidemb .list ul{ margin:0px; padding:0px; list-style:none; }
.homeSlidemb .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:508px; overflow:hidden; float:left; position:relative}

#ertopslide{ width:400px; height:80px; overflow:hidden;  }
.erSlide{ width:400px; height:90px; overflow:hidden; position:relative;z-index:5;  }
.erSlide .list{width:100%; height:80px; overflow:hidden; position:relative;   margin:0 auto}
.erSlide .list ul{ margin:0px; padding:0px; list-style:none}
.erSlide .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:70px; overflow:hidden; float:left; position:relative; opacity: 0;transition: all 0.5s ease;}
.erSlide .list ul li .pic{width:100%; height:70px;}
.erSlide .list ul li.swiper-slide-active{opacity: 1}

.erSlide .cbox{ width:100%; height:55px; position:absolute; left:0; bottom:0; background:url(../Images/esbg.png) repeat}
.erSlide .tpage {position: absolute;left:0;bottom:0;width: 100%; max-width:1280px; text-align: center}
.erSlide .tpage .swiper-pagination-switch { display: inline-block;width: 10px; height: 10px;border-radius: 10px;background: #c5c3c0; margin: 0 3px;cursor: pointer;}
.erSlide .tpage .swiper-active-switch { background: #84837e;}




.erSlide .namebox{ position:absolute; width:680px; left:50%; margin-left:-340px; bottom:170px; text-align: center} 
.erSlide .namebox .tit{ width:100%; height:auto; overflow:hidden; font-size:50px; text-transform:uppercase; color:#ffffff; line-height:60px;}
.erSlide .namebox .tit2{ width:100%; height:auto; overflow:hidden; font-size:22px; font-weight:700;  color:#ffffff; margin-top:10px;}
.erSlide .namebox .tit2 i{ color:#0093e7; font-style:normal}

.erSlidemb{ width:100%; height:442px; overflow:hidden; position:relative;z-index:5; }
.erSlidemb .list{width:100%; height:442px; overflow:hidden; position:relative;   margin:0 auto}
.erSlidemb .list ul{ margin:0px; padding:0px; list-style:none}
.erSlidemb .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:442px; overflow:hidden; float:left; position:relative}
.erSlidemb .namebox{ position:absolute;  left:40px; bottom:40px} 
.erSlidemb .namebox .tit{ width:100%; height:auto; overflow:hidden; font-size:36px; color:#ffffff; line-height:50px;}
.erSlidemb .namebox .tit2{ width:100%; height:auto; overflow:hidden; font-size:20px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#c0bebd; margin-top:10px;}


.indexbg{width:100%; height:auto; margin:0 auto; overflow: hidden; background: url("../Images/indexbg.jpg") top center no-repeat  #f5f1e4; background-size: cover;}



.homepart1{ width:100%; height:auto; margin:0 auto; padding:40px 0 30px 0 ; position: relative; z-index: 20; }
.homepart1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  padding:0px}
.homepart1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }
.homepart1 .tpic{text-align:center; margin-bottom: 10px; display: none; width: 100%; height: 80px; position: relative}
.homepart1 .tpic ul{margin:0; padding: 0; list-style: none}
.homepart1 .tpic ul li{margin:0; padding: 0; list-style: none; position: absolute; width: 100%; text-align: center}
.homepart1 .tpic ul li img{max-width:100%}
.homepart1 .tpic ul li:nth-child(1){ 
	        animation-name: flagmove;
            /* 持续时间 */
            animation-duration: 15s;
            /* 动画速度曲线 */
            animation-timing-function: ease;
	        animation-iteration-count: infinite;
}
.homepart1 .tpic ul li:nth-child(2){ 
	        top:5px;
	        animation-name: flagmove2;
            /* 持续时间 */
            animation-duration: 15s;
            /* 动画速度曲线 */
            animation-timing-function: ease;
            /* 动画开始时间 */
           
	        animation-iteration-count: infinite;
}

.homepart1 .tpic ul li:nth-child(3){ 
	        top:5px;        
	        animation-name: flagmove3;
            /* 持续时间 */
            animation-duration: 15s;
            /* 动画速度曲线 */
            animation-timing-function: ease;
            /* 动画开始时间 animation-delay:12s;*/
            
	        animation-iteration-count: infinite;
}




.homepart1 .titbox{ width: 100%; height: 50px; line-height: 50px; font-size: 30px; font-weight: 700; color: #000000; text-align: center}
.homepart1 .titbox2{ width: 100%; height: 40px; line-height: 40px; font-size: 16px;  color: #333333; text-transform: uppercase;text-align: center}
.homepart1 .listbox{ width:100%; height: auto; overflow: hidden; margin: 40px 0 50px 0;}
.homepart1 .listbox ul{ margin:0; padding: 0; list-style:none}
.homepart1 .listbox ul li{ margin:0; padding: 0; list-style:none; width: 25%; height: auto; float: left; overflow: hidden}
.homepart1 .listbox ul li .box{ width:96%; margin: 0 auto;}
.homepart1 .listbox ul li .box img{width:100%}


.homepart1 .listbox2{ width:100%; height: auto; overflow: hidden; margin: 20px 0;}
.homepart1 .listbox2 ul{ margin:0; padding: 0; list-style:none}
.homepart1 .listbox2 ul li{ margin:0; padding:0 0 0 80px; list-style:none; height: auto; float: left; overflow: hidden; box-sizing: border-box; min-height:70px;}
.homepart1 .listbox2 ul li .tit{width:100%; height: 30px; line-height: 30px; overflow: hidden; font-size: 16px; font-weight: 700; margin-top:5px;}
.homepart1 .listbox2 ul li .address{width:100%; height:auto; line-height: 30px; overflow: hidden; font-size: 16px; }
.homepart1 .listbox2 ul li.t1{ background: url("../Images/add1.png") left center no-repeat; width:30%;}
.homepart1 .listbox2 ul li.t2{ background: url("../Images/add2.png") left center no-repeat; width:28%;}
.homepart1 .listbox2 ul li.t3{ background: url("../Images/add3.png") left center no-repeat; width:42%;}



.footlink{ width:100%; height:auto; background:#e7e0c8; overflow:hidden; }
.footlink .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; border-bottom: 1px solid #d8d3be; padding:20px 0}
.footlink .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  position:relative;font-size: 14px; }

.footlink .listbox{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:200%;}
.footlink .listbox span{ font-size:16px; font-weight:700; color:#262626}




.footmenu{ width:100%; height:auto; background:#e7e0c8; overflow:hidden;  padding:10px  0 10px 0}
.footmenu .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.footmenu .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  position:relative; font-size: 14px; line-height: 200%}

.footmenu .tbox{ width:100%; height: auto;overflow: hidden; border-bottom: 1px solid #0d5288;}
.footmenu .tbox .logo{ float: left; overflow: hidden;}
.footmenu .tbox .logo img{ height: auto}

.footmenu .tbox .menu{ width: 59%; height:60px; float: right; overflow: hidden}
.footmenu .tbox .menu ul{ margin: 0; padding: 0; list-style: none}
.footmenu .tbox .menu ul li{ margin: 0; padding: 0; list-style: none; height: 60px; line-height: 60px; width: 12.5%; font-size: 16px; color: #748ead; float: left}
.footmenu .tbox .menu ul li a{color: #748ead;}


.footmenu .bbox{ width:100%; height: auto;overflow: hidden; margin-top: 30px; }


.footmenu .part1{ width:45%; float:left; height:auto; overflow:hidden; color:#748fad; font-size: 14px; line-height: 200%;}
.footmenu .part1 a{  color:#748fad;}


.footmenu .part2{ width:25%; float:left; height:auto; overflow:hidden; color:#748fad;}
.footmenu .part2 a{ color:#748fad}
.footmenu .part2 .tit{ width:100%; height:40px; line-height:40px; font-size:14px; color:#acb8d4}
.footmenu .part2 .menu{ width:100%; height:auto; overflow:hidden;}
.footmenu .part2 .menu ul{ margin:0px; padding:0px; list-style:none}
.footmenu .part2 .menu ul li{ margin:0px;  list-style:none; width:100%; font-size:14px; height:34px; line-height:34px; box-sizing: border-box; padding:0 0 0 30px; } 
.footmenu .part2 .menu ul li.t1{ background: url("../Images/ficon1.png") left center no-repeat;}
.footmenu .part2 .menu ul li.t2{ background: url("../Images/ficon2.png") left center no-repeat;}
.footmenu .part2 .menu ul li.t3{ background: url("../Images/ficon3.png") left center no-repeat;}
.footmenu .part2 .menu ul li.t4{ background: url("../Images/ficon4.png") left center no-repeat;}



.footmenu .part3{ width:25%; float:left; height:auto; overflow:hidden; color:#939597;}
.footmenu .part3 a{ color:#939597}
.footmenu .part3 .tit{ width:100%; height:54px; line-height:54px; font-size:16px; color:#FFF}
.footmenu .part3 .word{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:14px; margin-top:10px;}



.footmenu .part4{ float:right; height:auto; overflow:hidden; width:11% }
.footmenu .part4 ul{ margin:0px; padding:0px; list-style:none}
.footmenu .part4 ul li{ margin:0px;  list-style:none; float:right; background: #1a5c8f; box-sizing: border-box; padding: 10px;}
.footmenu .part4 ul li .pic{ width:100%; height:auto; overflow:hidden;}
.footmenu .part4 ul li .pic img{ max-width:100%;}
.footmenu .part4 ul li .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; text-align:center; color: #7c98b5}





.footer{ width:100%; height:auto; overflow:hidden; background:#ffffff; padding:9px 0;  position:relative; z-index:1;  border-top: 1px solid #f2f2f2}
.footer .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; }
.footer .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; color:#bcbcbc; margin:0 auto; font-size:14px; text-align: center}
.footer .centerbox .centerin a{ color:#bcbcbc;}
.footer .word{ line-height:200%;}
.footer .code{ display:none; text-align:right}
.footer .code img{ max-width:90%; height:auto;}


.footermb{ width:100%; height:auto; overflow:hidden; background:#f0f0f0; padding:30px 0;  position:relative; z-index:1; margin-top:10px; display:none }
.footermb .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1200px; margin:0 auto; clear:both; overflow:hidden; }
.footermb .centerbox .centerin{ width:92%; height:auto; overflow:hidden; line-height:200%; color:#6a6a6a; text-align:center; margin:0 auto}
.footermb .centerbox .centerin a{color:#6a6a6a;}

.fixbottomkong{ width:100%; height:60px; clear:both; overflow:hidden; display:none;}
.fixbottom{ width:100%; height:auto; overflow:hidden; background:#004a25;  position:fixed; left:0px; bottom:0px; z-index:100; display:none;}
.fixbottom .list{ margin:0px; padding:0px; list-style:none; width:100%; min-width:320px; margin:0 auto;}
.fixbottom .list ul{ margin:0px; padding:0px; list-style:none}
.fixbottom .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:60px; line-height:60px; font-size:16px; color:#FFF; float:left; overflow:hidden;  height:auto; border-left:1px solid #336e51; margin-left:-1px; text-align:center; text-indent:0}



@keyframes bgbig
{
0%   {transform:scale(1.5);}

100%   {transform:scale(1);}

}
@-webkit-keyframes bgbig{
0%   {transform:scale(1.5);}

100%   {transform:scale(1);}
}



/*二级导航*/
#ertopbox{ width:100%; height: 60px; overflow: hidden; background: #e7e0c8; }
#ertopbox .centerbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
#ertopbox .centerbox .centerin{ width:100%; height:60px; overflow:hidden; margin:0 auto;position: relative }

#ertopbox .navbox{ height: 60px; position: absolute; left:0 ; top: 0; width: 100%; overflow: auto}
#ertopbox .navbox ul{margin:0 auto; padding: 0; list-style: none}
#ertopbox .navbox ul li{margin:0; width: 125px; padding: 0; list-style: none;height: 60px;line-height: 60px; float: left; font-size: 14px; color: #333333; text-align: center}
#ertopbox .navbox ul li.onfocus{ background: #ad9a6a; color: #ffffff;}
#ertopbox .navbox ul li.onfocus a{ color: #ffffff;}

#ertopbox .location{ position: absolute; right: 0; top: 0;height: 82px;line-height: 82px;  font-size: 14px}

.showus{ width:100%; height: auto; line-height: 200%; font-size: 14px;}
.showus img{ max-width:100%;}

.aboutimg img{ margin: 0 0 0px 20px}

/*企业简介*/
.aboutbox1{ width:100%; height:auto; overflow:hidden; padding: 30px 0;   position:relative; z-index:100; min-height: 500px; background: url("../Images/abg.jpg") bottom center no-repeat #f8f8f8;}
.aboutbox1 .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;  }
.aboutbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.aboutbox1 .titbox{ width:100%; height: 66px; line-height: 66px; overflow: hidden; text-transform: uppercase; font-size: 56px;}
.aboutbox1 .titbox span{color:#00c1dc}
.aboutbox1 .titbox2{ width:100%; height: 50px; line-height: 50px; overflow: hidden;font-size: 20px; color: #000000; font-weight: 700}

.aboutbox1 .thebox{ width:100%; height: auto; overflow: hidden; margin-top: 15px;}
.aboutbox1  .showus{ font-size:14px; line-height: 200%;}

.aboutbox1 .onebox{ width:100%; height: auto; overflow: hidden; margin-top: 15px;}
.aboutbox1 .onebox .leftbox{ width: 56.83%; height: auto; overflow: hidden; float:left}
.aboutbox1 .onebox .leftbox .list{width:100%; height: auto; overflow: hidden}
.aboutbox1 .onebox .leftbox .list ul{ margin: 0; padding: 0; list-style: none}
.aboutbox1 .onebox .leftbox .list ul li{margin: 0; padding: 0; list-style: none; width: 33.33%; height: auto; float: left; text-align: center;}
.aboutbox1 .onebox .leftbox .list ul li .num{width:100%; height: 65px; line-height: 65px; font-size: 56px; color: #014983; font-weight: 700; }
.aboutbox1 .onebox .leftbox .list ul li .tit{ width:100%; height: 35px; line-height: 35px; font-size: 18px; overflow: hidden;color:#014983}


.aboutbox1 .onebox .rightbox{width: 40%; height: auto; overflow: hidden;float:right}
.aboutbox1 .onebox .rightbox img{width:100%; height:auto}


/*发展历程*/
.developmetbox{ width:100%; height:auto; overflow:hidden; padding: 30px 0;   position:relative; z-index:100; min-height: 500px; background: url( "../Images/developmentbg.jpg") bottom center no-repeat #f6f6f6;}
.developmetbox .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;  }
.developmetbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.developmetbox .titbox{ width:100%; height: 66px; line-height: 66px; overflow: hidden; font-size: 36px; text-align: center}
.developmetbox .titbox2{ width:100%; height: 50px; line-height: 50px; overflow: hidden;font-size: 36px; color: #000000; font-weight: 700;text-transform: uppercase;text-align: center }
.developmetbox .titbox2 span{color:#00c1dc}

.developmetbox .listbox{ width:100%; height: auto; overflow: hidden; background: url("../Images/develine.jpg") top center repeat-y; min-height: 300px; margin-top: 15px;}
.developmetbox .listbox ul{ margin: 0px; padding: 0px; list-style: none;}
.developmetbox .listbox ul li{ margin: 0px; padding: 0px 0 50px 0; list-style: none; width: 100%; height: auto; overflow: hidden; background: url("../Images/quan.png") top center no-repeat;}
.developmetbox .listbox ul li .picbox{ width: 46%; float:left; height:auto; overflow: hidden; text-align: right}
.developmetbox .listbox ul li .picbox .tit{width:100%; height: 35px; line-height: 35px; font-size: 20px; font-weight: 700; color: #014983;}
.developmetbox .listbox ul li .picbox .tit2{width:100%; height: 35px; line-height: 35px; font-size: 20px; font-weight: 700; color: #014983;}
.developmetbox .listbox ul li .picbox .pic{ width:100%; height: auto; overflow: hidden; margin-top: 10px;}
.developmetbox .listbox ul li .picbox .pic img{width: 60%; height: auto}

.developmetbox .listbox ul li .wordbox{ width: 46%; float:right; height:auto; overflow: hidden}
.developmetbox .listbox ul li .wordbox p{width: 100%; height: auto; overflow: hidden; box-sizing: border-box; padding: 0 0 0 20px; background: url("../Images/dot1.png") 0 12px no-repeat; font-size: 14px; line-height: 30px; margin-bottom: 20px}


.developmetbox .listbox ul li:nth-child(2n) .picbox{float:right; text-align: left}
.developmetbox .listbox ul li:nth-child(2n) .wordbox{float:left;}

/*组织机构*/
.orgbox{ width:100%; height:auto; overflow:hidden; padding: 30px 0;   position:relative; z-index:100; min-height: 500px; background: url( "../Images/orgbg.jpg") bottom center no-repeat #e5ecf0;}
.orgbox .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;  }
.orgbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.orgbox .titbox{ width:100%; height: 66px; line-height: 66px; overflow: hidden; font-size: 36px; text-align: center}
.orgbox .titbox2{ width:100%; height: 50px; line-height: 50px; overflow: hidden;font-size: 36px; color: #000000; font-weight: 700;text-transform: uppercase;text-align: center }
.orgbox .titbox2 span{color:#00c1dc}


.mainbox{ width:100%; height:auto; overflow:hidden; padding: 30px 0;   position:relative; z-index:100; min-height: 500px; background: #f9f4e6 }
.mainbox .centerbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.mainbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

.mainbox .thetitbox{ width: 100%; height: 50px; line-height: 50px; font-size: 30px; font-weight: 700; color: #000000; text-align: center}
.mainbox .thetitbox2{ width: 100%; height: 40px; line-height: 40px; font-size: 16px;  color: #333333; text-transform: uppercase;text-align: center}

.mainbox .toptit{ width:100%; height:52px; line-height:52px; overflow:hidden; position:relative; margin:0 auto; font-size:46px;color:#ffffff; text-align:center}
.mainbox .toptit span{ color:#FFFFFF}
.mainbox .toptit span.onfocus{ color:#ffba00}
.mainbox .toptit span.dot{ font-family: "宋体"}


.mainbox .searchbox{ width: 90%; height: 83px; margin: 0 auto; margin-top: 70px; background: #FFFFFF; border-radius: 90px;box-shadow: 0px 0px 30px 0px #cdcdcd; margin-bottom: 15px; position: relative; overflow: hidden} 
.mainbox .searchbox select{width:45%; height: 83px; overflow: hidden; line-height: 83px; font-size: 16px; text-indent: 20px; border: 0; outline: none; position:absolute; left: 0; top: 0}
.mainbox .searchbox .input1{width:40%; height: 83px; overflow: hidden; line-height: 83px; font-size: 16px; text-indent: 20px; border: 0; outline: none; background: url("../Images/search.png") right 20px center no-repeat; position:absolute; left:45%; top: 0; border-left: 1px solid #e7e7e7}
.mainbox .searchbox .btnme{ width: 15%; height: 83px; line-height: 83px; border: 0px; outline: none; color: #FFFFFF; text-align: center; font-size: 26px; position:absolute; right: 0; top: 0; background: #2c66ff}

/*荣誉资质*/
.pridelist{width:100%; height: auto; overflow: hidden;}
.pridelist ul { margin: 0; padding: 0; list-style: none;}
.pridelist ul li{ margin: 10px 0 0 0 ; padding: 0; list-style: none; width:25%; height: auto; float: left; overflow: hidden}
.pridelist ul li .box{ width: 96%; height: auto; margin: 0 auto; overflow: hidden; box-sizing: border-box;  }
.pridelist ul li .pic{ width:100%; height: 286px; overflow: hidden;background: #efe6cf; border: 1px solid #e2cb90; }
.pridelist ul li .pic .img{ width:100%; height: 286px; overflow: hidden;transition: all 0.5s ease;}
.pridelist ul li .tit{width:100%; height: 45px; line-height: 45px; text-align: center; font-size: 16px; margin-top: 10px;}
.pridelist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*新闻*/
.pnews{width:100%; height: auto; overflow: hidden;}
.pnews ul { margin: 0; padding: 0; list-style: none;}
.pnews ul li{ margin: 10px 0; list-style: none; width:100%; height: auto;  overflow: hidden; background: #ffffff; box-sizing: border-box; padding: 30px;}
.pnews ul li .box{ width: 100%; height: auto; margin: 0 auto; overflow: hidden;}
.pnews ul li .pic{ width:27.82%; height: 255px; overflow: hidden; float: left}
.pnews ul li .pic .img{ width:100%; height: 255px; overflow: hidden;transition: all 0.5s ease;}
.pnews ul li .wordbox{width:69.81%; height: auto; overflow: hidden; float: right;}
.pnews ul li .tit{width:100%; height: 45px; line-height: 45px; text-align: left; font-size: 20px; overflow: hidden}
.pnews ul li .word{width:100%; height: 60px; line-height: 30px;  font-size: 14px; overflow: hidden; margin-top: 10px;}
.pnews ul li .timebox{width:100%; height: 50px; overflow: hidden; position: relative; margin-top: 60px}
.pnews ul li .timebox p{display: block; height: 50px; line-height: 50px; font-size: 14px;}
.pnews ul li .timebox p.t1{ float:left}
.pnews ul li .timebox p.t2{ float:right;}
.pnews ul li .timebox p.t2 .img1{ display: block;}
.pnews ul li .timebox p.t2 .img2{ display: none;}

.pnews ul li:hover .tit{ font-weight: 700; color: #004982;}
.pnews ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.pnews ul li:hover .timebox p.t2 .img1{ display: none;}
.pnews ul li:hover .timebox p.t2 .img2{ display:block;}



/*案例展示*/
.caselist{width:100%; height: auto; overflow: hidden; background: #f2e8cc; box-sizing: border-box; padding: 10px}
.caselist ul { margin: 0; padding: 0; list-style: none;}
.caselist ul li{ margin: 10px 0; padding: 0; list-style: none; width:25%; height: auto; float: left; overflow: hidden}
.caselist ul li .box{ width: 96%; height: auto; margin: 0 auto; overflow: hidden; box-sizing: border-box; }
.caselist ul li .pic{ width:100%; height: auto; overflow: hidden; border: 1px solid #d3c7a8;padding: 5px}
.caselist ul li .pic .img{ width:100%; height: 190px; overflow: hidden;transition: all 0.5s ease;}
.caselist ul li .tit{width:100%; height: 60px; line-height: 30px; text-align: left; font-size: 14px; color: #333333; overflow: hidden;box-sizing: border-box; padding: 0px 5px}
.caselist ul li:hover .box{ background: #d9cda8;}
.caselist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


/*人才*/
.jobbox{ width:100%; height:auto; overflow:hidden; padding: 30px 0;   position:relative; z-index:100; min-height: 500px; background: url( "../Images/jobbg.jpg") bottom center no-repeat #f5f5f5;}
.jobbox .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;  }
.jobbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.jobbox .titbox{ width:100%; height: 66px; line-height: 66px; overflow: hidden; font-size: 36px; text-align: left}
.jobbox .titbox2{ width:100%; height: 50px; line-height: 50px; overflow: hidden;font-size: 36px; color: #000000; font-weight: 700;text-transform: uppercase;text-align: left }
.jobbox .titbox2 span{color:#00c1dc}


/*人才招聘*/
.joblistbox{width:100%; height: auto; overflow: hidden; box-sizing: border-box; padding: 10px 0px;}
.joblistbox .one { width:100%; height: auto; overflow: hidden; margin: 15px 0}
.joblistbox .one .titbox{ margin:0; padding: 0;width:100%; height: 60px; overflow: hidden; border-bottom: 1px dashed #dfdfdf; position: relative; background: #f2e8cc}
.joblistbox .one .titbox p{height: 60px; line-height: 60px; position: absolute; cursor: pointer}
.joblistbox .one .titbox p.t1{ left: 10px; top: 0; font-size: 16px; }
.joblistbox .one .titbox p.t2{ right: 10px; top: 0; font-size: 14px; color: #69665d;}
.joblistbox .one .titbox p.t2 .m1{ display:block}
.joblistbox .one .titbox p.t2 .m2{ display:none} 
.joblistbox .one .wordbox{ width:100%; height: auto; box-sizing: border-box; padding: 15px; line-height: 200%; font-size: 14px; overflow: hidden; background: #f0e4c4; display: none}

.joblistbox .oneonfocus .titbox p.t2 .m1{ display:none}
.joblistbox .oneonfocus .titbox p.t2 .m2{ display:block}
.joblistbox .oneonfocus .wordbox{ display: block}

/*企业文化*/
.culturelist{ width: 100%; height: auto; overflow: hidden}
.culturelist ul{ margin:0; padding: 0;list-style: none}
.culturelist ul li{ margin:0; padding: 0;list-style: none; width: 50%; float: left; overflow: hidden; background: #ebeff2;}
.culturelist ul li .pic{width:50%; height:298px; overflow: hidden;float:left;}
.culturelist ul li .wordbox{width:50%; height:298px; overflow: hidden;float:left; box-sizing: border-box; padding: 0 20px; text-align: center}
.culturelist ul li .wordbox .tit{ width:100%; height: 50px; line-height: 50px; text-align: center; overflow: hidden; font-size:26px; font-weight: 700; color: #333333; margin-top: 100px; }
.culturelist ul li .wordbox .word{width:100%; height: auto; overflow: hidden; margin-top: 10px; font-size: 16px; line-height: 200%}

.culturelist ul li:nth-child(3) .pic{ float:right}
.culturelist ul li:nth-child(4) .pic{ float:right}



/*企业文化活动*/
.activitytitbox{ width:100%; height: 66px; line-height: 66px; overflow: hidden; font-size: 36px; text-align: center}
.activitytitbox2{ width:100%; height: 50px; line-height: 50px; overflow: hidden;font-size: 36px; color: #000000; font-weight: 700;text-transform: uppercase;text-align: center }
.activitytitbox2 span{color:#00c1dc}


.activitylist{width:100%; height: auto; overflow: hidden;}
.activitylist ul { margin: 0; padding: 0; list-style: none;}
.activitylist ul li{ margin: 15px 0; padding: 0; list-style: none; width:33.33%; height: auto; float: left; overflow: hidden}
.activitylist ul li .box{ width: 96%; height: auto; margin: 0 auto; overflow: hidden; box-sizing: border-box; }
.activitylist ul li .pic{ width:100%; height: 300px; overflow: hidden;}
.activitylist ul li .pic .img{ width:100%; height: 300px; overflow: hidden;transition: all 0.5s ease;}
.activitylist ul li .tit{width:100%; height: 30px; line-height: 30px; text-align: center; font-size: 18px; color: #333333; overflow: hidden; margin-top: 10px}

.activitylist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*新闻中心*/
.newslist{ width: 100%; height: auto; overflow: hidden}
.newslist ul{ margin:0; padding: 0;list-style: none}
.newslist ul li{ margin:0; padding: 0;list-style: none; width: 100%; overflow: hidden; height: 50px; position: relative; border-bottom: 1px dashed #CCCCCC;}
.newslist ul li p{height: 60px; line-height: 60px; position: absolute;}
.newslist ul li p.t1{ left: 0; top: 0; font-size: 16px; background: url("../Images/d1.png") left center no-repeat; text-indent: 15px; width: 75%; overflow: hidden}
.newslist ul li p.t2{ right: 0; top: 0; font-size: 14px; color: #b3b3b3;}

.newslist ul li:hover p.t1{background: url("../Images/d2.png") left center no-repeat; font-weight: 700; color: #004982}



/*战略合作*/
.cooperlist{width:100%; height: auto; overflow: hidden;}
.cooperlist ul { margin: 0; padding: 0; list-style: none;}
.cooperlist ul li{ margin: 10px 0; padding: 0; list-style: none; width:20%; height: auto; float: left; overflow: hidden}
.cooperlist ul li .box{ width: 96%; height: auto; margin: 0 auto; overflow: hidden; box-sizing: border-box; }
.cooperlist ul li .pic{ width:100%; height:138px; overflow: hidden;}
.cooperlist ul li .pic .img{ width:100%; height: 138px; overflow: hidden;transition: all 0.5s ease;}
.cooperlist ul li .tit{width:100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #333333; overflow: hidden; margin-top: 10px}

.cooperlist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*联系我们*/
.contactbox{width:100%; height: auto; overflow: hidden;}
.contactbox .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;  }
.contactbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

.contactbox .titbox{ width:100%; height: 66px; line-height: 66px; overflow: hidden; font-size: 20px; text-align: left}
.contactbox .titbox2{ width:100%; height: 50px; line-height: 50px; overflow: hidden;font-size: 50px; color: #000000; font-weight: 700;text-transform: uppercase;text-align: left }
.contactbox .titbox2 span{color:#00c1dc}

.contactbox .list{ width:100%; height: auto; overflow: hidden}
.contactbox .list ul{margin:0; padding: 0; list-style: none}
.contactbox .list ul li{margin:0;  list-style: none; height: auto; box-sizing: border-box; padding: 0 0 0 98px; float: left; min-height: 85px;}
.contactbox .list ul li.t1{ width:30%; background: url("../Images/con1.png") 0 0 no-repeat;}
.contactbox .list ul li.t2{ width:34%; background: url("../Images/con2.png") 0 0 no-repeat;}
.contactbox .list ul li.t3{ width:36%; background: url("../Images/con3.png") 0 0 no-repeat;}
.contactbox .list ul li .tit{ width:100%; height: 40px; line-height: 40px; overflow: hidden; font-size: 20px;}
.contactbox .list ul li .tit2{ width:100%; height: auto; line-height: 30px; overflow: hidden; font-size: 20px;}

#allmap{width:100%; height: 500px; overflow:hidden; margin: 15px 0}



/*表单*/
.theformbox{ width: 92%;  height: auto; overflow: hidden; margin: 90px auto 10px auto; box-sizing: border-box; background: #ffffff; border-radius: 20px;box-shadow: 0px 0px 10px 5px #f3f3f3; padding: 25px 0} 
.formbox{ width:100%; height:auto; overflow:hidden;  max-width: 780px; margin: 0 auto; }
.formbox ul{ margin:0px; padding:0px; list-style:none}
.formbox ul li{ margin:10px 0px; padding:0px; list-style:none; width:100%; float:left; overflow:hidden;  }
.formbox ul li .inbox{ width:100%; overflow:hidden; margin:0 auto}
.formbox ul li .tit{width:20%; height: 50px; line-height: 50px; font-size: 16px; overflow: hidden; float: left;text-align: right; padding: 0 20px 0 0; box-sizing: border-box}
.formbox ul li .word{width:80%; float: left; overflow: hidden;}
.formbox ul li .input1{ width:80%; height:50px; border:1px solid #dcdcdc; text-indent:10px;}
.formbox ul li select{ width:80%; height:50px; line-height:50px; overflow:hidden; border:1px solid #dcdcdc; text-indent:10px;}
.formbox ul li .radiome{ font-size:14px; padding:10px 0 0 0}
.formbox ul li .radiome input{ width:20px; height:20px; font-size:14px; float:left; display:block; padding:0}
.formbox ul li .radiome label{ font-size:14px; float:left; margin:5px 15px 0 0}


.formbox ul li .input2{ width:170px; height:50px;  border:1px solid #d8d8d8; float:left; display:block;text-indent:10px;}
.formbox ul li .safecode{ float:left; margin-left:10px;}



.formbox ul li textarea{  display:block; width:98%; height:175px; overflow:hidden; border:1px solid #dcdcdc; box-sizing:border-box; padding:10px;}
.formbox ul li.long{ width:100%; height:auto; overflow:hidden; line-height:200%;}
.formbox ul li.long .tit{ width:14%}
.formbox ul li.long .inbox{ width:85%}


.formbox ul li .btnme{ width:235px; height:58px; line-height:58px; overflow:hidden; background:#2c66ff; font-size:16px; color:#FFF;  border:0px; display:block; margin:0 auto; border-radius:30px}

.theformword{width:92%; height: auto; margin: 0 auto; line-height: 200%; font-size: 14px; overflow: hidden; margin-top: 20px}



.baom{ width:309px; height:57px; background:#ff6000; font-size:20px; color:#FFF; text-align:center; line-height:57px; margin-top:25px;}