/*¨¨|???¨C¨¨????¡ä*/

.zuranges{ width: 100%; height: auto; padding-top: 17px;}
.zurange{ width: 1170px; margin: 0 auto;}

/*¨¨|???¨C¨¨????¡ä/*/


/*T3??o???*/

.zurooms{ width: 100%; padding: 39px 0 57px; background: #F6F7F8;}
.zuroom{ width: 1170px; margin: 0 auto; overflow: hidden;}
.zuroom .zuroom_title{ text-align: center; font-size: 16px; line-height: 24px; color: #888888; padding: 30px;}
.zroom{overflow: hidden; width: 1170px; margin: 0 auto; box-shadow: 0px 3px 18px #B1C0CF;}
.zroom .zroom_left{ float: left; width: 831px;}
.zroomlist{ width: 781px; margin: 0 auto; padding: 41px 0; border-bottom: 1px solid #CCCCCC; overflow: hidden;}
.zroomlist:last-child{ border: none;}
.zroomlist .zroomlist_left{ width: 221px; height: 48px; line-height: 48px; text-align: center; float: left; background: #E63836; border-radius: 5px; font-size: 18px; color: #fff;}
.zroomlist .zroomlist_right{ padding-left: 261px;}
.zroomlist .zroomlist_right p{ line-height: 48px; font-size: 16px; color: #1E1E1E;}
.zroomlist .zroomlist_right ul{ overflow: hidden;}
.zroomlist .zroomlist_right ul li{ width: 50%; float: left; background: url(../images/dian2.png) 6px 24px no-repeat; margin-bottom: 40px;}
.zroomlist .zroomlist_right ul li span,.zroomlist .zroomlist_right ul li em{ display: block; padding: 14px 0 0 20px;}
.zroomlist .zroomlist_right ul li span{ font-size: 18px; color: #1E1E1E;}
.zroomlist .zroomlist_right ul li em{ font-size: 16px; color: #888888;}
.zroom .zroom_right{ width: 368px; text-align: center; height: 503px; float: right;}
.zroom .zroom_right img{ height: 100%;}
.zuroom .zuroom_bot{ position: relative; text-align: center; padding: 40px 0;}
.zuroom .zuroom_bot a{ display: inline-block; width: 179px; height: 46px; line-height: 46px; text-align: center; border: 1px solid #E63836; border-radius: 5px; font-size: 16px; color: #E63836; margin: 0 9.5px;}
.zuroom .zuroom_bot a:hover{ background: #E63836; color: #fff;}

/*T3A??o???/*/


/*?¦Ì¡¤?¡è¨C?¦Ì?¨¦€?*/

.measures{ width: 100%; background: url(../images/meabg.jpg) center no-repeat; background-size: auto 100%; padding: 30px 0 72px 0;}
.measure{ width: 1170px; margin: 40px auto 0; overflow: hidden; background: #fff;}
.measure .measure_left{ float: left; width: 193px; padding: 25px 0;}
.measure .measure_left ul li{ width: 143px; height: 32px; line-height: 32px; text-align: center; margin: 0 auto 5px;}
.measure .measure_left ul li a{ font-size: 14px; color: #1E1E1E; display: block;border-radius: 20px;}
.measure .measure_left ul li.on a,.measure .measure_left ul li:hover a{background: #E63836; border-radius: 20px; color: #fff;}
.measure .measure_img{ width: 679px; height: 512px; padding: 29px 0; text-align: center; float: left;}
.measure .measure_img img{ height: 100%;}
.measure .measure_right{ float: left; padding: 29px 0; margin-left: 20px;}
.measure .measure_right .ping{ width: 276px; height: 510px; border: 1px solid #A7A7A7;}
.measure .measure_right .ping .ping_top{ overflow: hidden;}
.measure .measure_right .ping .ping_top span{ display: block; float: left; width: 50%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #E63836; background: #F1F1F1;}
.measure .measure_right .ping .ping_top span:first-child{ border-right: 1px solid #A7A7A7; width: 157px;}
.measure .measure_right .ping .ping_top span:last-child{ width: 118px;}
.measure .measure_right .ping ul {}
.measure .measure_right .ping ul li{ overflow: hidden; height: 37.5px; line-height: 38px; border-bottom: 1px solid #A7A7A7;}
.measure .measure_right .ping ul li span{ display: block; float: left; width: 50%; text-align: center; font-size: 14px; color: #1E1E1E;}
.measure .measure_right .ping ul li:last-child{ border: none;}
.measure .measure_right .ping ul li span:first-child{ border-right: 1px solid #A7A7A7; width: 157px;}
.measure .measure_right .ping ul li span:last-child{ width: 118px;}
.measure_lists {}
.measure_lists .measure_list{ display: none;}
.measure_lists .measure_list:first-child{ display: block;}

/*?¦Ì¡¤?¡è¨C?¦Ì?¨¦€?/*/


/*?¡è¡ì?????|*/

.bigints{ width: 100%; height: auto; padding: 45px 0 0; background: #F1F2F6;}

/*?¡è¡ì?????|/*/


/*??¡ã?¡¥?????o¡ì?¡°?¨¦¡­????*/

.configures{ width: 100%; height: auto; background: #F7F7F7; padding: 45px 0 25px;}
.configure{ width: 1170px; margin: 0 auto; padding-top: 50px;}
.configure .conflist{ margin: 0 auto 35px; border-radius: 8px; overflow: hidden;}
.configure .conflist .conflist_top{ height: 99px; background: url(../images/conbg.jpg) center no-repeat; background-size: auto 100%;}
.configure .conflist .conflist_top p,.configure .conflist .conflist_top span{ display: block; padding: 0 42px; color: #fff;}
.configure .conflist .conflist_top p{ font-size: 20px; padding-top: 27px;}
.configure .conflist .conflist_top span{ font-size: 14px; padding-top: 10px;}
.configure .conflist .conflist_bot{ background: #fff; padding: 16px 0;}
.configure .conflist .conflist_bot .as{ text-align: center;}
.configure .conflist .conflist_bot .as a{ display: inline-block; width: 142px; height: 41px; line-height: 41px; text-align: center; background: #F2F2F2; margin: 5px 8px; font-size: 14px; color: #1E1E1E;}
.configure .conflist .conflist_bot .as a:hover{ background: #E63836; color: #fff;}
.configure .conflist .conflist_bot .conflist_bot_list{ padding: 10px 0;}
.configure .conflist .conflist_bot .conflist_bot_list p,.configure .conflist .conflist_bot .conflist_bot_list span{ display: block; padding: 0 60px;}
.configure .conflist .conflist_bot .conflist_bot_list p{ font-size: 20px; font-weight: bold; color: #1E1E1E; background: url(../images/gou.png) 25px 10px no-repeat; padding: 10px 60px; line-height: 30px;}
.configure .conflist .conflist_bot .conflist_bot_list span{ display: block; font-size: 16px; color: #888888; line-height: 27px;}

/*??¡ã?¡¥?????o¡ì?¡°?¨¦¡­????/*/


/*????????¨C¨¨¡ì¡ê??3?¨C1???*/

.besolves{ width: 100%; height: auto; padding: 50px 0 60px;}
.besolve{ width: 1170px; margin: 0 auto;}
.besolve .besolvelist{ margin-top: 40px;}
.besolve .besolvelist .besolvelist_top{ text-indent: 17px; height: 44px; line-height: 44px; font-size: 24px; color: #444444; border-left: 4px solid #E63836;}
.besolve .besolvelist .besolvelist_bot{ margin-top: 8px;}
.besolve .besolvelist.besolvelist1 .besolvelist_bot{ background: url(../images/sobg1.jpg) center no-repeat; background-size: 100% 100%;}
.besolve .besolvelist.besolvelist2 .besolvelist_bot{ background: url(../images/sobg2.jpg) center no-repeat; background-size: 100% 100%;}
.besolve .slideTxtBox{ width: 100%;text-align: left; overflow: hidden;}
.besolve .slideTxtBox .hd{ float: left; width: 182px; height: 299px; background: rgba(0, 0, 0, 0.5);}
.besolve .slideTxtBox .hd ul{ padding-top: 20px;}
.besolve .slideTxtBox .hd ul li{ cursor: pointer; text-align: center; width: 100%; height: 44px; margin: 14px 0; line-height: 44px; font-size: 16px; color: #fff;}
.besolve .slideTxtBox .hd ul li.on{ background: #E63836;}
.besolve .slideTxtBox .bd{ padding-left: 182px;}
.besolve .slideTxtBox .bd ul li{ padding: 0 61px;}
.besolve .slideTxtBox .bd ul li p{ font-size: 22px; color: #fff; padding-top: 75px;}
.besolve .slideTxtBox .bd ul li span{ display: block; font-size: 14px; color: #fff; line-height: 24px; height: 48px; overflow: hidden; margin: 33px 0;}
.besolve .slideTxtBox .bd ul li a{ display: block; width: 112px; height: 29px; line-height: 29px; text-align: center; border: 1px solid #fff; border-radius: 5px; text-align: center; font-size: 14px; color: #fff;}
.besolve .slideTxtBox .bd ul li a:hover{ background: #E63836; border: 1px solid #E63836;}

/*????????¨C¨¨¡ì¡ê??3?¨C1???/*/


/************************?¦Ì¡¤?¡è¨C????????¡§?¡ì??¡±¡§/*****************************/


/************************¨¦?????????????¡§?¡ì??¡±¡§*****************************/


/*¨¨?¡­¨¦???€¡ì??¡¤?¡¥¡±*/

.koreapris{ width: 100%; padding: 58px 0 112px;}
.koreapri{ width: 1170px; margin: 0 auto;}
.koreaprilist{ background: #515151; padding-top: 5px; border-radius: 8px; box-shadow: 0 3px 17px #DDE3EC; margin: 60px 0 35px;}
.koreaprilist ul{ background: #fff; overflow: hidden;}
.koreaprilist ul li{ float: left; text-align: center; width: 14.28%; padding: 25px 0; background: url(../images/xian14.png) 0 50% no-repeat;}
.koreaprilist ul li:first-child{ background: none;}
.koreaprilist ul li span,.koreaprilist ul li em{ display: block; font-size: 14px; padding: 6px 0;}
.koreaprilist ul li span{ color: #888;}
.koreaprilist ul li em{ color: #444;}
.koreapri .korp{ text-align: center; font-size: 18px; color: #444444;}
.koreapri .kora{ display: block; margin: 16px auto 0; width: 179px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #E63836; border-radius: 8px; font-size: 16px; color: #E63836;}
.koreapri .kora:hover{ background: #E63836; color: #fff;}

/*¨¨?¡­¨¦???€¡ì??¡¤?¡¥¡±/*/


/*¨¨??¨¨?£¤?????????*/

.operators{ width: 100%; height: auto; background: url(../images/yunbg.jpg) center no-repeat; background-size: auto 100%; padding: 45px 0;}
.operator{ width: 1170px; margin: 0 auto;}
.operator p{ width: 75%; margin: 0 auto; height: 143px; font-size: 18px; color: #fff; text-align: center; line-height: 40px; padding: 95px 0 0;}

/*¨¨??¨¨?£¤?????????/*/


/*¨¦€??o|???*/

.sofasts{ width: 100%; padding: 86px 0 49px;}
.sofast{ width: 1136px; margin: 0 auto;}
.sofast .sofast_top{ margin-top: 35px;}
.sofast .sofast_top ul{ overflow: hidden; border: 1px solid #E3E3E3;}
.sofast .sofast_top ul li{ width: 11.11%; float: left; text-align: center;}
.sofast .sofast_top ul li span,.sofast .sofast_top ul li em{ display: block; border-right: 1px solid #E3E3E3; line-height: 42px; font-size: 16px;}
.sofast .sofast_top ul li span{ background: #0E0F7C; height: 42px; line-height: 42px; color: #FFFFFF;}
.sofast .sofast_top ul li em{ color: #393939; height: 54px; line-height: 54px;}
.sofast .sofast_bot{ overflow: hidden; margin-top: 14px;}
.sofast .sofast_bot .sofast_bot_left,.sofast .sofast_bot .sofast_bot_right{ width: 49.3%;}
.sofast .sofast_bot .sofast_bot_left img,.sofast .sofast_bot .sofast_bot_right img{ width: 100%;}
.sofast .sofast_bot .sofast_bot_left{ float: left;}
.sofast .sofast_bot .sofast_bot_right{ float: right;}

/*¨¦€??o|???/*/


/*?€¡ì¨¨????o*/

.performs{ width: 100%; height: auto; padding: 82px 0 72px; background: url(../images/bands/bandfoot.png) center no-repeat; background-size: auto 100%;}
.perform{ width: 1170px; margin: 0 auto; padding-top: 72px;}
.perform .performlist{ width: 65.4%; margin: 0 auto;}
.perform .performlist img{ width: 100%;}

/*?€¡ì¨¨????o/*/


/************************¨¦?????????????¡§?¡ì??¡±¡§/*****************************/


/************************?¡ë????¨¦|¨C¨¦?¦Ì*****************************/


/*banner*/

.tgbanners{ width: 100%; height: 800px;}
.tgbanner{ width: 972px; margin: 0 auto; overflow: hidden;}
.tgbanner .tgbanner_top{ text-align: center; padding-top: 214px;}
.tgbanner .tgbanner_top .tgbanner_top_left,.tgbanner .tgbanner_top .tgbanner_top_right{ display: inline-block; color: #fff; text-shadow: 0 3px 20px #298DFF;}
.tgbanner .tgbanner_top .tgbanner_top_left{ font-size: 130px;}
.tgbanner .tgbanner_top .tgbanner_top_right span,.tgbanner .tgbanner_top .tgbanner_top_right em{ display: block;}
.tgbanner .tgbanner_top .tgbanner_top_right span{ font-size: 25px;}
.tgbanner .tgbanner_top .tgbanner_top_right em{ font-size: 90px;}
.tgbanner .tgbanner_top .tgbanner_top_right{ text-align: left;}
.tgbanner .tgbanner_title{ width: 507px; height: 51px; line-height: 51px; text-align: center; float: right; background: url(../images/tgbg2.jpg) no-repeat; font-size: 20px; color: #fff; margin: 27px 0 38px;}
.tgbanner .tgbanner_intro{ height: 74px; border-radius: 8px; background: rgba(0, 0, 0, 0.5); float: left; font-size: 24px; font-weight: bold; line-height: 37px; padding: 23px 35px; color: #fff;}
.tgbanner .tgbanner_intro font{ color: #FFB300;}
.tgbanner .tgbanner_btn{ width: 100%; float: left; text-align: center; padding-top: 53px;}

/*banner/*/


/*¨¦??¨¨??¨¦€????*/

.unicoms{ width: 100%; height: auto; padding: 45px 0 0;}
.unicom{ width: 1224px; margin: 0 auto; overflow: hidden; padding: 20px 0 30px;}
.unicom .bigunicomlist{ float: left;height: 360px; width: 23.04%; padding: 15px 0;margin: 0 0.96% 0px; position: relative;}
.unicom .unicomlist{ width: 100%; float: left; background: #fff; box-shadow: 0px 3px 20px #DDE3EC; border-radius: 8px; overflow: hidden; text-align: center; position: absolute;}
.unicom .unicomlist .unicomlist_img{ height: auto;}
.unicom .unicomlist .unicomlist_img,.unicom .unicomlist .unicomlist_img img{ width: 100%;}
.unicom .unicomlist .unicomlist_title{ font-size: 20px; font-weight: 400; padding-top: 32px; color: #1E1E1E;}
.unicom .unicomlist .unicomlist_city{ font-size: 14px; height: 14px; overflow: hidden; color: #888888; padding-top: 20px;}
.unicom .unicomlist .unicomlist_btn{ padding: 20px 0 26px;}
.unicom .bigunicomlist:hover .unicomlist{ margin-top: -10px;}

/*¨¦??¨¨?¡±¨¦€????/*/


/*?????|?????¨C*/

.opbroads{ width: 100%; height: auto; padding: 80px 0; background: url(../images/kuandai.jpg) center no-repeat; background-size: auto 100%;}
.opbroad{ width: 1170px; margin: 0 auto;}
.opbroad .opbroad_top{ padding: 46px 0 42px; text-align: center;}
.opbroad .opbroad_top a{ display: inline-block; width: 149px; height: 42px; line-height: 42px; font-size: 20px; color: #fff; margin: 0 8px; border-radius: 20px; text-align: center;}
.opbroad .opbroad_top a.on,.opbroad .opbroad_top a:hover{ background: #E63836;}
.opbroad .opbroad_bot{ height: 467px;}
.opbroad .opbroad_bot img{ width: 100%;}

/*?????|?????¨C/*/


/*?¡ë??¡À??¨C1???*/

.extends{ width: 100%; padding: 78px 0 68px; background: #F6F7F8;}
.extend{ width: 1170px; margin: 32px auto 0; overflow: hidden; box-shadow: 0 3px 20px #DDE3EC;background: #fff; position: relative;}
.extend .extendlist{ width: 50%; float: left;}
.extend .extendlist.extendlist1{ border-right: 1px solid #D5D5D5; box-sizing: border-box;}
.extend .extendlist .extendlist_title{ width: 100%; height: 95px; line-height: 95px; text-align: center; font-size: 28px;}
.extend .extendlist.extendlist1 .extendlist_title{ background: url(../images/ex1.jpg) center no-repeat; background-size: 100% 100%; color: #fff;}
.extend .extendlist.extendlist2 .extendlist_title{ background: url(../images/ex2.png) center no-repeat; background-size: 100% 100%; color: #1e1e1e;}
.extend .extendlist .extendlist_title span{ display: inline-block; line-height: 26px; margin-top: 34px; padding-left: 19px; border-left: 8px solid #E63836;}
.extend .extendlist .extendlist_bot{ padding-bottom: 17px;}
.extend .extendlist .extendlist_bot .extendlist_bot_img{ width: 244px; height: 244px; margin: 0 auto; position: relative;}
.extend .extendlist .extendlist_bot ul li{ width: 56%; margin: 0 auto;}
.extend .extendlist.extendlist1 .extendlist_bot ul li{ padding-left: 28px; background: url(../images/dian3.png) 0 8px no-repeat; font-size: 16px; color: #1E1E1E; line-height: 28px; margin-bottom: 20px;}
.extend .extendlist.extendlist2 .extendlist_bot ul li{ font-size: 16px; color: #888888; margin-bottom: 20px; line-height: 28px;}
.extend .vs{ position: absolute; margin: auto; top: 50%; margin-top: -100px; left: 0; right: 0;}

/*?¡ë??¡À??¨C1???/*/


/*¨¦??¨¨¡ì?? ???o???*/

.specs{ width: 100%; height: auto; padding: 80px 0 0;}
.spec{ width: 1220px; margin: 0 auto; overflow: hidden; padding: 48px 0 63px;}
.spec .speclist{ float: left; height: 484px; margin: 12px 0.82%; width: 31.64%; background: url(../images/spbg.png) #fff 100% 100% no-repeat; background-size: 100% 100%; box-shadow: 0 3px 20px #DDE3EC;border-radius: 8px; overflow: hidden;}
.spec .speclist .speclist_img{ width: 106px; height: 106px; position: relative; text-align: center; margin: 40px auto 0;}
.spec .speclist .speclist_title{ width: 96%; margin: 0 auto; font-size: 20px; color: #1E1E1E; text-align: center; padding-top: 22px;}
.spec .speclist .speclist_intro{ width: 85%; margin: 0 auto; font-size: 14px; color: #888888; line-height: 26px; height: 107px; overflow: hidden; padding-top: 37px;}
.spec .speclist ul{ width: 85%; margin: 0 auto;}
.spec .speclist ul li{ font-size: 14px; color: #888888; line-height: 26px;}
.spec .speclist ul li i{ color: #E63836; padding-right: 5px;}

/*¨¦??¨¨¡ì?? ???o???/*/


/*??¡ä?¡è???????*/

.moreservies{ width: 100%; background: url(../images/mosbg.png) #2A2A2A center 100% no-repeat; padding: 80px 0 0;}
.moreservie{ width: 1220px; margin: 0 auto; overflow: hidden; padding: 58px 0 82px;}
.moreservie .mservilist{ height: 260px;margin: 12px 0.82%; width: 31.64%; float: left; background: #fff; border-radius: 8px;}
.moreservie .mservilist p{ font-size: 23px; color: #1E1E1E; text-align: center; padding: 64px 0 35px; background: url(../images/xian1.png) 50% 100% no-repeat; background-size: 17px 4px;}
.moreservie .mservilist span{ display: block; width: 60%; margin: 0 auto; line-height: 26px; height: 98px; overflow: hidden; text-align: center; font-size: 14px; color: #888888; padding-top: 20px;}

/*??¡ä?¡è???????/*/


/*????????¡ä¨¦?????*/

.shelfs{ width: 100%; height: auto; background: url(../images/shebg.png) center no-repeat; background-size: auto 100%; padding: 80px 0 0;}
.shelf{ width: 1170px; margin: 0 auto; position: relative;}
.shelf .shexian{ position: absolute; width: 100%; height: 4px; background: #E63836; top: 341px;}
.shelf ul{ width: 100%; overflow: hidden;padding: 95px 0 130px; position: relative; height: 490px;}
.shelf ul li{ position: absolute; width: 20.25%; text-align: center;}
.shelf ul li .she_num{ position: absolute; width: 34px; height: 34px; line-height: 34px; font-size: 20px; color: #fff; border-radius: 999px; background: #E63836; text-align: center; z-index: 2;}
.shelf ul li .she_top{ width: 100%; height: 161px; background: #fff; border-radius: 8px;}
.shelf ul li .she_top .she_top_img{ width: 64px; height: 64px; margin: 0 auto; text-align: center; position: relative; padding: 20px 0 10px;}
.shelf ul li .she_top p{ width: 90%; margin: 0 auto; height: 42px; display: table; font-size: 18px; text-align: center; color: #1e1e1e; overflow: hidden; line-height: 24px;}
.shelf ul li .she_top p span{ display: table-cell; vertical-align: middle;}
.shelf ul li.shli1 .she_top .she_top_img{ display: inline-block; float: none; padding: 47px 0 0;}
.shelf ul li.shli1 .she_top p{ width: auto; display: inline-block; float: none; padding: 0px 5px;}
.shelf ul li .she_xian{ position: absolute; width: 155px; height: 2px; background: #E63836;-webkit-transform: rotate(-36deg);-moz-transform: rotate(-36deg);-o-transform: rotate(-36deg);transform: rotate(-36deg);}
.shelf ul li.shli1,.shelf ul li.shli3,.shelf ul li.shli5,.shelf ul li.shli7{ top: 95px;}
.shelf ul li.shli1 .she_num,.shelf ul li.shli3 .she_num,.shelf ul li.shli5 .she_num,.shelf ul li.shli7 .she_num{ bottom: -103px; left: 26px;}
.shelf ul li.shli1 .she_xian,.shelf ul li.shli3 .she_xian,.shelf ul li.shli5 .she_xian,.shelf ul li.shli7 .she_xian{ top: 206px; left: 26px;}
.shelf ul li.shli2,.shelf ul li.shli4,.shelf ul li.shli6,.shelf ul li.shli8{ top: 423px;}
.shelf ul li.shli2 .she_num,.shelf ul li.shli4 .she_num,.shelf ul li.shli6 .she_num,.shelf ul li.shli8 .she_num{ top: -98px; left: 183px;}
.shelf ul li.shli2 .she_xian,.shelf ul li.shli4 .she_xian,.shelf ul li.shli6 .she_xian,.shelf ul li.shli8 .she_xian{ top: -47px; left: 67px;}
.shelf ul li.shli1,.shelf ul li.shli2{ left: 0;}
.shelf ul li.shli3,.shelf ul li.shli4{ left: 26.6%;}
.shelf ul li.shli5,.shelf ul li.shli6{ left: 51.2%;}
.shelf ul li.shli7,.shelf ul li.shli8{ left: 79.2%}

/*????????¡ä¨¦?????/*/


/************************?¡ë????¨¦|¨C¨¦?¦Ì/*****************************/


/************************??¡ã?????-???¨¦|¨C¨¦?¦Ì*****************************/

.mbanners{ width: 100%; height: 350px;}
.mbanner{ width: 1170px; margin: 0 auto; text-align: center; color: #fff;}
.mbanner p{ font-size: 34px; padding-top: 107px;}
.mbanner span{ display: block; width: 773px; margin: 0 auto; font-size: 14px; line-height: 26px; padding-top: 30px;}

/*?¡­¡§???????¡À€*/

.tolayouts{ width: 100%; background: url(../images/gezi.jpg) repeat; padding: 53px 0 0px;}
.tolayout{ width: 1250px; height: 600px; margin: 0 auto; padding: 65px 0 80px; position: relative;}
.tolayout_mob{ display: none;}
.tolayout_pc{ display: block;}
.toimg img{ width: 100%;}
.toimg p{ position: absolute; font-size: 18px; color: #888888;}
.toimg:hover{ z-index: 2;-webkit-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.northamerica,.europe,.asia,.southamerica,.africa,.oceania{ position: absolute;}
.northamerica{ width: 40.72%; top: 65px; left: 25px;}
.northamerica p{ left: 177px; top: 151px;}
.europe{ width: 24.24%; top: 97px; left: 494px;}
.europe p{ left: 140px; top: 130px;}
.asia{ width: 43.84%; left: 667px; top: 89px;}
.asia p{ left: 221px; top: 153px;}
.southamerica{ width: 13.04%; left: 308px; top: 406px;}
.southamerica p{ left: 37px; top: 85px;}
.africa{ width: 18.32%; left: 519px; top: 322px;}
.africa p{ left: 94px; top: 92px;}
.oceania{ width: 16.4%; left: 952px; top: 457px;}
.oceania p{ left: 44px; top: 63px;}
.tolayout_mob .mobimg{ width: 45%; margin: 8px 2.5%; background: #fff; float: left; border-radius: 8px;}
.tolayout_mob .mobimg .mobimg_img{ height: 80px; padding: 20px 0 10px;}
.tolayout_mob .mobimg .mobimg_img img{ height: 100%;}
.tolayout_mob .mobimg p{ font-size: 16px; color: #000; padding: 5px 0 15px; text-align: center;}

/*?¡­¡§???????¡À€/*/


/*??¡ë?¡è¡ì? ????*/

.standards{ width: 100%; height: auto; background: #F5F7FC; padding: 56px 0 28px;}
.standard{ width: 1230px; margin: 0 auto; overflow: hidden; padding: 36px 0;}
.standard .standardlist{ width: 30.89%; background: #fff; margin: 0 1.22%; float: left;}
.standard .standardlist .standardlist_img img{ width: 100%;}
.standard .standardlist .standardlist_title{ text-align: center; font-size: 20px; color: #E63836; padding: 30px 0 25px;}
.standard .standardlist .standardlist_intro{ width: 87%; margin: 0 auto;height: 170px; font-size: 14px; color: #888888; line-height: 26px; padding-bottom: 25px; overflow: hidden;}

/*??¡ë?¡è¡ì? ????/*/


/************************??¡ã?????-???¨¦|¨C¨¦?¦Ì/*****************************/


/************************??¡ã?????-???*****************************/

.choadds{ width: 100%; padding: 20px 0 87px;}
.choadd{ width: 1170px; margin: 0 auto;}
.choadd .slideTxtBox{ width: 100%;}
.choadd .slideTxtBox .hd{ height: auto;}
.choadd .slideTxtBox .hd ul{ padding: 27px 0 17px; overflow: hidden;}
.choadd .slideTxtBox .hd ul li{ float: left; padding: 0 33px; min-width: 56px;height: 29px; line-height: 29px; text-align: center; border: 1px solid #888888;cursor: pointer; font-size: 18px; color: #888888; border-radius: 20px; margin: 0 30px 10px 0;}
.choadd .slideTxtBox .hd ul li.on,.choadd .slideTxtBox .hd ul li:hover{ background: #E63836; border: 1px solid #E63836; color: #fff;}
.choadd .slideTxtBox .hd ul li:hover a{color: #fff;}
.choadd .slideTxtBox .bd ul{ overflow: hidden;}
.choadd .slideTxtBox .bd li{ overflow: hidden;}
.choadd .slideTxtBox .bd li .bd_left{ width: 67.75%; float: left; background: #fff;}
.choadd .slideTxtBox .bd li .bd_left .bd_left_title{ font-size: 18px; color: #1E1E1E; padding: 44px 20px 22px; background: url(../images/xian1.png) 20px 100% no-repeat; background-size: 23px 3px;}
.choadd .slideTxtBox .bd li .bd_left .bd_left_intro{ width: 88%; height: 182px; overflow: hidden; padding: 30px 0 95px 20px; font-size: 14px; color: #888888; line-height: 33px; overflow: hidden;}
.choadd .slideTxtBox .bd li .bd_right{ padding-left: 67.75%; height: 391px; background: #F6F7F8;}
.choadd .slideTxtBox .bd li .bd_right .bd_right_list{ padding: 35px 52px 10px 46px;}
.choadd .slideTxtBox .bd li .bd_right .bd_right_list p{ font-size: 16px; color: #1E1E1E; background: url(../images/fang.jpg) 0px 50% no-repeat; padding-left: 66px;}
.choadd .slideTxtBox .bd li .bd_right .bd_right_list span{ display: block; font-size: 14px; color: #888888; line-height: 24px; padding-top: 8px;padding-left: 66px; height: 48px; overflow: hidden;}

/*??o??€¨¨???¨C?*/

.facilities{ background: url(../images/facbg.jpg) center no-repeat; background-size: auto 100%;}

/*??o??€¨¨???¨C?/*/


/*??o????¡À??¡èo*/

.exhibitions{ width: 100%; height: auto; padding: 80px 0 80px;}
.exhibition{ width: 1227px; margin: 0 auto;}
.exhibition ul{ overflow: hidden; padding: 58px 0 20px;}
.exhibition ul li{ width: 31%; margin: 0 1.16%; float: left; overflow: hidden;}
.exhibition ul li img{ width: 100%;}
.exhibition ul li:hover{-webkit-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}

/*??o????¡À??¡èo/*/


/************************??¡ã?????-???/*****************************/


/************************?¡ë?¨¨?¡±??¡®????????¡§*****************************/


/*banner*/

.wubanner{ height: 640px;}

/*?¡ë?¨¨?¡±??¡®??¡®???¨¦?€?¡À?*/

.idemands{ width: 100%; height: auto; padding: 77px 0 0;}
.idemand{ width: 1230px; margin: 0 auto;}
.idemand ul{ overflow: hidden; padding: 32px 0;}
.idemand ul li{ width: 22.52%; margin: 0 1.22%; padding-bottom: 14px; background: #fff; text-align: center; float: left; border-radius: 8px;}
.idemand ul li .ide_img{ width: 100%; text-align: center; height: 86px; padding-top: 52px; margin: 0 auto;}
.idemand ul li .ide_img img{ height: 100%;}
.idemand ul li .ide_title{ width: 95%; margin: 0 auto; font-size: 18px; color: #444444; padding: 22px 0;}
.idemand ul li .ide_intro{ width: 82%; height: 90px; overflow: hidden; margin: 0 auto; font-size: 13px; color: #888888; line-height: 23px;}

/*?¡ë?¨¨?¡±??¡®??¡®???¨¦?€?¡À?/*/


/*banner/*/


/*?o¡¯¨¨?¡±??¡®??¡ã???*/

.presents{ width: 1150px; border-radius: 5px; margin: -103px auto 0; padding: 40px 25px 40px; background: #fff;}
.presents .presents_title{ font-size: 24px; color: #1E1E1E; border-left: 8px solid #E63836; line-height: 26px; padding-left: 24px;}
.presents .presents_intro{ font-size: 13px; color: #888888; line-height: 23px; padding-top: 20px;}
.presents .presents_ul{ padding: 24px 0;}
.presents .presents_ul li{ font-size: 13px; color: #FF8B8B; line-height: 23px; padding-left: 17px; background: url(../images/dian5.png) 0 8px no-repeat;}
.presents .presents_last{ font-size: 13px; color: #888888;}

/*?o¡¯¨¨?¡±??¡®??¡ã???/*/


/*?¡ë?¨¨?¡±??¡®????????¡§?¡ì??¡±¡§?¡¯??¡ë????*/

.trusteeships{ width: 100%; padding: 34px 0 40px;}
.trusteeship{ width: 1170px; margin: 0 auto; padding-top: 14px;}
.trust{ width: 100%; height: 452px; margin-bottom: 20px; background: url(../images/wzubg.jpg) center no-repeat; background-size: 100% 100%;}
.trust .trust_title{ text-align: center; font-size: 28px; color: #fff; padding: 43px 0 32px;}
.trust .trust_list{ overflow: hidden; padding: 0 14px;}
.trust .trust_list .trust_list_left,.trust .trust_list .trust_list_right{width: 49.49%; background: #fff; height: 334px;}
.trust .trust_list .trust_list_left{ float: left;}
.trust .trust_list .trust_list_right{float: right;}
.trust .trust_list p{ font-size: 22px; color: #1E1E1E; text-align: center; background: url(../images/xian15.png) 50% 100% no-repeat; background-size: 12px 4px; padding: 30px 0 15px;}
.trust .trust_list ul{ padding: 0 22px 0 30px;}
.trust .trust_list ul li{ padding-left: 32px; background: url(../images/gou2.png) 0 3px no-repeat; font-size: 16px; color: #888888; line-height: 30px;}

/*?¡ë?¨¨?¡±??¡®????????¡§?¡ì??¡±¡§?¡¯??¡ë????/*/


/*?¡ë?¨¨?¡±??¡®??????*/

.frameworks{ width: 100%; background: #fff; padding: 78px 0 52px;}
.framework{ width: 1170px; margin: 0 auto; overflow: hidden; padding-top: 36px;}
.framework .framework_left{ width: 59.08%; float: left;}
.framework .framework_left img{ width: 100%;}
.framework .framework_right{ margin-left: 63.58%; border-left: 1px solid #D4D4D4; padding-left: 34px; height: 578px;}
.framework .framework_right .framework_right_title{ font-size: 28px; color: #1E1E1E;}
.framework .framework_right ul{ margin-top: 34px;}
.framework .framework_right ul li{margin-top: 20px; padding: 0 17px;background: url(../images/dian2.png) 0 6px no-repeat;}
.framework .framework_right ul li p{ font-size: 18px; color: #1E1E1E;}
.framework .framework_right ul li span{ display: block; padding-top: 5px; width: 271px; font-size: 14px; color: #888888; line-height: 21px;}

/*?¡ë?¨¨?¡±??¡®??????/*/


/*?o¡ì?¡°???????*/

.wuadvantags .advantag ul{ padding: 60px 0 78px;}

/*?o¡ì?¡°???????*/


/*???????????¡ä*/

.wuparents{ background: #fff; padding: 100px 0;}
.wuparents .iparent ul li{ margin-top: 60px;}

/*???????????¡ä*/


/************************?¡ë?¨¨?¡±??¡®????????¡§/*****************************/


/************************?o¡ì?¡°???-???*****************************/


/*??????????????¡§?¡ì??¡±¡§*/

.shipservs{ width: 100%; padding: 60px 0 10px;}
.shipserv{ width: 1170px; margin: 0 auto; overflow: hidden;}
.shipserv .commTop7{ margin-bottom: 10px;}
.shipserv .shipservlist{ float: left; border-bottom: 1px solid #E2E2E2; padding: 20px 0 30px;}
.shipserv .shipservlist .shipservlist_title{ width: 100%; font-size: 18px; color: #888888; padding: 0px 0 15px;}
.shipserv .shipservlist .shipservlist_adds{line-height: 24px; min-height: 45px;}
.shipservs.shipservs2 .shipserv .shipservlist .shipservlist_adds{min-height: 75px;}
.shipserv .shipservlist .shipservlist_adds a{display: inline-block; font-size: 14px; color: #444444;}
.shipserv .shipservlist .shipservlist_adds i{padding: 0 20px; font-style: normal;}
.shipserv .shipservlist .shipservlist_adds.shipservlist_adds2{ height: auto; overflow: hidden;}
.shipserv .shipservlist .shipservlist_adds.shipservlist_adds2 a{ display: block; float: left; margin: 0 43px 10px 0;}

.shipserv .shipservlist .shipservlist_adds.shipservlist_adds2 a span{ font-size: 14px; color: #444444;}
.shipserv .shipservlist.shipservlist5{ padding-bottom: 10px;}
.shipserv .shipservlist.shipservlist1,.shipserv .shipservlist.shipservlist3{ width: 28.75%; padding-right: 8.5%; float: left;}
.shipserv .shipservlist.shipservlist2,.shipserv .shipservlist.shipservlist4{ width: 62.75%; float: right;}
.shipserv .shipservlist.shipservlist5{ width: 100%;}
.shipservs.shipservs2 .shipserv .shipservlist.shipservlist1,.shipservs.shipservs2 .shipserv .shipservlist.shipservlist3{ width: 57.08%; padding-right: 8.34%; float: left;}
.shipservs.shipservs2 .shipserv .shipservlist.shipservlist2,.shipservs.shipservs2 .shipserv .shipservlist.shipservlist4{ width: 34.58%; float: right;}
.shipservs.shipservs2 .shipserv .shipservlist.shipservlist3,.shipservs.shipservs2 .shipserv .shipservlist.shipservlist4{ border: none;}
.shipserv .shipservlist .shipservlist_adds a:hover,.shipserv .shipservlist .shipservlist_adds2 a:hover span{ color: #E63836;}

/*??????????????¡§?¡ì??¡±¡§/*/


/*????????¡§?¡ë????*/

.ships{ width: 100%;}
.ship{ width: 1170px; margin: 0px auto; overflow: hidden;}
.ship .shiplist{ overflow: hidden; padding-top: 55px;}
.ship .shiplist .mship{ width: 49.58%;}
.ship .shiplist .mship .mship_top{ height: 88px; line-height: 88px; text-align: center; font-size: 24px; color: #fff;}
.ship .shiplist .mship .mship_bots{ width: 100%;height: 55px; background: #fff; padding: 25px 0 8px;}
.ship .shiplist .mship .mship_bot{ vertical-align: middle; line-height: 24px; text-align: center;}
.ship .shiplist .mship .mship_bot a{ display: inline-block; font-size: 14px; color: #444444;}
.ship .shiplist .mship .mship_bot i{ padding: 0 20px; font-style: normal;}
.ship .shiplist .mship .mship_btn{ text-align: center; background: #fff; padding: 0 0 20px;}
.ship .shiplist .mship .mship_btn a{ font-size: 14px; color: #888888;}
.ship .shiplist .mship a:hover{ color: #E63836;}
.ship .shiplist .mship.mship1{ float: left;}
.ship .shiplist .mship.mship1 .mship_top{ background: url(../images/shbg1.jpg) center no-repeat; background-size: cover;}
.ship .shiplist .mship.mship2{ float: right;}
.ship .shiplist .mship.mship2 .mship_top{ background: url(../images/shbg1.jpg) center no-repeat; background-size: cover;}

/*????????¡§?¡ë????/*/


/*?¡ì???¡ë?o¡®?13??¡ã*/

.privates{ width: 100%; height: auto;}
.private{ width: 1170px; margin: 0 auto; padding: 78px 0 144px; overflow: hidden;}
.privateHuang{padding: 80px 0;}
.private .pralist{ float: left;}
.private .pralist .pralist_title{ border-bottom: 1px solid #D6D6D6; text-align: left; font-size: 20px; color: #FFFFFF;}
.private .pralist .pralist_title img{ display: inline-block; width: 35px; height: 35px;}
.private .pralist ul{ overflow: hidden; padding: 0 50px;}
.private .pralist ul li{ overflow: hidden; float: left; width: 100%; margin: 30px 0 10px;}
.private .pralist ul li .pra_img{ float: left; width: 37px; height: 37px; text-align: center; position: relative;}
.private .pralist ul li .pra_right{ padding-left: 50px; color: #fff;}
.private .pralist ul li .pra_right p{ font-size: 18px; padding: 4px 0 14px;}
.private .pralist ul li .pra_right span{ display: block; font-size: 14px;}
.private .pralist.pralist2 ul li{ width: 50%;}
.private .pralist.pralist3 ul li,.private .pralist.pralist4 ul li{ margin: 27px 0 0;}
.private .pralist ul li a:hover p,.private .pralist ul li a:hover span{ color: #E63836;}
.private .pralist.pralist1{ background: url(../images/prbg1.jpg) center no-repeat; background-size: 100% 100%; width: 41.16%; height: 565px;}
.private .pralist.pralist2{ background: url(../images/prbg2.jpg) center no-repeat; background-size: 100% 100%; width: 57.5%; height: 297px; margin: 0 0 19px 16px;}
.private .pralist.pralist3{ background: url(../images/prbg3.jpg) center no-repeat; background-size: 100% 100%;}
.private .pralist.pralist4{ background: url(../images/prbg4.jpg) center no-repeat; background-size: 100% 100%;}
.private .pralist.pralist1,.private .pralist.pralist2{ margin-top: 55px;}
.private .pralist.pralist1 .pralist_title,.private .pralist.pralist2 .pralist_title{ line-height: 58px;}
.private .pralist.pralist1 .pralist_title img,.private .pralist.pralist2 .pralist_title img{ margin: 14px 12px 0 23px;}
.private .pralist.pralist3,.private .pralist.pralist4{width: 28%; height: 250px; margin-left: 16px;}
.private .pralist.pralist3 .pralist_title,.private .pralist.pralist4 .pralist_title{ line-height: 45px;}
.private .pralist.pralist3 .pralist_title img,.private .pralist.pralist4 .pralist_title img{ margin: 5px 12px 0 23px;}

/*?¡ì???¡ë?o¡®?13??¡ã/*/


/*??o???*/

.dowebs{ width: 100%; height: 318px; background: url(../images/web.jpg) center no-repeat; background-size: auto 100%;}
.doweb{ width: 96%; margin: 0 auto; text-align: center;}
.doweb p{ font-size: 42px; color: #FFFFFF; background: url(../images/xian15.jpg) 50% 100% no-repeat; padding: 89px 0 32px;}
.doweb a{ display: block; width: 506px; height: 54px; line-height: 54px; margin: 14px auto; font-size: 18px; color: #E63836; text-align: center; background: #fff; border-radius: 50px;}

/*??o???/*/



/*******?¡ë?????????¡¥ start*****/

.copyrights{ width: 100%; border-bottom: 1px solid #A0A0A0;}
.copyright{ width: 1170px; margin: 0 auto; font-size: 12px; overflow: hidden; padding: 20px 0; color: #888;}
.copyright a{font-size: 12px; color: #888; margin-left: 17px;}
.copyright a:hover{color: #E63836;}

/*******?¡ë?????????¡¥ end*****/


/*******?¡­??¡­¡À??o??¡ªtop start****/

.commtop1{ width: 100%; text-align: center; font-size: 38px; color: #444444; padding: 35px 0; background: url(../images/xian2.png) 50% 100% no-repeat;}
.commtop1.white{ color: #fff;}
.commtop2{ text-align: center;}
.commtop2 p{ font-size: 38px; color: #E63836;}
.commtop2 span{ display: block; font-size: 15px; padding-top: 32px; color: #888888;}
.commtop2.white p,.commtop2.white span{ color: #fff}
.commtop3{ width: 100%; text-align: center;}
.commtop3 .commtop3_title i{ display: inline-block; width: 40px; height: 25px; background: url(../images/tbg.png) center no-repeat;}
.commtop3 .commtop3_title span{ display: inline-block; font-size: 38px; color: #1E1E1E; padding: 0 25px;}
.commtop3 .commtop3_intro{ width: 900px; margin: 0 auto; font-size: 14px; color: #888888; line-height: 30px; padding-top: 30px;}
.commtop4{width: 100%; text-align: center;}
.commtop4 p{width: 90%; margin: 0 auto; text-align: center; font-size: 38px; color: #444444; padding: 0px 0 35px; background: url(../images/xian2.png) 50% 100% no-repeat;}
.commtop4 span{ display: block; width: 90%; margin: 0 auto; font-size: 16px; color: #888888; padding-top: 25px; line-height: 24px;}
.commtop5{ width: 100%; text-align: center;}
.commtop5 .commtop5_title {}
.commtop5 .commtop5_title i{ display: inline-block; width: 40px; height: 25px; background: url(../images/tbg.png) no-repeat; vertical-align: middle; background-size: 100% 100%; margin: -10px 22px 0;}
.commtop5 .commtop5_title p{ display: inline-block; font-size: 28px; color: #444444; padding-bottom: 29px; background: url(../images/xian2.png) 50% 100% no-repeat; background-size: 99px 4px;}
.commtop5 span{ display: block; font-size: 14px; color: #888888; line-height: 24px; padding-top: 27px;}
.commtop5.white p,.commtop5.white span{ color: #fff;}
.commTop6{ text-align: center; padding-bottom: 40px;}
.commTop6.xian{ background: url(../images/xian2.png) 50% 100% no-repeat; background-size: 99px 4px;}
.commTop6 i{ display: inline-block; width: 89px; height: 19px; vertical-align: middle; margin: -19px 0 0 0;}
.commTop6 i.i1{ background: url(../images/co1.png) center no-repeat; background-size: 100% auto;}
.commTop6 i.i2{ background: url(../images/co2.png) center no-repeat; background-size: 100% auto;}
.commTop6 span{ display: inline-block; font-size: 38px; color: #1E1E1E; padding: 0 36px;}
.commTop7{ width: 100%; height: 26px; line-height: 26px; padding-left: 11px; border-left: 8px solid #E63836; font-size: 24px; color: #444444;}
.commTop7 span{ font-size: 12px; color: #888888; padding-left: 13px;}

/*******?¡­??¡­¡À??o??¡ªtop end****/