body{ background:#eff2f5;}
.contact_banner{ width:100%; height: 708px;margin-top:123px; overflow:hidden;}
.contact_box{ width:1200px; background:#fff; margin:20px auto 80px auto; box-sizing:border-box; padding:56px 46px;} 
.contact_box .left_side{ float:left;}
.contact_box .left_side img{ width:auto;}
.contact_box .left_side h1{ font-size:30px; line-height:30px; font-weight:bold; margin-bottom:22px;}
.contact_box .left_side ul{ font-size:16px; line-height:56px;} 
.contact_box .left_side ul img{ margin-right:15px;vertical-align: middle;}
.contact_box .right_side{ float:right;}

.review_banner{ height:725px; margin-top:123px; overflow:hidden;}

.mian{ width:1200px; margin: 0 auto 65px auto; overflow:hidden;}
.left_box{ width:895px; float:left; background:#fff; box-sizing:border-box; border:1px solid #d1d2d3; margin-top:20px;}
.news_left{ width:895px; float:left;  box-sizing:border-box;  margin-top:15px;}
.field{ width:815px; margin:0 auto; padding-bottom:55px;}
.field h1{ font-size:30px; line-height:30px; border-bottom:1px solid #cecece; line-height:75px; margin-top:10px;}
.field h1 a{ font-size:16px; float:right;}
.field .tab a{ display:block; float:left; font-size:20px; width:198px; height:65px; margin:12px 7px 0 0; box-sizing:border-box; border:1px solid #d5d5d5; line-height:65px; text-align:center;}
.field .tab a.aa4{ margin:12px 0 0 0;}
.field .tab a:hover{ color:#059be8;}
.field .tab.red a:hover{ color:#ed5c05;}
.field .tab a.curr{ color:#fff; border:1px solid #059be8; background:#059be8; position:relative;}
.field .tab.red a.curr{ background:#ed5c05; border:1px solid #ed5c05;}
.field .tab a.curr span{position: absolute; width: 0; height: 0;border-width: 0 10px 10px; border-style: solid; border-color: transparent transparent #fff;bottom: -1px;left: 50%;margin-left: -10px;}
/*.field .tab a.curr:after{ content:""; width:10px; height:10px; background:#fff; position:absolute; left:50%; margin-left:-5px; bottom:-6px; transform:rotate(45deg);}*/
.field .con li{ width:395px; height:275px; float:left; overflow:hidden; margin:23px 23px 0 0;}
.field .con li a{ display:block; width:100%; height:100%; position:relative; transition:all 0.3s ease-in;}
.field .con li a:hover{ transform:scale(1.05);}
.field .con li:nth-child(2n){ margin:23px 0 0 0;}
.field .con li.lirg{ margin:23px 0 0 0;}
.field .con li a span{ width:100%; position:absolute; left:0; bottom:0; display:block; height:0; line-height:48px; z-index:10; background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); color:#fff; font-size:18px; box-sizing:border-box; padding:0 20px; transition:all 0.2s ease-in;} 
.field .con li a span i{ background:url(../images/jiantou.png) no-repeat; float:right; width:15px; height:25px; display:block; margin-top:10px;}
.field .con li a:hover span{ height:48px;}


.field .consmall li{ width:254px; height:177px; float:left; overflow:hidden; margin:24px 26px 0 0;}
.field .consmall li a{ display:block; width:100%; height:100%; position:relative; transition:all 0.3s ease-in;}
.field .consmall li a:hover{ }
.field .consmall li.lii3{ margin:24px 0 0 0;}
.field .consmall li a span{ width:100%; position:absolute; left:0; bottom:0; display:block;  line-height:40px; z-index:10; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);color:#fff; font-size:15px; box-sizing:border-box; padding:0 20px; transition:all 0.2s ease-in;} 
 

.field .con dl{ width:395px;  float:left; overflow:hidden; margin:35px 23px 0 0;}
.field .con dl:nth-child(2n){ margin:35px 0 0 0;}
.field .con dl.dll2{ margin:35px 0 0 0;}
.field .con dl dt{ width:133px; border-radius:50%; overflow:hidden; float:left;}
.field .con dl dd{ float:right; width:250px; font-size:14px; line-height:24px;}
.field .con dl dd h2{ font-size:16px; color:#c10909; margin-bottom:5px; font-weight:bold;}
.field .more{ width:100%; clear:both; text-align:center;  margin-top:60px;}
.field .more a{ background:#e2e6e9; display:inline-block; border:1px solid #cbd0d4; font-size:18px; width:304px; line-height:50px;}
.field .con table{ margin:15px auto;}
.field .con table th{ font-size:18px; height:88px; border-right:1px solid #fff; color:#fff; text-align:center;}
.field .con table img{ width:auto;}
.field .con table th span{ display:block; width:100%; margin-top:5px;}
.field .con table th.th1{ background:#f9242e;}
.field .con table th.th2{ background:#f92921;}
.field .con table th.th3{ background:#f93121;}
.field .con table th.th4{ background:#fa3d1f;}
.field .con table th.th5{ background:#fa4c1d;}
.field .con table th.th6{ background:#fb5a1c; border-right:0;}
.field .con table td{ border-bottom:1px solid #d4d4d4; line-height:45px; font-weight:500;}
.field .con table td img{ margin:15px 5px 0 50px;}

.field .rowtxt{ width:100%; margin-top:20px;}
.field .rowtxt_top{ background:#f6800d; line-height:44px; margin-bottom:10px; color:#fff; text-align:center; border-radius:4px; font-size:20px;}
.field .rowtxt p{ font-size:14px; line-height:30px;}

.right_box{ width:284px; float:right; margin-top:0px;}
.right_box .lists{ width:100%; margin-top:15px;}
.right_box .lists .title{ background:#fff; border:1px solid #ddd; border-left:3px solid #d7010f; line-height:57px; height:57px; box-sizing:border-box;}
.right_box .lists .title h1{ float:left; margin: 0; margin-left:15px; font-size:20px;line-height: 57px;}
.right_box .lists .title span{ background:url(../images/jiantoud_05.jpg) no-repeat; display:block; width:13px; height:22px; float:right; margin:17px 20px 0 0;}
.right_box .lists .title a{ background: url(../images/jiantoud_05.jpg) no-repeat;display:block; width:13px; height:22px; float:right; margin:17px 20px 0 0;}
.right_box .lists .con{ width:100%; background:#fff;  border:1px solid #ddd; box-sizing:border-box; margin-top:10px;}
.right_box .lists .con .pic{ width:250px; margin:18px auto;}
.right_box .lists .con ul{ width:250px; margin:0 auto; font-size:14px; line-height:23px; margin-bottom:18px;}
.right_box .lists .con ul h2{ font-size:16px; color:#c10909; margin-bottom:5px;}
.right_box .lists .con dl{ width:250px; margin:18px auto; text-align:center; font-size:14px; line-height:23px;  }
.right_box .lists .con dl:hover dd{ color:#d7000f; }
.right_box .lists .con dl dt{ width:100%; position:relative; margin-bottom:5px;overflow: hidden;}
.right_box .lists .con dl dt span img{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.right_box .lists .con dl:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.right_box .lists .con dl dt i{ background:rgba(0,0,0,0.5); display:block; position:absolute; left:0; top:0; width:100%; height:100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);}
.right_box .lists .con dl dt i img{ display:block; position:absolute; left:50%; top:50%; width:60px; height:60px; margin:-30px 0 0 -30px;}
.right_box .lists_con{ margin-top:10px;}
.right_box .lists_con dd{ font-size:15px; line-height:27px;}
.right_box .lists_con dt{ position:relative; width:100%; margin:10px auto;overflow: hidden;}
.right_box .lists_con dl dt i{ background:rgba(0,0,0,0.5); display:block; position:absolute; left:0; top:0; width:100%; height:100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);}
.right_box .lists_con dl dt i img{ display:block; position:absolute; left:50%; top:50%; width:60px; height:60px; margin:-30px 0 0 -30px;}

.right_box .lists_con dl:hover dd{ color:#d7000f; }
.right_box .lists_con dl dt img{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.right_box .lists_con dl:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }


.flash .carousel-indicators {position: relative;bottom:0px;left: 0;width: 100%; height:20px; text-align:center; margin:0; display:none;}
.flash .carousel-indicators .active { background:#111;}
.flash .carousel-indicators li {display: inline-block;margin:0 3px;width:20px;height:3px;border: none;border-radius: 0px; background:#999; text-indent: -999px;cursor: pointer;}
.flash .carousel-control{ width:49px; height:49px; text-align: center;line-height: 40px; display:block; top:50%; margin-top:-24px;  }
.carousel-control.left:after{content: ''; background:url(../images/pre.png) no-repeat; width:49px; height:49px; display:block;}
.carousel-control.right:after{content: '';background:url(../images/next.png) no-repeat; width:49px; height:49px; display:block;} 
.carousel-inner .textw{ position:absolute; left:0; top:50%; width:100%;   text-align:center; color:#fff; font-size:32px; line-height:40px; margin-top:-18px;}
.flash .container{ padding-left:0; padding-right:0;}
.flash ul{ font-size:14px; line-height:35px; margin-top:20px;}

.videobox dl{ width:254px; float:left; text-align:center; margin:20px 26px 0 0;overflow: hidden;}
.videobox dl:nth-child(3n){ margin:20px 0 0 0;}
.videobox dl.dll3{ margin:20px 0 0 0;}
.videobox dl dt{ width:100%; height:171px; position:relative;overflow: hidden;}
.videobox dl dt img{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.videobox dl:hover dt img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.videobox dl dd{ font-size:14px; margin-top:10px;}
.videobox dl dt i{display:block; position:absolute; left:50%; top:50%; width:100%; height:100%;  background-size:contain;}
.videobox dl dt i{ background:rgba(0,0,0,0.5); display:block; position:absolute; left:0; top:0; width:100%; height:100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);}
.videobox dl dt i img{ display: block;position: absolute; width: 60px; height: 60px; left:50%;top:50%; margin:-30px 0 0 -30px; background-size:contain;}


.video_tan{ display:none; width:685px; height:510px; background:#fff; text-align:center;}
.video_tan h2{ font-size:24px; line-height:67px;}
.video_tan video{ width:600px; height:410px; background:#000;}

 
.itembox{ width:1200px; margin:20px auto; }
.itembox h1{ font-size:28px; line-height:30px;}
.itembox .pic{ width:100%; height:380px;position: relative;  margin-top:15px; }
.itembox .pic ul li{ display: inline-block; width: 60px; position: absolute;}
.itembox .pic ul li.lii1{ top:0; left:0;}
.itembox .pic ul li.lii2{ top:0; left:85px;}
.itembox .pic ul li.lii3{ top:0; left:170px;}
.itembox .pic ul li.lii4{ top:0; left:325px;}
.itembox .pic ul li.lii5{ top:0; left:410px;}
.itembox .pic ul li.lii6{ top:0; left:495px;}
.itembox .pic ul li.lii7{ top:0; left:640px;}
.itembox .pic ul li.lii8{ top:0; left:725px;}
.itembox .pic ul li.lii9{ top:0; left:810px;}
.itembox .pic ul li.lii10{ top:0; left:955px;}
.itembox .pic ul li.lii11{ top:0; left:1040px;}
.itembox .pic ul li.lii12{ top:0; left:1125px;}
.itembox .pic ul li.lii13{ top:80px; left:170px;}
.itembox .pic ul li.lii14{ top:80px; left:325px;}
.itembox .pic ul li.lii15{ top:80px; left:495px;}
.itembox .pic ul li.lii16{ top:80px; left:640px;}
.itembox .pic ul li.lii17{ top:80px; left:810px;}
.itembox .pic ul li.lii18{ top:80px; left:955px;}
.itembox .pic ul li.lii19{ top:80px ; left:1125px;}
.itembox .pic ul li.lii20{ top:160px; left:85px;}
.itembox .pic ul li.lii21{ top:160px; left:325px;}
.itembox .pic ul li.lii22{ top:160px; left:495px;}
.itembox .pic ul li.lii23{ top:160px; left:640px;}
.itembox .pic ul li.lii24{ top:160px; left:810px;}
.itembox .pic ul li.lii25{ top:160px; left:955px;}
.itembox .pic ul li.lii26{ top:160px; left:1040px;}
.itembox .pic ul li.lii27{ top:160px; left:1125px;}
.itembox .pic ul li.lii28{ top:240px; left:0;}
.itembox .pic ul li.lii29{ top:240px; left:325px;}
.itembox .pic ul li.lii30{ top:240px; left:495px;}
.itembox .pic ul li.lii31{ top:240px; left:640px;}
.itembox .pic ul li.lii32{ top:240px; left:810px;}
.itembox .pic ul li.lii33{ top:240px; left:955px;}
.itembox .pic ul li.lii34{ top:240px; left:1125px;}
.itembox .pic ul li.lii35{ top:320px; left:0;}
.itembox .pic ul li.lii36{ top:320px; left:85px;}
.itembox .pic ul li.lii37{ top:320px; left:170px;}
.itembox .pic ul li.lii38{ top:320px; left:325px;}
.itembox .pic ul li.lii39{ top:320px; left:410px;}
.itembox .pic ul li.lii40{ top:320px; left:495px;}
.itembox .pic ul li.lii41{ top:320px; left:640px;}
.itembox .pic ul li.lii42{ top:320px; left:725px;}
.itembox .pic ul li.lii43{ top:320px; left:810px;}
.itembox .pic ul li.lii44{ top:320px; left:955px;}
.itembox .pic ul li.lii45{ top:320px; left:1040px;}
.itembox .pic ul li.lii46{ top:320px; left:1125px;}
.itembox .h2008_04{ width:635px;  background:#fff url(../images/hidebg.jpg) no-repeat right top; position: absolute; top:-10px; border: 1px solid #c6c6c6; left:75px; transition: all 0.3s;   box-sizing: border-box; display:none;z-index: 1000; border-radius: 4px;box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1); padding: 13px;} 
.itembox .h2008_04.show{ display: block;}
.itembox .h2008_04.fan{ left: auto; right: 75px; }
/*.itembox .h2008_04:before{content: "";width: 14px; height: 12px; display: block;position: absolute;left: -8px;top: 20px; border-left: 1px solid #c6c6c6;border-bottom: 1px solid #c6c6c6; background: #fff; transform: rotate(45deg); }
.itembox .h2008_04.fan:before{ display: none;}*/
.itembox .h2008_04 .sanjiao1{position:absolute; width: 11px; left:-11px;top:30px;  }
.itembox .h2008_04.fan .sanjiao{position:absolute; width: 11px; right:-11px;top:30px;  }
.itembox .h2008_04 img{ display: block; width:180px;float: left;z-index: 100;  }
.itembox .h2008_04 .hrg{width: 405px; float: right;padding-right:30px; box-sizing: border-box;  }
.itembox .h2008_04 .hrg h1{font-size: 20px; color:#ba0915; font-weight: 500;}
.itembox .h2008_04 .hrg h1 i{font-size: 14px; color:#666666; margin-left:10px; }
.itembox .h2008_04 .hrg p{font-size: 14px; color:#666666;font-weight: 500; }

.itembox .spic{position: relative;height:auto; width: 100%;display:none; }
.itembox .spic ul li{display: inline-block;  width: 10.8%;box-sizing: border-box;padding:3px;}
.itembox .spic ul li .hidea{ width:450px;  background:#fff url(../images/hidebg.jpg) no-repeat right top; text-align: center; padding:20px 15px; position: fixed; top:50%; left:50%; margin:-230px 0 0 -225px; box-sizing: border-box; z-index: 10000; display: none;}
.itembox .spic ul li .hidea h1{ font-size: 26px; color:#ba0915; font-weight: 500; }
.itembox .spic ul li .hidea h2{ font-size: 14px; color:#666666; line-height:30px; border-bottom: 1px solid #999;}
.itembox .spic ul li .hidea img{ width: 60%; margin: 15px 0;}
.itembox .spic ul li .hidea p{font-size:16px; color:#555555; line-height:24px;text-align: left; }
.itembox .spic ul li .yinying{ width: 100%; height: 100%; background: rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);z-index: 1000;position: fixed; top:0; left:0;display: none;}
.itemguan{ width:100%; background:#fff; padding:20px 0;}
.itemguan .con{ width:1200px; margin:0 auto;}
.itemguan .con h1{ font-size:28px; line-height:30px;}
.itemguan .zhong dl{width:288px; height:250px; box-sizing:border-box;  border:1px solid #c8c8c8; float:left; margin:20px 13px 0 0;}
.itemguan .zhong dl:nth-child(4){ margin:20px 0 0 0;}
.itemguan .zhong dl.dll4{ margin:20px 0 0 0;}
.itemguan .zhong dt{ width:100%; height:186px; overflow:hidden;  border-bottom:1px solid #c8c8c8;}
.itemguan .zhong dt span{ width:100%; height:100%; display:block; transition:all 0.3s ease-in;}
.itemguan .zhong dl a:hover dt span{ transform:scale(1.05);}
.itemguan .zhong dl a dd{ line-height:65px; font-size:18px; box-sizing:border-box; padding:0 15px;}
.itemguan .zhong dl a dd i{ background:url(../images/huiguc_11.png) no-repeat; display:block; float:right; background-size:contain; width:12px; height:18px; margin-top:23px;}
.itempic{ width:1200px; margin:0 auto; padding:20px 0 10px 0;}
.itempic h1{ font-size:28px; line-height:30px;}
.itempic li{ position:relative; float:left; width:585px; height:385px; margin:15px 30px 15px 0; overflow:hidden;}
.itempic li:nth-child(2n){ margin:15px 0 15px 0;}
.itempic li.lirg{ margin:15px 0 15px 0;}
.itempic li span{ display:block; width:100%; height:100%; transition:all 0.3s ease-in;}
.itempic li:hover span{ transform:scale(1.05);}
.itempic li em{ width:97px; height:37px; line-height:37px; text-align:center; color:#fff; font-size:16px; z-index:10; display:block; position:absolute; left:0; top:0;}
.itempic li em.b1{ background:#e82323;}
.itempic li em.b2{ background:#66960a;}
.itempic li em.b3{ background:#ea5e01;}
.itempic li em.b4{ background:#0969ba;}

.itemvideo{ width:100%; background:#fff; padding:20px 0 50px 0;}
.itemvideo .top{ width:1200px; margin:0 auto;}
.itemvideo .top h1{ font-size:28px; line-height:30px; float:left;}
.itemvideo .top a{ background:url(../images/huiguc_11.png) no-repeat; display:block; float:right; width:13px; height:22px; background-size:contain; margin-top:4px;}
.itemvideo .con{ width:1200px; margin:0 auto;}
.itemvideo .con dl{ width:290px; float:left; text-align:center; margin:15px 13px 0 0;overflow: hidden;}
.itemvideo .con dl:nth-child(4n){ margin:15px 0 0 0;}
.itemvideo .con dl.dll4{ margin:15px 0 0 0;}
.itemvideo .con dl dt{ width:100%; height:195px;overflow: hidden; position:relative;}
.itemvideo .con dl dt img{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.itemvideo .con dl:hover dt img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.itemvideo .con dl dd{ font-size:14px; margin-top:10px;}
.itemvideo .con dl dt i{ background:rgba(0,0,0,0.5); display:block; position:absolute; left:0; top:0; width:100%; height:100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);}
.itemvideo .con dl dt i img{ display: block;position: absolute; width: 60px; height: 60px; left:50%;top:50%; margin:-30px 0 0 -30px; background-size:contain;}
.itembottom{ width:1200px; margin:0 auto;padding-bottom: 40px;}
.itembottom .left_cor{ float:left; width:585px; padding:20px 0 0 0;}
.itembottom .top h1{ font-size:28px; line-height:30px; float:left;}
.itembottom .top a{ background:url(../images/huiguc_11.png) no-repeat; display:block; float:right; width:13px; height:22px; background-size:contain; margin-top:4px;}
.itembottom .left_cor .con{ width:100%; box-sizing:border-box; padding:16px 16px 0 16px; background:#fff; margin-top:15px;}
.itembottom .left_cor table th{ font-size:18px; background:#fb5b1b; height:88px; border-right:1px solid #fff; color:#fff; text-align:center;}
.itembottom .left_cor table img{ width:34px;}
.itembottom .left_cor table th span{ display:block; width:100%; margin-top:5px;}
.itembottom .left_cor table th:nth-child(6){ border-right:0;}
.itembottom .left_cor table td{ border-bottom:1px solid #d4d4d4; line-height:45px; font-weight:500;}
.itembottom .left_cor table tr:nth-last-child(1) td{ border:0;}
.itembottom .left_cor table td img{ width:18px; margin:15px 5px 0 10px;}

.itembottom .right_cor{ float:right; width:585px; padding:20px 0 0 0;}
.itembottom .right_cor .con{ width:100%; box-sizing:border-box; padding:0 40px 24px 40px; background:#fff; margin-top:15px;}
.itembottom .right_cor dl{ width:100%; clear:both; overflow:hidden; margin-top:22px;}
.itembottom .right_cor dl:nth-child(2n){ margin:35px 0 0 0;}
.itembottom .right_cor dl dt{ width:25%; border-radius:50%; overflow:hidden; float:left;}
.itembottom .right_cor dl dd{ float:right; width:70%; font-size:14px; line-height:24px;}
.itembottom .right_cor dl dd h2{ font-size:16px; color:#c10909; margin-bottom:5px; font-weight:bold;}

.account{ height:464px; width:100%; position:relative;}
.account h1{ width:1200px; margin:0 auto; margin-top:20px; font-size:28px; line-height:30px;} 
.account .bottom{ background:#fff; width:100%; height:218px; border-top:1px solid #c9c9c9; position:absolute; left:0; bottom:0;}

.news_xiang{ width:815px; margin:0 auto; padding-bottom:10px;}
.news_xiang .ti_top{ width:100%; overflow:hidden; border-bottom:1px solid #cecece; font-size:14px;margin-bottom: 10px;}
.news_xiang .ti_top>p{padding: 10px 0px;}
.news_xiang .ti_top h1{ font-size:30px; line-height:32px; padding:30px 0 10px 0px; font-weight:500;}
.news_xiang .ti_top h2{font-size: 24px;line-height: 27px;color: #333;border-bottom:1px solid #cecece;margin-top:20px;}
.news_xiang .ti_top span{ margin-left:15px;}
.news_xiang .ti_con{ border-bottom:1px solid #cecece; padding-bottom:30px;}
.news_xiang .ti_con p{ font-size:16px; line-height:27px; text-indent: 32px;}
.news_xiang .ti_con p img{ width:auto;margin-bottom:15px;}
.news_xiang .ti_con p img:nth-child(1){margin-left: -32px;}
.news_xiang .bottom{ font-size:14px; text-align:center; line-height:80px;}

.news_left .tab{ background:#fff; height:57px; border-bottom:1px solid #ddd; font-size:20px; line-height:56px; }
.news_left .tab a{ color:#333; margin:0 25px; display:inline-block;}
.news_left .tab a.curr{ color:#ee5104; border-bottom:2px solid #ee5104;}
.news_left .tab a:hover{color:#ee5104;}
.news_left .list{ width:100%; margin-top:5px; padding:13px 15px; border:1px solid #e4e7ea; box-sizing:border-box; overflow:hidden; background:#fff; clear:both;}
.news_left .list.list1{ margin-top:10px;}
.news_left .list .pic{ width:263px; height:177px; float:left; overflow:hidden;}
.news_left .list .pic a{ width:100%; height:100%; display:block; transition:all 0.3s ease-in;}
.news_left .list .pic:hover a{ transform:scale(1.05);}
.news_left .list ul{ width:575px; float:right;}
.news_left .list ul p{ font-size:14px; line-height:24px;}
 
.news_left .list ul h2 a{ font-size:20px; line-height:27px; }
.news_left .list ul h2 span{ font-size:14px; display:block; margin:10px 0;}
.news_left .bottom{ margin:20px auto;}
.news_left .bottom a{ width:100%; box-sizing:border-box;  display:block; background:#e6e9ec; line-height:48px; text-align:center; border:1px solid #d7d9db; font-size:20px;}

.news_left .bigcon{ width:100%; box-sizing:border-box; padding:15px 16px; margin:10px auto 0 auto; border:1px solid #e4e7ea; background:#fff; overflow:hidden;}
.news_left .bigcon dl{ width:420px; float:left; overflow:hidden; margin:0 20px 35px 0;}
.news_left .bigcon dl.dll2{ margin:0 0 35px 0;} 
.news_left .bigcon dl dd{ font-size:16px; line-height:27px; margin-top:5px;}
.news_left .bigcon dl:hover dd{ color:#d7000f; }

.news_left .bigcon dl dt{ position:relative; width:100%;  }
.news_left .bigcon dl dt span{ display:block; width:100%; height:100%;overflow: hidden;}
.news_left .bigcon dl dt img{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.news_left .bigcon dl:hover dt img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.news_left .bigcon dl dt i{ background:rgba(0,0,0,0.5); display:block; position:absolute; left:0; top:0; width:100%; height:100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);}
.news_left .bigcon dl dt i img{ display: block;position: absolute; width: 60px; height: 60px; left:50%;top:50%; margin:-30px 0 0 -30px; background-size:contain;}
.news_left .bigcon ul{ width:273px; height:240px; margin:0 20px 10px 0; float:left; font-size:16px;}
.news_left .bigcon ul.ull3{ margin:0 0 10px 0;} 
.news_left .bigcon li.pic{ width:100%; height:184px; overflow:hidden; margin-bottom:5px;}
.news_left .bigcon li.pic span{ width:100%; height:100%; display:block; transition:all 0.3s ease-in;}
.news_left .bigcon ul:hover li.pic span{ transform:scale(1.05);} 

@media screen and (max-width:1920px ){
.review_banner{height:422px; }
.contact_banner{height: 530px;}		
}
@media screen and (max-width: 1500px){
.contact_banner{height: 422px;}	
}
@media screen and (max-width:1220px){
.review_banner{height:422px; }	
.contact_box{ width:90%; padding:30px 20px;}
.contact_box .left_side{ width:52%;}
.contact_box .right_side{ width:45%;} 
.mian{ width:90%;}
.left_box{ width:74%;}
.news_left{ width:74%;}
.field,.news_xiang{ width:91%;}
.field .tab a{ width:24%; margin:12px 1% 0 0;}
.field .con li{ width:48%; margin:23px 4% 0 0; height:220px;}
.field .con dl{ width:48%;  margin:35px 4% 0 0;}
.field .con dl dt{ width:35%}
.field .con dl dd{ width:60%;}
.right_box{ width:24%;}
.right_box .lists .con .pic,.right_box .lists .con ul,.right_box .lists .con dl{ width:90%;}
.videobox dl{ width:30.3333333%; margin:20px 4.5% 0 0;}
.field .consmall li{ width:48%;   margin:24px 4% 0 0;}
.field .consmall li:nth-child(2n){ margin:24px 0 0 0;}
.field .consmall li:nth-child(3n){ margin:24px 4% 0 0;}
.field .consmall li:nth-child(6n){ margin:24px 0% 0 0;}
.itembox,.itemguan .con,.itempic,.itemvideo .top,.itemvideo .con,.itembottom,.account h1{ width:90%;}
.itemguan .zhong dl{ width:23%; margin:20px 2.6666666666% 0 0; }
.itempic{padding: 20px 0 25px 0;}
.itempic li{ width:48%; margin:28px 4% 0 0; height:360px;}
.itempic li.lirg {margin: 28px 0 0 0;}
.itemvideo .con dl{width:23%; margin:20px 2.6666666666% 0 0; }
.itembottom .left_cor,.itembottom .right_cor{ width:48%;}
.itembox .pic{display:none;}
.itembox .spic{ display:block; margin-top:20px;}
.news_xiang .ti_top h1{ font-size:24px; line-height:26px; padding:15px 0;}
.news_xiang .ti_con p img{ width:100%;}
.news_left .list .pic{ width:30%;}
.news_left .list ul{ width:65%;}
.news_left .bigcon dl{ width:48%; float:left; margin:0 4% 35px 0;}
.news_left .bigcon ul{ width:30.3333333%; margin:0 4.5% 10px 0;}
}
@media screen and (max-width:1150px){
 
}
@media screen and (max-width:1100px){
.right_box .lists .title h1{ font-size:16px;}
.itempic li{ height:300px;}
.itembox .spic ul li{width: 10.79%;}
}
@media screen and (max-width:960px){
.contact_banner{ margin-top:50px; height:270px;} 
.review_banner{ height: 300px; margin-top:53px !important;}
.right_box .lists .title h1{ font-size:14px;}
.videobox dl{ width:48%; margin:20px 4% 0 0;}
.videobox dl:nth-child(2n){ margin:20px 0 0 0;}
.videobox dl:nth-child(3n){ margin:20px 4% 0 0;}
.videobox dl:nth-child(6n){ margin:20px 0 0 0;}
.itemguan .zhong dl{width:48%;  margin:20px 4% 0 0;}
.itemguan .zhong dl:nth-child(2){ margin:20px 0 0 0;}
.itemguan .zhong dl:nth-child(4){ margin:20px 0 0 0;}
.itempic li{ height:260px;}
.itembox .spic ul li{width: 10.70%;}
.itemvideo .con dl{ width:48%; margin:20px 4% 0 0;}
.itemvideo .con dl:nth-child(2){ margin:20px 0 0 0;}
.itemvideo .con dl:nth-child(4){ margin:20px 0 0 0;}
.itembottom .left_cor,.itembottom .right_cor{ width:100%; float:none; padding:20px 0;}
.itembottom .right_cor .con{ padding:0 20px 24px 20px;}
.news_left .bigcon ul{ font-size:13px;}

.news_left .bigcon ul{ width:48%;  margin:0 4% 10px 0; }
.news_left .bigcon ul:nth-child(2n){ margin:0 0 10px 0;} 
.news_left .bigcon ul:nth-child(3n){ margin:0 4% 10px 0;} 
.news_left .bigcon ul:nth-child(6n){ margin:0 0% 10px 0;} 
}

@media screen and (max-width:768px){
.contact_box .left_side{ width:100%; float:none;}
.contact_box .right_side{ width:100%; float:none; margin-top:30px;} 	
.contact_box .left_side h1{ font-size:20px; line-height:20px;  margin-bottom:20px;}
.contact_box .left_side ul{ font-size:14px; line-height:30px;} 
.contact_box .left_side ul li{ margin-top:15px;}
.contact_box .left_side ul img{ width:30px; margin-right:5px;}
.field .con dl{ width:100%; float:none; margin:30px auto 0 auto; }
.field .con dl:nth-child(2n){ margin:30px auto 0 auto;}
.field .con dl dt{ width:30%}
.field .con dl dd{ width:67%;}
.field{padding-bottom: 30px;}
.field .more{margin-top: 30px;}
.left_box{ width:100%; float:none;}
.right_box{ width:100%; float:none;}
.news_left{ width:100%; float:none;}
.video_tan{ width:100%; height:auto; /*padding:20px 0;*/}
.video_tan h2{ font-size:18px; line-height:32px;}
.video_tan video{ width:98%; height:200px; background:#000;}
.itembox h1{ font-size:20px; line-height:20px;}
.itembox .spic ul li{width: 10.644%;}
.itemguan .con h1{ font-size:20px; line-height:20px;}
.itempic h1{ font-size:20px; line-height:20px;}
.itempic li{ height:200px;}
.itemvideo .top h1{ font-size:20px; line-height:20px;}
.itemvideo .top a{ width:10px;}
.itemvideo .con dl dt{ height:135px;}
.review_banner{height: 284px;}
.itembottom .top h1{ font-size:20px; line-height:20px;}
.itembottom .top a{ width:10px;}
.account h1{ font-size:20px; line-height:20px;}
.news_xiang .ti_top h1{ font-size:18px; line-height:26px; padding:10px 0;}
.news_left .list ul h2 a{ font-size:16px; line-height:24px;}
.news_left .list .pic{ width:45%;}
.news_left .list ul{ width:52%;}
.news_left .bottom{ margin: 20px auto;}
}
@media screen and (max-width:620px){
.field .consmall li{ width:100%; height:177px; float:none;   margin:24px auto 0 auto;}
.field .consmall li:nth-child(2n){ margin:24px auto 0 auto;}
.field .consmall li:nth-child(3n){ margin:24px auto 0 auto;}
.field .consmall li:nth-child(6n){ margin:24px auto 0 auto;}
.itempic li{ height:150px;}
.news_left .tab a{   margin:0 15px;}
.itempic li{margin: 14px 4% 0 0;}

}
@media screen and (max-width:470px){
.review_banner{background-size: cover !important;height: 120px;}
.contact_banner{ height:123px;} 
.mian{margin: 0 auto 10px auto;}
.contact_box{ width:100%; margin:0 auto;}
.right_box .lists .title h1{ font-size:18px;}
.field h1{ font-size:20px; line-height:50px; }
.field .tab a{ font-size:14px; line-height:36px; height:36px;}
.field .con li{ width:100%; float:none; margin:23px auto 0 auto; height:220px;}
.field .con li:nth-child(2n){ margin:23px auto 0 auto;}
.field .con li a span{ font-size:14px;}
.field h1 a{ font-size:14px;}
.field .rowtxt_top{ font-size:16px;}
.field .con table th{ font-size:14px;}
.field .con table td img{ margin:15px 5px 0 20px;}
.videobox dl{ width:100%; float:none; margin:20px auto 0 auto;}
.videobox dl:nth-child(2n){ margin:20px auto 0 auto;}
.videobox dl:nth-child(3n){ margin:20px auto 0 auto;}
.videobox dl:nth-child(6n){ margin:20px auto 0 auto;}
.itemguan .zhong dl{ height:160px;}
.itemguan .zhong dl dt{ height:120px;}
.itemguan .zhong dl a dd{ font-size:14px; line-height:40px;}
.itemguan .zhong dl a dd i{ margin-top:12px; width:8px;}
.account h1{ margin-top: 20px;}
.itemvideo,.itemguan,.itempic{ padding:20px 0;}
.itempic li em{ width:60px; height:24px; line-height:24px; font-size:12px;}
.itemvideo .con dd{ font-size:12px;}
.itemvideo .con dl dt i img{ width:40px; height:40px; margin:-20px 0 0 -20px;}
.news_xiang .bottom{ line-height:40px;}
.news_left .tab{font-size: 18px;}
.news_left .list .pic{ width:100%; float:none;}
.news_left .list ul{ width:100%; float:none; margin-top:10px;}
.news_left .bigcon dl{ width:100%; float:none; margin:20px auto;}
.news_left .bigcon dl:nth-child(2n){ margin:20px auto;} 
.news_left .bigcon ul{ width:100%; float:none; height:auto; font-size:15px; margin:0 auto 10px auto; }
.news_left .bigcon li.pic{ height:220px;}
.news_left .bigcon ul:nth-child(2n){ margin:0 auto 10px auto;} 
.news_left .bigcon ul:nth-child(3n){ margin:0 auto 10px auto;} 
.news_left .bigcon ul:nth-child(6n){ margin:0 auto 10px auto;} 
.itembox .spic ul li{ width: 10.2222222%;}
.itembox .spic ul li .hidea{ width:330px; margin:-230px 0 0 -165px;  }
.itembox .spic ul li .hidea h1{ font-size: 24px;  }
.itembox .spic ul li .hidea h2{ font-size: 12px;line-height:30px;}
.itembox .spic ul li .hidea p{font-size:14px; line-height:22px;}
.field .tab a.curr span{border-width: 0 6px 6px;margin-left: -6px;}
.account{height: 390px;}
.account .bottom{height: 144px;}
}

@media screen and (max-width:400px){
/*.contact_banner{ height:250px;}*/
.itempic li{ height:120px;} 
.itemvideo .con dl dt{ height:110px;}
.news_left .tab a{ margin: 0 10px;}
}
@media screen and (max-width:320px){
.news_left .tab a{   margin:0  5px;} 
.itembox .spic ul li{ width: 10%;}
.itembox .spic ul li .hidea{ width:260px; margin:-200px 0 0 -130px;}
.itembox .spic ul li .hidea h1{ font-size: 20px;  }
.itembox .spic ul li .hidea h2{ font-size: 12px;line-height:22px;}
.field .con table td img{margin: 15px 5px 0 2px;}
}


.scrollpic{max-width:1200px;min-height:330px;margin:15px auto; position:relative; z-index:100; }
#myscroll{display:block; width:100%; position:relative; height:330px; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
#myscroll ul{display:block; float:left; }
#myscroll ul li{display:block; width:407px; padding:0 0 0 0; float:left;   margin:0;}
#myscroll ul li a{display:block; float:left; width:100%; position:relative; color:#333;}
#myscroll ul li a img{ width:385px; border:1px solid #cfcfcf;}
#myscroll a .intro i{ background:url(../images/huiguc_25.png) no-repeat; width:20px; height:20px; display:block; margin-top:27px;}
#myscroll a .intro h5{ font-size:14px;}
#myscroll a .intro p{ width:93%; font-size:14px; line-height:20px; overflow:hidden;}
 
  
#mybtns{  width:100%; display:block; height:53px; position:absolute; }
#mybtns a{width:53px; height:53px; display:block;  }
 
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left{background-image:url(../images/huiguc_18.png); position:absolute; z-index:100;left:-60px; top:230px;}
#mybtns #right{background-image:url(../images/huiguc_21.png); position:absolute; z-index:100; right:-60px; top:230px;}

 
 
@media(max-width:1220px){
.scrollpic{max-width:1200px; width:100%;}
#myscroll{width:1200px;}
}
@media(max-width:1047px){
.scrollpic{max-width:786px; width:100%;}
 #myscroll{width:786px;}
}
@media(max-width:767px){
.scrollpic{max-width:524px; width:100%;}
#myscroll{width:524px;}
}
@media(max-width:523px){
.scrollpic{max-width:262px; width:100%;}
#myscroll{width:262px;}
#myscroll ul li{display:block; width:262px; padding:0 0 0 0; }
#myscroll ul li a img{ width:250px;}
#mybtns #left{ top:164px;}
#mybtns #right{ top:164px;}
#myscroll a .intro i{ margin-top: 37px;}
}
@media(max-width:400px){
#mybtns a{ width: 30px;height: 30px;}
#mybtns #left{ top:175px;left: -28px;background-image: url(../images/huiguc_18.png); background-size: contain;}
#mybtns #right{top:175px; right: -28px;background-image: url(../images/huiguc_21.png);background-size: contain;}
}

#demos{ width:100%; overflow:hidden; margin-top:20px;}
#demos h1{ font-size:28px; line-height:30px; width:1200px; margin:0 auto 15px auto;}
#demos .owl-carousel .item {height:auto; padding-bottom:20px; background: #fff; border:1px solid #d3d3d3; box-sizing:border-box; }
#demos .owl-carousel .item h4{ font-size:16px; line-height:25px; padding:10px 10px; height:50px;}
#demos .owl-carousel .item span{ padding:0 10px; font-size:14px;}
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}




.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:0 15px;padding:0px; display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; text-indent:1000000px;}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{ color:#fff;text-decoration:none}
.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
.owl-dots{ display:none; width:0; height:0; overflow:hidden;}
.owl-prev{ background:url(../images/bt_pre.png) no-repeat; width:51px; height:51px; display:block;}
.owl-next{ background:url(../images/bt_next.png) no-repeat; width:51px; height:51px; display:block;}

@media screen and (max-width:1220px){ #demos h1{ width:90%;}}

@media screen and (max-width:1220px){ #demos h1{ width:90%;}}
  
.pic_tan{ display:none; width:918px;  background:#fff; text-align:center; padding-bottom:30px;}
.pic_tan h2{ width:85%; margin:0 auto; font-size:24px; line-height:67px; border-bottom:1px solid #d4d4d4;}
.pic_tan .pic{ width:80%; margin:20px auto;}
.pic_tan p{ width:90%; font-size:15px; line-height:25px; margin:0 auto; text-align: left;}
.pic_tan p img{ width:auto;} 

@media screen and (max-width:768px){
.pic_tan{ width:100%; height:auto; padding:20px 0;}
.pic_tan h2{ font-size:18px; line-height:32px;}
.pic_tan p img{ width:90%;} 
}
@media screen and (max-width:470px){
.pic_tan .pic{ width:70%;}
#demos h1{font-size: 23px;}
 
}