@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fieldset,blockquote,th,td {margin:0;padding:0; font-weight: normal;}
body {color: #000; margin:0px; padding:0px;  font: normal 100%;font-family:"Microsoft YaHei"; min-width:1200px; font-size:14px; background:#fff;}
a{ color:#333; text-decoration:none;}
a:active, a:hover{ text-decoration:none;}
// :focus{out`line:0}
img { border:0; vertical-align:middle;}
table {border-collapse:collapse;border-spacing:0;}
ol,ul,dl {list-style:none;}
li{ list-style:none;}
input,button{ vertical-align:middle;}
.clear{display:block;height:0;clear:both;content:"";overflow:hidden;visibility:hidden;}
p{ margin:0; padding:0;}
header, section, article, aside, footer { display:block;}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {-webkit-appearance: none;border:none;}
.yingcang{display: none;}
.chuxian{display: block;}
#wrap{width:100%;}
.fr{ float:right;}
/*判断*/
@media screen and (max-width: 1100px){ #wrap{width: 1100px;}}
#content{width:1100px;overflow:hidden;text-align:center;margin: auto;}
#header{width: 100%}
#header .top{width: 1100px;margin: auto;height: 40px;line-height: 40px;overflow: hidden;}
#header .top ul.lianxii{float: left;}
#header .top ul.lianxii p{color: #4a4a4a;font-size: 12px}
#header .top ul.language{float:right;}
#header .top ul.language a{display: inline-block;margin: 0px 20px;font-size:14px;color: #646464; text-transform:uppercase;}
#header ul.logo{float: left;margin-top:25px; }
#header ul.nav{float: right;margin: 35px 0px 0px 0px;}
#header ul.nav li{float: left;line-height:26px; width:96px; text-align:center;border-right:1px solid #CCC;}
#header ul.nav li a{font-size: 16px;color: #232323;display: block;cursor: pointer; }
#header ul.nav li:hover a,#header ul.nav li.active a{color:#0057a8;border-bottom: 2px solid #0057a8; width:70px; margin:0 auto;}
ul.add li{margin-right: 100px}
/**about***/
.main{width: 1100px; margin:0 auto;}
.mainn{width: 1300px; margin:0 auto;}
.title{padding: 50px 101px 7px 101px;background: url("xian_03.gif") repeat-x 0px 38px;text-align: center;max-width: 280px;margin:auto;margin-bottom: 20px;}
.title p{display: inline-block;padding: 0px 28px;background-color:#fff; font-size:32px;color: #333333;line-height: 50px; font-weight:bold;}
.title span{display:block;font-size: 14px;color: #018dd5;margin-top:10px;text-align:center;height:20px;line-height:20px;font-weight:normal;text-transform: uppercase;}
.title a{float: right;font-size: 12px;font-weight: normal;}
.about{background: url("/images/about-bg.jpg") no-repeat bottom;height:780px;margin-bottom:30px;width: 100%;background-size: contain;}
.abgnr{width:650px; float:right; padding-top:30px; color:#fff; line-height:27px; font-size:13px;}
/**yoshi***/
.hhui{ width:1100px; margin:0 auto; margin-bottom:30px;}
.ys2{height:705px;background-image: url("images/cpp.jpg");background-repeat: no-repeat;background-position: center center; margin-bottom:10px;}
.mt{position:absolute;font-family:"Microsoft YaHei";font-size:25px;font-weight:bold;color:#018dd5;}
.mt1{margin-top: 70px;margin-left:630px;}
.mt2{margin-top:290px;margin-left:20px;}
.mt3{margin-top:500px;margin-left: 655px;}	
.mt4{color:#ffc001;font-size:26px;margin-top:440px;	margin-left:60px;}
.at{position:absolute;font-family:"Microsoft YaHei";font-size:14px;width:540px;line-height:25px;}
.at1{margin-top:120px;margin-left:630px;}
.at2{margin-top:340px;margin-left:25px;}
.at3{margin-top:560px;margin-left: 655px;}		
.at4{width:270px;text-align:right;margin-top:530px;}
.hong{color:#F00;}
.mtop10{ margin-top:30px;}
/**products***/
.products{width: 100%;background-color:#ededed;padding: 50px 0px;}
.pro_nav{float: left;width:220px;}
.pro_nav p{width:220px;height: 100px;background-color:#018dd5;margin-bottom:5px;text-align:center;color:#fff;text-transform:uppercase;}
.pro_nav p span{font-size: 32px;margin-top: 10px;line-height: 50px;display:inline-block;}
.pro_nav ul{width:100%;margin: auto;background-color: #fff}
.pro_nav ul li{height: 38px;border-bottom: 1px solid #e4e4e4;line-height: 38px;padding-left:15px;margin-top: 5px;}
.pro_nav ul li a{font-size: 14px;color: #555555;padding-left: 15px;background: url("pro.png")/*tpa=http://www.mange-china.com/images/pro.png*/ no-repeat left;display: block;}
.pro_nav ul li a:hover{color: #01468f;background: url("prohover.png")/*tpa=http://www.mange-china.com/images/prohover.png*/ no-repeat left;}
.nav_color{background-color: #efefef}

.pro_right{float: right;width:850px;background-color: #fff;padding: 20px 10px 0px 10px;position: relative;}
.pro_right .pro_pic{width:850px;height:415px;display: table-cell;vertical-align: middle;text-align: center;border-bottom: 1px solid #e4e4e4;}
.pro_right .pro_pic img{max-width:850px;max-height: 415px}
.pro_right .hd{text-align: center;position: absolute;top: 405px;width:850px}
.pro_right .hd li{width: 11px;height: 11px;border-radius: 50%;border: 1px solid #ccc;display: inline-block;margin: 0px 1px;cursor: pointer;}
.pro_right .hd li.on{background-color: #ffffff;border-color: #01468f;}
.pro_right .pro_tit{font-size: 26px;color: #0a3d6b;font-weight:bold;line-height: 60px;text-align: center;text-transform:uppercase;}
.pro_right .pro_desc{font-size: 14px;color: #6e6e6e;line-height:26px;height:130px; overflow:hidden;}
.pro_right .prev{display: block;width: 59px;height: 59px;background: url("prev1.png")/*tpa=http://www.mange-china.com/images/prev1.png*/;cursor: pointer;position: absolute;left: 0px;top: 220px}
.pro_right .prev:hover{background: url("prev.png")/*tpa=http://www.mange-china.com/images/prev.png*/;}
.pro_right .next{display: block;width: 59px;height: 59px;background: url("next1.png")/*tpa=http://www.mange-china.com/images/next1.png*/;cursor: pointer;position: absolute;right: 0px;top: 220px}
.pro_right .next:hover{background: url("next.png")/*tpa=http://www.mange-china.com/images/next.png*/;}
/***weishenmxuanz **/
.yuanjing{height:450px;text-align: center;background:#f7f7f7;padding-top:50px}
.yuanjingtit{width:400px;background:#018dd5;border:5px solid #FFF;height:60px;line-height:60px;margin:0 auto;color:#fff;font-weight:bold;font-size: 32px;letter-spacing: 3px;margin-bottom:20px;}
.yyp1{font-size: 22px;color:#000;line-height:35px;width:1200px;margin:0 auto;}
.yyp2{font-size:20px;color:#000;line-height:30px;margin-top:20px}
.yspic{width:1100px;margin:0 auto;margin-top: 40px;}
.yspic a{ margin-right:20px; float:left;}
.yspic a:nth-child(4n) {margin-right:0px;  float:right;}
/*****rongyu****/
.honor{width:1200px;margin:0 auto;padding-left:100px;position: relative;margin-bottom: 20px;}
.honor ul li{float: left;width: 342px;height: 310px;overflow: hidden;margin:30px 12px 5px 12px;}
.honor ul li div{width: 340px;height: 246px;display: table-cell;vertical-align: middle;text-align: center;border: 1px solid #dedede;}
.honor ul li div img{max-width: 320px;max-height: 226px}
.honor ul li p{font-size: 18px;color: #444444;text-align: center;line-height: 50px}
.honor ul li:hover p{color: #0057a8}
.honor .prev{display: block;width:58px;height:115px;background: url("lt.png")/*tpa=http://www.mange-china.com/images/lt.png*/;position: absolute;left: -10px;top:100px;cursor: pointer;}
.honor .prev:hover{background: url("lt.png")/*tpa=http://www.mange-china.com/images/lt.png*/;}
.honor .next{display: block;width: 58px;height: 115px;background: url("rt.png")/*tpa=http://www.mange-china.com/images/rt.png*/;position: absolute;right: -10px;top: 100px;cursor: pointer;}
.honor .next:hover{background: url("rt.png")/*tpa=http://www.mange-china.com/images/rt.png*/;}
/*****jiejuefanan****/
.fiveUl{width:1100px;margin:0 auto;height: 580px;}
.fiveUl li{width:203px; height:250px;  margin-right:90px; float:left; margin-bottom:30px;}
.fiveUl li:nth-child(4n) { margin-right:0px;  float:right;}
.fiveUl li img{ display:block; margin:0 auto; margin-top:25px;}
.fiveUl li span{ text-align:center; font-size:26px; font-weight:bold;color:#00a2e9; display:block; margin-top:10px;}
.fiveUl li a{ text-decoration:none; display:block;}
.fiveUl li.last{ margin-right:0} 
.fiveUl li:hover{ background-position:bottom}
/**********xinwen********/
.news_left{float: left;width:340px;margin-right:30px;margin-bottom: 10px;border-bottom: 2px solid #9cddff;height: 390px;}
.news_left img{ border:1px solid #CCC;}
.news_left:nth-child(3n) { margin-right:0px;  float:right;}
.news_left h3{font-size:15px;color: #333333;line-height: 30px;font-weight: bold;margin: 8px 0px}
.font1{background:url("h.png")/*tpa=http://www.mange-china.com/images/h.png*/ no-repeat left center; padding-left:20px; font-weight:normal; font-size:12px; margin-left:20px; float:right;}
.font2{background:url("s.png")/*tpa=http://www.mange-china.com/images/s.png*/ no-repeat left center; padding-left:20px; font-weight:normal; font-size:12px; margin-left:20px; float:right;}
.news_left p{font-size: 12px;color: #878787;line-height:22px; margin-bottom:10px;}
.news_left span{float: left;display:block;width:74px; margin-bottom:10px;height:25px;text-align: center;line-height:25px;color:#efefef;background-color: #8a8a8a;font-size: 12px; border-radius:10px;}
.news_left:hover span{background-color: #018dd5}
.news_left h3 a:hover{color: #01468f}
.news_left:hover{ border-bottom:2px solid #018dd5}
/***********huoban**********/
.hzhb{ width:1100px; height:250px; margin:0 auto;}
.hzhb ul{}
.hzhb ul li{width:255px;height: auto;float:left;margin:11px;margin-bottom: 20px;}
.hzhb ul li img{width:255px; border:#ccc solid 1px; }
.hzhb ul li:nth-child(4n) { margin-right:0px;  float:right;}

/*********内页你现在的位置********/
.location_bj{background-color: #efefef;margin-top: 1px;margin-bottom: 24px}
.location{width: 1100px;height: 55px;line-height: 55px;margin: auto;}
.location p{font-size: 18px;color: #484848;float: left;}
.location p span{font-size: 14px;color: #737373; text-transform:uppercase;}
.location ul{float: right;font-size: 12px;color: #888}
.location ul a{font-size: 12px;color: #888888;}
.location ul a:hover{color: #666}
.location ul span{font-size: 14px;color: #888888}

.pro_title2{height:41px;border-bottom: 1px solid #018dd5}
.pro_title2 .tit{display: inline-block;float: left;font-size:26px;color: #018dd5;line-height:35px;border-bottom:5px solid #018dd5;height:39px;font-weight: normal;}
.pro_title2 .tit span{font-size: 12px;color: #737373; text-transform:uppercase;}
.pro_title2 a{float: right;font-size: 12px;color: #616060;line-height: 50px}
.pro_title2 a:hover{color: #01468f}


.news_nav{height: 42px;border-bottom: 2px solid #d8d8d8}
.news_nav li{width: 138px;float: left;line-height: 35px;height: 42px;font-weight: normal;margin-right: 5px}
.news_nav li a{display: block;font-size: 24px;color: #999;line-height: 35px;height: 42px;text-align: center;}
.news_nav li a:hover,.news_nav li a.active{border-bottom: 2px solid #00418b;color: #00418b}


/*****内页产品******/
.pro_navv{float: left;width: 255px; background:#fff;}
.pro_navv p{width: 255px;background-color:#018dd5;margin-bottom:5px;text-align:center;height: 100px;color:#fff;text-transform:uppercase;}
.pro_navv p span{font-size:34px; margin-top:20px; display:inline-block;}
.pro_navv>ul{width:100%;margin: auto;background-color:#eee}
.pro_navv>ul>li{height: 50px;border-bottom: 2px solid #fff;line-height: 50px;padding-left:45px;position:relative;}
.pro_navv>ul>li:hover,.pro_navv>ul>li.active{background-color:#018dd5;}
.pro_navv>ul>li:hover:before,.pro_navv>ul>li.active:before{font-size:22px;}
.pro_navv>ul>li:hover a,.pro_navv>ul>li.active a{color:#fff;}
.pro_navv>ul>li:before{position:absolute;width:24px;height:24px;background-color:#018dd5;content:"▶";border-radius:100%;top:14px;left:20px;line-height:24px;text-align:center;color:#fff;transition:0.3s all;}
.pro_navv>ul>li a{font-size: 16px;color: #555555;width: 100%;padding-left: 15px;display: inline-block;}

.dropdown>ul{width:100%;margin: auto;background-color:#eee}
.dropdown>ul>li{height: 34px;line-height: 34px;padding-left:45px;position:relative;}
.dropdown>ul>li:hover,.dropdown>ul>li.active{background-color:#018dd5;}
.dropdown>ul>li:hover:before,.dropdown>ul>li.active:before{font-size:22px;color:#fff;}
.dropdown>ul>li:hover a,.dropdown>ul>li.active a{color:#fff;}
.dropdown>ul>li:before{position:absolute;width:20px;height:20px;content:"□";border-radius:100%;top:4px;left:20px;line-height:24px;text-align:center;color:#018dd5;transition:0.3s all;}
.dropdown>ul>li a{font-size: 12px;color: #555555;width: 100%;padding-left: 15px;display: inline-block;letter-spacing:-1px;}


.lianxi{background:#eee; padding:10px; line-height:30px; font-size:13px; margin-bottom:30px;}
.main_right{width:820px;float: right;}
.prolist{width: 100%}
.prolist ul{padding-top: 39px}
.prolist ul li{float: left;width:370px;height: 420px;margin-left:30px;margin-bottom:40px;padding: 9px 11px;border: 1px solid #e3e3e3;}
.prolist ul li:nth-of-type(2n+1){margin-left: 0px}
.prolist ul li{display: table-cell;width: 370px;vertical-align: middle;text-align: center;background-color: #fff}
.prolist ul li img{width: 370px;height: 370px;}
.prolist ul li h3{font-size: 20px;color: #111111;text-align: center;line-height: 60px;text-transform:uppercase;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;display:block;
}
.prolist ul li p{font-size: 12px;color: #666666;line-height: 24px;padding: 0px 5px}
.prolist ul li:hover{border-color: #00a0ea;background-color: #00a0ea}
.prolist ul li:hover div{width: 370px;height: 180px;border: 1px solid #d1d6dc}
.prolist ul li:hover h3{color: #fff}
.prolist ul li:hover p{color: #fff}
.pro_title{height: 42px;border-bottom: 2px solid #eee}
.pro_title .tit{display: inline-block;float: left;font-size: 24px;color: #00a0ea;line-height: 35px;border-bottom:5px solid #00a0ea;height: 40px;font-weight: normal;}
.pro_title .tit a{font-size: 24px;color: #00a0ea;line-height: 35px;}
.pro_title .tit span{font-size: 12px;color: #999999;border-bottom: 2px solid #00a0ea;padding-bottom: 2px;display: inline-block;}
.pro_title .tit2 span{font-size: 18px;color: #787878;padding-bottom: 10px}
.pro_title a{float: right;font-size: 12px;color: #616060;line-height: 50px}
.pro_title a:hover{color: #0c53aa}
.pro_title .prev{display: block;width: 32px;height: 28px;background: url("prev3.png")/*tpa=http://www.mange-china.com/images/prev3.png*/;cursor: pointer;line-height: 50px;margin-top: 14px}
.pro_title .prev:hover{background: url("prev4.png")/*tpa=http://www.mange-china.com/images/prev4.png*/;}
.pro_title .next{display: block;width: 32px;height: 28px;background: url("next3.png")/*tpa=http://www.mange-china.com/images/next3.png*/;cursor: pointer;line-height: 50px;margin-top: 14px}
.pro_title .next:hover{background: url("next4.png")/*tpa=http://www.mange-china.com/images/next4.png*/;}

/**********产品详情*********/
.pro_view{padding: 12px;border: 1px solid #e3e3e3;margin: 20px 0px;height: 515px;}
.pro_view .rxcp_list_left{width: 400px;height: 500px;float:left;}
.pro_view .pic{width: 320px;height:320px;text-align: center;}
.pro_view .pic img{max-width: 650px;max-height:320px}
.pro_view .rxcp_list_right{width: 500px;float:right;}
.pro_view .rxcp_list_right h1{font-size:30px;color: #00a0e9;padding-top: 20px;padding-bottom:20px;border-bottom: 1px solid #e4e4e4;font-weight:bold;}
.pro_view ul p{font-size:14px;color:#6e6e6e;height: 200px;margin-top: 20px;line-height:30px;}
.pro_view .desc{font-size: 14px;color: #444444;line-height: 24px;border-top: 1px dashed #e4e4e4;padding-top: 20px;padding-bottom: 30px;height: 40px;}
.pro_view .qq{display:inline-block;width: 220px;height: 36px;border:2px solid #00a0e9;line-height: 36px;text-align:center;border-radius:30px;float: left;}
.pro_info{padding:15px 0px}
.pro_info .cpcp{font-size: 18px;color: #00a0e9;line-height: 50px;margin-top: 20px; font-weight:bold;}





.news_top{width: 100%;height: 247px;margin: 30px 0px;border-bottom: 2px solid #dcdcdc;padding-bottom: 60px}
.news_top img{float: left;}
.news_top div{float: left;width: 642px;margin-left: 42px;}
.news_top div h3{font-size: 24px;;line-height: 35px;margin-bottom: 20px;font-weight: normal;}
.news_top div h3 a{color: #232323}
.news_top div h3 a:hover{color: #275897}
.news_top div h3 span{font-size: 12px;color: #f6911d;border-bottom: 2px solid #f6911d;font-weight: normal;padding-bottom: 5px}
.news_top div p{font-size: 14px;color: #777777;line-height: 24px}
.news_top div .more{width: 99px;line-height: 28px;font-size: 12px;color: #fff;border-radius: 3px;text-align: center;margin-top: 20px;display: block;background-color:#ababab}
.news_top div .more:hover{background-color: #f6911d}

ul.newslist{}
ul.newslist li{height: 160px;border-bottom: 1px solid #dedede;position: relative;padding-bottom: 36px;margin: 25px 0px}
ul.newslist li img{float: left;}
ul.newslist li div{float: left;width: 660px;margin-left: 45px}
ul.newslist li div h3 a{font-size: 26px;color: #222222;font-weight: normal;margin-bottom: 6px;display: block;}
ul.newslist li div h3 a:hover{color: #275897}
ul.newslist li div p{font-size: 14px;color: #777777;line-height: 22px;text-align: justify;}
ul.newslist li div .more{display: block;width: 108px;line-height: 30px;color: #7d7d7d;text-align: center;font-size: 12px;border-radius: 3px;margin-top: 15px;border: 1px solid #7d7d7d}
ul.newslist li span{display: inline-block;width: 70px;height: 65px;background-color: #ababab;color: #fff;text-align: right;padding: 20px 15px 0px 0px;font-size: 22px;position: absolute;right: 0px;top: 45px}
ul.newslist li span b{font-size: 16px}
ul.newslist li:hover div .more{border-color: #275897;color: #275897}
ul.newslist li:hover span{background-color: #275897}


.tjcp{width: 100%}
.tjcp ul{}
.tjcp ul li{float: left;width: 335px;height: 346px;padding: 9px 11px;margin: 20px 4px;overflow: hidden;}
.tjcp ul li div{display: table-cell;width: 333px;height: 208px;vertical-align: middle;text-align: center;;border: 1px solid #e3e3e3;background-color: #fff}
.tjcp ul li div img{max-width: 333px;max-height: 208px}
.tjcp ul li h3{font-size: 18px;color: #111111;text-align: center;line-height: 60px;}
.tjcp ul li p{font-size: 12px;color: #666666;line-height: 24px;padding: 0px 5px}
.tjcp ul li:hover{border-color: #1960a8;background-color: #1960a8}
.tjcp ul li:hover h3{color: #fff}
.tjcp ul li:hover p{color: #fff}


h2.news_title{font-size: 24px;color: #232323;text-align: center;font-weight: normal;padding-top: 30px;margin: auto;width: 900px}
p.time{font-size: 12px;color: #999999;text-align: center;padding: 20px 0px;border-bottom: 1px solid #dbdbdb;margin: auto;width: 900px}

.news_word{padding: 25px 0px;width: 900px;margin: auto;}
.news_word p{font-size: 14px;color: #333333;line-height: 26px}

.prev_n{background: url("dian_03.gif")/*tpa=http://www.mange-china.com/images/dian_03.gif*/ repeat-x top;padding: 25px 0px}
.prev_n li{font-size: 14px;color: #1e4ca7;line-height: 30px}
.prev_n li a{color: #333333}
.prev_n li a:hover{text-decoration: underline;}


.que_nav{padding-bottom: 30px;border-bottom: 5px solid #e8e8e8;height: 64px;padding-top: 10px}
.que_nav li{float: left;margin-right: 40px}
.que_nav li a{display: block;width: 218px;height: 64px;font-size: 24px;color: #fff;text-align: center;background: url("xzbj.jpg")/*tpa=http://www.mange-china.com/images/xzbj.jpg*/ no-repeat;line-height: 49px;letter-spacing: 2px;padding-right: 10px}
.que_nav li a:hover,.que_nav li a.active{background: url("que_03.gif")/*tpa=http://www.mange-china.com/images/que_03.gif*/ no-repeat;}

.question ul{padding-top: 16px}
.question ul li{height: 59px;border-bottom: 1px solid #e8e8e8;line-height: 59px;}
.question ul li a{font-size: 18px;color: #363636;padding-left: 12px;background: url("pro.png")/*tpa=http://www.mange-china.com/images/pro.png*/ no-repeat left;}
.question ul li a:hover{color: #0c53aa;background: url("prohover.png")/*tpa=http://www.mange-china.com/images/prohover.png*/ no-repeat left;}


.download{}
.download ul{}
.download ul li{float: left;width: 239px;height: 307px;position: relative;margin: 35px 0px 35px 43px;}
.download ul li:nth-of-type(4n+1){margin-left: 0px}
.download ul li div{width: 193px;height: 208px;padding: 25px 22px;border: 1px solid #d7d7d7}
.download ul li div img{margin-bottom: 40px}
.download ul li div p{font-size: 14px;color: #363636;line-height: 26px}
.download ul li a{display: block;height: 39px;line-height: 39px;background: url("down_05.jpg")/*tpa=http://www.mange-china.com/images/down_05.jpg*/;font-size: 18px;color: #fff;position: absolute;left: 0px;bottom: 0px;padding-left: 95px;width: 144px}
.download ul li:hover div{border-color: #0c4c9f}
.download ul li a:hover{background: url("down_03.jpg")/*tpa=http://www.mange-china.com/images/down_03.jpg*/;}

.yfzz{padding: 25px 0px}
.yfzz p{font-size: 12px;color: #666;line-height: 24px}
.yfzz h5{font-size: 20px;color: #015198;line-height: 44px;}

/*********简介*****************/
.aboutt{padding-top: 20px;}
.aboutt_left{width:1100px;padding-top:30px; margin-bottom:30px;}
.aboutt_right{width: 1100px;}
.aboutt_right h3{font-size:34px;color: #018dd5; font-weight:bold; text-align:center;}
.aboutt_right p{font-size: 16px;color: #666666;line-height:30px;margin-top: 12px;}
.aboutt_right img{width:100%;}

.waterfall{width:1100px;}
.dym-dl{width:1100px; margin-top:50px; margin-bottom:50px;}
.dym{float:left;width:350px; margin-right:25px; margin-bottom:30px;}
.dym img{width:350px;}
.dym:nth-child(3n) { margin-right:0px;  float:right;}
.dym p{ width:100%; background:#eee; height:50px; line-height:50px; text-align:center;}


.honor2{width:100%;margin: auto;position: relative; clear:both; margin-top:40px; margin-bottom:40px;}
.honor2 ul li{float: left;width:240px;height: 188px;overflow: hidden;margin:10px 14px;}
.honor2 ul li div{width: 280px;height: 160px;display: table-cell;vertical-align: middle;text-align: center;}
.honor2 ul li div img{max-width: 280px;max-height: 160px}
.honor2 ul li p{font-size: 12px;color: #7b7b7b;text-align: center;line-height: 40px}
.honor2 .prev{display: block;width: 36px;height: 60px;background: url("pre.png")/*tpa=http://www.mange-china.com/images/pre.png*/;position: absolute;left: -40px;top: 72px;cursor: pointer;}
.honor2 .prev:hover{background: url("pre1.png")/*tpa=http://www.mange-china.com/images/pre1.png*/;}
.honor2 .next{display: block;width: 36px;height: 60px;background: url("nex.png")/*tpa=http://www.mange-china.com/images/nex.png*/;position: absolute;right: -40px;top: 72px;cursor: pointer;}
.honor2 .next:hover{background: url("nex1.png")/*tpa=http://www.mange-china.com/images/nex1.png*/;}



.pic_list{padding-bottom: 40px}
.pic_list ul{width: 97%;margin: auto;}
.pic_list ul li{float: left;margin-left: 74px;margin-top: 35px;width: 209px;height: 165px}
.pic_list ul li:nth-of-type(4n+1){margin-left: 0px}
.pic_list ul li p{font-size: 14px;color: #303030;text-align: center;line-height: 40px}
.pic_list ul li:hover p{text-decoration: underline;}

.pic_view{padding-bottom: 60px;position: relative;}
.pic_title{font-size: 24px;color: #000000;text-align: center;line-height: 80px}
.pic_view .bd{width: 820px;margin: auto;padding-top: 15px}
.pic_view .bd ul{}
.pic_view .bd ul li{float: left;width: 820px;height: 490px;position: relative;}
.pic_view .bd ul li div{display: table-cell;vertical-align: middle;text-align: center;width: 820px;height: 490px}
.pic_view .bd ul li div img{max-width: 820px;max-height: 490px;}
.pic_view .bd ul li p{font-size: 16px;color: #fffefe;height: 46px;line-height: 46px;width: 98%;padding-left: 2%;position: absolute;left: 0px;bottom: 0px;background: rgba(0,0,0,0.4);}
.pic_view .hd{width: 846px;margin:5px auto;overflow: hidden;}
.pic_view .hd ul{}
.pic_view .hd ul li{float: left;width: 123px;height: 77px;border: 3px solid #fff;margin: 0px 6px;}
.pic_view .hd ul li img{border: 2px solid #fff}
.pic_view .hd ul li:hover,.pic_view .hd ul li.on{border-color: #01458e}
.pic_view .prev1{position: absolute;left: 144px;bottom: 95px;cursor: pointer;}
.pic_view .next1{position: absolute;right: 144px;bottom: 95px;cursor: pointer;}


.join{padding-bottom: 20px}
.join table{margin:30px auto;width: 100%}
.join table td{width: 25%;height: 52px;text-align: center;font-size: 16px;color: #555555;background-color: #fff}
.join table td a{color: #555555}
.join table td a:hover{text-decoration: underline;}
.join table .active td,.join table .active td a{color: #999}

.join_view{padding-bottom: 20px;background-color: #efefef}
.join_view table{margin:30px auto;width: 100%}
.join_view table td{width: 33%;height: 52px;text-align: center;font-size: 16px;color: #333;}

.job{width: 1020px;margin: auto;background-color: #fff}
.join_view .sqzw{display: block;width: 80px;height: 32px;line-height: 32px;text-align: center;font-size: 12px;color: #fff;background-color: #0057a8;float: right;margin-right: 40px;margin-top: 15px}
.join_view .sqzw:hover{color: #999}

.jianli{padding: 30px 40px;border: 1px solid #d6d6d6}
.jianli table{font-size: 12px;color: #646464}
.jianli table td{padding:6px;}
.jianli table .td1{text-align: right;}
.jianli table .td2{text-align: left;}
.jianli table input{width: 436px;height: 16px}
.jianli table .inp{width: 40px}
.jianli table textarea{width: 580px;height: 80px}
.jianli table button{width: 144px;height: 40px;line-height: 40px;text-align: center;background: #1369be;font-size: 20px;color: #fff;border-radius: 3px;cursor: pointer;}
.jianli table span{color: red}


.idea{}
.idea_left{float: left;width: 243px}
.idea_right{float: left;width: 730px;margin-left: 57px}
.idea_right h3{font-size: 22px;color: #000;padding-bottom: 8px;border-bottom: 1px solid #d3d3d3}
.idea_nav{padding-top: 50px;border-top: 1px solid #d3d3d3;margin-top: 1px}
.idea_nav a{display: inline-block;width: 132px;height: 42px;text-align: center;line-height: 42px;font-size: 15px;color: #fff;background-color: #005aa6;margin-right: 23px;margin-bottom: 30px}
/*.idea_nav a:hover,.idea_nav a.active{background-color: #fe991f}*/
.idea_word{padding: 12px 16px;border: 1px solid #d3d3d3}
.idea_word p{font-size: 14px;color: #666666;line-height: 26px}
.idea_right .zczh{}
.idea_right .zczh p{font-size: 16px;color: #666666;height: 40px;line-height: 30px;margin-top: 28px}
.idea_right .zczh p span{font-size: 26px;color: #fe991f;display: inline-block;width: 116px;background: url("zczh.png")/*tpa=http://www.mange-china.com/images/zczh.png*/ no-repeat bottom;text-align: center;line-height: 10px;float: left;margin-right: 20px;height: 34px}

.zmkh{}
.zmkh_list{margin-top: 30px}
.zmkh_list p{display: inline-block;height: 29px;line-height: 29px;padding:0px 12px;border: 1px solid #1e4ca7;font-size: 16px;color: #1e4ca7;position: relative;border-radius: 3px}
.zmkh_list p img{position: absolute;top:29px;left: 30px}
.zmkh_list ul{padding-top: 30px;border-bottom: 1px solid #e8e8e8}
.zmkh_list ul li{margin-right: 40px;height: 52px;display: inline-block;margin-bottom: 25px}
.zmkh_list ul a{display: table-cell;vertical-align: middle;height: 52px;}
.zmkh_list ul a img{max-height: 52px}

.contact{padding-bottom: 50px}
.contact h3{font-size: 22px;color: #000000;line-height: 60px;}
.con_word ul{position: relative;padding-bottom: 40px}
.con_word ul p{font-size: 14px;color: #333333;line-height: 26px}

.world{}
.world ul{float: left;width: 290px;margin-right: 72px;margin-top: 30px}
.world ul p.bsc{font-size: 12px;color: #0a70bf;padding-bottom: 10px;font-weight: bold;}
.world ul p{font-size: 12px;color: #333333;line-height: 24px}
.world ul.margin0{margin-right: 0px}
.cptd{line-height: 30px; font-size:14px; margin-top:20px;}
/***底部*****/
.footer {background:#d1d0d0;clear:both;width:100%;}
.footer a {color: #000;}
.foo_con {overflow: hidden; width:100%;margin: 0 auto; padding-top:30px; padding-bottom:10px;}
.foo_ul1 {float: left;padding-left:50px; padding-right:50px; background:url("ll.jpg")/*tpa=http://www.mange-china.com/images/ll.jpg*/  top right no-repeat; height:250px;font-size:14px;}
.foo_ul1:first-child {padding-left: 0;}
.foo_ul1 li a{font-size:14px; line-height:30px; background:url("n.png")/*tpa=http://www.mange-china.com/images/n.png*/ left center no-repeat; padding-left:15px;}
.foo_ul1 li a:hover {font-size:14px; line-height:30px; background:url("nh.png")/*tpa=http://www.mange-china.com/images/nh.png*/ left center no-repeat; padding-left:15px; color:#da251c;}
.foo_ul1 span a{ color:#000;}
.foo_ul1 span:first-child {font-size:20px; color:#000; background:none; padding-left:0px; margin-bottom:10px; display:inline-block; width:100%;}
.btlx{width:40px; height:40px; border-radius:5px; display:inline-block; background:#3d3d3d;}
.btlx:hover{width:40px; height:40px; border-radius:5px; display:inline-block; background:#018dd5;}
.btlx img{padding:5px;}
.mw1{background:url("mp.png")/*tpa=http://www.mange-china.com/images/mp.png*/ left top no-repeat; line-height:20px; display:inline-block; padding-left:40px; margin-bottom:10px; margin-top:10px;}
.mw2{background:url("lx.png")/*tpa=http://www.mange-china.com/images/lx.png*/ left top no-repeat; line-height:20px; height:20px; display:inline-block; padding-left:40px;margin-bottom:10px;}
.mw3{background:url("sj.png")/*tpa=http://www.mange-china.com/images/sj.png*/ left top no-repeat; line-height:20px; height:20px; display:inline-block; padding-left:40px;margin-bottom:10px;}
.mw4{background:url("yx.png")/*tpa=http://www.mange-china.com/images/yx.png*/ left top no-repeat; line-height:20px; height:20px; display:inline-block; padding-left:40px;margin-bottom:10px;}
.bottom{width: 100%;background-color:#018dd5;height: 46px; font-size:14px; line-height:46px; color:#fff;}
.btto{width: 1100px;margin:0 auto}
/*****************新闻资讯********************/
.newslistt{ width:100%; margin:0 auto; clear:both; margin-top:}
.newslistt ul{ margin-top:20px;}
.newslistt ul li{width:260px;height:290px;background: #f9f9f9;float: left; margin-right:20px; margin-bottom:20px;}
.newslistt ul li:nth-child(3n) {margin-right: 0; float:right;}
.con_new{width:250px;height: auto;margin: 5px auto 0;}
.xwbt{font-size:14px;line-height: 22px;margin-top: 10px;color: #3c4145; font-weight:bold;}
.tim{font-size:12px; margin-top:5px;color: #8b8b8b;}
.titl{font-size:12px;line-height:20px;color: #7b7b7b;}
.newslistt ul li span{ float:right; color:#999999}
.newmore{margin-top:10px;color:#c3161c;font-size:12px;line-height:30px;text-transform: uppercase;text-decoration: none; background:#018dd5; border-radius:20px; width:100px; text-align:center;}
.newmore a{color: #fff;font-size:12px; text-decoration: none !important;}
.xuxq{line-height:30px;text-align:left;font-size:14px;margin-top: 20px;}
.xuxq img{ max-width:820px;}
.xuxq p{text-indent:30px}
.fy{ clear:both;}
.fy a{ width:60px;height:30px; margin-top:20px; line-height:30px; display:inline-block; border:1px solid #CCC; text-align:center; margin-bottom:20px; font-size:14px; margin-right:10px; color:#666}
/**************留言*****************/
#feedback_form{ margin-top:10px; margin-bottom:80px;}
#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url("contact.png")/*tpa=http://www.mange-china.com/images/contact.png*/ no-repeat;font-size:14px;}
#feedback_form label.name{background-position:0 -32px;}
#feedback_form label.email{background-position:0 -64px;}
#feedback_form label.city{background-position:0 -96px;}
#feedback_form label.msg_title{background-position:0 -128px;}
#feedback_form label.address{background-position:0 -160px;}
#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}
#feedback_form input{width:330px;height:30px;line-height:30px;float:left;margin:0 37px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}
#feedback_form input.last{margin-right:0;}
#feedback_form .msg{padding:10px 0;}
#feedback_form textarea{height:200px;width:1000px;padding:10px;border:1px solid #dbdbdb;display:block; margin-bottom:20px;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#d20000;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
#feedback_form .btns:hover{background:#333;transition:all 0.3s;}
#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;  float:right;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#0089e2;}

/*******xingzhengh*********/
.xzdh{margin-bottom:30px; font-size:16px;}
.xzdh a{width:150px; background:#eee; height:40px;line-height:40px; display:inline-block; text-align:center; margin-right:10px;}
.xzdh a:hover{width:150px; background:#018dd5; color:#fff; height:40px; line-height:40px; display:inline-block; text-align:center; margin-right:10px;}



.relative {
	position: relative;
	z-index: 1;
}
.absolute {
	position: absolute;
	z-index: 1;
}
.block {
	display: block;
}
.web-title {
	margin-bottom: 10px;
}
.web-title .title-0 {
	font-size: 22px;
	color: #353535;
}
.web-title .title-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #888;
	line-height: 30px;
}
.blank20 {
	margin: 0px auto;
	clear: both;
	height: 20px;
	font-size: 1px;
	overflow: hidden;
}
.blank25 {
	margin: 0px auto;
	clear: both;
	height: 25px;
	font-size: 1px;
	overflow: hidden;
}
.web-brief {
	line-height: 30px;
	font-size: 14px;
	color: #777;
}
.text-center {
	text-align: center;
}
#index-about {
	background: #f2f2f2;
}
#index-about .about-img {
	width: 50%;float:left;
}
#index-about .main {
	width: 50%;
	height: 100%;
	right: 0px;
	top: 0px;
}
.max-limit {
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;height: auto;
    overflow: hidden;
}
.max-w100 {
	max-width: 100%;
}
#index-about .main .see-more {
	width: 145px;
	margin: 0 auto;
	color: #fff;
	line-height: 36px;
	background: #009fe3;
	border-radius: 5px;
}
#index-about .main .brief {
	line-height: 180%;
	color: #555555;
	font-size: 14px;text-align: left;
}
#index-about .main .brief p{
	line-height: 180%;
	color: #555555;
	font-size: 14px;
	text-indent: 2em;
	margin-top: 10px;
}