*{padding:0;margin:0;list-style:none;box-sizing:border-box;-webkit-box-sizing:border-box;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
a{color:#000; text-decoration:none;}
img{width:auto; height:auto; max-height:100%; max-width:100%;}
.con{width: 950px;height:auto;margin:0 auto;overflow:hidden;}
body{background:#000;}
#sj-bottom{display: none;}
.clearfix:after {
    content: ".";
    display: block;
    height:0;
    clear:both;
    visibility: hidden;
}
.clearfix { *zoom:1; }



.page_turner { padding: 4px 4px 10px 1px; float: right; clear: both; }
.page_turner a, .page_turner span {float: left;display: block;border-right: 1.4px solid #191919;padding: 0px 5px;margin-left: 4px;line-height: 13px;font-size: 16px;}
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.c {/* background: #CC0001; */color: #000;}
.page_turner a:last-child{border:0}

#total { color: red; }
#gotop { position: fixed; width: 19px; bottom: 35px; height: 63px; cursor: pointer; display: none; background: url(images/gotop.gif) no-repeat; }


#fixed{position:fixed;right:5px;top:30%;z-index: 9999999;width:50px;height:auto;}
#fixed li{width:100%; height:50px; background:rgba(0,148,202,0.7); margin-bottom:3px; transition:all .5s; -webkit-transition:all .5s;}
#fixed li a{display:block; width:100%; height:100%; text-align:center; line-height:50px; color:#fff; font-size:20px; position:relative; transition:all .5s; -webkit-transition:all .5s;}
#fixed li a span{display:block; height:100%; width:0; text-align:center; background:rgba(0,148,202,0.7); line-height:50px; color:#fff; font-size:16px; position:absolute; top:0; right:50px; z-index:2; transition:all .5s; -webkit-transition:all .5s; overflow:hidden;}
#fixed li:hover a{background:rgba(0,148,202,1);}
#fixed li:hover a span{width:140px; background:rgba(0,148,202,1);}
#fixed li a .fa-comment{transform:rotateY(180deg);}
#fixed li.weixin:hover{height:150px;}
#fixed li.duan:hover a span{width:140px;}

#top{padding-top: 9px;}
#top .logo{display:block;float:left;width:auto;height:60px;margin-top:10px;}
#top .logo img{display:block; width:auto; height:100%;}
#top .right{width:auto;height:auto;float:right;margin-top: 5px;}
#top .right dl{width:auto; height:auto; overflow:hidden; float:left;}
#top .right dl a{color:#fff;font-size: 12px;display:block;float:left;margin-right:15px;line-height: 20px;}
#top .right form{float:left;font-size:0;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;padding: 0px 0px;height: 25px;z-index: 1000;background: url(https://www.christiedigital.com/_layouts/images/christie.website/footer_input_bg.png) repeat-x 0px 0px;border: none;line-height: 22px;display: flex;float: left;height: 22px;color: white;width: 150px;justify-content: space-between;align-items: center;}
#top .right form input[type=text]{
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    background: transparent;
    border: 0;
    width: 88%;
}
#top .right form input[type=submit]{background: transparent;border:none;outline: none;display: flex;justify-content: center;align-items: center;color:#fff;font-size: 0;margin-right: 6px;width: 0;height: 0;border-top: 7px solid transparent;border-left: 12px solid #a8a8a8;border-bottom: 7px solid transparent;}

input#form_submit_search {}


nav{width:100%;height:auto;margin-top: 21px;border-bottom: #056cb6 5px solid;}
nav ul{width: 950px;height:auto;overflow:hidden;margin:0 auto;}
nav ul > li{float:left;width:auto;height:auto;margin-right: 5px;background:#1b1b1d;border-top-left-radius:10px;border-top-right-radius:10px;}
nav ul > li.cur{background:#d63a31;}
nav ul > li > a{font-size: 12px;color: #fff;padding: 7px 15px;display:block;padding-top: 11px;padding-bottom: 12px;border-top-color: #1E2324;border-left-color: #1E2324;border-right-color: #1E2324;border-bottom: none;border-top-left-radius: 10px;border-top-right-radius: 10px;background: -webkit-linear-gradient(#1E2324, #000000);background: -o-linear-gradient(#1E2324, #000000);background: -moz-linear-gradient(#1E2324, #000000);background: linear-gradient(#1E2324, #000000);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1E2324', EndColorStr='#000000');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1E2324', EndColorStr='#000000')";}
nav ul > li:hover > a{background: none;border-top-color: #056cb6;border-left-color: #056cb6;border-right-color: #056cb6;border-bottom: none;background: -webkit-linear-gradient(#70AFDB, #056cb6); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(#70AFDB, #056cb6); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#70AFDB, #056cb6); /* For Firefox 3.6 to 15 */background: linear-gradient(#70AFDB, #056cb6); /* Standard syntax */filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#70AFDB', EndColorStr='#056cb6'); /* IE6,IE7 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#70AFDB', EndColorStr='#056cb6')"; /* IE8 */}
/*nav ul > li:nth-child(1) > a{background:#d63a31;}*/
nav ul > li.current_channel a{background: none;border-top-color: #056cb6;border-left-color: #056cb6;border-right-color: #056cb6;border-bottom: none;background: -webkit-linear-gradient(#70AFDB, #056cb6); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(#70AFDB, #056cb6); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#70AFDB, #056cb6); /* For Firefox 3.6 to 15 */background: linear-gradient(#70AFDB, #056cb6); /* Standard syntax */filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#70AFDB', EndColorStr='#056cb6'); /* IE6,IE7 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#70AFDB', EndColorStr='#056cb6')"; /* IE8 */}



#index{background-size:100% auto;margin-bottom: 15px;margin-top: 25px;position: relative;}
#index .con{margin:15px auto;padding:15px;padding-top:0;margin-top:0;border-radius: 10px;background-color: #191919;padding-top: 15px;/* position: relative; */}
#index:after{content:'';display:block;background-image: url(https://www.christiedigital.com/_layouts/images/christie.website/blue/content_foot_50.png);background-repeat: repeat-x;background-position: left bottom;height: 42px;margin-top: -57px;}
#index .ico{
    position: absolute;
    top: 0;
    width: 950px;
    height: 9px;
    left: 0;
    right: 0;
    background: url("https://www.christiedigital.com/_layouts/images/christie.website/page_head_bg.gif");
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    margin: auto;
}
#index .ico:after{content:'';display:block;background: url(https://www.christiedigital.com/_layouts/images/christie.website/page_head_corners.gif);height: 10px;width: 10px;background-position: -9px 0;}
#index .ico:before{content:'';display:block;background: url(https://www.christiedigital.com/_layouts/images/christie.website/page_head_corners.gif);height: 10px;width: 10px;}

#tupianlunbo{width: 98%;height: 310px;background:#161817;margin: auto;border-radius: 10px;overflow: hidden;position: relative;}
#tupianlunbo * {transition:all 1s; -webkit-transition:all 1s;}
#tupianlunbo ul{width:100%;height: 310px;position:relative;}
#tupianlunbo ul li{width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; opacity:0;}
#tupianlunbo ul li.active{z-index:2; opacity:1;}
#tupianlunbo ol{width:100%;height:50px;text-align: right;position: absolute;bottom: 0px;z-index: 88;background: rgba(0, 0, 0, 0.88);}
#tupianlunbo ol li{color: #fff;width: 30px;height: 30px;line-height: 30px;text-align: center;display: inline-block;cursor: pointer;margin-top: 10px;background: transparent;font-size: 12px;}
#tupianlunbo ol li.active{background: url(../images/sprite-boxes.png) no-repeat top left;width: 30px;height: 30px;}



#content1{width:100%; height:auto; overflow:hidden; margin-top:15px;margin-left: 9px;}
#content1 .le{width: 288px;height:auto;float:left;margin-right:2%;padding: 10px;box-sizing: border-box;background: url(../images/le.png) bottom left repeat-x #404347;min-height: 380px;color: white;border: #313131;border-radius: 10px;}
#content1 .le:nth-child(3n){margin-right:0;}
#content1 .le h5{width:100%;height:50px;line-height: 18px;padding-top: 22px;margin-bottom: 20px;background: #404347;color:#fff;text-align: center;font-size: 18px;font-weight: 700;font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular !important;}
#content1 .le ul{width:100%;height:auto;margin: 0 1.5em 1.5em 0;}
#content1 .le ul li{width:100%;height:auto;list-style: disc;margin-bottom: 3px;}
#content1 .le ul li a{display:block;width:100%;height:auto;color:#fff;font-size: 12px;}
#content1 .le  p{width:100%;height:auto;font-size: 16px;/* line-height: 25px; */color:#fff;margin-top: 10px;margin-bottom:20px;font-weight: 700;}
#content1 .le ul li:hover a{color: #056cb6;}
#content1 .le ul dl{width:100%; height:auto; margin-bottom:10px;}
#content1 .le ul dl a{display:block; width:100%; height:auto; font-size:13px; color:#fff;}
#content1 .le ul dl a font{color: #056cb6;}
#content1 .le ul .bg{width: 96%;
    height: 228px;
    margin: 0 auto;}
#content1 .le ul .bg img{display:block; width:100%; height:auto;}


#content2{}
#content2 h2{color:#fff;font-size:18px;font-weight: 700;margin-bottom:10px;margin-top: 25px;}
#content2 ul{width:100%; height:auto; overflow:hidden;}
#content2 ul li{width:25%;height:auto;float:left;border-right:1px solid #555;padding:0 10px;min-height: 170px;}
#content2 ul li:nth-child(4n){border-right:none;}
#content2 ul li:nth-child(1){padding-left: 0;}
#content2 ul li dl{width:100%;height: 63px;overflow:hidden;}
#content2 ul li dl span{display:block;font-size:12px;font-weight: bold;background-color: #056cb6;background: url( https://www.christiedigital.com/_layouts/images/christie.website/dateboxgradient.png) repeat-x 0px 0px;border: solid 1px #056cb6;text-align: center;width: 38px;height: 34px;line-height: 12px;margin-top: 5px;padding-top: 5px;float: left;color: white;}
#content2 ul li dl a{display:block;width:calc(100% - 50px);-webkit-width:calc(100% - 50px);height:auto;float:right;font-size: 14px;color: #056cb6;font-weight: bold;}
#content2 ul li dl:hover a{color:#fff; text-decoration:underline;}
#content2 ul li p{width:100%;height:auto;font-size:13px;color:#fff;line-height: 20px;margin-top:10px;padding-bottom: 50px;}


bottom{display:block; background:#000; width:100%; height:auto; padding:30px 0 0;}
bottom ul{float:left;padding-right:30px;margin-right:30px;height:200px;position: relative;}
bottom ul:before{display: block;content:'';border-right: 1px solid #fff;position: absolute;width: 1px;height: 80%;right: 0;bottom: 0;}
bottom ul:nth-last-of-type(1):before{border-right:none;padding-right:0;margin-right:0;}
bottom ul h5{font-size: 14px;color: #fff;font-weight: 700;margin-bottom:20px;}
bottom ul li{margin-top:5px;}
bottom ul li a{font-size: 12px;color: #fff;}
bottom ul li:hover a{color: #056cb6;}
bottom dl{width:100%;height:auto;clear:both;color: #fff;font-size:14px;line-height: 25px;padding-top:20px;}
bottom ul h5.compy p img{width:32px;height:32px;border-radius:4px;}
bottom ul h5.compy p img:nth-child(2){margin:0 5px;}


#left_move{position:fixed;top:200px;right:5px;width:160px;z-index:999;background:#fff;box-shadow:0 5px 9px rgba(4, 0, 0, .17);}
#left_move .click{padding:0 0 0 15px;width:160px;height:56px;line-height:56px;background:#1baadb;color:#fff;}
#left_move .click span.online{float:left;}
#left_move .click em{font-style:normal;float:left;width:30px;height:30px;line-height:30px;text-align:center;margin-top:13px;cursor:pointer;}
#left_move .click em.m_slist{margin-left:16px;}
#left_move ul{width:160px;padding-bottom:10px;}
#left_move ul li{background:#fff;}
#left_move ul li p{font-size:14px;padding:10px 15px 5px;color:#333;}
#left_move ul li p.spe{padding-top:0;}
#left_move ul li:first-child{border-bottom:1px solid #ededed;padding-top:2px;}
#left_move ul li:nth-child(2){padding-bottom:5px;border-bottom:1px solid #ededed;margin-bottom:10px;}
#left_move ul li .ewm{display:block;width:140px;height:140px;margin:0 auto;}
#left_move ul li a{display:block;width:160px;padding:5px 0;}
#left_move ul li a:hover{background:#f7f7f7;}
#left_move ul li a img{float:left;vertical-align:middle;margin:-3px 8px 0 15px;}
#left_move ul li a span{float:left;color:#666;font-size:14px;}

#m_hide{position:fixed;top:200px;right:5px;width:36px;height:36px;display:none;cursor:pointer;z-index:998;}




#fy-bg{width:1000px; height:auto; margin:0 auto;}
#fy-bg img{display:block; width:100%; height:auto;}

#fy-content{background:#fff;}
#fy-content .con{border-left:1px solid #ccc; border-right:1px solid #ccc; padding-bottom:10px;}
#weizhi{width:100%; height:auto; background:#f2f2f2; overflow:hidden; line-height:40px; font-size:15px; color:#d63a31;}
#weizhi a{display:block;float:left;width:auto;min-width:60px;height:40px;line-height:40px;padding:0 15px;text-align:center;font-size:15px;color: #056cb6;background:url(../images/weizhi.png) no-repeat right center;}
#weizhi a:hover{color:#000;}
#fy-content #left{width: 170px;height:auto;float:left;margin-left: 5px;}
#fy-content #left ul{width:100%;height:auto;margin-top: 15px;}
#fy-content #left ul > li{width:100%;height:auto;margin-bottom: 10px;}
#fy-content #left ul > li > a{display:block;width:100%;height: 43px;line-height: 36px;padding-left: 5px;font-size: 12px;color:#fff;background:#262927;border: 4px solid #bfbfbf;border-radius:10px;overflow: hidden;}
#fy-content #left ul > li:hover > a{color: black;background: -webkit-linear-gradient(#cccccc, #949494); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(#cccccc, #949494); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#cccccc, #949494); /* For Firefox 3.6 to 15 */background: linear-gradient(#cccccc, #949494); /* Standard syntax */filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#949494'); /* IE6,IE7 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#949494')"; /* IE8 */}
#fy-content #left ul > li.current_channel a{color: black;background: -webkit-linear-gradient(#cccccc, #949494);background: -o-linear-gradient(#cccccc, #949494);background: -moz-linear-gradient(#cccccc, #949494);/* background: linear-gradient(#cccccc, #949494); */filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#949494');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#949494')";}
#fy-content #left ol{width:100%; height:auto;}
#fy-content #left ol li{width:100%; height:auto;}
#fy-content #left ol li a{display:block; width:100%; height:30px; line-height:30px; padding-left:20px; font-size:13px;}
#fy-content #left ol li:hover a{color:#d63a31;}

#fy-content #zhong{width:calc(100% - 410px); -webkit-width:calc(100% - 410px); height:auto; float:left; margin-left:15px; margin-top:10px;}
#fy-content #zhong img{cursor:pointer;}

#fy-content #right{width:200px; height:auto; float:right; padding:10px 10px 0 10px;}
#fy-content #right img{display:block; width:100%; height:auto;}
#fy-content #right a{font-size:14px; font-weight:bold; color:#000; margin:10px 0; display:block;}
#fy-content #right a:hover{color:#d63a31;}
#fy-content #right p{width:100%; height:auto; font-size:13px; color:#333; line-height:20px; margin-bottom:20px;}
#fy-content #right2{width:calc(100% - 210px); -webkit-width:calc(100% - 210px); height:auto; float:right;}
#fy-content #right h5{font-size:14px !important;margin:8px 0 5px;}
#fy-content #right p{font-size:12px !important;color:#666;}


#fangan{width:100%; height:auto; overflow:hidden;}
#fangan h2{font-size:25px; font-weight:500; margin-bottom:10px;}
#fangan p{width:100%; height:auto; line-height:20px; color:#666; font-size:15px; margin-bottom:30px;}
#fangan ol{width:100%; height:auto; font-size:0;}
#fangan ul{width:33.33%; height:auto; display:inline-block; vertical-align:top; margin-bottom:20px; padding-left:20px;}
#fangan ul h5{margin-bottom:28px;}
#fangan ul h5 a{font-size:13px; font-weight:700; color:rgb(0, 0, 153);}
#fangan ul li{list-style:disc; font-size:5px;}
#fangan ul li a{color:rgb(0, 0, 153); font-size:13px;}
#fangan ul a:hover{text-decoration:underline;}



 
#cp{background:#fff;}
#cp h1{width:100%;height:90px;line-height:90px;font-size:35px;color: #056cb6;font-weight: 700;}
#cp .cp-bg{background: url(https://www.christiedigital.com/_layouts/15/images/Website/blue/feature_nav_bg.png) 0 0;height: 45px;border-radius: 10px 10px 0 0;}
#cp .cp-bg img{display:none}
#cp h2{font-size:25px; font-weight:500; margin-bottom:10px; margin-top:30px;}
#cp p{width:100%; height:auto; line-height:20px; color:#666; font-size:15px; margin-bottom:30px;}
#cp ul{width:100%; height:auto; overflow:hidden;}
#cp ul li{border:1px solid #ccc; background:#fff; margin-bottom:15px; padding:20px;}
#cp ul li .txt .biao{display:block;width:100%;height:30px;line-height: 22px;font-size: 16px;font-weight:600;color: #056cb6;margin-bottom:10px;margin-top: 15px;}
#cp ul li .txt p{width:100%; height:auto; font-size:15px; color:#444; line-height:20px;}
#cp ul li .bg{display:block; height:auto;}
#cp ul li .bg img{display:block; width:auto; height:auto;}

/*#cp ul li:nth-child(1){float:left; width:600px; height:160px;}
#cp ul li:nth-child(1) .txt{float:left; width:60%;}
#cp ul li:nth-child(1) .bg{float:right; width:40%;}

#cp ul li:nth-child(2){float:right; width:calc(100% - 630px); height:335px;}
#cp ul li:nth-child(2) h4{font-size:20px; font-weight:600; color:#d63a31; margin-bottom:10px;}
#cp ul li:nth-child(2) dl{width:100%; height:auto; margin-top:5px;}
#cp ul li:nth-child(2) dl a{font-size:15px; color:#d63a31;}

#cp ul li:nth-child(3){float:left; width:600px; height:160px;}
#cp ul li:nth-child(3) .bg{float:left; width:30%;}
#cp ul li:nth-child(3) .txt{float:left; width:70%; padding-left:10px;}

#cp ul li:nth-child(4){width:290px; height:160px; float:left;}
#cp ul li:nth-child(4) .txt{float:left; width:40%;}
#cp ul li:nth-child(4) .bg{float:right; width:60%;}

#cp ul li:nth-child(5){width:calc(100% - 320px); height:160px; float:right;}
#cp ul li:nth-child(5) .txt{float:left; width:60%;}
#cp ul li:nth-child(5) .bg{float:right; width:40%;}

#cp ul li:nth-child(6){width:32%; float:left; height:335px; margin-right:2%;}
#cp ul li:nth-child(6) .bg{height:185px; width:100%; text-align:center;}
#cp ul li:nth-child(6) .bg img{margin:0 auto;}
#cp ul li:nth-child(6) .txt{width:100%; height:auto;}

#cp ul li:nth-child(7){width:32%; float:left; height:335px;}
#cp ul li:nth-child(7) .bg{height:185px; width:100%; text-align:center;}
#cp ul li:nth-child(7) .bg img{margin:0 auto;}
#cp ul li:nth-child(7) .txt{width:100%; height:auto;}

#cp ul li:nth-child(8){width:32%; float:right; height:335px;}
#cp ul li:nth-child(8) .bg{height:185px; width:100%; text-align:center;}
#cp ul li:nth-child(8) .bg img{margin:0 auto;}
#cp ul li:nth-child(8) .txt{width:100%; height:auto;}

#cp ul li:nth-child(9){float:left; width:49%; height:160px;}
#cp ul li:nth-child(9) .bg{float:left; width:40%;}
#cp ul li:nth-child(9) .txt{float:left; width:60%; padding-left:10px;}

#cp ul li:nth-child(10){float:right; width:49%; height:160px;}
#cp ul li:nth-child(10) .bg{float:left; width:40%;}
#cp ul li:nth-child(10) .txt{float:left; width:60%; padding-left:10px;}

#cp ul li:nth-child(11){width:32%; float:left; height:335px; margin-right:2%;}
#cp ul li:nth-child(11) .bg{height:185px; width:100%; text-align:center;}
#cp ul li:nth-child(11) .bg img{margin:0 auto;}
#cp ul li:nth-child(11) .txt{width:100%; height:auto;}

#cp ul li:nth-child(12){width:32%; float:left; height:335px;}
#cp ul li:nth-child(12) .bg{height:185px; width:100%; text-align:center;}
#cp ul li:nth-child(12) .bg img{margin:0 auto;}
#cp ul li:nth-child(12) .txt{width:100%; height:auto;}*/

#cp ul li{width:32%;float:left;height:280px;margin-right:2%;border-radius: 10px;}
#cp ul li:nth-child(3n){margin-right:0;}
#cp ul li .bg{height:185px; width:100%; text-align:center;}
#cp ul li .bg img{margin:0 auto;}
#cp ul li .txt{width:100%; height:auto;}
 #about{width:100%; height:auto; overflow:hidden;}
#about h2{font-size: 25px;margin-bottom: 10px;margin-top: 10px;font-weight: bold;color: #0a0b14;}
#about li{margin-bottom:10px;}
#about li span{display:inline-block;width:390px;}
#about li a{display:inline-block;width:70px;height:22px;line-height:22px;text-align:center;color:#fff;border-radius:4px;font-size:10px;background:#ff0000;}



#cp-bg{background:#fff;}
#cp-bg .txt{width:48%; height:auto; float:left; padding-top:50px;}
#cp-bg .txt h5{font-size:30px;font-weight:500;color: #1475bb;margin-bottom:50px;}
#cp-bg .txt p{width:100%; height:auto; max-height:100px; line-height:25px; overflow:hidden; font-size:500; color:#666; font-size:15px;}
#cp-bg .ri{width:48%; height:auto; float:right; text-align:center; margin-bottom:20px;}
#cp-bg .ri .bg{width:100%; height:0; padding-bottom:60%; position:relative;}
#cp-bg .ri .bg img{display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto; height:90%;}
#cp-bg dl{width:100%;height:78px;clear:both;border-top-left-radius:10px;border-top-right-radius:10px;padding-right:50px;border-top-color: #056cb6;border-left-color: #056cb6;border-right-color: #056cb6;border-bottom: none;background: -webkit-linear-gradient(#70AFDB, #056cb6);background: -o-linear-gradient(#70AFDB, #056cb6);background: -moz-linear-gradient(#70AFDB, #056cb6);background: linear-gradient(#70AFDB, #056cb6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#70AFDB', EndColorStr='#056cb6');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#70AFDB', EndColorStr='#056cb6')";}
#cp-bg dl a{display:block; height:30px; line-height:30px; margin-top:22px; float:right; color:#fff; font-size:15px;}
#cp-bg dl a i{font-size:30px; margin-right:5px;}

#cp-info > ol{width:100%; height:auto; overflow:hidden; margin:50px 0; padding-left:20px; position:relative;}
#cp-info > ol:after{content:""; display:block; width:100%; height:2px; background:#ccc; position:absolute; bottom:0; left:0; z-index:0;}
#cp-info > ol > li{float:left;width:auto;height:40px;line-height:40px;font-size:15px;padding:0 20px;border-top-left-radius:5px;border-top-right-radius:5px;border:2px solid transparent;border-bottom:2px solid #ccc;position:relative;z-index:1;color: #056cb6;cursor:pointer;}
#cp-info > ol > li.active{border:2px solid #ccc; border-bottom:2px solid #fff; color:#444;}
#cp-info > ul{width: 538px;height:auto;}
#cp-info > ul > li{width:100%; height:auto; overflow:hidden; display:none;}
#cp-info > ul > li.active{display:block;}
#cp-info > ul > li.cur dl{width:32%; height:auto; float:left; margin-right:2%; margin-bottom:10px;}
#cp-info > ul > li.cur dl:nth-child(3n){margin-right:0;}
#cp-info > ul > li.cur dl .bg{width:100%; height:0; padding-bottom:60%; position:relative;}
#cp-info > ul > li.cur dl .bg img{display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}





#zhuanye{width:100%; height:auto; overflow:hidden;}
#zhuanye h2{font-size:25px; font-weight:500; margin-bottom:10px; margin-top:20px;}
#zhuanye dl{font-size:15px; color:#999; line-height:20px;}
#zhuanye p{width:100%; height:auto; line-height:20px; font-size:15px; color:#000; margin:25px 0;}
#zhuanye h5{width:100%; height:auto; line-height:20px; font-size:15px; color:#000; font-weight:100;}
#zhuanye ul{width:100%; height:auto; padding-left:40px; margin-bottom:30px;}
#zhuanye ul li{width:100%; height:auto; line-height:25px; font-size:15px; color:#000; list-style:disc;}
#zhuanye ul li:nth-child(1){font-weight:bold; position:relative; left:-20px;}
#zhuanye font{color:#d63a31;}
#zhuanye h4{font-weight:100; font-size:15px; line-height:20px;}




#anli h2{font-size:25px;font-weight:500;margin-bottom:10px;margin-top:20px;font-weight: bold;color: #0a0b14;}
#anli dl{font-size: 14px;color: #8a8a8a;line-height:20px;margin-bottom:20px;font-style: oblique;}
#anli{width:100%; height:auto;}
#anli li{width:100%; height:auto; margin-bottom:30px;}
#anli li .bg{position:relative;display:block; height:auto; margin:0 auto;cursor:inherit;}
#anli li .bg .opc{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:20px 20px 0 0;cursor:pointer;}
#anli li .bg .opc span{position:absolute;width:42px;height:42px;background:url(../images/list-play.png) no-repeat;top:50%;left:50%;margin:-21px 0 0 -21px;}
#anli li .bg img{display:block; width:100%; height:auto; border-radius:20px;}
#anli li .bg .opc img{border-radius:20px 20px 0 0;background:rgba(0,0,0,.8);}
#anli li .biao{display:block;width:100%;height:auto;margin:15px 0;color:#444;border-bottom: solid 1px #ededed;padding: 10px 0px 10px 0px;font-size: 12px;font-weight: bold;}
#anli li .biao:hover{color:#2480c1;}
#anli li p{width:100%; height:auto; font-size:14px; line-height:20px; color:#666;}
#anli li p a{color:#d63a31;}
#anli li video{    width: 538px;    height: 302px;    object-fit: fill;    object-position: 0;}

#anli2 h2{font-size:25px; font-weight:500; margin-bottom:10px; margin-top:20px;}
#anli2 dl{font-size:15px; color:#999; line-height:20px; margin-bottom:20px;}
#anli2{width:100%; height:auto;}
#anli2 li{width:50%; height:auto; float:left; padding:10px 15px 50px 15px; border-bottom:2px solid #ccc;}
#anli2 li:nth-child(1){width:100%; float:none;}
#anli2 li .bg{position:relative;display:block; width:100%; height:auto;}
#anli2 li .bg img{display:block; width:100%; height:auto;}
#anli2 li .biao{display:block; width:100%; height:auto; font-size:16px; font-weight:800; margin:15px 0; color:#444;}
#anli2 li .biao:hover{color:#d63a31;}
#anli2 li p{width:100%; height:80px; font-size:14px; line-height:20px; overflow:hidden; color:#666;}
#anli2 li p a{color:#d63a31;}



#shipin h2{font-size:25px; font-weight:500; margin-bottom:10px; margin-top:20px;}
#shipin dl{font-size:15px; color:#999; line-height:20px; margin-bottom:20px;}
#shipin ul{width:100%; height:auto;}
#shipin li{width:100%; height:auto; border-bottom:2px solid #ccc; padding:10px 0; margin:10px 0;}
#shipin li .bg{display:block; width:100%; height:0; padding-bottom:60%; position:relative;}
#shipin li .bg img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
#shipin li .bg i{display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-size:100px; color:#fff; z-index:2;}
#shipin li p{width:100%; height:auto; overflow:hidden; padding:0 15px;}
#shipin li p a{display:block; float:left; width:calc(100% - 150px); -webkit-width:calc(100% - 150px); height:40px; line-height:40px; font-size:15px; color:#d63a31; overflow:hidden;}
#shipin li p span{display:block; float:right; width:150px; height:40px; line-height:40px; color:#666; text-align:right; font-size:14px;}





 
#news{width:100%; height:auto;}
#news h2{font-size: 25px;margin-bottom: 10px;margin-top: 10px;font-weight: bold;color: #0a0b14;}
#news dl{font-size:15px; color:#999; line-height:20px; margin-bottom:20px;}
#news li{width:100%; height:auto; padding:10px 0; margin:10px 0; border-bottom:1px solid #ccc;}
#news li .biao{display:block;width:100%;height:20px;line-height:20px;overflow:hidden;font-size:16px;color: #050505;font-weight:bold;}
#news li span{display:block; font-size:13px; font-weight:bold; margin:10px 0;}
#news li p{width:100%; height:40px; overflow:hidden; font-size:13px; color:#666; line-height:20px;}
#news li .biao:hover{text-decoration:underline;color:#1173ba;}


 
#news2{width:100%; height:auto;}
#news2 h2{font-size:25px; font-weight:500; margin-bottom:10px; margin-top:20px;}
#news2 dl{font-size:15px; color:#999; line-height:20px; margin-bottom:20px;}
#news2 li{width:100%; height:auto; overflow:hidden; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc;}
#news2 li .bg{display:block; float:left; width:190px; height:114px; overflow:hidden;}
#news2 li .bg img{display:block; width:100%; height:100%;}
#news2 li .txt{width:calc(100% - 205px); -webkit-width:calc(100% - 205px); height:auto; float:right;}
#news2 li .txt .biao{display:block; width:100%; height:20px; line-height:20px; overflow:hidden; font-size:16px; font-weight:bold; color:#d63a31;}
#news2 li .txt .biao:hover{text-decoration:underline;}
#news2 li .txt span{display:block; font-size:13px; font-weight:bold; margin:8px 0;}
#news2 li .txt p{width:100%; height:60px; line-height:20px; overflow:hidden; font-size:14px; color:#666;}




 
#lianxi{width:100%; height:auto;}
#lianxi h2{font-size:25px; font-weight:500; margin-bottom:10px; margin-top:20px;}
#lianxi ul{width:100%; height:auto;}
#lianxi ul li{width:100%; height:auto; overflow:hidden; margin-bottom:25px;}
#lianxi ul li i{display:block;width:36px;height:36px;border-radius:50%;border: 2px solid #056cb6;text-align:center;line-height:33px;color: #056cb6;float:left;margin-left:32px;}
#lianxi ul li .r{width:calc(100% - 100px); height:auto; float:right; font-size:16px; color:#666;}
#lianxi ul li .r dd{display:block; width:100%; height:auto; font-size:13px;}
#ditu img{width:auto; height:auto; max-height:none; max-width:none;}
#ditu{width:100%; height:250px;}
#ditu .container{width:100%; height:100%;}
#ditu .container .title {font-size:14px; font-weight:bold; color:#cc5522;}
#ditu .container .content{font-size:13px; color:#333; margin-top:6px;}
#ditu .BMap_pop{display:non;} 
#ditu .BMap_shadow{display:non;} 
#ditu .anchorBL{display:none;} 
#ditu .BMap_stdMpCtrl{display:non;} 



 
.alert-img{width:180px; height:45px; line-height:42px; padding:0 10px; font-size:14px; color:#fff; background:#262927; border:3px solid #bebebe; border-radius:10px; clear:both; float:right; margin-top:30px; cursor:pointer;}
.alert-img i{float:right; line-height:42px;}

#xiangce{width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; z-index:-999; opacity:0;}
#xiangce #guanbi{display:block; width:50px; height:30px; background:#222; cursor:pointer; position:absolute; right:0; top:0; z-index:3; text-align:center; line-height:30px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; font-size:20px; color:#d9261c;}
#xiangce ul{width:70%; height:auto; margin:0 auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); border:3px solid #ccc; background:#fff;}
#xiangce ul .swiper-slide{width:100%; height:0; padding-bottom:60%; position:relative;}
#xiangce ul .swiper-slide img{display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
#xiangce ul .swiper-button-prev{width:40px; height:70px; background:#222 url(../images/xiang_left.png) no-repeat center center; left:0;}
#xiangce ul .swiper-button-next{width:40px; height:70px; background:#222 url(../images/xiang_right.png) no-repeat center center; right:0;}




 
#video{width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; z-index:100; display:none;}
#video ul{width:80%; height:auto; margin:0 auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background:#fff;}
#video ul video{display:block; width:100%; height:auto;}
#video #guanbi{display:block; width:50px; height:30px; background:#222; cursor:pointer; position:absolute; right:0; top:0; z-index:3; text-align:center; line-height:30px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; font-size:20px; color:#d9261c;}