@charset "utf-8";
* { box-sizing: border-box; }
/* 全局CSS定义 */
body { font-family: "微软雅黑"; padding: 0; font-size:14px; color:#666; background:fff; margin: 0 auto; overflow-x: hidden;}
div,form,img,ul,ol,li,dl,dt,dd { margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:14px; font-weight: normal; }
table,td,tr,th{font-size:14px; }

/* 链接颜色 */
a:link {color: #666; text-decoration:none;}
a:visited {color: #666;text-decoration:none;}
a:hover { color: #DA0C23; text-decoration: none;}
a:active { color: #666;}

/* 字体属性 */
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.clr_13{ height: 13px; line-height: 0; font-size: 0;}
.cRed{color: #BC730B; }
.c06c,.c06c:link,.c06c:visited{ color: #B62D3F;}
.c06c:hover{ color: #f30;}
.clr_25{ clear: both; height: 28px; line-height: 0; font-size: 0;}
.pages{ height: 28px; line-height: 28px; clear:both; padding: 25px 10px 0 0; font-family:Verdana, Geneva, sans-serif; text-align:center; float:right;}
.pages a,.pages a:visited,.pages strong{ display:block; float:left; margin: 0 2px; height: 23px; line-height: 23px; text-align:center; width: 25px; border: 1px solid #ccc; background: #fff;}
.pages a:hover,.pages strong{ border: 1px solid #E62129; color: #fff; background: #E62129; font-weight:normal;}
.main_area{position:relative;}
/*banner
#con_product_slide{ width: 75px; height:1020px;margin:0 auto; position:relative;*z-index:1;}
#scroll_btn_list{ overflow:hidden;height:20px;position:absolute;bottom:10px;z-index:5; margin: 0 auto;}
#scroll_btn_list li{width:13px;height:13px;float:left;margin-right:12px;}
#scroll_btn_list li a{display:block;position:relative;width:13px; height:13px; font-size: 0; line-height: 0; border-radius:13px; background:#ccc;overflow:hidden ;}
#scroll_btn_list li a:after{ position:absolute;left:0;top:0;width:100%;height:13px;}
#scroll_btn_list .on a,#scroll_btn_list li a:hover{ background:#DA0C23;}
#scroll_product_list{ height:1020px;width:100%;position:absolute;top:0;left:0;}
#scroll_product_list li{height:1020px;width:100%;display:none;position:absolute;left:0;top:0;}
#scroll_product_list li.on{display:block;}
*/
.c-banner{width:100%;position:relative}
.c-banner img{width:100%}
.c-banner .banner ul{list-style:none;padding-left:0;margin-bottom:0}
.c-banner .banner ul li{position:absolute display:none;opacity:0}
.c-banner .banner ul li:nth-child(1){opacity:1;display:block}
.c-banner .banner ul li img{width:100%;position:absolute;top:0}
.c-banner .banner ul li:first-child img{position:relative}
.c-banner .nexImg,.c-banner .preImg{padding:25px 10px 25px 10px;position:absolute;top:50%;margin-top:-53px;background:#000;opacity:.5;border-radius:4px;z-index:10; cursor: pointer;}
.c-banner .nexImg:hover,.c-banner .preImg:hover{opacity:.8}
.c-banner .nexImg{right:0}
.c-banner .jumpBtn{width:100%;position:absolute;bottom:20px;text-align:center}
.c-banner .jumpBtn ul{margin-bottom:0;padding:0}
.c-banner .jumpBtn ul li{width:13px;height:13px;border-radius:50%;display:inline-block;background-color:#fff;opacity:.9;margin-left:10px}
.c-banner .jumpBtn ul li:first-child{margin-left:0; }
@media screen and (max-width:768px){.c-banner{width:100%;height:345px;overflow:hidden}
.c-banner .banner ul li img{width:768px;height:345px;position:absolute;left:50%;margin-left:-384px}
}

.Header{ line-height: 30px; width: 100%; padding-top: 30px;}
.Header .logo{ float:left; margin-left: 45px;}
.Header .logo img{ width: 230px;}
.Header .menu{ float:right; padding-right: 45px; margin-top: 10px;}
.Header .menu li{ float:right; margin-left: 50px; font-size: 17px;}
.HeaderHome{ position:absolute; z-index:999;}
.Content{ border-top: 1px solid #ddd; clear:both; padding: 20px 0; margin-top: 25px;}
.Content .links{ padding: 10px 45px;}
.Content .about{ width: 1280px; margin: 0 auto; line-height: 28px; font-size: 16px; padding: 120px 0; color: #888;}
.Content .about p{ margin: 0; padding: 15px 0; line-height: 32px;}
.Content .about .L{ float:left; width: 540px; font-weight:bold;}
.Content .about .R{ float:right; width: 580px;}
.Content .about .R .ico{ background:url(img/ico_2.jpg) no-repeat 14px center; background-size: 60px; height: 75px; line-height: 75px; color: #0093a4; letter-spacing: 5px; font-size: 18px;}
.Content .service{ width: 1200px; margin: 0 auto;}
.Content .service h1{ text-align:center; height: 85px; line-height: 45px; font-size: 20px; letter-spacing: 20px;} 
.Content .service li{ float:left; width: 320px; margin: 50px 120px 0 0; position:relative;}
.Content .service li span{ position:absolute; z-index:2; width: 50px; height: 50px; display:block; background:url(img/ico_5.png) no-repeat 0 0; text-align:center; line-height: 50px; color: #fff; font-size: 16px; right: 20px; top: 0; font-weight:bold;}
.Content .service li img{ margin-top: 25px;}
.Content .service li h3{ text-align:right; font-size: 16px; padding-top: 10px; color: #DA0C23;}
.Content .service li p{ margin: 0; padding: 10px 0; font-size: 13px; line-height: 25px;}
.Content .service .r{ float:right; margin-right: 0;}
.Content .contactus h1{ text-align:center; height: 85px; line-height: 45px; font-size: 20px; letter-spacing: 20px; }
.Content .contactus .pic{ background: url(img/contact-bg.jpg) no-repeat center 0; height: 320px;}
.Content .contactus .pic p{ padding: 100px 0 0; line-height: 35px; color: #fff; width: 1200px;  margin: 0 auto; }
.Content .contactus .pic p span{ display:block; float:right;}
.Content .contactus .pic p span strong{ font-size: 20px; font-weight:normal; display:block; padding-bottom: 25px;}
.Content .contactus .text{ width:1200px; margin: 0 auto; line-height: 35px; padding: 50px 0;}
.Content .contactus .text .l{ float:left;}
.Content .contactus .text .l strong{ font-size: 18px;}
.Content .contactus .text .r{ float:right; padding-top: 30px;}
.Content .contactus .text .clr{ clear:both;}
.Content .zhuchuang{ width: 800px; margin: 0 auto; padding: 120px 0;}
.Content .zhuchuang .pic{ float:left; width: 340px;}
.Content .zhuchuang .pic p{ margin: 0; padding: 20px; line-height: 30px; background: #DA0C23; color: #fff;}
.Content .zhuchuang .text{ float:right; width: 340px;}
.Content .zhuchuang .text h3{ font-size: 20px; padding-bottom: 100px; background:url(img/line_1.png) no-repeat 0 bottom;}
.Content .zhuchuang .text h3 span{ color: #999; font-size: 14px;}
.Content .zhuchuang .text p{ line-height: 28px; margin: 0; padding: 15px 0; color: #999;}
.Content .caselist .menulist{}
.Content .caselist .menulist li{ float:left; width: 33.3333333%;}
.Content .caselist .menulist li a{ padding: 0 10px; display:block;}
.Content .caselist .menulist li img{ width: 100%; display:block; margin-bottom: 10px;}
.Content .caselist .menulist a{}
.Content .caselist{ padding: 100px 35px;}
.Content .caselist .menu{ height: 32px; width: 321px; margin: 0 auto; height: 50px; }
.Content .caselist .menu li{ float:left; width: 85px; text-align:center; margin: 0 10px; border: 1px solid #ccc; height: 30px; line-height: 30px;}
.Content .caselist .menu .tag{ background: #DA0C23; border: 1px solid #DA0C23; }
.Content .caselist .menu .tag a{ color: #fff;}
.Content .caselist .list{}
.Content .caselist .list li{ float:left; width: 33.3333333%;padding: 15px 0;}
.Content .caselist .list li a{ padding: 0 10px; display:block;}
.Content .caselist .list li img{ width: 100%; display:block; margin-bottom: 10px;}
.CaseView{ clear:both; padding-top: 25px;}









/*作品详情*/

.product-slide{position:relative; background:#000;}
.product-slide .flex-nav-next,.product-slide .flex-nav-prev{position:absolute;left:40px;top:50%;width:42px;height:42px;z-index:10;margin-top:-21px}
.product-slide .flex-nav-next{left:auto;right:40px}
.product-slide .flex-direction-nav a{background:#000}
.product-slide .flex-direction-nav .flex-prev{left:0;background:url(img/change.png) no-repeat center}
.product-slide .flex-direction-nav .flex-next{right:0;background:url(img/change2.png) no-repeat center}
.product-slide .flex-direction-nav a{width:42px;height:42px;margin:0;opacity:1;font-size:0;top:0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.product-slide .flex-direction-nav{opacity:1;visibility:visible;-webkit-transition:1s;-o-transition:1s;transition:1s}
.product-slide .flex-direction-nav.hide{opacity:0;visibility:hidden;-webkit-transition:1s;-o-transition:1s;transition:1s}
.product-slide .flex-direction-nav a:hover,.product-slide .func a:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.product-slide .flex-direction-nav a:before{display:none}
.product-slide .func{position:absolute;right:40px;top:40px;z-index:15}
.product-slide .item.flex-active-slide .func{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.product-slide .func a{position:relative;display:block;width:42px;height:42px;margin-bottom:20px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.product-slide .func a:before{content:attr(data-title);position:absolute;right:50px;top:10px;font-size:12px;color:#fff;width:30px;opacity:0;visibility:hidden;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.product-slide .func a:hover:before{opacity:1;visibility:visible;-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.product-slide .func a.back{background:url(img/product-back.png) no-repeat}
.product-slide .func a.view{background:url(img/product-view.png) no-repeat}
.product-slide .item{position:relative;text-align:center}
.product-slide .item img{max-width:none;max-height:100%}
.product-slide .cont{position:absolute;top:0;right:0;height:100%;width:27%;background:#fff;z-index:20;padding:4% 4% 4% 0;visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:.8s;-o-transition:.8s;transition:.8s}
.product-slide .cont.open{opacity:1;visibility:visible;-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.product-slide .cont .close{position:absolute;top:0;right:0;width:15%;height:100%;background:#000;z-index:21;text-align:center}
.product-slide .cont .close .icon-close{position:relative;top:50%;margin-top:-21px;width:42px;height:42px;background:url(img/icon-close.png) no-repeat center;cursor:pointer;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.product-slide .cont .close .icon-close:hover{-webkit-transform:rotate(180deg) scale(1.1);-ms-transform:rotate(180deg) scale(1.1);-o-transform:rotate(180deg) scale(1.1);transform:rotate(180deg) scale(1.1)}
.product-slide .cont .tit{font-size:16px;color:#333}
.product-slide .cont .intro{font-size:14px;color:#999;line-height:26px;margin-top:12px}
.product-slide .cont .detail{position:relative;margin-top:60px;padding-top:15px}
.product-slide .cont .detail:before{content:"";position:absolute;left:0;top:0;width:36px;height:4px;background:#dcdcdc}
.product-slide .cont .detail p~p{margin-top:20px}
.product-slide .cont .detail p{color:#999}
.product-slide .cont .cont-scroll{overflow-y:scroll;height:100%;padding:0 18%}
.com-ajax-more{display:block;line-height:50px;width:100%;background:#e4e4e4;color:#333;font-size:16px;text-align:center;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.com-ajax-more:hover{box-shadow:0 10px 20px rgba(0,0,0,.1)}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.loadmore{display:block;line-height:50px;text-align:center;color:#ccc;font-size:14px}
.loadmore span{height:20px;width:20px;border-radius:100%;display:inline-block;margin:10px;border:2px solid #090909;border-bottom-color:transparent;vertical-align:middle;-webkit-animation:rotate 1.1s infinite linear;animation:rotate 1.1s infinite linear}
.loadover{position:relative;margin:0 12px;padding:24px 0;height:20px;line-height:20px;color:#909090;text-align:center}
.loadover span{position:relative;display:inline-block;padding:0 6px;z-index:2}
.loadover:after{content:''position:absolute;left:0;top:50%;width:100%;height:1px;background:#dcdcdc;z-index:1;display:block}
.news-page-other{margin-top:50px;padding:15px 0;border-top:1px solid #eee}
.news-page-other p~p{margin-top:10px}
.news-page-other a,.news-page-other p{color:#c3c3c3;font-weight:300;font-family:"Microsoft Yahei Light"}
.news-page-other a:hover,.xglist dd ul li a:hover{color:#000;font-weight:400}
.xglist{margin-top:30px}
.xglist dt{font-weight:300;font-family:"Microsoft Yahei Light";color:#2a854f;font-size:20px;border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:2px}
.xglist dt .en{display:inline-block;margin-left:10px;font-family:DINCond-Bold;color:#cdcdcd;font-size:20px}
.xglist dd ul li~li{margin-top:5px}
.xglist dd ul li,.xglist dd ul li a{width:100%;color:#c3c3c3;font-weight:300;font-family:"Microsoft Yahei Light"}
.xglist dd ul li a{display:inline-block;width:430px}
.nav-mbx{margin-top:90px;padding-left:55px}
.cont-scroll::-webkit-scrollbar{width:8px;height:8px}
.cont-scroll::-webkit-scrollbar-button{background-color:#e5e5e5}
.cont-scroll::-webkit-scrollbar-track{background:#e5e5e5}
.cont-scroll::-webkit-scrollbar-thumb{background:#DA0C23}
.cont-scroll::-webkit-scrollbar-corner{background:#DA0C23}
.cont-scroll::-webkit-scrollbar-resizer{background:#DA0C23}



.Foot{ background: #ddd; height: 60px; line-height: 60px; padding: 5px 45px 0 0; text-align:right; color: #999;}
.Foot a{ color: #999;}
.Foot a:hover{ color: #DA0C23;}