*{ margin:0px; padding:0px;}
body{ font-size:12px; font-family:"微软雅黑"; color:#525252; background:#f0f2f5;}
a { text-decoration:none;  outline:none; transition:all 0.2s; } 
a:focus{outline:none;}


@font-face{ font-family:'shu'; src:url('http://www.youchimedia.com/fonts/FONTFABRIC-MONT-HEAVY-DEMO-2.OTF');}
@font-face{ font-family:'ying'; src:url('../font/MONT.TTF');}



a:hover{ text-decoration:none; }

img{ border:0;}
table{ margin:auto;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}

::-webkit-scrollbar{width:3px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:#fff}
::-webkit-scrollbar-track-piece{background:#fff}
::-webkit-scrollbar-thumb:vertical{background-color:#c70c1f;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#c70c1f}
::-webkit-scrollbar-corner:vertical{background-color:#c70c1f}
::-webkit-scrollbar-resizer:vertical{background-color:#c70c1f;}

.clear{ width:100%; height:0; font-size:0; line-height:0; clear:both;}

.loading{  position: fixed; top:0; z-index:9999; width:0px; background-color:#c70c1f; height:5px;}




.header{ width:100%; height:115px; position: absolute; top:0; z-index:9; }
.head{ width:1400px; height:100%; margin:auto;}
.head_logo{ float: left; height:100%;}
.head_logo img{ cursor:pointer; padding-top:26px; height:50px; width:auto;}
.head_logo_red{ display:none;}

.head_right{ float:right; height:100%;}


.nav{ float:left; width: auto; height:100%;}
.nav_1{ display:inline-block; height:100%; position:relative; margin-right:60px;}
.nav_1 a{ display:block; cursor:pointer; font-size:20px; color:#fff; height:115px; line-height:115px; }

.nav_1 a:hover .nav_1_1{ -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}
.nav_1 a.nav_1_a .nav_1_1{ -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}

.nav_1_1{ position:absolute; width:100%; background:url(../image/about1_10.png) no-repeat center; height:6px; bottom:30px; -moz-transform:scale(0,0);-webkit-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}


.head_wei{ float:right; height:38px; margin-top:39px;}
.head_wei a{ display:inline-block; width:38px; height:38px; border-radius:50%; cursor:pointer; margin-left:10px;-webkit-transition: all 0.4s ease-in-out; background-color:rgba(0,0,0,0.3);}
.head_wei a:hover{ background-color:#c70c1f;}
.head_wei a:hover .foot_wei_ma{transform:rotate(0deg); }
.head_wei a:hover .foot_wei_ma img{transform:rotate(0deg);}

.head_1{ width:38px; height:38px; border-radius:50%; overflow:hidden; position:relative;}
.head_1 img{ width:38px; height:38px;-webkit-transition: all 0.5s ease-in-out;}


.head_love{ width:38px; height:38px; position:relative;}
.head_love:hover .head_wei_ma{ height:85px; opacity:1; top:45px;}
.head_wei_ma{ width:85px; height:0px; overflow:hidden; position:absolute; top:50px; left:-20px; opacity:1;-webkit-transition: all 0.5s ease-in-out;}
.head_wei_ma img{ width:85px; height:85px; border-radius:0%;}


.header1{ position:fixed; background-color:#fff; top:0; z-index:999; height:90px; box-shadow: 0 3px 18px 0 hsla(0,0%,87.8%,.5);}
.header1 .head_logo img{ height:50px; width:auto; padding-top:20px;}
.header1 .head_logo img.head_logo_bai{ display:none;}
.header1 .head_logo img.head_logo_red{ display:block;}

.header1 .nav_1 a{ height:90px; line-height:90px; font-size:18px; color:#000;-webkit-transition: all 0s ease-in;} 


.header1 .nav_1_1{ bottom:20px;background: url(../image/news_11.png) no-repeat center;-webkit-transition: all 0s ease-in;-moz-transition: all 0s ease-in;-o-transition: all 0s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0s ease-in;}
.header1 .nav_1 a:hover .nav_1_1{-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

.header1 .head_wei{ margin-top:26px;}
.header1 .head_wei a{background-color:#e3e3e3;-webkit-transition: all 0s ease-in-out;}
.header1 .head_wei a:hover{ background-color:rgba(0,0,0,0.2);-webkit-transition: all 0.4s ease-in-out;}

.header1 .head_1 img.head_1_bai{ display:none;}

.headera{ width:100%; height:115px;position: absolute; top:0; z-index:9; }

.n_big{ width:100%; height:635px; margin:auto;-moz-box-shadow:0px 0px 16px rgba(0,0,0,0.16); -webkit-box-shadow:0px 0px 16px rgba(0,0,0,0.16); box-shadow:0px 0px 16px rgba(0,0,0,0.16);}
.big_div{ width:100%; height:100%;}





.footer{ width:100%; height: auto; background:#000000; padding-top:60px; overflow:hidden;}
.foot{ width:1400px; height:100%; margin:auto; position:relative;}
.foot_top{ width:100%; height:190px;}

.foot_logo{ float:left; width:450px; height:auto; overflow:hidden;}
.foot_logo img{ height:50px; width:auto;}

.foot_1{ float:left; width:500px; height:100%;}
.foot_nav{ width:100%; height:33px; overflow:hidden; font-size:14px; color:#fff; font-weight:bold; line-height:33px;}
.foot_con{width:100%; height: auto; overflow:hidden; font-size:12px; color:#fff; line-height:28px;}

.foot_right{ float:right; width:445px; height: 190px;}
.foot_wei{ width:100%; height:38px; margin-top:16px; }
.foot_wei a{ display:inline-block; width:36px; height:36px; border:1px solid #fff; opacity:0.3; border-radius:50%; cursor:pointer; margin-right:10px;-webkit-transition: all 0.5s ease-in-out;}
.foot_wei a:hover{  opacity:1;}

.foot_wei img{ width:36px; height:36px; border-radius:50%;-webkit-transition: all 0.5s ease-in-out;}

.foot_love{ width:36px; height:36px; position:relative;}
.foot_love:hover .foot_wei_ma{ height:75px; opacity:1; top:45px;}
.foot_love img{ width:36px; height:36px; border-radius:50%;}
.foot_wei_ma{ width:75px; height:0px; overflow:hidden; position:absolute; top:45px; left:-15px; opacity:1;-webkit-transition: all 0.5s ease-in-out; background-color:#fff;}
.foot_wei_ma img{ width:75px; height:75px; border-radius:0%;}


.typeright{ width:100%; text-align:center; height:50px; line-height:50px;font-size:12px; color:#fff; opacity:0.27; overflow:hidden;}
.typeright a{color:#fff; }



.mune_bian{width:1400px; height:124px; text-align:center; margin:auto; background-color:#fff; margin-top:-124px; position:relative; z-index:1;}
.mune{ width:1280px; margin:auto; border-bottom:1px solid #f3f3f3; height:90px; text-align:center;}
.mune a{ display:inline-block; font-size:20px; height:90px; line-height:90px; position:relative; color:#333; cursor:pointer; margin:0px 115px;-webkit-transition: all 0.4s ease-in-out;}
.mune a:hover{ font-weight:bold;}
.mune a:hover .mune_xian_1{ width:100%;}
.mune a.mune_a{ font-weight:bold;}
.mune a.mune_a .mune_xian_1{ width:100%;}

.mune_xian{ position:absolute; left:0; bottom:0; width:100%; height:3px;}
.mune_xian_1{ width:0px; height:3px; background-color:#c70c1f; margin:auto; -webkit-transition: all 0.4s ease-in-out;}




.about{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:100px;}
.mune_warp{ width:100%; height:85px; position: relative;}
.mune_tit{ width:100%; text-align:center; font-size:36px; font-weight:bold; letter-spacing:5px; color:#000; height:85px; line-height:80px; position:relative; z-index:1;}
.mune_en{ width:100%; text-align:center; font-size:120px; font-family:shu; color:rgba(234,234,234,0.5); position:absolute; top:0; height: 85px; line-height:99px;}

.mune_come{ width:100%; text-align:center; font-size:16px; color:#333; overflow:hidden; height:65px; line-height:65px;}

.about_con{ width:1400px; height:auto; overflow:hidden; margin:auto; font-size:16px; color:#333; text-align:center; line-height:30px; margin-top:30px;}
.about_con img{ max-width:100%; height:auto;}

.client{ width:1400px; height:auto; margin:auto; margin-top:30px;}
.client ul li{ float:left; width:264px; height:160px; list-style:none; margin-right:20px; margin-bottom:20px;}
.client ul li:nth-child(5n){ margin-right:0px;}

.client_img{ width:264px; height:160px; overflow:hidden;-webkit-transition: all 0.4s ease-in-out; background-color:#fff; }
.client_img:hover{-moz-box-shadow:0px 2px 4px rgba(0,0,0,0.1); -webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.1); box-shadow:0px 2px 4px rgba(0,0,0,0.1);}
.client_img:hover img{-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05);}

.client_img img{ -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}



.team{ width:1400px; height:auto; overflow:hidden; margin:auto; margin-top:30px; padding-bottom:23px;}
.team ul li{ float:left; width:336px; height: auto; overflow:hidden; margin-right:18px;}
.team ul li:nth-child(4n){ margin-right:0px;}
.team ul li a{ display:block; width:100%; height:100%;}
.team ul li a:hover .team_tit{color:#c70c1f;}

.team_tit{ width:100%; text-align:center; font-size:16px; color:#333; height:50px; line-height:50px;-webkit-transition: all 0.4s ease-in-out;}
.team_tit span{ padding:0px 8px; color:#dfdfdf; font-size:14px;}



.contact{ width:1398px; height:200px; margin:auto; margin-top:58px;}
.contact ul li{ float:left; width:466px; height:200px; list-style:none;-webkit-transition: all 0.4s ease-in-out;}
.contact ul li:hover{ margin-top:-10px;}
.contact ul li:hover .contact_img{-webkit-filter: grayscale(0%);}
.contact ul li:hover .contact_tit{ color:#c70c1f;}
.contact_img{ width:73px; height:73px; margin:auto; border:2px solid #c70c1f; border-radius:50%;-webkit-filter: grayscale(100%);-webkit-transition: all 0.4s ease-in-out;}
.contact_img img{ width:73px; height:73px;}

.contact_tit{ width:100%; font-size:18px; color:#333; height: auto; line-height:30px; text-align:center; padding-top:20px;-webkit-transition: all 0.4s ease-in-out;}
.contact_tit span{ font-size:18px;}

.contact_map{ width:1398px; height:458px; margin:auto; border:1px solid #e7e7e8; margin-bottom:36px;}



.battener_gao{ width:100%; height:87px;}
.battener{ width:100%; height:87px; position: fixed; background-color:#fff; top:0; z-index:9; box-shadow: 0 3px 18px 0 hsla(0,0%,87.8%,.5);}
.batten{ width:1400px; height:100%; margin:auto;}
.batten .head_logo img{ cursor:pointer; padding-top:16px; height:50px; width:auto;}

.batten .nav_1 a{ display:block; cursor:pointer; color:#000; height:87px; line-height:87px; -webkit-transition: all 0.4s ease-in-out; }
.batten .nav_1_1{  background:url(../image/news_11.png) no-repeat center;  bottom:17px; }

.batten .head_wei{ float:right; margin-top:25px;}
.batten .head_wei a{ display:inline-block; background-color:#e3e3e3;}
.batten .head_wei a:hover{ background-color:rgba(0,0,0,0.2);}



.main{ width:100%; height:auto; overflow:hidden;}
.dang{ width:1400px; margin:auto; font-size:14px; color:#8a8f9b; height:50px; line-height:50px;}
.dang a{ cursor:pointer; color:#8a8f9b; -webkit-transition: all 0.4s ease-in-out;}
.dang span{ padding:0px 8px; font-family:"宋体";}
.dang a:hover{ color:#c70c1f;}

.news_mune{ width:1400px; height:62px; background-color:#fff; margin:auto;}
.news_mune a{ display: inline-block; padding:0px 25px; height:62px; line-height:62px; font-size:16px; color:#333; cursor:pointer; -webkit-transition: all 0.4s ease-in-out;}
.news_mune a:hover{ color:#c70c1f;}
.news_mune a.news_mune_a{ color:#c70c1f;}


.news{ width:1400px; height:auto; margin:auto; margin-top:20px;}
.news ul li{ width:100%; height:254px; list-style:none; margin-bottom:16px;}
.news ul li a{ display:block; width:100%; height:253px; border-bottom:1px solid rgba(58,60,62,0.1); -webkit-transition: all 0.4s ease-in-out;}
.news ul li a:hover .news_img img{-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05);}
.news ul li a:hover .news_1{ color:#c70c1f;}

.news_img{ float:left; overflow:hidden;}
.news_img img{ -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

.news_right{ float:right; width:910px; height:238px;}
.news_1{ width:100%; font-size:20px; color:#333; height:26px; line-height:26px; font-weight:bold; overflow:hidden; -webkit-transition: all 0.4s ease-in-out;}
.news_2{ width:100%; font-size:16px; color:rgba(102,102,102,0.7); height:90px; line-height:30px; overflow:hidden; margin-top:35px; }
.news_3{ font-size:25px; color:#666; margin-top:40px; width:100%; height: auto;-webkit-transition: all 0.4s ease-in-out; font-family:ying;} 



.page{ width:100%; margin:auto; height: auto; overflow:hidden; padding-bottom:20px;}
.page_list{ width:100%; float:left;text-align:center; }
.page_list a{display:inline-block;line-height:32px; height:32px; width:32px; border:1px solid #e6e3e3; font-size:16px; color:#969696;text-align:center;text-decoration:none; margin:0px 3px;-webkit-transition: all 0.4s ease-in-out;}
.page_list a.page_list_a{ font-family:ying;}

.page_list a:hover{color:#fff; background-color:#c70c1f; border:1px solid #c70c1f;} 
.page_list a.on{color:#fff; background-color:#c70c1f; border:1px solid #c70c1f;}



.work_mune{ width:1306px; height: auto; padding:17px 47px;  background-color:#fff; margin:auto;}
.work_mune a{ display: inline-block; padding:0px 26px; height:28px; line-height:28px; font-size:16px; color:#333; cursor:pointer; background-color:#fff; -webkit-transition: all 0.4s ease-in-out; margin-right:26px;}
.work_mune a:hover{ color:#fff; background-color:#c70c1f;}
.work_mune a.work_mune_a{ color:#fff; background-color:#c70c1f;}

.work{ width:1400px; height:auto; margin:auto; margin-top:20px;}
.work ul li{ float:left; width:335px; height:266px; list-style:none; margin-bottom:20px; margin-right:20px;}
.work ul li:nth-child(4n){ margin-right:0px;}
.work ul li a{ display:block; width:100%; height:100%; background-color:#fff; -webkit-transition: all 0.4s ease-in-out;}
.work ul li a:hover{ background-color:#c70c1f;}

.work ul li a:hover .work_img img{-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05);}
.work ul li a:hover .work_tit{ color:#fff;}
.work ul li a:hover .work_con{ color:rgba(255,255,255,0.6);}

.work_img{ overflow:hidden;}
.work_img img{ -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

.work_tit{ margin:auto; width:300px; font-size:20px; color:#333; height:26px; line-height:26px; font-weight:bold; overflow:hidden; margin-top:16px;}
.work_con{ margin:auto; width:300px; font-size:14px; color:rgba(0,0,0,0.6); height:30px; line-height:30px; overflow:hidden; }
.work_con span{ padding:0px 8px;}



.xiang{ width:1400px; height:auto; overflow:hidden; margin:auto; margin-top:35px; position:relative; padding-bottom:21px;}
.xiang_left{ float:left; width:1008px; height:auto; overflow:hidden; background-color:#fff;}

.shaky{ width:965px; height:auto; overflow:hidden; margin:auto; position:relative;}
.shaky_tit{ width:100%; overflow:hidden; font-size:24px; font-weight:bold; color:#000; height:90px; line-height:90px; border-bottom:1px solid rgba(0,0,0,0.07);} 
.shaky_tit span{ display:inline-block; width:735px; overflow:hidden;}

.shaky_share{ position:absolute; right:0; top:30px;}
.shaky_share_zi{ float:left; font-size:16px; color:#000; height:30px; line-height: 30px;}

.shaky_share_fen{ float:right;}
.shaky_share_fen a{ display:inline-block; width:30px; height:30px;  border-radius:50%; background-color:#333; cursor:pointer;-webkit-transition: all 0.4s ease-in-out; margin-left:3px;}
.shaky_share_fen a:hover{ background-color:#c91628;}

.shaky_ri{ width:100%; font-size:16px; color:rgba(0,0,0,0.5); font-family:Arial, Helvetica, sans-serif; height:45px; line-height:45px; text-align: center; }

.shaky_con{ width:960px; height:auto; overflow:hidden; margin:auto; font-size:14px; line-height:24px; color:rgba(51,51,51,0.8); margin-top:20px;}
.shaky_con img{ max-width:100%; height:auto; margin:10px 0px;}

.shaky_all{ width:100%; height:54px;}
.shaky_left{ float:left; width:40%; height:54px;}
.shaky_left a{ display:block; width:100%; height:54px; line-height:54px; font-size:14px; color:#999999; cursor:pointer;-webkit-transition: all 0.4s ease-in-out;}
.shaky_left a:hover{ color:#c91628;}

.shaky_mid{ float:left; width:20%; height:54px; text-align:center;}
.shaky_mid a{ display: inline-block; height:54px; line-height:54px; background: url(../image/xiang.png) no-repeat left; background-size:12px; padding-left:20px; cursor:pointer;-webkit-transition: all 0.4s ease-in-out; font-size:14px; color:#999;}
.shaky_mid a:hover{ background: url(../image/xiang1.png) no-repeat left; background-size:12px; color:#c91628;}

.shaky_right{ float:right; width:40%; height:54px;}
.shaky_right a{ display:block; width:100%; height:54px; line-height:54px; font-size:14px; color:#999; cursor:pointer; text-align:right;-webkit-transition: all 0.4s ease-in-out;}
.shaky_right a:hover{ color:#c91628;}

.xiang_right{ float:right; width:375px; height:auto; overflow:hidden;}
.figures{ width:100%; height:auto; overflow:hidden; background-color:#fff;}
.figures_tit{ margin:auto; width:303px; height:24px; line-height:24px; padding-top:16px;}
.figures_tit span{ display:inline-block; font-size:16px; color:#c70c1f; background:url(../image/xiang_16.jpg) no-repeat left; font-weight:bold; padding-left:12px;}
.figures_tit a{ float:right; font-size:14px; color:rgba(0,0,0,0.5); cursor:pointer;-webkit-transition: all 0.4s ease-in-out;}
.figures_tit a:hover{ color:#c91628;}

.figures_list{ margin:auto; width:303px; height:auto; overflow:hidden;}
.figures_list ul li{ width:100%; height:auto; overflow:hidden; list-style:none;}
.figures_list ul li:nth-child(1) a{ border-top:none;}
.figures_list ul li a{ display:block; width:100%; height:auto; overflow:hidden; font-size:14px; color:#000; line-height:18px; padding:17px 0px; border-top:1px solid rgba(0,0,0,0.07);-webkit-transition: all 0.4s ease-in-out; cursor:pointer;}
.figures_list ul li a:hover{ color:#c91628;}

.figures_kong{ width:100%; height:20px; overflow:hidden;}
.figures_lie{ width:303px; height:auto; overflow:hidden; margin:auto; margin-top:17px;}
.figures_lie ul li{ width:100%; height:210px; list-style:none;}
.figures_lie ul li a{ display:block; width:100%; height:100%;}
.figures_lie ul li a:hover .figures_img img{-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05);}
.figures_lie ul li a:hover .figures_wen{ color:#c91628;}

.figures_img{ overflow:hidden;}
.figures_img img{ -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.figures_wen{ width:100%; font-size:16px; color:#333; height:52px; line-height:52px;-webkit-transition: all 0.4s ease-in-out;}



.detail{ width:100%; height:675px; margin:auto; position:relative; overflow:hidden;}
.detail-left {position: absolute; left:0px; top:290px; z-index:1; cursor:pointer; overflow:hidden; width:55px; height:95px; line-height:95px; outline: none; font-size:38px; color:#fff; font-family:"宋体"; background-color:rgba(0,0,0,0.3); text-align:center;-webkit-transition: all 0.4s ease-in-out;}
.detail-left:hover{ background-color:#c91628; color:#fff;}
.detail-right {position: absolute; right:0px; top:290px; z-index:1; cursor:pointer; overflow:hidden; width:55px; height:95px; line-height:95px; outline: none; font-size:38px; color:#fff; font-family:"宋体"; background-color:rgba(0,0,0,0.3); text-align:center; -webkit-transition: all 0.4s ease-in-out;}
.detail-right:hover{ background-color:#c91628; color:#fff;}

.detail_con{ width:100%; height:100%;}
.detail_div{ position:absolute; top:0; width:100%; height:100%; -webkit-filter: blur(20px); -moz-filter: blur(20px); -ms-filter: blur(20px); filter: blur(20px);}
.detail_bg{ position:absolute; width:100%; height:100%; top:0; background-color:rgba(0,0,0,0.7);}

.detail_nei{ width:1078px; height:606px; position:relative; z-index:1; margin:auto; margin-top:35px;}
.detail_bo{ position:absolute; z-index:2; background:rgba(255,255,255,0.87) url(../image/detail_07.png) no-repeat center; background-size:115px; width:115px; height:115px; border-radius:50%; top:200px; left:482px; display:block;}

.xiang_left1{ background-color:transparent;}
.story_warp{ width:100%; height:auto; overflow:hidden; background-color:#fff; min-height:477px;}
.story{ width:965px; height:auto; overflow:hidden; margin:auto; position:relative;}
.story_tit{ width:100%; font-size:24px; color:#333; font-weight:bold; height:50px; line-height:50px; padding-top:20px;}
.story_come{ width:100%; font-size:14px; color:rgba(0,0,0,0.6); height:24px; line-height:24px;}
.story_come span{ padding:0px 10px;}
.story_nei{ width:100%; height:auto; overflow:hidden; font-size:14px; color:rgba(51,51,51,0.8); line-height:20px; margin-top:14px; padding-bottom:14px;}
.story_biao{ width:100%; height:40px; line-height:40px;}
.story_biao span{ display:inline-block; font-size:16px; color:#c70c1f; background:url(../image/xiang_16.jpg) no-repeat left; font-weight:bold; padding-left:12px;}
.story_con{ width:100%; height:auto; overflow:hidden; font-size:14px; color:rgba(51,51,51,0.8); line-height:20px; padding-bottom:33px; border-bottom:1px solid rgba(0,0,0,0.07);}
.story_qian{ width:100%; font-size:14px; color:#333333; font-weight:bold; height:40px; line-height:40px; margin-top:24px;}
.story_mune{ width:100%; height:auto; overflow:hidden;}
.story_mune span{ display:inline-block; font-size:14px; color:rgba(51,51,51,0.8); background-color:#f3f3f3; height:25px; line-height:25px; padding:0px 22px; margin-bottom:14px; margin-right:14px;}

.opus_warp{ width:100%;height:auto; overflow:hidden; background-color:#fff; min-height:287px; margin-top:20px;}
.opus{ width:965px; height:auto; overflow:hidden; margin:auto; position:relative; padding-top:15px;}
.opus_list{ width:100%; height:auto; overflow:hidden; margin-top:11px;}
.opus_list ul li{ float:left; width:306px; height:213px; list-style:none; margin-right:23px;}
.opus_list ul li:nth-child(3n){ margin-right:0px;}
.opus_list ul li a{ display:block; width:100%; height:100%;}
.opus_list ul li a:hover .opus_img img{-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05);}
.opus_list ul li a:hover .opus_tit{ color:#c70c1f;}

.opus_img{ overflow:hidden;}
.opus_img img{ -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.opus_tit{ width:100%; height:55px; line-height:55px; font-size:16px; color:#333; overflow:hidden; -webkit-transition: all 0.4s ease-in-out;}


.big{ width:100%; height:635px; overflow:hidden;}
.mod-video {height:100%;width:100%;object-fit: cover;}


.worka{ margin-top:40px; height:auto; overflow:hidden;}
.work_bian{ width:333px; border:1px solid rgba(0,0,0,0.07); border-top:none; height:87px;}
.worka .work_tit{ margin-top:0px; padding-top:16px;}

.fine_tu{ width:100%; height:21px; text-align:center; margin-top:18px;}
.fine_tu img{ height:21px; width:auto; animation: animate 1.2s linear infinite both;}

@keyframes animate{
    0%, 50%, 100%{ margin-top:0px;}
    25%{ margin-top:10px; }
    75%{ margin-top:-5px; }
}



.fine_more{ width:100%; height:auto; overflow:hidden; margin-top:37px;}
.fine_more a{ display:block; margin:auto; font-size:14px; color:#000;  border:1px solid #000; width:118px; height:38px; text-align:center; line-height:38px; cursor:pointer; position:relative; -webkit-transition: all 0.4s ease-in-out;}
.fine_more a:hover{ color:#fff; background-color:#000;}



.scope{ width:1398px; height:auto; overflow:hidden; margin:auto; margin-top:40px;}
.scope ul li{ float:left; width:466px; height:200px; list-style:none;}
.scope ul li a{ display:block; width:100%; height:100%; position:relative;}
.scope ul li a:hover .scope_bg{ background-color:#c91628;}
.scope ul li a:hover .scope_tit{ padding-top:59px;}
.scope ul li a:hover .scope_jian{ opacity:1;}

.scope_bg{ position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.23);-webkit-transition: all 0.4s ease-in-out;}
.scope_tit{ width:100%; font-size:20px; color:#fff; font-weight:bold; text-align:center; height:45px; line-height:45px; padding-top:79px; -webkit-transition: all 0.4s ease-in-out;}
.scope_jian{ margin: auto; width:28px; height:28px; border:1px solid #fff; border-radius:50%; text-align:center; line-height:28px; font-size:22px; color:#fff; font-family:"宋体"; margin-top:25px; opacity:0; -webkit-transition: all 0.4s ease-in-out;}

.custom{ width:1400px; height:385px; background:url(../image/index_20.jpg) no-repeat center bottom; margin:auto; position:relative;}
.custom .paginationc{ position: absolute; width:100%; left:0px; bottom:55px; text-align: center; z-index:1; margin:auto;}
.custom .swiper-pagination-bullet { display: inline-block; width:10px; height:10px; background-color:#e0e0e0; border-radius:50%; margin:0px 7px; cursor: pointer;  -webkit-transition: all 0.4s ease-in-out;}
.custom .swiper-pagination-bullet-active{ background-color:#c91628;}

.custom_list{ width:100%; height:320px;  overflow:hidden; position:relative;}
.custom_list .swiper-slide{ height:50%; text-align:center;}
.custom_list .swiper-slide img{  width:auto; -webkit-transition: all 0.4s ease-in-out;-webkit-filter: grayscale(100%);}
.custom_list .swiper-slide:hover img{-webkit-filter: grayscale(0%);}



.showy{ width:90px; height: auto; position: fixed; z-index:5; bottom:30px; right:10px;}
.showy a{ display:block; width:90px; height:95px; margin-bottom:2px; background-color:#c70c1f; cursor:pointer; position:relative;}
.sidebox{position: absolute;width: 90px; height:95px; top: 0;right: 0;transition: all 0.3s;color: #fff; overflow: hidden;}
.showy a:hover .showy_tel{-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1); opacity:1;}
.showy_tu{ width:90px; height:53px; position:relative;}

.showy_img{ width:90px; height:36px; overflow:hidden; text-align:center; position: absolute;top:17px;left: 0;display: inline-block;text-align: center;filter:alpha(opacity=100);opacity: 1;}
.showy_img img{ height:36px; width:auto;}

.showy_tit{ width:90px; text-align:center; font-size:14px; color:#fff; height:35px; line-height:35px;}
.sidebox_left{ float:left;}
.sidebox span{ height:95px;  line-height:95px;  text-align:center; font-size:20px; padding-left:10px; }
.showy_tel{ width:123px; height:123px; position: absolute; top: 0; left:-123px; display: block; background-color:#c70c1f; font-size:20px; color:#fff; text-align:center; opacity:0;}



.btn-nav {position: absolute; top:12px;  right:0px; background: transparent; padding-right:10px; border: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease;  transition: all .5s ease;cursor: pointer; z-index: 99999;}
.btn-nav:focus { outline: 0;}
.icon-bar { display: block; margin: 5px 0; width:24px; height: 2px; background-color: #fff;}
.btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #fff;}
.nav-item { margin: 40px auto;text-align: center;}
.animated { display: block; margin: 0 auto;}
.animated:hover .icon-bar,
.animated:focus .icon-bar{ background-color: #fff;}
.animated:focus { cursor: pointer; z-index: 9999;}
.middle { margin: 0 auto;}
.icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999;}
.animated .icon-bar { z-index: 999999; background-color: #fff;}
.animated .topt { -webkit-transform: translateY(8px) rotateZ(45deg); -moz-transform: translateY(8px) rotateZ(45deg); -ms-transform: translateY(8px) rotateZ(45deg);-o-transform: translateY(8px) rotateZ(45deg);transform: translateY(8px) rotateZ(45deg)}
.animated .bottom { -webkit-transform: translateY(-6px) rotateZ(-45deg);-moz-transform: translateY(-6px) rotateZ(-45deg);-ms-transform: translateY(-6px) rotateZ(-45deg);-o-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg);}
.animated .middle { width: 0;}
.cai{ display:none;}
.caia{ display:none;}
.diphone_height{ display:none;}




@media screen and (max-width:1916px)and (min-width:1437px){
	
	.header{ width:100%; height:100px;}
	.head{ width:1200px; height:100%; margin:auto;}
	.head_logo{ float: left; height:100%;}
	.head_logo img{ cursor:pointer; padding-top:22px; height:55px; width:auto;}
	
	
	.nav{ float:left; width: auto; height:100%;}
	.nav_1{ display:inline-block; height:100%; position:relative; margin-right:52px;}
	.nav_1 a{ display:block; cursor:pointer; font-size:17px; height:100px; line-height:100px;}
	
	.nav_1_1{ position:absolute; width:100%; background:url(../image/about1_10.png) no-repeat center; height:6px; bottom:26px; }
	
	.head_wei{ float:right; height:34px; margin-top:34px;}
	.head_wei a{ display:inline-block; width:34px; height:34px; margin-left:8px;}
	
	.head_1{ width:34px; height:34px;}
	.head_1 img{ width:34px; height:34px;}
	
	.head_love{ width:34px; height:34px; position:relative;}
	.head_love:hover .head_wei_ma{ height:80px; opacity:1; top:39px;}
	.head_wei_ma{ width:80px; height:0px; overflow:hidden; position:absolute; top:45px; left:-20px;}
	.head_wei_ma img{ width:80px; height:80px; border-radius:0%;}
	
	
	.header1{ position:fixed; top:0; z-index:999; height:80px;}
	.header1 .head_logo img{ height:46px; width:auto; padding-top:17px;}
	.header1 .nav_1 a{ height:80px; line-height:80px; font-size:16px;} 
	.header1 .nav_1_1{ bottom:18px;}
	
	.header1 .head_wei{ margin-top:23px;}
	
	.headera{ width:100%; height:100px;}
	
	.n_big{ width:100%; height:544px; margin:auto;}	

	
	.footer{ width:100%; height: auto; background:#000000; padding-top:52px; overflow:hidden;}
	.foot{ width:1200px; height:100%; margin:auto; position:relative;}
	.foot_top{ width:100%; height:160px;}
	
	.foot_logo{ float:left; width:385px; height:auto; overflow:hidden;}
	.foot_logo img{ height:55px; width:auto;}
	
	.foot_1{ float:left; width:430px; height:100%;}
	.foot_nav{ width:100%; height:33px; overflow:hidden; font-size:14px; line-height:30px;}
	.foot_con{width:100%; line-height:25px;}
	
	.foot_right{ float:right; width:380px; height: 160px;}
	.foot_wei{ width:100%; height:34px; margin-top:15px; }
	.foot_wei a{ display:inline-block; width:32px; height:32px; margin-right:8px;}
	
	.foot_wei img{ width:32px; height:32px;}
	
	.foot_love{ width:32px; height:32px; position:relative;}
	.foot_love:hover .foot_wei_ma{ height:65px; opacity:1; top:37px;}
	.foot_love img{ width:32px; height:32px; border-radius:50%;}
	.foot_wei_ma{ width:65px; top:40px; left:-15px;}
	.foot_wei_ma img{ width:65px; height:65px; border-radius:0%;}
	
	.typeright{ width:100%; text-align:center; height:45px; line-height:45px;}

	
	.mune_bian{width:1200px; height:100px; margin-top:-100px;}
	.mune{ width:1100px;  height:78px;}
	.mune a{ display:inline-block; font-size:17px; height:78px; line-height:78px; margin:0px 100px;}
	
	.about{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:88px;}
	.mune_warp{ width:100%; height:75px; position: relative;}
	.mune_tit{ width:100%; text-align:center; font-size:31px; letter-spacing:5px; height:75px; line-height:75px;}
	.mune_en{ width:100%; text-align:center; font-size:102px; height: 80px; line-height:85px;}
	.mune_come{ font-size:14px; height:55px; line-height:55px;}
	
	.about_con{ width:1200px; height:auto; overflow:hidden; margin:auto; font-size:14px; line-height:26px; margin-top:26px;}
	
	.client{ width:1200px; height:auto; margin:auto; margin-top:26px;}
	.client ul li{ float:left; width:226px; height:137px; list-style:none; margin-right:17px; margin-bottom:17px;}

	
	.team{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:26px; padding-bottom:21px;}
	.team ul li{ float:left; width:288px; height:395px; overflow:hidden; margin-right:16px;}
	
	.team_tit{ width:100%; text-align:center; font-size:14px; height:45px; line-height:45px;}
	.team_tit span{ padding:0px 5px; font-size:12px;}

	
	.contact{ width:1200px; height:172px; margin:auto; margin-top:50px;}
	.contact ul li{ float:left; width:400px; height:172px; list-style:none;}
	
	.contact_img{ width:63px; height:63px; margin:auto;}
	.contact_img img{ width:63px; height:63px;}
	
	.contact_tit{ width:100%; font-size:16px; line-height:26px; padding-top:18px;}
	.contact_tit span{ font-size:15px;}
	
	.contact_map{ margin-bottom:31px;}

	
	.battener_gao{ width:100%; height:75px;}
	.battener{ width:100%; height:75px;}
	.batten{ width:1200px; height:100%; margin:auto;}
	.batten .head_logo img{ cursor:pointer; padding-top:13px; height:49px; width:auto;}
	
	.batten .nav_1 a{ display:block; height:75px; line-height:75px;}
	.batten .nav_1_1{  background:url(../image/news_11.png) no-repeat center; bottom:15px; }
	
	.batten .head_wei{ float:right; margin-top:22px;}
	

	
	
	.main{ width:100%; height:auto; overflow:hidden;}
	.dang{ width:1200px; font-size:12px; height:45px; line-height:45px;}
	.dang span{ padding:0px 5px;}
	
	.news_mune{ width:1200px; height:54px;}
	.news_mune a{ display: inline-block; padding:0px 21px; height:54px; line-height:54px; font-size:14px;}
	
	.news{ width:1200px; height:auto; margin:auto; margin-top:18px;}
	.news ul li{ width:100%; height:218px; list-style:none; margin-bottom:14px;}
	.news ul li a{ display:block; width:100%; height:217px;}
	
	.news_right{ float:right; width:780px; height:205px;}
	.news_1{ width:100%; font-size:18px; height:24px; line-height:24px;}
	.news_2{ width:100%; font-size:14px; height:78px; line-height:26px; overflow:hidden; margin-top:30px; }
	.news_3{ font-size:21px; margin-top:35px;} 
	
	
	
	.page{ width:100%; margin:auto; height: auto; overflow:hidden; padding-bottom:18px;}
	.page_list a{display:inline-block;line-height:28px; height:28px; width:28px; font-size:14px; margin:0px 2px;}

	
	.work_mune{ width:1120px; height: auto; padding:15px 40px;  background-color:#fff; margin:auto;}
	.work_mune a{ display: inline-block; padding:0px 23px; height:24px; line-height:24px; font-size:14px; margin-right:23px;}
	
	.work{ width:1200px; height:auto; margin:auto; margin-top:16px;}
	.work ul li{ float:left; width:288px; height:230px; list-style:none; margin-bottom:16px; margin-right:16px;}
	
	.work_tit{ margin:auto; width:260px; font-size:18px; height:24px; line-height:24px; margin-top:13px;}
	.work_con{ margin:auto; width:260px; font-size:12px; height:27px; line-height:27px; overflow:hidden; }
	.work_con span{ padding:0px 5px;}

	
	.xiang{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:31px; position:relative; padding-bottom:19px;}
	.xiang_left{ float:left; width:865px; height:auto; overflow:hidden; background-color:#fff;}
	
	.shaky{ width:828px; height:auto; overflow:hidden; margin:auto; position:relative;}
	.shaky_tit{ width:100%; font-size:20px; height:78px; line-height:78px;} 
	.shaky_tit span{ display:inline-block; width:630px; overflow:hidden;}
	
	.shaky_share{ position:absolute; right:0; top:26px;}
	.shaky_share_zi{ float:left; font-size:14px; height:26px; line-height: 26px;}
	
	.shaky_share_fen{ float:right;}
	.shaky_share_fen a{ display:inline-block; width:26px; height:26px; }
	.shaky_share_fen a img{ width:26px; height:26px;}
	
	.shaky_con{ width:100%; height:auto; overflow:hidden; margin:auto; font-size:12px; line-height:16px; margin-top:18px;}
	
	.shaky_all{ width:100%; height:47px;}
	.shaky_left{ float:left; width:40%; height:47px;}
	.shaky_left a{ display:block; width:100%; height:47px; line-height:47px; font-size:12px;}
	
	.shaky_mid{ float:left; width:20%; height:47px; text-align:center;}
	.shaky_mid a{ display: inline-block; height:47px; line-height:47px; background-size:11px; padding-left:20px; font-size:12px; }
	.shaky_mid a:hover{ background-size:11px;}
	
	.shaky_right{ float:right; width:40%; height:47px;}
	.shaky_right a{ display:block; width:100%; height:47px; line-height:47px; font-size:12px;}
	
	.xiang_right{ float:right; width:320px; height:auto; overflow:hidden;}
	
	.figures_tit{ margin:auto; width:260px; height:21px; line-height:21px; padding-top:14px;}
	.figures_tit span{ display:inline-block; font-size:14px;  background-size:3px; padding-left:12px;}
	.figures_tit a{ float:right; font-size:12px; }
	
	.figures_list{ margin:auto; width:260px; height:auto; overflow:hidden;}
	.figures_list ul li{ width:100%; height:auto; overflow:hidden; list-style:none;}
	.figures_list ul li:nth-child(1) a{ border-top:none;}
	.figures_list ul li a{ display:block; width:100%; height:auto; overflow:hidden; font-size:12px; line-height:16px; padding:14px 0px;}
	
	.figures_kong{ width:100%; height:19px; overflow:hidden;}
	.figures_lie{ width:260px; height:auto; overflow:hidden; margin:auto; margin-top:14px;}
	.figures_lie ul li{ width:100%; height:180px; list-style:none;}
	
	.figures_wen{ width:100%; font-size:14px; height:44px; line-height:44px;}

	
	.detail{ width:100%; height:578px; margin:auto; position:relative; overflow:hidden;}
	.detail-left {position: absolute; left:0px; top:250px; width:48px; height:82px; line-height:82px; outline: none; font-size:34px; }
	.detail-right {position: absolute; right:0px; top:250px; width:48px; height:82px; line-height:82px; outline: none; font-size:34px;}
	
	.detail_nei{ width:925px; height:520px; margin-top:30px;}
	.detail_bo{ position:absolute; z-index:2; background-size:98px; width:98px; height:98px; border-radius:50%; top:173px; left:414px;}
	
	.xiang_left1{ background-color:transparent;}
	.story_warp{ width:100%; height:auto; overflow:hidden; background-color:#fff; min-height:409px;}
	.story{ width:828px;}
	.story_tit{ width:100%; font-size:20px; height:44px; line-height:44px; padding-top:18px;}
	.story_come{ width:100%; font-size:12px; height:20px; line-height:20px;}
	.story_come span{ padding:0px 8px;}
	.story_nei{ width:100%; font-size:12px; line-height:18px; margin-top:12px; padding-bottom:12px;}
	.story_biao{ width:100%; height:35px; line-height:35px;}
	.story_biao span{ display:inline-block; font-size:14px; background-size:3px; padding-left:12px;}
	.story_con{ width:100%; height:auto; overflow:hidden; font-size:12px; line-height:18px; padding-bottom:29px; }
	.story_qian{ width:100%; font-size:12px; height:35px; line-height:35px; margin-top:20px;}
	.story_mune{ width:100%; height:auto; overflow:hidden;}
	.story_mune span{ display:inline-block; font-size:12px; color:rgba(51,51,51,0.8); height:22px; line-height:22px; padding:0px 19px; margin-bottom:12px; margin-right:12px;}
	
	.opus_warp{ min-height:246px; margin-top:18px;}
	.opus{ width:828px; padding-top:16px;}
	.opus_list{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
	.opus_list ul li{ float:left; width:263px; height:184px; list-style:none; margin-right:19px;}
	
	.opus_tit{ width:100%; height:48px; line-height:48px; font-size:14px; }


.big{ width:100%; height:544px;}

.worka{ margin-top:34px; height:auto; overflow:hidden;}
.work_bian{ width:286px; height:77px;}
.worka .work_tit{ margin-top:0px; padding-top:13px;}

.fine_tu{ width:100%; height:17px; text-align:center; margin-top:16px;}
.fine_tu img{ height:17px; width:auto;}

.fine_more{ width:100%; height:auto; overflow:hidden; margin-top:32px;}
.fine_more a{ display:block; margin:auto; font-size:12px; width:102px; height:33px; line-height:33px;}


.scope{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:34px;}
.scope ul li{ float:left; width:400px; height:172px; list-style:none;}
.scope ul li a:hover .scope_tit{ padding-top:50px;}

.scope_tit{ width:100%; font-size:18px; height:40px; line-height:40px; padding-top:69px;}
.scope_jian{ margin: auto; width:26px; height:26px; line-height:26px; font-size:20px; margin-top:22px;}


.custom{ width:1200px; height:370px; background-size:100% auto; margin:auto;  position:relative;}
.custom .paginationc{ position: absolute; width:100%; left:0px; bottom:45px; text-align: center; z-index:1; margin:auto;}
.custom .swiper-pagination-bullet { display: inline-block; width:10px; height:10px; margin:0px 5px;}


.custom_list{ width:100%; height:290px; background-size:100% auto; overflow:hidden; position:relative;}
.custom_list .swiper-slide{ height:50%; text-align:center;}
.custom_list .swiper-slide img{  width:auto; }


.showy{ width:80px; height: auto; position: fixed; z-index:5; bottom:27px; right:8px;}
.showy a{ display:block; width:80px; height:82px;}

.showy_tu{ width:100%; height:46px; position:relative;}
.showy_img{ width:100%; height:31px;top:15px;}
.showy_img img{ height:31px; width:auto;}
.sidebox{ width:80px; height:82px;}
.showy_tit{ font-size:14px;width:80px; height:30px; line-height:30px;}
.sidebox span{height:82px; line-height:82px; font-size:17px;}
.showy_tel{ width:110px; height:110px;  left:-110px; font-size:18px;}
.showy_tel img{width:110px; height:110px;}

}

@media screen and (max-width:1436px)and (min-width:1201px){
	
	.header{ width:100%; height:90px;}
	.head{ width:1100px; height:100%; margin:auto;}
	.head_logo{ float: left; height:100%;}
	.head_logo img{ cursor:pointer; padding-top:20px; height:51px; width:auto;}
	
	
	.nav{ float:left; width: auto; height:100%;}
	.nav_1{ display:inline-block; height:100%; position:relative; margin-right:50px;}
	.nav_1 a{ display:block; cursor:pointer; font-size:16px; height:90px; line-height:90px;}
	
	.nav_1_1{ position:absolute; width:100%; background-size:auto 100%; height:5px; bottom:22px; }
	
	.head_wei{ float:right; height:32px; margin-top:31px;}
	.head_wei a{ display:inline-block; width:32px; height:32px; margin-left:8px;}
	
	.head_1{ width:32px; height:32px;}
	.head_1 img{ width:32px; height:32px;}
	
	.head_love{ width:32px; height:32px; position:relative;}
	.head_love:hover .head_wei_ma{ height:80px; opacity:1; top:39px;}
	.head_wei_ma{ width:80px; height:0px; overflow:hidden; position:absolute; top:45px; left:-20px;}
	.head_wei_ma img{ width:80px; height:80px; border-radius:0%;}
	
	
	.header1{ position:fixed; top:0; z-index:999; height:80px;}
	.header1 .head_logo img{ height:46px; width:auto; padding-top:17px;}
	.header1 .nav_1 a{ height:80px; line-height:80px; font-size:16px;} 
	.header1 .nav_1_1{ bottom:18px;background-size: auto 100%;}
	
	.header1 .head_wei{ margin-top:23px;}
	
	.headera{ width:100%; height:90px;}
	
	.n_big{ width:100%; height:500px; margin:auto;}	

	
	.footer{ width:100%; height: auto; background:#000000; padding-top:48px; overflow:hidden;}
	.foot{ width:1100px; height:100%; margin:auto; position:relative;}
	.foot_top{ width:100%; height:150px;}
	
	.foot_logo{ float:left; width:350px; height:auto; overflow:hidden;}
	.foot_logo img{ height:55px; width:auto;}
	
	.foot_1{ float:left; width:395px; height:100%;}
	.foot_nav{ width:100%; height:33px; overflow:hidden; font-size:14px; line-height:30px;}
	.foot_con{width:100%; line-height:25px;}
	
	.foot_right{ float:right; width:350px; height: 160px;}
	.foot_wei{ width:100%; height:34px; margin-top:15px; }
	.foot_wei a{ display:inline-block; width:32px; height:32px; margin-right:8px;}
	
	.foot_wei img{ width:32px; height:32px;}
	
	.foot_love{ width:32px; height:32px; position:relative;}
	.foot_love:hover .foot_wei_ma{ height:65px; opacity:1; top:37px;}
	.foot_love img{ width:32px; height:32px; border-radius:50%;}
	.foot_wei_ma{ width:65px; top:40px; left:-15px;}
	.foot_wei_ma img{ width:65px; height:65px; border-radius:0%;}
	
	.typeright{ width:100%; height:41px; line-height:41px;}

	
	.mune_bian{width:1100px; height:108px; margin-top:-108px;}
	.mune{ width:1010px;  height:72px;}
	.mune a{ display:inline-block; font-size:16px; height:72px; line-height:72px; margin:0px 92px;}
	
	.about{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:80px;}
	.mune_warp{ width:100%; height:68px; position: relative;}
	.mune_tit{ width:100%; text-align:center; font-size:28px; letter-spacing:5px; height:68px; line-height:68px;}
	.mune_en{ width:100%; text-align:center; font-size:94px; height: 68px; line-height:78px;}
	.mune_come{ font-size:13px; height:52px; line-height:52px;}
	
	.about_con{ width:1100px; height:auto; overflow:hidden; margin:auto; font-size:13px; line-height:23px; margin-top:23px;}
	
	.client{ width:1100px; height:auto; margin:auto; margin-top:23px;}
	.client ul li{ float:left; width:208px; height:126px; list-style:none; margin-right:15px; margin-bottom:15px;}

	
	.team{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:23px; padding-bottom:19px;}
	.team ul li{ float:left; width:265px; height:363px; overflow:hidden; margin-right:13px;}
	
	.team_tit{ width:100%; text-align:center; font-size:14px; height:41px; line-height:41px;}
	.team_tit span{ padding:0px 5px; font-size:12px;}

	
	.contact{ width:1098px; height:160px; margin:auto; margin-top:44px;}
	.contact ul li{ float:left; width:366px; height:160px; list-style:none;}
	.contact_img{ width:58px; height:58px; margin:auto;}
	.contact_img img{ width:58px; height:58px;}
	.contact_tit{ width:100%; font-size:14px; line-height:23px; padding-top:16px;}
	.contact_tit span{ font-size:14px;}
	
	.contact_map{ margin-bottom:28px;}

	
	.battener_gao{ width:100%; height:70px;}
	.battener{ width:100%; height:70px;}
	.batten{ width:1100px; height:100%; margin:auto;}
	.batten .head_logo img{ cursor:pointer; padding-top:12px; height:46px; width:auto;}
	
	.batten .nav_1 a{ display:block; height:70px; line-height:70px;}
	.batten .nav_1_1{  background-size:auto 100%; bottom:14px; }
	
	.batten .head_wei{ float:right; margin-top:20px;}
	

	
	.main{ width:100%; height:auto; overflow:hidden;}
	.dang{ width:1100px; font-size:12px; height:42px; line-height:42px;}
	.dang span{ padding:0px 5px;}
	
	.news_mune{ width:1100px; height:51px;}
	.news_mune a{ display: inline-block; padding:0px 20px; height:51px; line-height:51px; font-size:14px;}
	
	.news{ width:1100px; height:auto; margin:auto; margin-top:16px;}
	.news ul li{ width:100%; height:200px; list-style:none; margin-bottom:12px;}
	.news ul li a{ display:block; width:100%; height:199px;}
	
	.news_right{ float:right; width:715px; height:188px;}
	.news_1{ width:100%; font-size:16px; height:22px; line-height:22px;}
	.news_2{ width:100%; font-size:13px; height:69px; line-height:23px; overflow:hidden; margin-top:26px; }
	.news_3{ font-size:19px; margin-top:31px;} 
	
	
	
	.page{ width:100%; margin:auto; height: auto; overflow:hidden; padding-bottom:16px;}
	.page_list a{display:inline-block;line-height:26px; height:26px; width:26px; font-size:12px; margin:0px 2px;}

	
	.work_mune{ width:1026px; height: auto; padding:13px 37px;  background-color:#fff; margin:auto;}
	.work_mune a{ display: inline-block; padding:0px 21px; height:24px; line-height:24px; font-size:14px; margin-right:21px;}
	
	.work{ width:1100px; height:auto; margin:auto; margin-top:14px;}
	.work ul li{ float:left; width:264px; height:210px; list-style:none; margin-bottom:14px; margin-right:14px;}
	
	.work_tit{ margin:auto; width:238px; font-size:16px; height:22px; line-height:22px; margin-top:11px;}
	.work_con{ margin:auto; width:238px; font-size:12px; height:24px; line-height:24px; overflow:hidden; }
	.work_con span{ padding:0px 5px;}

	
	.xiang{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:27px; position:relative; padding-bottom:17px;}
	.xiang_left{ float:left; width:792px; height:auto; overflow:hidden; background-color:#fff;}
	
	.shaky{ width:758px; height:auto; overflow:hidden; margin:auto; position:relative;}
	.shaky_tit{ width:100%; font-size:18px; height:72px; line-height:72px;} 
	.shaky_tit span{ display:inline-block; width:580px; overflow:hidden;}

	.shaky_share{ position:absolute; right:0; top:23px;}
	.shaky_share_zi{ float:left; font-size:14px; height:26px; line-height: 26px;}

	.shaky_share_fen{ float:right;}
	.shaky_share_fen a{ display:inline-block; width:26px; height:26px; }
	.shaky_share_fen a img{ width:26px; height:26px;}

	.shaky_con{ width:100%; height:auto; overflow:hidden; margin:auto; font-size:12px; line-height:16px; margin-top:16px;}

	.shaky_all{ width:100%; height:42px;}
	.shaky_left{ float:left; width:40%; height:42px;}
	.shaky_left a{ display:block; width:100%; height:42px; line-height:42px; font-size:12px;}
	
	.shaky_mid{ float:left; width:20%; height:42px; text-align:center;}
	.shaky_mid a{ display: inline-block; height:42px; line-height:42px; background-size:11px; padding-left:20px; font-size:12px; }
	.shaky_mid a:hover{ background-size:11px;}
	
	.shaky_right{ float:right; width:40%; height:42px;}
	.shaky_right a{ display:block; width:100%; height:42px; line-height:42px; font-size:12px;}

	.xiang_right{ float:right; width:295px; height:auto; overflow:hidden;}
	
	.figures_tit{ margin:auto; width:238px; height:21px; line-height:21px; padding-top:14px;}
	.figures_tit span{ display:inline-block; font-size:14px;  background-size:3px; padding-left:12px;}
	.figures_tit a{ float:right; font-size:12px; }
	
	.figures_list{ margin:auto; width:238px; height:auto; overflow:hidden;}
	.figures_list ul li{ width:100%; height:auto; overflow:hidden; list-style:none;}
	.figures_list ul li:nth-child(1) a{ border-top:none;}
	.figures_list ul li a{ display:block; width:100%; height:auto; overflow:hidden; font-size:12px; line-height:16px; padding:12px 0px;}
	
	.figures_kong{ width:100%; height:19px; overflow:hidden;}
	.figures_lie{ width:238px; height:auto; overflow:hidden; margin:auto; margin-top:14px;}
	.figures_lie ul li{ width:100%; height:165px; list-style:none;}
	
	.figures_wen{ width:100%; font-size:12px; height:41px; line-height:41px;}

	
	.detail{ width:100%; height:530px; margin:auto; position:relative; overflow:hidden;}
	.detail-left {position: absolute; left:0px; top:230px; width:44px; height:76px; line-height:76px; outline: none; font-size:32px; }
	.detail-right {position: absolute; right:0px; top:230px; width:44px; height:76px; line-height:76px; outline: none; font-size:32px;}
	
	.detail_nei{ width:848px; height:477px; margin-top:30px;}
	.detail_bo{ position:absolute; z-index:2; background-size:90px; width:90px; height:90px; border-radius:50%; top:158px; left:380px;}
	
	.xiang_left1{ background-color:transparent;}
	.story_warp{ width:100%; height:auto; overflow:hidden; background-color:#fff; min-height:379px;}
	.story{ width:758px;}
	.story_tit{ width:100%; font-size:18px; height:41px; line-height:41px; padding-top:15px;}
	.story_come{ width:100%; font-size:12px; height:18px; line-height:18px;}
	.story_come span{ padding:0px 6px;}

	.story_nei{ width:100%; font-size:12px; line-height:18px; margin-top:10px; padding-bottom:10px;}
	.story_biao{ width:100%; height:35px; line-height:35px;}
	.story_biao span{ display:inline-block; font-size:14px; background-size:3px; padding-left:12px;}
	.story_con{ width:100%; height:auto; overflow:hidden; font-size:12px; line-height:18px; padding-bottom:28px; }
	.story_qian{ width:100%; font-size:12px; height:33px; line-height:33px; margin-top:17px;}
	.story_mune{ width:100%; height:auto; overflow:hidden;}
	.story_mune span{ display:inline-block; font-size:12px; color:rgba(51,51,51,0.8); height:22px; line-height:22px; padding:0px 15px; margin-bottom:10px; margin-right:10px;}
	
	.opus_warp{ min-height:246px; margin-top:16px;}
	.opus{ width:758px; padding-top:16px;}
	.opus_list{ width:100%; height:auto; overflow:hidden; margin-top:8px;}
	.opus_list ul li{ float:left; width:241px; height:168px; list-style:none; margin-right:17px;}
	
	.opus_tit{ width:100%; height:43px; line-height:43px; font-size:14px; }


.big{ width:100%; height:500px;}

.worka{ margin-top:32px; height:auto; overflow:hidden;}
.work_bian{ width:262px; height:70px;}
.worka .work_tit{ margin-top:0px; padding-top:11px;}

.fine_tu{ width:100%; height:16px; text-align:center; margin-top:14px;}
.fine_tu img{ height:16px; width:auto;}

.fine_more{ width:100%; height:auto; overflow:hidden; margin-top:29px;}
.fine_more a{ display:block; margin:auto; font-size:12px; width:94px; height:30px; line-height:30px;}

.scope{ width:1098px; height:auto; overflow:hidden; margin:auto; margin-top:32px;}
.scope ul li{ float:left; width:366px; height:157px; list-style:none;}
.scope ul li a:hover .scope_tit{ padding-top:46px;}

.scope_tit{ width:100%; font-size:16px; height:37px; line-height:37px; padding-top:62px;}
.scope_jian{ margin: auto; width:23px; height:23px; line-height:23px; font-size:18px; margin-top:18px;}


.custom{ width:1100px; height:360px; background-size:100% auto; margin:auto; position:relative;}
.custom .paginationc{ position: absolute; width:100%; left:0px; bottom:45px; text-align: center; z-index:1; margin:auto;}
.custom .swiper-pagination-bullet { display: inline-block; width:10px; height:10px; margin:0px 5px;}


.custom_list{ width:100%; height:266px; background-size:100% auto; overflow:hidden; position:relative;}
.custom_list .swiper-slide{ height:50%; text-align:center;}
.custom_list .swiper-slide img{  width:auto; }


.showy{ width:70px; height: auto; position: fixed; z-index:5; bottom:25px; right:8px;}
.showy a{ display:block; width:70px; height:75px;}
.sidebox{ width:70px; height:75px;}
.showy_tu{ width:100%; height:41px; position:relative;}
.showy_img{ width:100%; height:28px;top:13px;}
.showy_img img{ height:28px; width:auto;}
.sidebox span{ height:75px; line-height:75px;font-size:16px;}
.showy_tit{ font-size:12px;width:70px;  height:28px; line-height:28px;}
.showy_tel{ width:95px; height:95px; left:-95px; font-size:18px;}
.showy_tel img{ width:95px; height:95px;}

}
@media screen and (max-width:1200px)and (min-width:300px){
	.loading{ display:none;}
	
	.header{ width:100%; height:50px;}
	.head{ width:96%; height:100%; margin:auto; display:none;}
	.head_logo{ float:none; position:absolute; left:2%; z-index:9; height:100%;}
	.head_logo img{ cursor:pointer; padding-top:10px; height:30px; width:auto;}
	.head_logo_red{ display:none;}
	
	
	.cai{ display: block; width:100%; height:50px; top:0; z-index:999; position: fixed; top:0; }
	.cai_list{ width:100%; height:92vh; background-color:rgba(0,0,0,0.5); display:none; padding-top:8vh; position:fixed; top:0;}
	
	.caia{ display: block; width:100%; height:50px; top:0; z-index:999; position: fixed; top:0; background: #fff; box-shadow: 0 3px 18px 0 hsl(0deg 0% 88% / 50%);}
	.caia .icon-bar{ background-color:#c91628;}
	.caia .btn-nav:hover .icon-bar{ background-color:#c91628;}
	
	
	.mnav{  width:96%; height:auto; margin:auto; background:#FFF; margin-left:2%; border-radius:10px;}
	.mnav li{ border-bottom:1px #f2f1f1 solid; margin:0px 15px; list-style:none;}
	.mnav li a{ width:100%; display:block; color:#000; font-size:14px; line-height:39px; height:39px;}
	
	
	.head_right{ float:right; height:100%; display:none;}
	
	.nav{ float:none; width: auto; height:100%;}
	.nav_1{ margin-right:0px; margin-left:15px;}
	.nav_1 a{ display:block; cursor:pointer; font-size:14px; height:50px; line-height:50px; }
	
	.nav_1_1{ position:absolute; width:100%; background-size:auto 100%; height:4px; bottom:10px; }
	
	.head_wei{height: 30px;margin-top: 10px;margin-right: 50px;}
	.head_wei a{ width:30px; height:30px;}
	.head_love{ width:30px; height:30px;}
	.head_1{ width:30px; height:30px;}
	.head_1 img{ width:30px; height:30px;}
	.header1{ height:50px;}
	.cai1 .head_logo img{ height:30px; width:auto; padding-top:10px;}
	.cai1 .head_logo img.head_logo_bai{ display:none;}
	.cai1 .head_logo img.head_logo_red{ display:block;}
	.cai1 .icon-bar{ background-color:#c91628;}
	.cai1 .btn-nav:hover .icon-bar{ background-color:#c91628;}
	
	.header1 .nav_1 a{ height:50px; line-height:50px; font-size:14px; color:#000;} 
	.header1 .nav_1_1{ bottom:10px; background-size:auto 100%;}
	
	.headera{ width:100%; height:50px;position: absolute; top:0; z-index:9; }
	
	.n_big{ width:100%; height:240px; margin:auto;}


	
	.footer{ padding-top:20px;}
	.foot{ width:96%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.foot_top{ width:100%; height: auto;}
	
	.foot_logo{ float:none; width:100%; text-align:center; height:auto; overflow:hidden;}
	.foot_logo img{ height:50px; width:auto;}
	
	.foot_1{ display:none;}
	.foot_right{ display:none;}
	
	.typeright{ width:100%; text-align:center; height: auto; line-height:20px; overflow:hidden; padding-bottom:10px; margin-top:15px;}
	.typeright a{color:#fff; }


	
	.mune_bian{width:96%; height:50px; margin-top:-50px;}
	.mune{ width:90%; height:40px; text-align:center;}
	.mune a{ display:inline-block; font-size:14px; height:40px; line-height:40px; margin:0px 8px;}
	
	.mune_xian{  height:2px;}
	.mune_xian_1{ height:2px;}


	.about{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:30px;}
	.mune_warp{ width:100%; height:55px; position: relative;}
	.mune_tit{ font-size:18px; height:55px; line-height:50px;}
	.mune_en{ font-size:60px; height: 55px; line-height:60px;}
	
	.mune_come{ width:96%; margin:auto; font-size:13px; height: auto; overflow:hidden; line-height:21px;}
	
	.about_con{ width:96%; font-size:14px; line-height:24px; margin-top:10px;}


	.client{ width:96%; height:auto; margin:auto; margin-top:20px;}
	.client ul li{ float:left; width:49%; height: auto; list-style:none; margin-right:2%; margin-bottom:10px;}
	.client ul li:nth-child(5n){ margin-right:2%;}
	.client ul li:nth-child(2n){ margin-right:0px;}


	
	.team{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:20px; padding-bottom:23px;}
	.team ul li{ float:left; width:49%; height: auto; overflow:hidden; margin-right:2%;}
	.team ul li:nth-child(4n){ margin-right:2%;}
	.team ul li:nth-child(2n){ margin-right:0px;}
	
	.team_tit{ width:100%; text-align:center; font-size:14px; height:45px; line-height:40px;}
	.team_tit span{ padding:0px 5px; font-size:12px;}

	
	
	.contact{ width:96%; height: auto; overflow:hidden; margin:auto; margin-top:30px;}
	.contact ul li{ float:none; width:100%; height: auto; overflow:hidden; margin-bottom:15px;}
	.contact ul li:hover{ margin-top:-0px;}
	
	.contact_img{ float:left; width:40px; height:40px; margin-top:5px;}
	.contact_img img{ width:40px; height:40px;}
	
	.contact_tit{ float:right; width:85%; font-size:12px; line-height:21px; text-align:left; padding-top:5px;}
	.contact_tit span{ font-size:14px;}

	.contact_map{ width:100%; height: auto; margin:auto; border:none; margin-bottom:36px; margin-top:20px;}


	
	.battener_gao{ width:100%; height:50px;}
	.battener{ width:100%; height:50px; display:none;}
	.batten{ width:96%; height:100%; margin:auto;}
	.batten .head_logo img{ padding-top:10px; height:30px;}
	
	.batten .nav_1 a{ height:50px; line-height:50px;}
	.batten .nav_1_1{  background-size:auto 100%;  bottom:10px; }


	.main{ width:100%; height:auto; overflow:hidden;}
	.dang{ width:96%; margin:auto; font-size:13px; height:40px; line-height:40px;}
	.dang span{ padding:0px 5px;}
	
	.news_mune{ width:96%; height:40px;}
	.news_mune a{ display: inline-block; padding:0px 10px; height:40px; line-height:40px; font-size:14px;}


	.news{ width:96%; height:auto; margin:auto; margin-top:10px;}
	.news ul li{ width:100%; height: auto; list-style:none; margin-bottom:10px;}
	.news ul li a{ display:block; width:100%; height: auto; padding-bottom:10px;}
	
	.news_img{ float:none; overflow:hidden;}
	
	.news_right{ float:none; width:100%; height: auto; overflow:hidden; margin-top:15px;}
	.news_1{ width:100%; font-size:16px; height:26px; line-height:26px;}
	.news_2{ width:100%; font-size:14px; height:96px; line-height:24px; margin-top:5px; }
	.news_3{ font-size:14px; margin-top:15px; } 


	
	.page{ width:100%; margin:auto; height: auto; overflow:hidden; padding-bottom:20px;}
	.page_list a{display:inline-block;line-height:26px; height:26px; width:26px; font-size:12px; margin:0px 2px;}


	
	
	.work_mune{ width:90%; height: auto; padding:10px 3%; padding-bottom:5px;}
	.work_mune a{ display: inline-block; padding:0px 15px; height:24px; line-height:24px; font-size:12px; margin-right:10px; margin-bottom:5px;}

	.work{ width:96%; height:auto; margin:auto; margin-top:10px;}
	.work ul li{ float:left; width:49%; height: auto; overflow:hidden; list-style:none; margin-bottom:10px; margin-right:2%;}
	.work ul li:nth-child(4n){ margin-right:2%;}
	.work ul li:nth-child(2n){ margin-right:0;}
	.work ul li a{ padding-bottom:10px;}
	
	.work_tit{ margin:auto; width:90%; font-size:15px; height:23px; line-height:23px; margin-top:10px;}
	.work_con{ margin:auto; width:90%; font-size:12px; height:24px; line-height:24px; overflow:hidden; }
	.work_con span{ padding:0px 5px;}


	
	.xiang{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:15px; padding-bottom:21px;}
	.xiang_left{ float:none; width:100%;}
	
	.shaky{ width:92%; height:auto; overflow:hidden; margin:auto; position:relative; padding-top:20px;}
	.shaky_tit{ width:100%; overflow:hidden; font-size:16px; height: auto; line-height:24px; padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.07);} 
	.shaky_tit span{ display:inline-block; width:100%; overflow:hidden; text-align:center;}
	
	
	.shaky_share{ width:100%; height:auto; margin-top:10px; overflow:hidden; text-align:center; position: relative; right:0; top:0px; display:none}
	.shaky_share_zi{ display:inline-block; float:none; font-size:14px; height:24px; line-height: 24px; display:none;}
	
	.shaky_share_fen{ display:inline-block; float:none;}
	.shaky_share_fen a{ display:inline-block; width:24px; height:24px; margin-left:3px;}
	.shaky_share_fen img{ width:24px; height:24px;}
	
	
	.shaky_ri{ width:100%; font-size:16px; height:45px; line-height:45px; text-align: center; }
	
	
	.shaky_con{ width:100%; font-size:14px; line-height:24px; margin-top:20px;}
	.shaky_con img{ max-width:100%; height:auto; margin:5px 0px;}

	.shaky_all{ width:100%; height:54px;}
	.shaky_left{ float:left; width:35%; height:54px;}
	.shaky_mid{ float:left; width:30%; height:54px; text-align:center;}
	.shaky_right{ float:right; width:35%; height:54px;}



	.xiang_right{ float:none; width:100%; height:auto; overflow:hidden; margin-top:10px;}
	
	.figures_tit{ margin:auto; width:90%; height:24px; line-height:24px; padding-top:12px;}
	.figures_tit span{ display:inline-block; font-size:14px; background-size:3px; padding-left:12px;}
	.figures_tit a{ float:right; font-size:12px;}
	
	.figures_list{ margin:auto; width:90%;}
	.figures_list ul li{ width:100%; height:auto; overflow:hidden; list-style:none;}
	.figures_list ul li a{ font-size:12px; line-height:16px; padding:12px 0px;}

	.figures_kong{ width:100%; height:10px; overflow:hidden;}
	.figures_lie{ width:90%; height:auto; overflow:hidden; margin:auto; margin-top:15px;}
	.figures_lie ul li{ width:100%; height: auto; list-style:none;}
	.figures_wen{ width:100%; font-size:14px; height:45px; line-height:40px;}



	
	.detail{ width:100%; height: auto; margin:auto; position:relative; overflow:hidden;}
	.detail-left {position: absolute; left:0px; top:44%; width:24px; height:45px; line-height:45px; font-size:21px;}
	.detail-right {position: absolute; right:0px; top:44%; width:24px; height:45px; line-height:45px; font-size:21px;}
	
	.detail_nei{ width:100%; height: auto; position:relative; z-index:1; margin:auto; margin-top:30px; padding-bottom:30px;}
	.detail_img{ margin:auto;}
	.detail_bo{ display:none;}

	
	.story_warp{ width:100%; height:auto; overflow:hidden; background-color:#fff; min-height:auto;}
	.story{ width:90%;}
	.story_tit{ width:100%; font-size:16px; height:35px; line-height:35px; padding-top:10px;}
	.story_come{ width:100%; font-size:12px; height:24px; line-height:24px;}
	.story_come span{ padding:0px 5px;}
	.story_nei{ font-size:12px; line-height:20px; margin-top:10px; padding-bottom:10px;}
	.story_biao{ width:100%; height:30px; line-height:30px;}
	.story_biao span{ display:inline-block; font-size:14px; background-size:3px; padding-left:12px;}
	.story_con{ width:100%; height:auto; overflow:hidden; font-size:13px; line-height:24px; padding-bottom:20px;}
	.story_qian{ width:100%; font-size:14px; height:30px; line-height:30px; margin-top:10x;}
	.story_mune{ width:100%; height:auto; overflow:hidden; padding-bottom:10px;}
	.story_mune span{ display:inline-block; font-size:12px; height:23px; line-height:23px; padding:0px 15px; margin-bottom:10px; margin-right:10px;}

	.opus_warp{ width:100%;height:auto; overflow:hidden; background-color:#fff; min-height:287px; margin-top:10px;}
	.opus{ width:90%; padding-top:15px;}
	.opus_list{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
	.opus_list ul li{ float:none; width:100%; height: auto; list-style:none; margin-right:0px;}
	
	.opus_tit{ width:100%; height:45px; line-height:40px; font-size:14px;}


	
	.big{ width:100%; height:240px; overflow:hidden;}
	.mod-video {height:100%;width:100%;object-fit: cover;}

	.worka{ margin-top:20px; height:auto; overflow:hidden;}
	.worka ul li a{ padding-bottom:0px;}
	.work_bian{ width:333px; border:1px solid rgba(0,0,0,0.07); border-top:none; height: auto; padding-bottom:10px;}
	
	.worka .work_tit{ margin-top:0px; padding-top:10px;}

	.fine_tu{ width:100%; height:14px; text-align:center; margin-top:10px;}
	.fine_tu img{ height:14px; }
	
	.fine_more{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
	.fine_more a{ display:block; margin:auto; font-size:12px; width:100px; height:32px; line-height:32px;}



	.scope{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:20px;}
	.scope ul li{ float:left; width:50%; height: auto; list-style:none;}
	
	.scope ul li a:hover .scope_tit{ padding-top:59px;}
	.scope ul li a:hover .scope_jian{ opacity:1;}
	
	.scope_tit{ width:100%; font-size:14px; height:35px; line-height:35px; padding-top:12%; }
	.scope_jian{ display:none;}

	.custom{ width:96%; height:185px; background:url(../image/index_20.jpg) no-repeat center bottom; margin:auto; position:relative; margin-top:20px;}
	.custom .paginationc{ position: absolute; width:100%; left:0px; bottom:25px; text-align: center; z-index:1; margin:auto;}
	.custom .swiper-pagination-bullet { display: inline-block; width:8px; height:8px; margin:0px 3px;}
	
	.custom_list{ width:100%; height:130px;  overflow:hidden; position:relative;}
	.custom_list .swiper-slide{ height:50%; text-align:center;}
	.custom_list .swiper-slide img{  width:auto; height:80px; margin-top:-10px;}


	
	.showy{ display:none;}
	
	.diphone_height{ width:100%; height:35px; display:block;}
	.diphone{ width:100%; height:35px; position:fixed; bottom:0; z-index:99; background-color:#c91628;} 		
	.diphone a{ float:left; display:block; width:100%; height:35px; text-align:center;}
	.diphone span{ display:inline-block; background:url(../image/index1_11.png) no-repeat left; background-size:22px; padding-left:26px; font-size:14px; color:#fff; height:35px; line-height:35px;}
	.diphone a:nth-child(2) span{ background:url(../image/index1_15.png) no-repeat left; background-size:20px; padding-left:28px;}





}