@charset "utf-8";
.basebox{ width:100%; min-width:320px; max-width:1960px;  height:auto; overflow:hidden; position:relative; margin:0 auto; font-family:"Microsoft Yahei","微软雅黑",Arial, Helvetica, sans-serif; z-index:100; background: #FFF}
.centerArea{  height:auto; margin:0 auto; clear:both; overflow:hidden; }

#fixmenu{ width:100%; height:auto; overflow:hidden; background:#FFFFFF; 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:50px; line-height:50px; text-align:center}

.pcshow{ display:block}
.mbshow{ display:none}


/*
.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; z-index:200; right:0px;position: fixed;bottom:200px;-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:#096eca}


.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} 



.topbox{ width:100%; height:35px; line-height:35px; position:relative; border-top:2px solid #096eca; border-bottom:1px solid #e9e9e9;}
.topbox .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.topbox .centerbox .centerin{ width:100%; height:35px; overflow:hidden; position:relative }
.topbox .welcome{ position:absolute; left:0px; top:0px; line-height:35px;}
.topbox .other{ position:absolute; right:0px; top:0px; line-height:35px; font-size:14px}
.topbox .other span{ color:#096eca; font-weight:700}

.headbox{ width:100%; height:104px;position:relative; z-index:100;overflow:hidden; background: #ffffff   }
.headbox .box{ width:100%;  height:104px;margin:0 auto; overflow:hidden; position:relative; max-width:1280px }
.headbox .box .logo{ position:absolute; left:0px; top:30px;}
.headbox .box .logo img{ height:55px;}
.headbox .box .tel{ position:absolute; right:0; top:0; width:166px; height:78px; line-height:78px; background:url(../Images/telicon.png) left center no-repeat; text-indent:25px; font-size:16px; color:#FFF}

.headbox .box .searchbox{ width:39.14%; height:44px; border:1px solid #096eca; position:absolute; right:93px; top:29px; overflow:hidden; }
.headbox .box .searchbox .input1{ width:70%; height:44px; line-height:44px; border:0px; float:left}
.headbox .box .searchbox .btnme{ width:30%; height:44px; overflow:hidden; position:absolute; right:0px; top:0; background:url(../Images/searchbtn.jpg) center center no-repeat #096eca;  border:0}
.headbox .box .ercode{ position:absolute; right:0px; top:20px;}
.headbox .box .ercode img{ width:67px; height:67px;}

.headbox .box .searchbtn{ position:absolute; right:50px; top:26px; width:47px; height:40px; font-size:30px; font-weight:normal; cursor:pointer; z-index:100; color:#096eca; text-align:right; display:none}
.headbox .box .menubtn{ position:absolute; right:0px; top:24px; width:47px; height:40px; font-size:30px; font-weight:normal; cursor:pointer; display:none; z-index:100; color:#01a952; text-align:right;}

.menubox{ width:100%; height:54px; background:#096eca; overflow:visible; position:relative; z-index:10}
.menubox .centerbox{ width:100%; height:54px;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:visible; }
.menubox .centerbox .centerin{ width:100%; height:54px; overflow:visible;  }
.menubox .cateone{ width:19%; float:left; overflow:visible; height:54px; position:relative }
.menubox .cateone .tit{ width:100%; height:54px; line-height:54px;background:url(../Images/cateone.png)  no-repeat #01a952; background-position:right 10px center; text-indent:24px;color:#FFF; font-size:16px; cursor:pointer  }
.menubox .cateone .list{ width:100%; height:auto; overflow:hidden; background:#2c3439; position:absolute; left:0px; top:54px; box-sizing:border-box; padding:10px 0; display:none}
.menubox .cateone .list ul{ margin:0px; padding:0px; list-style:none}
.menubox .cateone .list ul li{ margin:0px; padding:0px; list-style:none; height:39px; line-height:39px; border-bottom:1px solid #444b4f; width:100%; float:left; text-indent:20px; color:#40474b; font-size:14px; text-align:left}
.menubox .cateone .list ul li a{ color:#FFF}
.menubox .cateone .list ul li span a{ color:#dfe3e6}

/*
.menubox .telone{ width:19%; float:left; overflow:hidden; height:54px; position:relative; background:url(../Images/telicon.png) 22px center no-repeat #0966ba; font-size:22px; color:#FFF; font-weight:700; text-indent:59px; line-height:54px; }
*/
.menubox .telone{ width:19%; float:left; overflow:hidden; height:54px; position:relative; background: #0966ba; font-size:16px; color:#FFF; font-weight:700; text-align:center;line-height:54px; }
.menubox .telone a{ color:#FFF}


.menubox .menu{ width:62%; float:left; overflow:hidden; height:54px;} 
.menubox .menu ul{ margin:0px; padding:0px; list-style:none}
.menubox .menu ul li{ margin:0px; padding:0px; list-style:none;height:54px; line-height:54px;  font-size:16px; width:16.66%; float:left; overflow:hidden; text-align:center; color:#FFF;}
.menubox .menu ul li.onfocus{background:#01a952  }
.menubox .menu ul li a{ color:#FFF}


.homeSlide{ width:100%; height:566px; overflow:hidden; position:relative; z-index:0; margin:0 auto; }
.homeSlide .list{width:100%; height:566px; 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:566px; overflow:hidden; float:left; position:relative}
.homeSlide .list ul li .pic{ width:100%; height:566px}

.homeSlide .catelist{ width:243px; height:566px; overflow:hidden; background:#2c3439; position:absolute; left:50%; top:0; box-sizing:border-box; padding:10px 0; margin-left:-640px}
.homeSlide .catelist ul{ margin:0px; padding:0px; list-style:none}
.homeSlide .catelist ul li{ margin:0px; padding:0px; list-style:none; height:39px; line-height:39px; border-bottom:1px solid #444b4f; width:100%; float:left; text-indent:20px; color:#40474b; font-size:14px; text-align:left}
.homeSlide .catelist ul li a{ color:#FFF}
.homeSlide .catelist ul li  span a{ color:#dfe3e6}

.homeSlide .otherbox{ width:243px; height:566px; overflow:hidden; background:#f2f9fd; position:absolute; right:50%; top:0; margin-right:-640px}
.homeSlide .otherbox .list1{ width:100%; height:auto; overflow:hidden;}
.homeSlide .otherbox .list1 ul{ margin:0px; padding:0px; list-style:none}
.homeSlide .otherbox .list1 ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left}
.homeSlide .otherbox .list1 ul li .pic{ width:100%; height:auto; overflow:hidden; text-align:center; margin-top:16px;}
.homeSlide .otherbox .list1 ul li .tit{ width:100%; height:35px; line-height:35px; text-align:center; font-size:14px}

.homeSlide .otherbox .navlist{ width:96%; margin:0 auto; overflow:hidden; background:#096eca; margin-top:15px;}
.homeSlide .otherbox .navlist ul{ margin:0px; padding:00px; list-style:none}
.homeSlide .otherbox .navlist ul li{ margin:0px; padding:00px; list-style:none; height:37px; line-height:37px; text-align:center; font-size:14px; color:#FFF; text-align:center; cursor:pointer; width:50%; float:left}
.homeSlide .otherbox .navlist ul li.onfocus{ background:#01a952}

.homeSlide .otherbox .listbox{ width:92%; margin:0 auto; overflow:hidden;  margin-top:10px;}
.homeSlide .otherbox .listbox .list2{ width:100%; height:auto; overflow:hidden;}
.homeSlide .otherbox .listbox .list2 ul{ margin:0px; padding:0px; list-style:none}
.homeSlide .otherbox .listbox .list2 ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:30px; line-height:30px; font-size:14px; color:#262626; background:url(../Images/dot1.jpg) left center no-repeat; text-indent:15px; overflow:hidden}

.homeSlide .adbox{ width:100%; height:auto; overflow:hidden; margin-top:10px}

.erSlide{ width:100%; height:442px; overflow:hidden; position:relative;z-index:5; }
.erSlide .list{width:100%; height:442px; 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:442px; overflow:hidden; float:left; position:relative}

/*手机的分类*/
.mbhomepart1{ width:100%; height:auto; overflow:hidden; background:#FFF}
.mbhomepart1 .list{ width:100%; height:auto; overflow:hidden; max-width:1280px; margin:0 auto}
.mbhomepart1 .list ul{ margin:0px; padding:0px; list-style:none}
.mbhomepart1 .list ul li{ margin:15px 0; padding:0px; list-style:none; width:20%; height:auto; overflow:hidden; float:left}
.mbhomepart1 .list ul li .pic{ height:80px; overflow:hidden; text-align:center}
.mbhomepart1 .list ul li .pic img{ max-width:90%; height:auto; overflow:hidden;}
.mbhomepart1 .list ul li .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:14px; text-align:center}
.mbhomepart1 .more{ width:100%; height:auto; overflow:hidden; margin:15px 0; text-align:center}
.mbhomepart1 .more img{ max-width:60%}

.mbhomepart2{ width:100%; height:auto; line-height:auto; overflow:hidden; background:#ffffff; border-top:10px solid #f4f4f4;  border-bottom:10px solid #f4f4f4}
.mbhomepart2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.mbhomepart2 .centerbox .centerin{ width:100%; height:auto;   }
.mbhomepart2 .titbox{ width:15%; height:auto; overflow:hidden; background:#096eca; font-size:16px; color:#FFF; text-align:center; float:left; height:90px; box-sizing:border-box; padding-top:20px}
.mbhomepart2 .listbox{ width:85%; height:90px; float:left; overflow:hidden; background:url(../Images/h1arr.png) left center no-repeat;}
.mbhomepart2 .listbox  .list{ width:90%; margin:0 auto; overflow:hidden; overflow:hidden; height:60px; margin-top:15px;}
.mbhomepart2 .listbox  .list ul{ margin:0px; padding:0px; list-style:none}
.mbhomepart2 .listbox  .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:30px; line-height:30px; overflow:hidden; font-size:14px; background:url(../Images/dot1.jpg) left center no-repeat; text-indent:20px;}



.homepart1{ width:100%; height:auto; margin:0 auto; padding:20px 0 20px 0 ; }
.homepart1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.homepart1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }

.homepart1 .titbox{ width:100%; height:50px; line-height:50px; position:relative; overflow:hidden; border-bottom:2px solid #096eca;}
.homepart1 .titbox .tit{ position:absolute; left:0px; top:0px; height:50px; line-height:50px; font-size:26px; color:#096eca; background:url(../Images/tticon.png) left center no-repeat; text-indent:42px;}
.homepart1 .titbox .more{ position: absolute; right:0px; top:0px; height:50px; line-height:50px; font-size:14px; color:#096eca}
.homepart1 .titbox .more a{color:#096eca}

.homepart1 .listbox1{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.homepart1 .listbox1 .list{ width:100%; height:328px; overflow:hidden;}
.homepart1 .listbox1 .list ul{ margin:0px; padding:0px; list-style:none}
.homepart1 .listbox1 .list ul li{ margin:0px; padding:0px; list-style:none; width:20%; float:left; overflow:hidden;}
.homepart1 .listbox1 .list ul li .box{ width:96%; height:328px; overflow:hidden}
.homepart1 .listbox1 .list ul li .pic{ width:100%; height:328px; overflow:hidden;}
.homepart1 .listbox1 .list ul li .pic .img{ width:100%; height:328px; overflow:hidden;transition: all 0.5s ease;} 
.homepart1 .listbox1 .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*产品*/
.homepart1 .listbox2{ width:100%; height:313px; overflow:hidden; margin-top:20px;}
.homepart1 .listbox2 .list{ width:100%; height:auto; overflow:hidden;}
.homepart1 .listbox2 .list ul{ margin:0px; padding:0px; list-style:none}
.homepart1 .listbox2 .list ul li{ margin:0px; padding:0px; list-style:none; width:20%; float:left; overflow:hidden;}
.homepart1 .listbox2 .list ul li .box{ width:96%; height:313px; overflow:hidden; border:1px solid #e6e6e6; box-sizing:border-box; padding:10px;transition: all 0.5s ease; }
.homepart1 .listbox2 .list ul li .pic{ width:100%; height:220px; overflow:hidden;}
.homepart1 .listbox2 .list ul li .pic .img{ width:100%; height:220px; overflow:hidden;transition: all 0.5s ease;} 
.homepart1 .listbox2 .list ul li .tit{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:16px; color:#262626; text-align:center}
.homepart1 .listbox2 .list ul li .tit2{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:12px; color:#676767; text-align:center}
.homepart1 .listbox2 .list ul li:hover .box{ border:1px solid #096eca;}

.homepart1 .listbox2 .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


/*广告*/
.homead{width:100%; height:auto;margin:0 auto; background:#FFF}
.homead .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.homead .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }
.homead .one{ width:100%; height:99px; overflow:hidden;}
.homead .two{ width:100%; height:136px; overflow:hidden;}



.homepart2{ width:100%; height:auto;margin:0 auto; padding:10px 0 }
.homepart2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.homepart2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }
.homepart2 .titbox{ width:100%; height:50px; line-height:50px; position:relative; overflow:hidden; border-bottom:2px solid #096eca;}
.homepart2 .titbox .tit{ position:absolute; left:0px; top:0px; height:50px; line-height:50px; font-size:26px; color:#096eca; background:url(../Images/tticon.png) left center no-repeat; text-indent:42px;}
.homepart2 .titbox .nav{ position: absolute; right:0px; top:0px; height:50px; line-height:50px; font-size:14px; color:#565656}
.homepart2 .titbox .nav ul{ margin:0px; padding:0px; list-style:none}
.homepart2 .titbox .nav ul li{ margin:0px 0 0 30px; padding:0px; list-style:none;height:50px; line-height:50px; float:left}
.homepart2 .titbox .nav a{color:#565656}

.homepart2 .titbox .more{ position: absolute; right:0px; top:0px; height:50px; line-height:50px; font-size:14px; color:#096eca}
.homepart2 .titbox .more a{color:#096eca}


.homepart2 .listbox{ width:100%; height:auto; overflow:hidden;}
.homepart2 .leftbox{ width:23%; float:left; overflow:hidden;}
.homepart2 .leftbox .tlist{ width:100%; height:398px; overflow:hidden;}
.homepart2 .leftbox .tlist .list{ width:100%; height:398px; overflow:hidden;}
.homepart2 .leftbox .tlist .list ul{ margin:0px; padding:0px; list-style:none}
.homepart2 .leftbox .tlist .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:398px; overflow:hidden;}
.homepart2 .leftbox .tlist .list ul li .pic{ width:100%; height:398px; overflow:hidden;}

.homepart2 .leftbox .mlist{ width:100%; height:233px; overflow:hidden; box-sizing:border-box; padding:10px 0}
.homepart2 .leftbox .mlist ul{ margin:0px; padding:0px; list-style:none; }
.homepart2 .leftbox .mlist ul li{ margin:0px; padding:0px; list-style:none; width:47%; margin:5px 0 5px 2%; height:44px; line-height:44px; text-align:center; float:left; background:#e7f1fa; font-size:14px; overflow:hidden;}

.homepart2 .rightbox{ width:77%; float:left; overflow:hidden;}
.homepart2 .rightbox .list{ width:100%; height:auto; overflow:hidden;}
.homepart2 .rightbox .list ul li{ width:25%; height:auto; float:left; overflow:hidden;}
.homepart2 .rightbox .list ul li .box{ width:100%; height:316px; border:1px solid #dedede; margin:-1px 0 0 -1px; box-sizing:border-box; padding:20px 0 10px 0;box-sizing:border-box; padding:10px}
.homepart2 .rightbox .list ul li .pic{ width:100%; height:205px; overflow:hidden;}
.homepart2 .rightbox .list ul li .pic .img{ width:100%; height:205px; overflow:hidden;transition: all 0.5s ease;} 
.homepart2 .rightbox .list ul li .tit{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:16px; color:#262626; text-align:center}
.homepart2 .rightbox .list ul li .tit2{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:12px; color:#676767; text-align:center}

.homepart2 .rightbox .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}



.homepart3{ width:100%; height:auto; margin:0 auto; padding:10px 0; background: #FFF }
.homepart3 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.homepart3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.homepart3 .titbox{ width:100%; height:50px; line-height:50px; position:relative; overflow:hidden; border-bottom:2px solid #096eca;}
.homepart3 .titbox .tit{ position:absolute; left:0px; top:0px; height:50px; line-height:50px; font-size:26px; color:#096eca; background:url(../Images/tticon.png) left center no-repeat; text-indent:42px;}
.homepart3 .titbox .more{ position: absolute; right:0px; top:0px; height:50px; line-height:50px; font-size:14px; color:#096eca}
.homepart3 .titbox .more a{color:#096eca}

.homepart3 .listbox{ width:100%; height:auto; overflow:hidden;}
.homepart3 .listbox ul{ margin:0px; padding:0px; list-style:none}
.homepart3 .listbox ul li{ margin:10px 0; padding:15px 0; list-style:none; width:50%; float:left; overflow:hidden; border-bottom:1px dashed #d6d6d6;}
.homepart3 .listbox ul li .box{ width:96%; height:auto; overflow:hidden;}
.homepart3 .listbox ul li .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:16px; font-weight:700; color:#262626; background:url(../Images/wd.png) left center no-repeat; text-indent:40px;}
.homepart3 .listbox ul li .word{ width:100%; height:50px; line-height:25px; overflow:hidden; box-sizing:border-box; padding:0 0 0 40px; font-size:14px; color:#818181}
.homepart3 .listbox ul li:nth-child(2n) .box{ float:right}




.homepart4{ width:100%; height:auto; margin:0 auto; padding:30px 0; background:#f3f3f3 }
.homepart4 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.homepart4 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.homepart4 .titbox{ width:100%; height:50px; line-height:50px; position:relative; overflow:hidden; border-bottom:2px solid #096eca;}
.homepart4 .titbox .tit{ position:absolute; left:0px; top:0px; height:50px; line-height:50px; font-size:24px; color:#096eca; background:url(../Images/min1.png) left center no-repeat; text-indent:42px;}
.homepart4 .titbox .more{ position: absolute; right:0px; top:0px; height:50px; line-height:50px; font-size:14px; color:#096eca}
.homepart4 .titbox .more a{color:#096eca}

.homepart4 .onebox{ width:48%; height:auto; overflow:hidden; float:left}
.homepart4 .onebox .list{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.homepart4 .onebox .list ul{ margin:0px; padding:0px; list-style:none}
.homepart4 .onebox .list ul li{ margin:0px 0 0 0; padding:0px; list-style:none; width:100%; height:36px; overflow:hidden; position:relative}
.homepart4 .onebox .list ul li p{ display:block; height:36px; line-height:36px; overflow:hidden; position:absolute; top:0}
.homepart4 .onebox .list ul li p.t1{ width:70%; left:0px; font-size:14px; background:url(../Images/dot1.jpg) left center no-repeat; text-indent:10px}
.homepart4 .onebox .list ul li p.t2{ right:0}


.homepart4 .onebox:nth-child(2){ float:right}
.homepart4 .onebox:nth-child(2) .titbox .tit{background:url(../Images/min2.png) left center no-repeat; }


.homembnav{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #e6f0fa}
.homembnav ul{ margin:0px; padding:0px; list-style:none}
.homembnav ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:50px; line-height:50px; text-align:center; font-size:16px; overflow:hidden; float:left}
.homembnav ul li.onfocus{ color:#096eca}


.footpride{ width:100%; height:auto; margin:0 auto; padding:26px 0; background: #096eca; }
.footpride .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.footpride .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.footpride .list{ width:100%; height:auto; overflow:hidden;}
.footpride .list ul{ margin:0px; padding:0px; list-style:none}
.footpride .list ul li{ margin:0px; padding:0px; list-style:none; width:16.66%; float:left; overflow:hidden;}
.footpride .list ul li .pic{ width:32%; height:auto; float:left}
.footpride .list ul li .pic img{ max-width:100%; height:auto}
.footpride .list ul li .wordbox{ width:68%; float:left; height:auto; overflow:hidden; color:#FFF; font-size:14px}
.footpride .list ul li .wordbox .tit{ width:100%; height:30px; line-height:30px; font-size:16px; font-weight:700; margin-top:0px;}
.footpride .list ul li .wordbox .word{ width:100%; height:25px; line-height:25px; overflow:hidden; margin-top:0px;}

.footmenu{ width:100%; height:auto; background: #e6f0f9; overflow:hidden;  padding:30px  0 0 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; border-bottom:1px solid #e6e6e6;}

.footmenu .part1{ width:87%; float:left; height:auto; overflow:hidden; color:#636363;}
.footmenu .part1 a{ color:#636363}

.footmenu .part1 .menu{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#262626;}
.footmenu .part1 .menu a{ color:#262626}
.footmenu .part1 .word{ width:100%; height:auto; overflow:hidden; line-height:200%; font-size:13px; margin-top:15px;}

.footmenu .part3{ width:207px; float:right; height:170px; overflow:hidden; margin-right:15px;}
.footmenu .part3 select{ width:96%; height:45px; border:1px solid #0f6dbe; position:relative; margin-top:125px; background:#0f6dbe; color:#FFF}


.footmenu .part4{ float:right; height:auto; overflow:hidden; }
.footmenu .part4 ul{ margin:0px; padding:0px; list-style:none}
.footmenu .part4 ul li{ margin:0px; padding:0px; list-style:none; float:left; margin:0 0 0 10px}
.footmenu .part4 ul li .pic{ width:88px; height:88px; overflow:hidden;}
.footmenu .part4 ul li .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; text-align:center}


.footlink{ width:100%; height:auto; background: #e6f0f9; overflow:hidden;  padding:10px 0}
.footlink .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.footlink .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  position:relative; }

.footlink .tit{ width:8%; height:auto; overflow:hidden; line-height:200%; font-size:16px; float:left}
.footlink .list{ width:92%; height:auto; line-height:35px; overflow:hidden; float:left; font-size:14px; line-height:200%; overflow:hidden; padding:3px 0 0 0}



.footer{ width:100%; height:auto; overflow:hidden; background:#e6f0f9; padding:32px 0;  position:relative; z-index:1; border-top:1px solid #cfe3f4; padding:15px 0  }
.footer .centerbox{ width:96%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.footer .centerbox .centerin{ width:96%; height:auto; overflow:hidden; line-height:200%; color:#7e8283; text-align:center; margin:0 auto; font-size:14px}
.footer .centerbox .centerin a{ color:#7e8283;}


.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:80px; clear:both; overflow:hidden; display:none;}
.fixbottom{ width:100%; height:auto; overflow:hidden; background:#ffffff;  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:25%; height:80px;  font-size:14px; float:left; overflow:hidden; text-align:center}
.fixbottom .list ul li .pic{ width:100%; height:40px; overflow:hidden; margin-top:10px;}
.fixbottom .list ul li .pic  img{ margin:0 auto; height:35px}
.fixbottom .list ul li .pic .img1{ display:block}
.fixbottom .list ul li .pic .img2{ display:none}
.fixbottom .list ul li .tit{ width:100%; height:30px; line-height:30px; text-align:center; font-size:14px}

.fixbottom .list ul li.onfocus .pic .img1{ display:none}
.fixbottom .list ul li.onfocus .pic .img2{ display:block}
.fixbottom .list ul li.onfocus .tit{ color:#01a952;} 
@keyframes bgbig
{
0%   {transform:scale(1.5);}

100%   {transform:scale(1);}

}
@-webkit-keyframes bgbig{
0%   {transform:scale(1.5);}

100%   {transform:scale(1);}
}



/*关于我们页面*/

.ertop{ width:100%; height:auto; overflow:hidden; background:#f2f2f2; z-index:10; position:relative; border-bottom:1px solid #e9e9e9 }
.ertop .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.ertop .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.ertop .navbox{ float:left}
.ertop .navbox ul{ margin:0px; padding:0px 0 0 1px; list-style:none}
.ertop .navbox ul li{ margin:0; padding:0px; list-style:none; width:121px; height:55px; line-height:55px; font-size:16px; text-align:center; float:left; overflow:hidden; border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9; margin-left:-1px}
.ertop .navbox ul li.onfocus{ color:#fff; background:#04ab8d}
.ertop .navbox ul li.onfocus a{ color:#fff}

.ertop .location{ line-height:55px ; text-align:left; overflow:hidden; font-size:14px; color:#b3b3b3; float:right}
.ertop .location a{ color:#b3b3b3;}
.ertop .titbox{ width:100%; height:auto; overflow:hidden; font-size:36px;text-align:center; margin:0 auto; text-transform:uppercase; height:50px; line-height:50px; color:#100c0b; font-family:"Times New Roman", Times, serif}
.ertop .titbox2{ width:100%; font-size:24px; color:#100c0b; text-align:center; margin:0 auto; height:60px; line-height:45px; }





.ertop2{ width:100%; height:auto; overflow:hidden; background:#f3f3f3; z-index:10; position:relative; border-bottom:1px solid #e8eff7 }
.ertop2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.ertop2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.ertop2 .location{ line-height:45px ; text-align:left; overflow:hidden; font-size:14px; color:#b3b3b3; float:left}
.ertop2 .location a{ color:#b3b3b3;}

.ertop2 .navbox{ float:right}
.ertop2 .navbox ul{ margin:0px; padding:0px; list-style:none}
.ertop2 .navbox ul li{ margin:0; padding:0px; list-style:none; height:45px; line-height:45px; width:94px; float:left; font-size:14px; text-align:center}
.ertop2 .navbox ul li.onfocus{ color:#fff; background:#a26432}
.ertop2 .navbox ul li.onfocus a{ color:#fff}



.ertopsun{ width:100%; height:auto; overflow:hidden; background:#f8f3f0; z-index:10; position:relative; padding:20px 0}
.ertopsun .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.ertopsun .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.ertopsun .list{ width:100%; height:auto; overflow:hidden;}
.ertopsun .list ul{ margin:0px; padding:0px; list-style:none}
.ertopsun .list ul li{ margin:10px 1%; padding:0px; list-style:none; width:14.6%; float:left; overflow:hidden; height:50px; line-height:50px; border:1px solid #e2e1e1; font-size:16px; text-align:center}
.ertopsun .list ul li.onfocus{ border:1px solid #f6323e; background:#FFF; color:#f60515}
.ertopsun .list ul li.onfocus a{color:#f60515}

.ersortname{ width:100%; height:auto; overflow:hidden;  z-index:10; position:relative; display:none}
.ersortname .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.ersortname .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.ersortname .titlebox{ width:100%; height:104px; overflow:hidden; background:url(../Images/hometit1bg.jpg) top right no-repeat;position:relative; margin-top:10px;}
.ersortname .titlebox .tit{ position:absolute; background:url(../Images/home1line.jpg) #FFF 0 0 no-repeat;height:104px; left:0px; top:0px; padding-right:10px;}
.ersortname .titlebox .tit p{ margin:0px; padding:0px;text-indent:28px; }
.ersortname .titlebox .tit p.t1{ color:#ff9c00; font-size:20px; margin-top:28px;}
.ersortname .titlebox .tit p.t2{ color:#c0c0c0; font-family:Arial, Helvetica, sans-serif}



/*广告*/
.ertopad{width:100%; height:auto;margin:0 auto; background:#FFF; padding:15px 0}
.ertopad .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.ertopad .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }
.ertopad .one{ width:100%; height:99px; overflow:hidden;}
.ertopad .two{ width:100%; height:136px; overflow:hidden;}

/*产品*/
.productbox{width:100%; height:auto; overflow:hidden; background:#ffffff; padding:0 0 10px 0}
.productbox .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.productbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.productbox .catebox{ width:100%; height:auto; overflow:hidden; border:1px solid #efefef}
.productbox .catebox .tit{ width:8%; height:auto; float:left; overflow:hidden; background:#f4f4f4; font-size:15px; color:#262626; padding:20px 0; text-align:center; font-weight:700}
.productbox .catebox .rbox{ width:92%; height:auto; overflow:hidden; box-sizing:border-box; padding:10px;}
.productbox .catebox .rbox .list1{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #eeeeee;}
.productbox .catebox .rbox .list1 ul{ margin:0px; padding:0px; list-style:none}
.productbox .catebox .rbox .list1 ul li{ margin:10px; list-style:none; float:left; height:35px; line-height:35px; padding:0 15px; float:left; font-size:14px}
.productbox .catebox .rbox .list1 ul li ul{ display:none}
.productbox .catebox .rbox .list1 ul li.onfocus{ background:#096eca; color:#FFF}
.productbox .catebox .rbox .list1 ul li.onfocus a{ color:#FFF}


.productbox .catebox .rbox .list2{ width:100%; height:auto; overflow:hidden;}
.productbox .catebox .rbox .list2 ul{ margin:0px; padding:0px; list-style:none}
.productbox .catebox .rbox .list2 ul li{ margin:10px; list-style:none; float:left; height:35px; line-height:35px; padding:0 15px; float:left; font-size:14px}
.productbox .catebox .rbox .list2 ul li.onfocus{ color:#096eca}
.productbox .catebox .rbox .list2 ul li.onfocus a{ color:#096eca}


.productbox .pbox{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.productbox .pbox .leftbox{ width:18%; height:auto; float:left; overflow:hidden; box-sizing:border-box}
.productbox .pbox .leftbox .list1{ width:100%; height:auto; overflow:hidden; border:1px solid #eaeaea; margin-bottom:25px} 
.productbox .pbox .leftbox .list1 .tit{ width:100%; height:38px; line-height:38px; font-size:16px; font-weight:700; color:#262626; text-indent:13px;}
.productbox .pbox .leftbox .list1 .list{ width:100%; margin:0 auto; overflow:hidden;}
.productbox .pbox .leftbox .list1 .list ul{ margin:0px; padding:0px; list-style:none}
.productbox .pbox .leftbox .list1 .list ul li{ margin:15px 0 0 0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:0 15px}
.productbox .pbox .leftbox .list1 .list ul li .pic{ width:100%; height:196px; overflow:hidden;}
.productbox .pbox .leftbox .list1 .list ul li .pic .img{ width:100%; height:196px; overflow:hidden;transition: all 0.5s ease;}
.productbox .pbox .leftbox .list1 .list ul li .title{ width:100%; height:52px; line-height:26px; font-size:14px; overflow:hidden; margin-top:10px}
.productbox .pbox .leftbox .list1 .list ul li .title2{ width:100%; height:42px; overflow:hidden; margin:10px 0 0 0}
.productbox .pbox .leftbox .list1 .list ul li .title2 p{ display:block; width:50%; height:42px; text-align:center; line-height:42px; overflow:hidden; font-size:14px; float:left}
.productbox .pbox .leftbox .list1 .list ul li .title2 p.t1{ color:#096eca; background:#eaeaea}
.productbox .pbox .leftbox .list1 .list ul li .title2 p.t2{ color:#01a952; background:#f4f4f4}


.productbox .pbox .leftbox .list1 .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

.productbox .pbox .rightbox{ width:80%; height:auto; float:right; overflow:hidden;}
.productbox .pbox .rightbox .location{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:14px; margin-bottom:10px;}
.productbox .pbox .rightbox .sortbox{ width:100%; height:auto; overflow:hidden; background:#f4f4f4;}
.productbox .pbox .rightbox .sortbox ul{ margin:0px; padding:0px; list-style:none}
.productbox .pbox .rightbox .sortbox ul li{ margin:0px; padding:0px; list-style:none; width:85px; height:32px; float:left; border-right:1px solid #d3e0ec; text-align:center; line-height:32px;}
.productbox .pbox .rightbox .sortbox ul li.t2{ background:url(../Images/down1.png) right 10px center no-repeat}
.productbox .pbox .rightbox .sortbox ul li.t3{ background:url(../Images/down1.png) right 10px center no-repeat}


.productbox .pbox .rightbox .sortbox ul li.t2on{ background:url(../Images/down2.png) right 10px center no-repeat #096eca; color:#FFF}
.productbox .pbox .rightbox .sortbox ul li.t2on a{ color:#FFF}
.productbox .pbox .rightbox .sortbox ul li.t3on{ background:url(../Images/down2.png) right 10px center no-repeat #096eca; color:#FFF}
.productbox .pbox .rightbox .sortbox ul li.t3on a{ color:#FFF}

.productbox .pbox .rightbox .sortbox ul li.onfocus{ background:#096eca; color:#FFF}
.productbox .pbox .rightbox .sortbox ul li.onfocus a{ color:#FFF}
/*产品展示*/
.productlist{ width:100%; height:auto; overflow:hidden; margin-top:1px}
.productlist ul{ margin:0px; padding:0px; list-style:none}
.productlist ul li{ margin:10px 0; padding:0px; list-style:none; width:25%; height:auto; float:left; overflow:hidden;}
.productlist ul li .box{ width:96%; height:auto; margin:0 auto; overflow:hidden; box-sizing:border-box}
.productlist ul li .box .inbox{ width:100%; height:auto; box-sizing:border-box; overflow:hidden; padding:10px;border:1px solid #ffffff;}

.productlist ul li .pic{ width:100%; height:196px; overflow:hidden;}
.productlist ul li .pic .img{ width:100%; height:196px; overflow:hidden;transition: all 0.5s ease;}
.productlist ul li .title{ width:100%; height:52px; line-height:26px; font-size:14px; overflow:hidden; margin-top:10px}
.productlist ul li .title3{ width:100%; height:30px; line-height:30px; font-size:12px; overflow:hidden; margin-top:5px; color:#686868;}

.productlist ul li .title2{ width:100%; height:42px; overflow:hidden; margin:10px 0 0 0; border:1px solid #ececec;}
.productlist ul li .title2 p{ display:block; width:50%; height:42px; text-align:center; line-height:42px; overflow:hidden; font-size:14px; float:left}
.productlist ul li .title2 p.t1{ color:#096eca; background:#eaeaea}
.productlist ul li .title2 p.t2{ color:#01a952; background:#f4f4f4}

.productlist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.productlist ul li:hover .box .inbox{ border:1px solid #ececec;}

/*精选推荐*/
.tjbox{ width:100%; height:auto; overflow:hidden; background:#ffffff; padding:10px;}
.tjbox .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.tjbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#FFF;position:relative }

.goodsrecommond{ width:100%; height:auto; overflow:hidden; border:1px solid #ececec; box-sizing:border-box; padding:15px}
.goodsrecommond .titbox{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:20px; color:#262626}
.goodsrecommond .list{ width:100%; height:auto; overflow:hidden;}
.goodsrecommond .list ul{ margin:0px; padding:0px; list-style:none}
.goodsrecommond .list ul li{ margin:0px; padding:0px; list-style:none; width:20%; height:auto; float:left; overflow:hidden;}
.goodsrecommond .list ul li .box{ width:96%; height:auto; overflow:hidden;}
.goodsrecommond .list ul li .box .pic{ width:100%; height:220px; overflow:hidden;}
.goodsrecommond .list ul li .box .pic .img{width:100%; height:220px; overflow:hidden;transition: all 0.5s ease;}
.goodsrecommond .list ul li .box .tit{ width:100%; height:30px; line-height:30px; text-align:center; overflow:hidden; font-size:16px; color:#262626; margin-top:10px;}
.goodsrecommond .list ul li .box .tit2{ width:100%; height:30px; line-height:30px; text-align:center; overflow:hidden; font-size:12px; color:#676767}

.goodsrecommond .list ul li:hover .box .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


/*手机二级顶部*/
.mbtopsearch{ width:100%; height:auto; overflow:hidden; background:#096eca; padding:10px;}
.mbtopsearch .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.mbtopsearch .centerbox .centerin{ width:96%; height:45px; overflow:hidden; margin:0 auto; background:#FFF; border-radius:40px; position:relative }
.mbtopsearch .centerbox .centerin .input1{ width:70%; height:45px; line-height:50px; border:0px; overflow:hidden; position:absolute; left:10px;}
.mbtopsearch .centerbox .centerin .btnme{ width:40px; height:40px; background:url(../Images/sbtn.jpg) no-repeat; border:0px; position:absolute; right:10px; top:5px;}


.mbtopbox{ width:100%; height:auto; overflow:hidden;}
.mbtopbox .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.mbtopbox .centerbox .centerin{ width:96%; height:auto; overflow:hidden; margin:0 auto }

/*产品详细*/
.productbox2{width:100%; height:auto; overflow:hidden; background:#ffffff; padding:20px 0 10px 0}
.productbox2 .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.productbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.productbox2  .leftbox{ width:18%; height:auto; float:right; overflow:hidden; box-sizing:border-box}
.productbox2  .leftbox .list1{ width:100%; height:auto; overflow:hidden; border:1px solid #eaeaea; margin-bottom:25px} 
.productbox2  .leftbox .list1 .tit{ width:100%; height:38px; line-height:38px; font-size:16px; font-weight:700; color:#262626; text-indent:13px;}
.productbox2  .leftbox .list1 .list{ width:100%; margin:0 auto; overflow:hidden;}
.productbox2  .leftbox .list1 .list ul{ margin:0px; padding:0px; list-style:none}
.productbox2  .leftbox .list1 .list ul li{ margin:15px 0 0 0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:0 15px}
.productbox2  .leftbox .list1 .list ul li .pic{ width:100%; height:196px; overflow:hidden;}
.productbox2  .leftbox .list1 .list ul li .pic .img{ width:100%; height:196px; overflow:hidden;transition: all 0.5s ease;}
.productbox2  .leftbox .list1 .list ul li .title{ width:100%; height:52px; line-height:26px; font-size:14px; overflow:hidden; margin-top:10px}
.productbox2  .leftbox .list1 .list ul li .title2{ width:100%; height:42px; overflow:hidden; margin:10px 0 0 0}
.productbox2  .leftbox .list1 .list ul li .title2 p{ display:block; width:50%; height:42px; text-align:center; line-height:42px; overflow:hidden; font-size:14px; float:left}
.productbox2  .leftbox .list1 .list ul li .title2 p.t1{ color:#096eca; background:#eaeaea}
.productbox2  .leftbox .list1 .list ul li .title2 p.t2{ color:#01a952; background:#f4f4f4}

.productbox2  .rightbox{ width:80%; height:auto; float:left; overflow:hidden;}


.ertoplocation{ width:100%; height:50px; line-height:50px; overflow:hidden; background:#f4f4f4;}
.ertoplocation .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.ertoplocation .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto;height:50px; line-height:50px; }


/*产品详细页*/
.pshowbox1{ width:100%; height:auto; overflow:hidden;}
.pshowbox1 .slide{ width:43%; float:left; height:440px; overflow:hidden; position:relative; background:#f4f4f4;} 
.pshowbox1 .slide .list{ width:100%; height:440px; overflow:hidden;}
.pshowbox1 .slide .list ul{ margin:0px; padding:0px; list-style:none}
.pshowbox1 .slide .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:440px; overflow:hidden;}

.pshowbox1 .wordbox{ width:56%; height:auto; float:right; overflow:hidden;}
.pshowbox1 .wordbox .tit{ width:100%; height:auto; overflow:hidden; font-size:24px; line-height:200%; overflow:hidden; color:#262626}
.pshowbox1 .wordbox .tit2{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:200%; }
.pshowbox1 .wordbox .word{ width:100%; height:auto; overflow:hidden; line-height:200%; font-size:14px;border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:10px 0}
.pshowbox1 .wordbox .sharebox{ width:100%; height:auto; overflow:hidden; margin-top:20px;}


.pshowbox2{ width:100%; height:auto; overflow:hidden;  margin-top:20px;}
.pshowbox2 .navlist{ width:100%; height:50px; line-height:50px; overflow:hidden;background:#f4f4f4;}
.pshowbox2 .navlist ul{ margin:0px; padding:0px; list-style:none}
.pshowbox2 .navlist ul li{ margin:0px; padding:0px; list-style:none; width:130px; height:50px; line-height:50px; font-size:14px; text-align:center; cursor:pointer; float:left}
.pshowbox2 .navlist ul li.onfocus{ background:#096eca; color:#FFF}
.pshowbox2 .cbox{ width:100%; height:auto; overflow:hidden; line-height:200%; margin:10px 0}

/*评论框*/
.dzbox{ width:100%; height:auto; overflow:hidden; background:#f3f6ff; padding:15px; overflow:hidden;} 
.dzbox ul{ margin:0px; padding:0px; list-style:none}
.dzbox ul li{ margin:10px 0; padding:0px; list-style:none; width:100%; height:auto;; overflow:hidden;}
.dzbox ul li .tit{ width:10%; float:left; overflow:hidden; text-align:right; font-size:14px; height:45px; line-height:45px;}
.dzbox ul li .inbox{ width:90%; float:left; box-sizing:border-box; padding:0 0 0 10px; height:auto; overflow:hidden;}
.dzbox ul li .inbox .input1{ width:50%; height:45px; line-height:45px; border:1px solid #d0d6e6;}
.dzbox ul li .inbox textarea{ width:100%; height:135px; line-height:20px; border:1px solid #d0d6e6;}

.dzbox ul li .inbox .input2{ width:30%; height:45px; line-height:45px; border:1px solid #d0d6e6; float:left}
.dzbox ul li .inbox .code{ height:45px; line-height:45px; float:left; margin-left:10px; overflow:hidden;}

.dzbox ul li .inbox .list{ width:100%; height:auto; overflow:hidden;}
.dzbox ul li .inbox .one{ width:100px; height:auto; overflow:hidden; float:left; margin:0 10px 10px 0;}
.dzbox ul li .inbox .one .pic{ width:100px; height:100px; overflow:hidden;}
.dzbox ul li .inbox .one .pic img{ width:100px; height:100px;}
.dzbox ul li .inbox .one  .name{ width:100%; height:30px; line-height:30px; text-align:center}

.dzbox ul li .inbox .other{ width:100%; height:auto; overflow:hidden;}
.dzbox ul li .inbox .btnme{ width:233px; height:64px; line-height:64px; overflow:hidden; background:#096eca; color:#FFF; font-size:14px; text-align:center; border:0px;}

/*评论列表*/
.dzlist{ width:100%; height:auto; overflow:hidden;}
.dzlist .one{ width:100%; height:auto; overflow:hidden; margin-top:10px; border-bottom:1px solid #f2f2f2}
.dzlist .one .tit{ width:10%; float:left; overflow:hidden; text-align:left; font-size:14px;  color:#757575;}
.dzlist .one .inbox{ width:90%; float:left; box-sizing:border-box; padding:0 0 0 10px; height:auto; overflow:hidden;}
.dzlist .one .inbox .wordbox{ width:100%; height:auto; overflow:hidden; line-height:200%; font-size:14px;}
.dzlist .one .inbox .photo{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.dzlist .one .inbox .photo .pic{ width:100px; height:100px; border:1px solid #d4d5ea; float:left; margin:10px 10px 0 0; float:left}
.dzlist .one .inbox .time{ width:100%; height:35px; line-height:35px; overflow:hidden; color:#a7a7a7}
/*关于我们*/
.aboutbox1{ width:100%; height:auto; overflow:hidden; background:url(../Images/aboutbg.jpg) bottom center  no-repeat #fdfdfd; padding:30px 0}
.aboutbox1 .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.aboutbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

.aboutbox2{ width:100%; height:auto; overflow:hidden; background: url(../Images/about2bg.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; padding:30px 0}
.aboutbox2 .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden; background:url(../Images/ab2bg.jpg) right bottom no-repeat; background-size:cover; min-height:349px; padding:25px 0  }
.aboutbox2 .centerbox .centerin{ width:92%; height:auto; overflow:hidden; margin:0 auto }


.maintitbox{ width:100%; height:auto; overflow:hidden; font-size:20px;text-align:center; margin:0 auto; text-transform:uppercase; height:40px; line-height:40px; color:#b4b4b4}
.maintitbox2{ width:100%; font-size:26px; color:#3ca703; text-align:center; margin:0 auto; height:50px; line-height:45px; background:url(../Images/h2ttline.jpg) bottom center no-repeat;}

.mainbox{ width:100%; height:auto; overflow:hidden;  background: #FFF; padding:0 0 30px 0 }
.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 }

.mainbox2{ width:100%; height:auto; overflow:hidden; padding:25px 0; background:#f1f1f1;  }
.mainbox2 .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.mainbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }


.mainbox .leftbox{ width:20%; float:left; overflow:hidden;  height:auto; position:relative; }
.mainbox .rightbox{ width:78%; float:right; overflow:hidden;height:auto; background:#FFF;} 



.mainbox .leftbox .titbox{ width:100%; margin:0 auto; height:40px; line-height:40px;  overflow:hidden; font-size:28px; font-weight:700; color:#cf0000}
.mainbox .leftbox .titbox2{ width:100%; margin:0 auto; height:auto; line-height:30px;  overflow:hidden; font-size:20px; color:#a6a6a6; background:url(../Images/tline.jpg) left bottom no-repeat; text-transform:uppercase; padding-bottom:10px}


.mainbox .leftbox .navbox{ width:90%;  height:auto; overflow:hidden;  padding-bottom:0px;}
.mainbox .leftbox .navlist{ width:100%; height:auto; overflow:hidden; margin:0 auto; box-sizing:border-box;  padding:0; ; }
.mainbox .leftbox .navlist ul{ margin:0px; padding:0px; list-style:none}
.mainbox .leftbox .navlist ul li{ margin:0px 0 5px 0; padding:0px; list-style:none; width:100%; height:auto; line-height:46px; overflow:hidden; text-align:left; text-indent:20px;  font-size:14px; background: url(../Images/rarr1.png) right 19px center no-repeat #e5f1fc; }
.mainbox .leftbox .navlist ul li.onfocus{ background: url(../Images/rarr2.png) right 19px center no-repeat #01a952; color:#ffffff;   }
.mainbox .leftbox .navlist ul li.onfocus a{ color:#ffffff;}
.mainbox .leftbox .navlist ul li ul{ margin:0px; padding:0px; list-style:none; display:none}
.mainbox .leftbox .navlist ul li ul li{ margin:0px; padding:0px; list-style:none; height:30px; text-indent:40px; line-height:30px;background:url(../Images/arrA.jpg) 25px center no-repeat; font-size:12px ; border:0px; }
.mainbox .leftbox .navlist ul li.onfocus ul li a{ color:#a26432}
.mainbox .leftbox .navlist ul li.onfocus ul li.onfocus{ font-weight:bold;background:url(../Images/arrB.jpg) 25px center no-repeat; color:#a26432}
.mainbox .leftbox .navlist ul li.onfocus ul li.onfocus a{color:#0094da} 
.mainbox .leftbox .navlist ul li.onfocus ul{ display:block}


.mainbox .otherbox{ width:100%; height:auto; overflow:hidden; background:#f2f9fd;}
.mainbox .otherbox .list1{ width:100%; height:auto; overflow:hidden;}
.mainbox .otherbox .list1 ul{ margin:0px; padding:0px; list-style:none}
.mainbox .otherbox .list1 ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left}
.mainbox .otherbox .list1 ul li .pic{ width:100%; height:auto; overflow:hidden; text-align:center; margin-top:16px;}
.mainbox .otherbox .list1 ul li .tit{ width:100%; height:35px; line-height:35px; text-align:center; font-size:14px}

.mainbox .otherbox .navlist2{ width:96%; margin:0 auto; overflow:hidden; background:#096eca; margin-top:15px;}
.mainbox .otherbox .navlist2 ul{ margin:0px; padding:00px; list-style:none}
.mainbox .otherbox .navlist2 ul li{ margin:0px; padding:00px; list-style:none; height:37px; line-height:37px; text-align:center; font-size:14px; color:#FFF; text-align:center; cursor:pointer; width:50%; float:left}
.mainbox .otherbox .navlist2 ul li.onfocus{ background:#01a952}

.mainbox .otherbox .listbox{ width:92%; margin:0 auto; overflow:hidden;  margin-top:10px;}
.mainbox .otherbox .listbox .list2{ width:100%; height:auto; overflow:hidden;}
.mainbox .otherbox .listbox .list2 ul{ margin:0px; padding:0px; list-style:none}
.mainbox .otherbox .listbox .list2 ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:30px; line-height:30px; font-size:14px; color:#262626; background:url(../Images/dot1.jpg) left center no-repeat; text-indent:15px; overflow:hidden}

.mainbox .adbox{ width:100%; height:auto; overflow:hidden; margin-top:10px}





.mainbox .rightbox .titlebox{ width:100%;  overflow:hidden; height:54px; border-bottom:1px solid #cccccc;; position:relative}
.mainbox .rightbox .titlebox .tit{ position: absolute; left:0px; top:0px; height:53px; line-height:53px; font-size:24px; color:#262626;}
.mainbox .rightbox .titlebox .tit span{ font-family:"Times New Roman", Times, serif; font-size:16px}
.mainbox .rightbox .titlebox .location{ position:absolute; right:10px; top:0px;height:57px; line-height:57px;  text-indent:31px;}

.mainbox  .thebox{ width:100%; margin:0 auto; padding:10px 0;}

.mainbox .erpic{ width:100%; height:auto; overflow:hidden; margin:20px 0}

.ertoptit{ width:100%; height:54px; line-height:54px; overflow:hidden; font-size:30px; text-align:center; background:url(../Images/ttline2.jpg) bottom center no-repeat; color:#282828; margin-top:37px;}

.thetoper{ width:100%; height:auto; overflow:hidden;}
.thetoper .titbox{ width:100%; height:auto; overflow:hidden; position:relative; font-size:32px; color:#00408a; text-align:center; line-height:50px;}
.thetoper .titbox2{ width:100%; height:auto; overflow:hidden;font-size:16px; color:#00408a; text-align:center;   margin-top:10px; font-family:Arial, Helvetica, sans-serif}
.thetoper .titbox3{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:200%; color:#676767;margin-top:10px; text-align:center}

.maintit{ width:100%; font-size:20px; color:#242424; text-align:left; margin:0 auto; height:45px; line-height:45px;text-align:center}
.maintit2{ width:100%; height:auto; overflow:hidden; font-size:36px; margin:0 auto;  height:50px; line-height:50px; color:#a26432; text-align:center }

/*新闻*/
.newslist{ width:100%; height:auto; overflow:hidden;}
.newslist ul{ margin:0px; padding:0px; list-style:none}
.newslist ul li{ margin:0; padding:0; list-style:none; width:100%; height:47px; line-height:47px; overflow:hidden; position:relative;  overflow:hidden; border-bottom:1px dashed #d4d4d4; font-size:14px; position:relative }
.newslist ul li p{height:47px; line-height:47px; position:absolute; top:0}
.newslist ul li p.t1{ left:0; width:75%; overflow:hidden; background:url(../Images/dot2.png) left center no-repeat; text-indent:21px; font-size:16px}
.newslist ul li p.t2{ right:0; font-size:13px;}

.newslist ul li:hover p.t1{ font-weight:700; color:#096eca}

/*在线答疑*/
.questionlist{width:100%; height:auto; overflow:hidden;}
.questionlist ul{ margin:0px; padding:0px; list-style:none}
.questionlist ul li{ margin:10px 0 0 0; padding:0; list-style:none; width:100%; height:auto;  overflow:hidden; border-bottom:1px dashed #d4d4d4; font-size:14px;}
.questionlist ul li .tit{ width:100%; height:40px; line-height:40px; overflow:hidden; background:url(../Images/wd.png) left center no-repeat; text-indent:33px; font-size:16px; font-weight:700; color:#262626;}
.questionlist ul li .word{ width:100%; height:30px; line-height:30px; overflow:hidden; color:#676767; font-size:14px; text-indent:33px; }


/*表单*/


.formbox{ width:100%; height:auto; overflow:hidden; background:#f4f4f4; padding:15px; box-sizing:border-box; margin-top:20px; }
.formbox .titbox{ width:100%; height:auto; overflow:hidden; font-size:20px; color:#262626}
.formbox .titbox span{ font-family:"Times New Roman", Times, serif; font-size:18px;}

.formbox ul{ margin:0px; padding:0px; list-style:none}
.formbox ul li{ margin:10px 0px; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden;}
.formbox ul li .inbox{ width:96%; overflow:hidden; float:left;}
.formbox ul li .input1{ width:100%; height:50px; 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:nth-child(2) .inbox{ margin:0 auto}
.formbox ul li:nth-child(3) .inbox{ float:right}


.formbox ul li .input2{ width:170px; height:50px;  border:1px solid #d8d8d8; float:left; display:block}
.formbox ul li .safecode{ float:left; margin-left:10px;}

.formbox ul li select{ width:100%; height:35px; line-height:35px; overflow:hidden; border:1px solid #CCC; }

.formbox ul li textarea{ width:100%; 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.long .btnme{ width:235px; height:58px; line-height:58px; overflow:hidden; background:#01a952; font-size:16px; color:#FFF;  border:0px; display:block; margin:0 auto}

.baom{ width:309px; height:57px; background:#ff6000; font-size:20px; color:#FFF; text-align:center; line-height:57px; margin-top:25px;}


/*联系我们*/
.contactbox{ width:100%; height:auto; overflow:hidden; background:#f5f5f5; box-sizing:border-box; padding:30px 10px}
.contactbox ul{ margin:0px; padding:0px; list-style:none}
.contactbox ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left}
.contactbox ul li .pic{ width:100%; height:auto; overflow:hidden; text-align:center}
.contactbox ul li .pic img{ max-width:60%}
.contactbox ul li .tit{ width:100%; height:35px; line-height:35px; font-size:16px; font-weight:700; text-align:center}
.contactbox ul li .word{ width:100%; height:auto; line-height:30px; text-align:center; font-size:14px;}


.mapbox{ width:100%; height:386px; overflow:hidden; margin-top:25px;}


/*手机的分类列表*/
.mbcatebox{ width:100%; height:auto; overflow:hidden; background:#FFF; max-width:1280px; margin:0 auto}
.mbcatebox .leftarea{ width:36%; height:auto; overflow:hidden; float:left; background:#f4f4f4;}
.mbcatebox .leftarea ul{ margin:0px; padding:0px; list-style:none}
.mbcatebox .leftarea ul li{ margin:0px; padding:0px; list-style:none; width:100%;line-height:30px; font-size:14px; box-sizing:border-box; padding:10px 15px; border-bottom:1px solid #e8e8e8;}
.mbcatebox .leftarea ul li ul{ display:none}
.mbcatebox .leftarea ul li.onfocus{ background:#FFF}

.mbcatebox .rightarea{ width:64%; height:auto; overflow:hidden; float:left}
.mbcatebox .rightarea .list{ width:100%; height:auto; overflow:hidden;}
.mbcatebox .rightarea .list ul{ margin:0px; padding:0px; list-style:none}
.mbcatebox .rightarea .list ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left; height:50px; line-height:50px; overflow:hidden; border-bottom:1px solid #e8e8e8; text-indent:10px; font-size:14px}



/*荣誉资质*/
.pridelist{ width:100%; height:auto; overflow:hidden;}
.pridelist ul{margin:0px; padding:0px; list-style:none}
.pridelist ul li{ margin:10px 0; padding:0px; list-style:none; width:20%; height:auto; float:left; overflow:hidden;}
.pridelist ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto; overflow:hidden;}
.pridelist ul li .pic{ width:100%; height:310px; overflow:hidden;}
.pridelist ul li .pic .img{ width:100%; height:310px; overflow:hidden;transition: all 0.5s ease;}
.pridelist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*项目展示*/
.projectlist{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.projectlist ul{ margin:0px; padding:0px; list-style:none}
.projectlist ul li{ margin:10px 0px; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left}
.projectlist ul li .box{ width:98%; height:auto; overflow:hidden; margin:0 auto; padding-bottom:10px}
.projectlist ul li .pic{ width:100%; height:295px; overflow:hidden;}
.projectlist ul li .pic .img{ width:100%; height:295px; overflow:hidden;transition: all 0.5s ease;} 
.projectlist ul li .tit{ width:100%; height:35px; line-height:35px; text-align:center; font-size:18px; overflow:hidden; margin-top:10px;} 
.projectlist ul li .tit2{ width:100%; height:30px; line-height:30px; text-align:center; overflow:hidden; font-size:14px; margin-top:0px}
.projectlist ul li:hover .box{ background:#f2f2f2}
.projectlist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.projectlist ul li:hover .tit{ color:#00408a}
.projectlist ul li:hover .tit2{color:#00408a}

/*新闻*/
.newstopbox{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
.newstopbox .slidebox{ width:49%; float:left; overflow:hidden; height:391px; position:relative}
.newstopbox .slidebox .list{ width:100%; height:391px; overflow:hidden;}
.newstopbox .slidebox .list ul{ margin:0px; padding:0px; list-style:none}
.newstopbox .slidebox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:391px; overflow:hidden; position:relative}
.newstopbox .slidebox .list ul li .pic{ width:100%; height:391px; overflow:hidden;}
.newstopbox .slidebox .list ul li .cover{ position:absolute; left:0px; bottom:0px; background:url(../Images/covr1.png) repeat-x; height:99px;}

.newspage {position: absolute;left: 0;text-align: center; bottom:15px;width: 100%;}
.newspage .swiper-pagination-switch { display: inline-block;width: 10px;height: 10px; border-radius: 10px;background: #ffffff;margin: 0 3px;cursor: pointer;}
.newspage .swiper-active-switch {background: #00408a;}


.newstopbox .listbox{ width:49%; float:right; overflow:hidden;}
.newstopbox .listbox ul{ margin:0px; padding:0px; list-style:none}
.newstopbox .listbox ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ededed; padding-bottom:23px;} 
.newstopbox .listbox ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:16px; font-weight:700; color:#262626}
.newstopbox .listbox ul li .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px;}
.newstopbox .listbox ul li:hover .tit{ color:#00408a}





/*新闻列表*/
.thenews{ width:100%; height:auto; overflow:hidden; margin-top:35px;}
.thenews ul{ margin:0px; padding:0px; list-style:none}
.thenews ul li{ margin:10px 0; padding:15px; list-style:none; width:100%; height:auto; overflow:hidden; position:relative;  border-top:1px dashed #ededed; background:#f6f6f6; box-sizing:border-box;transition: all 0.5s ease;}
.thenews ul li .tit{ width:100%; height:45px; line-height:45px; overflow:hidden; font-size:18px; color:#262626; font-weight:700}
.thenews ul li .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:13px;}
.thenews ul li .time{ width:100%; height:25px; line-height:25px; overflow:hidden; margin-top:10px; background:url(../Images/time.png) left center no-repeat; text-indent:25px; font-size:13px;}

.thenews ul li:hover{ background:#eff4f9}
.thenews ul li:hover .tit{ color:#00408a}

/*人才理念*/
.jobidea{ width:100%; height:auto; overflow:hidden;}
.jobidea ul{ margin:0px; padding:0px; list-style:none}
.jobidea ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden; box-sizing:border-box; padding:15px;}
.jobidea ul li .box{ width:100%; height:auto; overflow:hidden; overflow:hidden;box-shadow:0 0 9px 3px #f3f3f3; border-radius:15px; box-sizing:border-box; padding:10px; background:#FFF}
.jobidea ul li .pic{ width:100%; height:235px; overflow:hidden;}
.jobidea ul li .wordbox{ width:100%; height:138px; overflow:hidden;}
.jobidea ul li .wordbox .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; text-align:center; font-size:24px; font-weight:700; color:#00408a; line-height:35px; margin-top:10px;}
.jobidea ul li .wordbox .word{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:200%; overflow:hidden;}




/*维权投诉*/
.countrylist{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.countrylist ul{ margin:0px; padding:0px; list-style:none}
.countrylist ul li{ margin:0px 0 15px 0; padding:0 0px 10px 0 ; list-style:none; width:100%; height:auto; overflow:hidden; border-bottom:1px dashed #e1e1e1}
.countrylist ul li .pic{ width:256px; float:left; overflow:hidden; height:177px; overflow:hidden; border-radius:5px}
.countrylist ul li .pic .img{ width:100%; height:177px; overflow:hidden;transition: all 0.5s ease;}
.countrylist ul li .wordbox{ width:648px; float:right; overflow:hidden;}
.countrylist ul li .wordbox .tit{ width:100%; height:40px; line-height:40px; font-size:18px; color:#262626; font-weight:700}
.countrylist ul li .wordbox .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px; color:#464646; margin-top:15px;}
.countrylist ul li .wordbox .more{ width:100%; height:auto; overflow:hidden; margin-top:10px; font-size:12px; color:#cf0000}

.countrylist ul li:hover .wordbox .tit{ color:#cf0000}
.countrylist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


/*国家地区展示*/
.countrypic{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:200%; margin:10px 0}
.countrypic img{ max-width:100%; height:auto}
.countryshow{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.countryshow .titbox{ width:100%; height:50px; background:#f3f3f3; overflow:hidden; position:relative}
.countryshow .titbox p{ display: block; height:50px; line-height:50px;}
.countryshow .titbox p.t1{ float:left; font-size:16px; font-weight:70; color:#a26432; text-indent:16px;}
.countryshow .titbox p.t2{ float:right; background:url(../Images/d1.png) right center no-repeat; font-size:14px; padding-right:20px; margin-right:20px; cursor:pointer}
.countryshow .titbox p.t3{ float:right; background:url(../Images/u1.png) right center no-repeat; font-size:14px; padding-right:20px; margin-right:20px; display:none;cursor:pointer; color:#FFF}
.countryshow .wordbox{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:14px; margin:10px 0}

.countryshowon .titbox{ background:#a26432}
.countryshowon .titbox p.t1{ color:#FFF}
.countryshowon .titbox p.t2{  display:none}
.countryshowon .titbox p.t3{ display:block}
.countryshowon .wordbox{ height:auto}




/*新闻信息*/
.bignews{ width:100%; height:auto; overflow:hidden; margin:0 auto; clear:both; margin:20px 0; }
.bignews .list{ width:96%; margin:0 auto; overflow:hidden;}
.bignews ul{ margin:0px; padding:0px; list-style:none}
.bignews ul li{ margin:0 0 0 0px; padding:0px; overflow:hidden; list-style:none; width:100%; height:auto;clear:both;}
.bignews ul li .pic{ width:346px; float:left; overflow:hidden; height:237px; border-radius:10px; }
.bignews ul li .pic .img{ width:100%; height:237px; overflow:hidden;transition: all 0.5s ease;}
.bignews ul li .wordbox{ width:558px; float:right; overflow:hidden; height:auto;}
.bignews ul li .wordbox .tit{ width:100%; height:70px; line-height:35px; font-size:20px; color:#262626; font-weight:700}
.bignews ul li .wordbox .word{ width:100%; height:75px; line-height:25px; overflow:hidden; font-size:14px; color:#464646; margin-top:10px;}
.bignews ul li .wordbox .more{ width:100%; height:auto; overflow:hidden; margin-top:18px; font-size:12px; color:#cf0000}

.bignews ul li:hover .wordbox .tit{ color:#cf0000}
.bignews ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}





.schoolList{ width:100%; height:auto; overflow:hidden;}
.schoolList ul{ margin:0px; padding:0px; list-style:none}
.schoolList ul li{ margin:10px 0; padding:0px; list-style:none; width:25%; height:auto; float:left; overflow:hidden;}
.schoolList ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto;}
.schoolList ul li .pic{ width:100%; height:203px; overflow:hidden}
.schoolList ul li .pic .img{ width:100%; height:203px; overflow:hidden;transition: all 0.5s ease;}
.schoolList ul li .tit{ width:100%; height:46px; line-height:46px; overflow:hidden; text-align:center; font-size:18px; font-weight:700; color:#000000}
.schoolList ul li .tit2{ width:100%; height:30px; line-height:30px; overflow:hidden; text-align:center; font-size:14px; color:#000000 }

.schoolList ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*学院校排名*/
.pmlist{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.pmlist .list{ width:100%; height:auto; overflow:hidden;}
.pmlist ul{ margin:0px; padding:0px; list-style:none}
.pmlist ul li{ margin:0px; padding:0px; list-style:none; height:118px; overflow:hidden; position:relative}
.pmlist ul li p{ display:block;height:118px; overflow:hidden; position:relative; float:left} 
.pmlist ul li p.t1{ width:9%; line-height:118px; text-align:center; color:#242424; font-size:18px;}
.pmlist ul li p.t2{ width:11%;line-height:118px; text-align:center; color:#242424; font-size:18px;}
.pmlist ul li p.t3{ width:31%;}
.pmlist ul li p.t3 .pic{ width:79px; height:79px; position:absolute; left:0px; top:19px;}
.pmlist ul li p.t3 .m1{ position:absolute; left:98px; top:32px; font-size:18px; font-weight:700; color:#242424}
.pmlist ul li p.t3 .m2{ position:absolute; left:98px; top:63px; font-size:15px;  color:#242424}
.pmlist ul li p.t4{ width:17%;line-height:118px; text-align:center; color:#242424; font-size:14px;}
.pmlist ul li p.t5{ width:20%;}
.pmlist ul li p.t5 span{ display:block; width:100%; font-size:14px; text-align:center}
.pmlist ul li p.t5 span.m1{ margin-top:25px;}
.pmlist ul li p.t5 span.m2{ margin-top:5px;}
.pmlist ul li p.t6{ width:12%;line-height:118px; text-align:center; color:#242424; font-size:14px;}

.pmlist ul li.tit{ height:60px; background:#a26432; color:#FFF; font-size:16px; line-height:60px; text-align:center}
.pmlist ul li.tit p{ height:60px; line-height:60px;}
.pmlist ul li.tit p.t1{ line-height:60px; color:#FFF;font-size:16px;}
.pmlist ul li.tit p.t2{ line-height:60px; color:#FFF;font-size:16px;}
.pmlist ul li.tit p.t4{ line-height:60px; color:#FFF;font-size:16px;}
.pmlist ul li.tit p.t6{ line-height:60px; color:#FFF;font-size:16px;}

.pmlist ul li.even{ background:#f3f3f3}



/*新闻*/
.nplist{ width:100%; height:auto; overflow:hidden; margin:0 auto; clear:both}
.nplist ul{ margin:0px; padding:0px; list-style:none}
.nplist ul li{ margin:20px 0 0 0px; padding:0 0 0px 0; overflow:hidden; list-style:none; width:33.33%; height:auto; float:left}
.nplist ul li .box{ width:96%; margin:0 auto; overflow:hidden; }

.nplist ul li .pic{ width:100%; height:262px;overflow:hidden; position:relative}
.nplist ul li .pic .img{ width:100%; height:262px;transition: all 0.5s ease;}
.nplist ul li .tit{ width:100%; height:55px; line-height:55px; overflow:hidden; font-size:18px; font-weight:700; color:#242424}
.nplist ul li .word{ width:100%; height:54px; line-height:27px; overflow:hidden; font-size:14px;}
.nplist ul li .time{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:12px; margin-top:10px;}


.nplist ul li:hover .tit{ color:#a26432}
.nplist ul li:hover .word{ color:#a26432}
.nplist ul li:hover .time{ color:#a26432}
.nplist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}




/*案例展示*/
.caselist{ width:100%; height:auto; overflow:hidden;}
.caselist ul{ margin:0px; padding:0px; list-style:none}
.caselist ul li{ margin:15px 0 ; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden;}
.caselist ul li .box{ width:96%; margin:0 auto; overflow:hidden;transition: all 0.5s ease;}
.caselist ul li .pic{ width:100%; height:420px; overflow:hidden; border:1px solid #e5e5e5; padding:5px;}
.caselist ul li .pic .img{ width:100%; height:420px; overflow:hidden;transition: all 0.5s ease;}
.caselist ul li .tit{ width:100%; height:50px; line-height:50px; font-size:14px; overflow:hidden; text-align:center}

.caselist ul li:hover .pic{border:1px solid #a16332;}
.caselist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.caselist ul li:hover .tit{ color:#a26432;}


.casemore{ width:187px; height:48px; line-height:48px; text-align:center; font-size:14px; border:1px solid #bcbcbc; margin:0 auto; margin-top:25px; border-radius:25px;transition: all 0.5s ease;}
.casemore:hover{ background:#104eb1; color:#FFF;border:1px solid #104eb1; }


/*人力资源*/
.jobsearch{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
.jobsearch ul{ margin:0px; padding:0px; list-style:none}
.jobsearch ul li{ margin:0px; padding:0px; list-style:none; width:17%; height:auto; overflow:hidden; float:left}
.jobsearch ul li.t4{ width:49%; float:left; overflow:hidden;}
.jobsearch ul li .select1{ width:96%; height:54px; border:1px solid #898989;}
.jobsearch ul li .input1{ width:80%; height:54px; border:1px solid #898989; float:left}
.jobsearch ul li .btnme{ width:20%; height:54px; background: url(../Images/searchbtn.jpg) center center no-repeat #009ceb; border:0; float:left}


.jobtitbox{ width:100%; height:55px; overflow:hidden; background:#f6efea; color: #212121; font-size:16px; margin-top:30px;}
.jobtitbox p{ display:block; height:55px; line-height:55px; float:left; overflow:hidden; text-indent:45px;}
.jobtitbox p.t1{ width:34%; background:url(../Images/job1.jpg) 10px center no-repeat}
.jobtitbox p.t2{ width:28%; background:url(../Images/job2.jpg) 10px center no-repeat}
.jobtitbox p.t3{ width:25%; background:url(../Images/job3.jpg) 10px center no-repeat}
.jobtitbox p.t4{ width:13%; background:url(../Images/job4.jpg) 10px center no-repeat}

.joblist{ width:100%; height:auto; overflow:hidden;}
.joblist .onebox{ width:100%; height:auto; overflow:hidden; margin-top:15px; border:1px solid #f0f0f0; background:#ffffff; box-sizing:border-box; padding:15px}
.joblist .onebox .titbox{ width:100%; height:50px; line-height:50px; overflow:hidden;  cursor:pointer; font-size:16px}
.joblist .onebox .titbox p{ display:block; height:55px; line-height:55px; float:left; overflow:hidden; text-indent:0;}
.joblist .onebox .titbox p.t1{ width:70%; text-align:left}
.joblist .onebox .titbox p.t2{ width:30%; text-align:right}
.joblist .onebox .titbox p.t2 .m1{ display: inline}
.joblist .onebox .titbox p.t2 .m2{ display:none}

.joblist .onebox .titbox2{ width:100%; height:40px; line-height:40px; overflow:hidden;  cursor:pointer; font-size:14px}

.joblist .onebox .wordbox{ width:100%; height:auto; overflow:hidden; padding:15px 0;  display:none; border-top:1px solid #e6e6e6; }


.joblist .onfocus .titbox{color:#00408a}
.joblist .onfocus .titbox p.t2 .m1{ display:none}
.joblist .onfocus .titbox p.t2 .m2{ display:inline}

.joblist .onfocus .wordbox{ display:block}



/*环保设备*/
.machine{ width:100%; height:auto; overflow:hidden;}
.machine ul{ margin:0px; padding:0px; list-style:none}
.machine ul li{ margin:15px 0 0 0; padding:0px; list-style:none; width:25%; float:left; overflow:hidden;}
.machine ul li .box{ width:96%; margin:0 auto; overflow:hidden; background:#ffffff;transition: all 0.5s ease;border:1px solid #efefef;transition: all 0.5s ease;}
.machine ul li .pic{ width:100%; height:268px;  overflow:hidden; position:relative}
.machine ul li .pic .img{ width:100%; height:268px; overflow:hidden;transition: all 0.5s ease;}
.machine ul li .pic .cover{ width:100%; height:268px; background:url(../Images/cover2.png) center center no-repeat; background-size:cover; clear:none; position:absolute; left:0px; top:0px; display:none}
.machine ul li .wordbox{ width:96%; margin:0 auto;}
.machine ul li .wordbox .tit{ width:100%; height:57px; line-height:57px; font-size:16px; text-align:center; background: url(../Images/line1.jpg) bottom center no-repeat; overflow:hidden;}
.machine ul li .wordbox .tit2{ width:100%; height:36px; line-height:36px; overflow:hidden; text-align:center}

.machine ul li:hover .box{ background:#a7d006}
.machine ul li:hover .pic .cover{ display:block}
.machine ul li:hover .wordbox .tit{ background:url(../Images/line2.jpg) bottom center no-repeat; color:#FFF}
.machine ul li:hover .wordbox .tit2{ color:#FFF}
.machine ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}







/*材料展示*/
.piclist{ width:100%; height:auto; overflow:hidden;}
.piclist ul{ margin:0px; padding:0px; list-style:none}
.piclist ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:25%; height:auto; overflow:hidden; float:left}
.piclist ul li .box{ width:96%; margin:0 auto; overflow:hidden;}
.piclist ul li .pic{ width:100%; height:312px; overflow:hidden; position:relative}
.piclist ul li .pic .img{ width:100%; height:312px; overflow:hidden;transition: all 0.5s ease;}

.piclist ul li .tit{ width:100%; height:60px; overflow:hidden; line-height:60px; font-size:14px; text-align:center}
.piclist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.piclist ul li:hover .tit{ background:#ececec; color:#f16005;}










/*相册幻灯*/
.schoolSlide{ width:100%; height:600px; overflow:hidden; margin:0 auto; margin-top:20px; position:relative}
.schoolSlide .list{ width:100%; height:456px; overflow:hidden;}
.schoolSlide .list ul{ margin:0px; padding:0px; list-style:none}
.schoolSlide .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:456px; float:left; overflow:hidden; float:left; position:relative}
.schoolSlide .list ul li p{ display:block; width:100%; height:40px; line-height:40px; text-indent:15px; color:#FFF; overflow:hidden; background:url(../Images/cover3.png) repeat; left:0px; bottom:0px; position:absolute}
.schoolSlide .leftarr{ width:30px; height:45px; background:url(../Images/left1.png) no-repeat; position:absolute; left:28px; top:197px; cursor:pointer; z-index:100; }
.schoolSlide .rightarr{ width:30px; height:45px;background:url(../Images/right1.png) no-repeat; position:absolute; right:28px; top:197px;cursor:pointer; z-index:100; }
.schoolSlide .minbox{ width:100%; height:111px; overflow:hidden; margin-top:24px; position:relative}
.schoolSlide .minbox .left1{ position:absolute; left:0px; top:25px; width:20px; height:33px; background:url(../Images/minleft.jpg) no-repeat;cursor:pointer}
.schoolSlide .minbox .right1{position:absolute; right:0px; top:25px;width:20px; height:33px; background:url(../Images/minright.jpg) no-repeat;cursor:pointer}
.schoolSlide .minbox .mlist{ width:92%; margin:0 auto; overflow:hidden; }
.schoolSlide .minbox .mlist ul{ margin:0px; padding:0px; list-style:none}
.schoolSlide .minbox .mlist ul li{ margin:0px; padding:0px; list-style:none; width:191px; height:111px; overflow:hidden; float:left}
.schoolSlide .minbox .mlist ul li .img{ width:90%; height:111px; overflow:hidden;}
.schoolSlide .minbox .mlist ul li .img .cover{ width:100%; height:111px; background:url(../Images/cover3.png) repeat; overflow:hidden; display:none}
.schoolSlide .minbox .mlist ul li .img .cover p{ display:block; width:100%; text-align:center; color:#FFF; font-size:14px}
.schoolSlide .minbox .mlist ul li .img .cover p.t1{ margin-top:33px;}
.schoolSlide .minbox .mlist ul li.active-nav .img{ border:1px solid #0882d5}
.schoolSlide .minbox .mlist ul li.active-nav .img .cover{ display:block}





/*新闻*/
.listnews{ width:100%; height:auto; overflow:hidden;}
.listnews ul{ margin:0px; padding:0px; list-style:none}
.listnews ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:100%; height:140px; border-bottom:1px dashed #e5e5e5;}
.listnews ul li .wordbox{ width:86.01%; float:left;}
.listnews ul li .wordbox .tit{ width:100%; height:25px; line-height:25px; font-size:14px; color:#000; overflow:hidden;}
.listnews ul li .wordbox .hit{ width:100%; height:24px; line-height:24px; margin-top:7px; overflow:hidden; background:url(../Images/hittimes.jpg) left center no-repeat; text-indent:38px;overflow:hidden;}
.listnews ul li .wordbox .word{ width:100%; height:50px; line-height:25px; overflow:hidden; margin-top:10px;}
.listnews ul li .timebox{ width:10%; float:right; height:113px; overflow:hidden; border-left:1px solid #e6e6e6;}
.listnews ul li .timebox p{ display:block; width:100%; overflow:hidden; text-align:center}
.listnews ul li .timebox p.t1{ width:100%; font-size:24px; color:#eb2c34; margin-top:25px;}
.listnews ul li .timebox p.t2{ width:100%; margin-top:13px; overflow:hidden; font-size:12px;}

.listnews ul li.havepic .pic{ width:20.86%; float:left; overflow:hidden; height:126px; overflow:hidden;} 
.listnews ul li.havepic .pic .img{ width:100%;  height:126px;transition: all 0.5s ease;}
.listnews ul li.havepic  .wordbox{ width:62.06%; float:left; margin-left:2.73%;}

.listnews ul li.havepic:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*服务*/
.servicelist{ width:100%; height:auto; overflow:hidden; clear:both; padding:15px 0}
.servicelist ul{ margin:0px; padding:0px; list-style:none}
.servicelist ul li{ margin:15px 0 0 0 ; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden; height:auto;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
.servicelist ul li .box{ width:96%; margin:0 auto; overflow:hidden; border:1px solid #ebebeb;}
.servicelist ul li .pic{ width:100%; height:194px; overflow:hidden;}
.servicelist ul li .pic .img{ width:100%; height:194px; overflow:hidden;transition: all 0.5s ease;}
.servicelist ul li .tit{ width:92%; margin:0 auto; height:50px; line-height:50px; font-size:14px; color:#000; overflow:hidden;}
.servicelist ul li .word{ width:92%; margin:0 auto; height:50px; line-height:25px; overflow:hidden; border-bottom:1px dashed #CCCCCC; margin-top:10px; }
.servicelist ul li .more{ width:92%; margin:0 auto; height:41px; line-height:41px; overflow:hidden;}
.servicelist ul li .more p{ display:block; height:41px; line-height:41px;}
.servicelist ul li .more p.t1{float:left;}
.servicelist ul li .more p.t2{float:right; color:#e5222a;}

.servicelist ul li:hover .tit{ color:#e5222a;}
.servicelist ul li:hover .box{ border:1px solid #e5222a;}
.servicelist ul li:hover .pic .img{  -webkit-transform: scale(1.1); transform: scale(1.1);}

/*留言*/
.msgbox{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:25px 0; margin-bottom:20px;}
.msgbox .box{ width:92%; margin:0 auto; overflow:hidden;}
.msgbox .tit{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:16px;}
.msgbox .list{ width:100%; height:auto; overflow:hidden;}
.msgbox .list ul{ margin:0px; padding:0px; list-style:none}
.msgbox .list ul li{ margin:10px 0 0 0; padding:0px; list-style:none; width:33.33%; height:36px; line-height:36px; float:left; overflow:hidden;}
.msgbox .list ul li .input1{ width:92%; height:36px; border:1px solid #CCC; text-indent:11px; line-height:36px; background:#FFF}
.msgbox .list ul li select{ width:92%; height:36px; border:1px solid #CCC; line-height:36px; background:#FFF}
.msgbox .list ul li .btnme{ width:128px; height:40px; line-height:40px; color:#FFF; border:0px; background:#00a3cc; font-size:14px}



.allbox{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:20px 0;}

/*下载*/
.download{ width:96%; margin:0 auto; overflow:hidden;}
.download ul{ margin:0px; padding:0px; list-style:none}
.download ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:43px; line-height:43px; border-bottom:1px dashed #d3d3d3; position:relative}
.download ul li p{ display:block; height:43px; line-height:43px; float:left; overflow:hidden;}
.download ul li p.t1{ background:url(../Images/newsdot1.jpg) 5px 16px no-repeat; text-indent:24px; font-size:14px; width:60%;}
.download ul li p.t2{ width:20%; text-align:center;}
.download ul li p.t3{ width:20%; text-align:right;}






/*师资力量*/
.teacherlist{ width:100%; height:auto; overflow:hidden;}
.teacherlist ul{ margin:0px; padding:0px; list-style:none}
.teacherlist ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; float:left}
.teacherlist ul li .box{ width:96%; margin:0 auto; overflow:hidden;}
.teacherlist ul li .pic{ width:100%; height:182px; border:1px solid #CCC; overflow:hidden;}
.teacherlist ul li .pic .img{width:100%; height:182px; transition: all 0.5s ease;}
.teacherlist ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:14px; text-align:center}

.teacherlist ul li:hover .pic .img{-webkit-transform: scale(1.1);transform: scale(1.1);}








/*关于我们*/
.aboutbox{ width:100%; background:url(../Images/aboutbg.jpg) top right  no-repeat; overflow:hidden; min-height:400px; margin-top:35px; font-size:14px;}
.aboutbox .box{ width:50%; overflow:hidden; line-height:200%;}
.aboutpic{ width:100%; height:auto; overflow:hidden;}
.aboutpic ul{ margin:0px; padding:0px; list-style:none}
.aboutpic ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left; overflow:hidden;}
.aboutpic ul li img{ width:96%; margin:0 auto; overflow:hidden;}
 





.box2{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.showus{ width:100%; line-height:200%;  margin:0 auto; margin-top:20px; font-size:14px}
.showus table{width:100%;border-collapse:collapse;}
.showus tr.tit{ background:#0172c4; color:#FFF;}
.showus tr.even{ background:#eff4f8}
.showus td{border:1px solid #e1e1e1;line-height:48px; font-size:14px; text-align:center}
.showus td em{color:#999;margin-left:5px; font-style:normal;}




.ertitle{ width:100%; height:auto; overflow:hidden;}
.ertitle { float:left; height:67px; line-height:67px; overflow:hidden; font-size:24px; font-weight:bold; color:#4b4b4b;}
.ertitle  span{ font-weight:normal; color:#7f7f7f; font-size:12px}








/*推荐的新闻*/
.goodnews{ width:100%; height:auto; overflow:hidden;}
.goodnews ul{ margin:0px; padding:0px; list-style:none}
.goodnews ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left; height:185px;}
.goodnews ul li .box{ width:90%; height:185px; overflow:hidden;}
.goodnews ul li .tit{ width:100%; height:47px; line-height:47px; font-size:16px; overflow:hidden; color:#3f9d15; font-weight:bold;}
.goodnews ul li .word{ width:100%; height:75px; line-height:25px; overflow:hidden; color:#787878; }
.goodnews ul li .time{ width:100%; margin-top:20px; height:45px; line-height:45px; overflow:hidden; color:#3f9d15;}




/*产品展示*/
.photolist{ width:100%; height:auto; overflow:hidden;}
.photolist ul{ margin:0px; padding:0px; list-style:none}
.photolist ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:33%; float:left; overflow:hidden;}
.photolist ul li .box{ width:90%; height:auto; overflow:hidden;}
.photolist ul li .box .pic{ width:100%; height:307px; overflow:hidden; position:relative; border:2px solid #f4f4f4; padding:-2px;}
.photolist ul li .box .tit{ width:100%; height:50px; line-height:50px; font-size:14px; text-align:center}


.photolist ul li:hover .box .pic { border:2px solid #f59b0f;}
.photolist ul li:hover .box .tit{  color:#f59b0f}



/*产品详细页*/
.protit{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #eaeaea; text-align:center}
.protit em{ font-style:normal; font-size:16px; height:48px; line-height:48px; border-bottom:2px solid #faa93e; color:#0976cb; padding:15px 0}
.showpic{ width:100%; text-align:center; padding:25px 0}
.showpic img{ max-width:100%;}

.pronav{ width:100%; height:auto; overflow:hidden; border:1px solid #d4d4d4; padding-bottom:-1px;}
.pronav ul{ margin:0px; padding:0px; list-style:none}
.pronav ul li{ margin:0px; padding:0px; list-style:none; width:14.28%; height:43px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;  float:left; line-height:43px; overflow:hidden; font-size:14px; text-align:center; cursor:pointer}

.pronav ul li.onfocus { background:#f59b0f; color:#FFF}

.productarea{ width:100%; height:auto; overflow:hidden; clear:both; padding:15px 0 ;}



.memformbox{ width:100%; height:auto; overflow:hidden; max-width:600px; margin:0 auto}
.memformbox .titbox{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:28px; font-weight:700; color:#000000; margin-top:30px;}
.memformbox ul{ margin:0px; padding:0px; list-style:none}
.memformbox ul li{ margin:10px 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.memformbox ul li .input1{ width:100%; height:53px; line-height:53px; border:1px solid #e3e3e3; text-indent:10px;}

.memformbox ul li .input2{ width:50%; height:53px; line-height:53px; border:1px solid #e3e3e3; text-indent:10px; float:left}
.memformbox ul li.word{ font-size:14px; margin:10px 0}
.memformbox ul li .btnme{ width:100%; height:57px; line-height:57px; border:0px; background:#096eca; border-radius:5px; color:#FFF; font-size:16px}
.memformbox ul li .btnme2{ width:100%; height:57px; line-height:57px; border:0px; background:#096eca; border-radius:5px; color:#FFF; font-size:16px}


.memformbox ul li.word2{ font-size:14px; text-align:center}
.memformbox ul li.word2 a{ color:#30318b}


/*会员中心*/
.memberbox{ width:100%; height:auto; overflow:hidden;  background:#ffffff; padding:0 0 30px 0; margin-top:25px; }
.memberbox .centerbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; background:#FFF; box-sizing:border-box; }
.memberbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

.memberbox .leftbox{ width:19%; float:left; overflow:hidden;  height:auto; position:relative; background:#f8f8f8 }
.memberbox .rightbox{ width:79%; float:right; overflow:hidden;height:auto; background:#FFF;} 


.memberbox .leftbox .headimg{ width:136px; height:136px; overflow:hidden; border-radius:80px; margin:0 auto; position:relative; text-align:center; margin-top:25px}
.memberbox .leftbox .headimg .img{ width:136px; height:136px; overflow:hidden;; margin:0 auto}
.memberbox .leftbox .headimg .img img{ width:136px; height:136px}
.memberbox .leftbox .headimg .icon{ position:absolute; right:20px; bottom:20px}

.memberbox .leftbox .titbox{ width:100%; margin:0 auto; height:auto; text-align:center; margin-top:10px;  padding:0 0 0 0; font-size:22px; color:#30318b;padding-bottom:40px; background:url(../Images/lefta.png) bottom center no-repeat; }
.memberbox .leftbox .titbox2{ width:100%; margin:0 auto; height:auto; line-height:30px;  overflow:hidden; font-size:12px; color:#30318b; background:url(../Images/tline.jpg) left bottom no-repeat;  font-family:Arial, Helvetica, sans-serif; text-align:center}


.memberbox .leftbox .navbox{ width:90%;  height:auto; overflow:hidden;  padding-bottom:0px;}

.memberbox .leftbox .mbtit{ width:100%; height:60px; line-height:60px; overflow:hidden; background:url(../Images/downarr.png) right 20px center no-repeat; font-size:16px; color:#FFF; text-indent:10px; border-bottom:1px solid #454697; display:none}
.memberbox .leftbox .mbtiton{background:url(../Images/uparr.png) right 20px center no-repeat; }


.memberbox .leftbox .navlist{ width:100%; height:auto; overflow:hidden; margin:0 auto; box-sizing:border-box; border-bottom:2px solid #30318b;  padding:0 0 163px 0; margin-top:27px; }
.memberbox .leftbox .navlist ul{ margin:0px; padding:0px; list-style:none}
.memberbox .leftbox .navlist ul li{ margin:0; padding:0px; list-style:none; width:100%; height:62px; overflow:hidden; text-align:left; text-indent:60px; border-bottom:1px solid #f3f3f3;  font-size:14px; background:url(../Images/arr2.png) 15px 13px no-repeat; }
.memberbox .leftbox .navlist ul li p.t1{ width:100%; height:20px; line-height:20px; margin-top:12px; font-size:16px; overflow:hidden;}
.memberbox .leftbox .navlist ul li p.t2{ width:100%; height:16px; line-height:16px; margin-top:2px; font-size:12px; overflow:hidden;}

.memberbox .leftbox .navlist ul li.onfocus{ background:url(../Images/arr1.png) 15px 13px no-repeat #096eca;  color:#ffffff;   }
.memberbox .leftbox .navlist ul li.onfocus a{ color:#ffffff;}
.memberbox .leftbox .navlist ul li ul{ margin:0px; padding:0px; list-style:none; display:none}
.memberbox .leftbox .navlist ul li ul li{ margin:0px; padding:0px; list-style:none; height:30px; text-indent:40px; line-height:30px;background:url(../Images/arrA.jpg) 25px center no-repeat; font-size:12px ; border:0px; }
.memberbox .leftbox .navlist ul li.onfocus ul li a{ color:#a26432}
.memberbox .leftbox .navlist ul li.onfocus ul li.onfocus{ font-weight:bold;background:url(../Images/arrB.jpg) 25px center no-repeat; color:#a26432}
.memberbox .leftbox .navlist ul li.onfocus ul li.onfocus a{color:#0094da} 
.memberbox .leftbox .navlist ul li.onfocus ul{ display:block}

.memberbox .leftbox .telbox{ width:92%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.memberbox .leftbox .telbox .tit{ width:100%; height:30px; line-height:30px; font-size:14px; color:#000;text-indent:20px;}
.memberbox .leftbox .telbox .tel{ width:100%; height:30px; line-height:30px; overflow:hidden; color:#0591e0;text-indent:20px;} 

.memberbox .leftbox .leftbottom{ width:100%; height:14px; background:url(../Images/leftbottom.jpg) center center no-repeat; background-size:100% 100%;}


.memberbox .leftbox .leftad{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:url(../Images/leftb.png) bottom center no-repeat; padding-bottom:61px}
.memberbox .leftbox .leftad .list{ width:100%; height:91px; overflow:hidden;}
.memberbox .leftbox .leftad .list ul{ margin:0px; padding:0px; list-style:none}
.memberbox .leftbox .leftad .list ul li{ margin:0; padding:0px; list-style:none; width:100%; height:91px; overflow:hidden;}
.memberbox .leftbox .leftad .list ul li .pic{ width:100%; height:91px; overflow:hidden;}


.memberbox .rightbox .titlebox{ width:100%;  overflow:hidden; height:54px; border-bottom:1px solid #cccccc;; position:relative}
.memberbox .rightbox .titlebox .tit{ position: absolute; left:0px; top:0px; height:53px; line-height:53px; font-size:24px; color:#096eca; font-weight:700}
.memberbox .rightbox .titlebox .tit span{ font-size:16px}
.memberbox .rightbox .titlebox .location{ position:absolute; right:10px; top:0px;height:57px; line-height:57px;  text-indent:31px;}

/*个人资料表单*/
.memberInfo{ width:100%; height:auto; overflow:hidden; margin-left:60px; max-width:600px; margin-top:60px}
.memberInfo .picbox{ width:100%; height:165px; overflow:hidden; position:relative;}
.memberInfo .picbox .pic{ width:163px; height:163px; overflow:hidden; background:#ebebeb; border-radius:80px; position:absolute; left:40px; top:0px;}
.memberInfo .picbox .pic img{ width:163px; height:163px; overflow:hidden;}

.memberInfo .picbox .upbtn{ position:absolute; left:220px; top:40px;}
.memberInfo .picbox .word{ position:absolute; left:220px; top:100px; color:#aeaeae;}

.memberInfo .list{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.memberInfo .list ul{ margin:0px; padding:0px; list-style:none}
.memberInfo .list ul li{ margin:10px 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.memberInfo .list ul li .tit{ width:150px; height:50px; line-height:50px; text-align:right; font-size:15px; color:#191919; float:left; box-sizing:border-box; padding:0 10px 0 0}
.memberInfo .list ul li .word{ width:450px; height:auto; overflow:hidden; float:left; line-height:50px; font-size:14px}
.memberInfo .list ul li .input1{ width:100%; height:46px; line-height:46px; text-indent:10px; border:1px solid #e3e3e3}
.memberInfo .list ul li .select1{ width:100%; height:46px; line-height:46px; text-indent:10px; border:1px solid #e3e3e3}
.memberInfo .list ul li .btnme{ width:150px; height:47px; line-height:47px; border:0px; color:#FFF; font-size:16px; background:#096eca}

.memberInfo .list ul li .input2{ width:60%; height:47px; border:1px solid #e3e3e3; text-indent:10px; font-size:14px}

.memberInfo .list ul li  .getcode{ float:right;color:#0b70e3; cursor:pointer; height:47px; line-height:47px; width:40%; text-align:center; background:#f2f2f2; font-size:14px;}
.memberInfo .list ul li  .getcode span{ color:#0b70e3; cursor:pointer}
