@charset "gb2312";
/* CSS Document */

html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}


img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.fl{ float:left}
.fr{ float:right}
botton,input{ outline:none}
h1,h2,h3,h4,h5{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}

a{ text-decoration:none;outline:none;-webkit-transition:.3s;-moz-transition:.3s; transition:.3s;color:#666}
a:hover{color:#bf3532}

.wrap{ width:1460px; margin:0 auto}
.wrap_1{ width:1200px; margin:0 auto}
.header{ background:#fff; position:relative;top:0; width:100%; height:75px;z-index:9; box-shadow:0 0 15px rgba(0,0,0,0.1)}
.fixed{ position:fixed;top:0}
.header .tel{ font-size:22px; color:#bf3532; line-height:75px; font-weight:bold;padding:0 20px; padding-left:60px; margin-right:20px; position:relative; background:url(tel.png) no-repeat 20px center; background-size:25px 25px}
.header .tel:before{ content:""; width:1px; height:20px; display:block; background:#e8e8e8; position:absolute; left:0; top:50%; margin-top:-10px;}
.header .tel:after{ content:""; width:1px; height:20px; display:block; background:#e8e8e8; position:absolute; right:0; top:50%; margin-top:-10px;}
.menu li{ float:left; font-size:18px; line-height:75px; margin-right:30px;}
.menu li a{ color:#333; display:block; padding:0 10px}
.menu li:hover a{color:#bf3532}
.menu li .sub{visibility: hidden;opacity:0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.menu li .subbox {position: absolute;left: 0;top: 60px;width: 100%;background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);border-top:1px solid #e8e8e8;overflow: hidden;z-index: 9;}
.menu li .subbox dl{ text-align:right; padding-right:10%}
.menu li .subbox dd{ display:inline-block; text-align:center; margin:10px 20px; opacity:0.6; filter:alpha(opacity=60);-webkit-transition: .3s;transition: .3s;}
.menu li .subbox dd p{ line-height:50px; font-size:15px; color:#333}
.menu li .subbox dd span{ display:block; width:40px; height:48px; margin:0 auto}
.menu li .subbox dd.list1 span{ background:url(icon_1.png) no-repeat 0 0; background-size:40px auto}
.menu li .subbox dd.list2 span{ background:url(icon_2.png) no-repeat 0 0; background-size:40px auto}
.menu li .subbox dd.list3 span{ background:url(icon_3.png) no-repeat 0 0; background-size:40px auto}
.menu li .subbox dd.list4 span{ background:url(icon_4.png) no-repeat 0 0; background-size:40px auto}
.menu li .subbox dd.list5 span{ background:url(icon_5.png) no-repeat 0 0; background-size:40px auto}
.menu li:hover .sub{ opacity:1;visibility: visible;}
.menu li .subbox dd:hover{opacity:1; filter:alpha(opacity=100)}
.menu-btn{ position:relative;height:60px; width:25px; padding-right:5%; cursor:pointer}
.menu-btn span{display:block; height:3px; background:#ccc; margin-bottom:5px}
.menu-btn .line1{ margin-top:30px}
.m-menu{ width:100%; height:100%; background:rgba(0,0,0,0.85); color:#f5f5f5; z-index:99; position:fixed; text-align:center; display:none}
.m-menu .closed{ width:37px; height:37px; background:url(../images/close.png) no-repeat; position:absolute; right:5%; top:5%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.m-menu li a{ color:#f5f5f5; font-size:32px; line-height:60px; display:block}
.m-menu ul{ position:absolute; top:50%; margin-top:-180px;width:100%;}
.m-menu .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
 

.strength{ background:#272727; text-align:center; position:relative}
.strength ul{ display:inline-block;vertical-align:bottom;}
.strength li{ float:left;padding:28px 0 28px 50px; position:relative;text-align:left;}
.strength_box{ padding-left:80px;padding-right:80px;position:relative}
.strength_box:after{ content:""; width:1px; height:100%; background-color:#414141; position:absolute; right:0;top:0; }
.strength li .p1{ color:#d93b38; font-size:22px; line-height:30px; font-family:"Bebas"}
.strength li .p1 em{ font-style:normal}
.strength li .p1 span{ color:#707070; font-size:14px;}
.strength li .p2{ color:#fff}
.strength .li1{ background:url(icon_s1.png) no-repeat 50px 28px;}
.strength .li2{ background:url(icon_s2.png) no-repeat 50px 28px;}
.strength .li3{ background:url(icon_s3.png) no-repeat 50px 28px;}
.strength .li4{ background:url(icon_s4.png) no-repeat 50px 28px;}
.strength .li4 .strength_box:after{ display:none}
.strength li:hover{ background-color:#333}
.i-service{ position:relative}
.i-service .left{ width:18%}
.titbox{ color:#333; padding-top:170px}
.titbox .line{ width:50px; height:2px; background:#1a1a1a; display:block; margin-bottom:25px}
.titbox .en{ font-size:42px; font-family:"Bebas"; line-height:45px;margin-bottom:15px}
.titbox h3{ font-size:30px;}
.titbox .more{ font-family:Arial, Helvetica, sans-serif; font-size:14px; display:inline-block; margin-top:100px;}
.i-service .right{ width:80%}
.serlist li{ float:left; border-left:1px solid #e8e8e8; padding:110px 40px; width:20%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box}
.serlist li .en{font-weight:bold; font-size:22px; text-transform:uppercase; line-height:26px; margin-top:30px; margin-bottom:20px;}
.serlist li .tit{ font-size:18px; color:#4c4c4c;}
.serlist li .secd{ margin-top:23px; height:150px}
.serlist li .secd p{ text-align:center; border:1px dotted #bfbfbf; width:100px; line-height:28px; margin-bottom:13px; -webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;}
.serlist li .secd p a{ color:#8c8c8c; display:block; font-size:15px}
.serlist li .more{ display:block; width:35px; height:35px; background:url(../images/arrow.png) no-repeat; margin-top:60px;}
.serlist li .icon{ margin-left:10px}
.serlist li.li1 .icon{ width:56px; height:67px; background:url(icon_1.png) no-repeat 0 0;}
.serlist li.li2 .icon{ width:56px; height:67px; background:url(icon_2.png) no-repeat 0 0;}
.serlist li.li3 .icon{ width:56px; height:67px; background:url(icon_3.png) no-repeat 0 0;}
.serlist li.li4 .icon{ width:56px; height:67px; background:url(icon_4.png) no-repeat 0 0;}
.serlist li.li5 .icon{ width:56px; height:67px; background:url(icon_5.png) no-repeat 0 0;}
.serlist li,.serlist li .icon{ -webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.serlist li:hover{ background:#bf3532}
.serlist li.li1:hover .icon{ width:56px; height:67px; background:url(icon_1.png) no-repeat 0 -67px;}
.serlist li.li2:hover .icon{ width:56px; height:67px; background:url(icon_2.png) no-repeat 0 -67px;}
.serlist li.li3:hover .icon{ width:56px; height:67px; background:url(icon_3.png) no-repeat 0 -67px;}
.serlist li.li4:hover .icon{ width:56px; height:67px; background:url(icon_4.png) no-repeat 0 -67px;}
.serlist li.li5:hover .icon{ width:56px; height:67px; background:url(icon_5.png) no-repeat 0 -67px;}
.serlist li:hover .en{ color:#fff}
.serlist li:hover .tit{ color:#fff}
.serlist li:hover .more{ background:url(arrow_h.png) no-repeat}
.serlist li:hover .secd p{ border:1px solid #d8d8d8}
.serlist li:hover .secd p a{ color:#d8d8d8}
.serlist li .secd p:hover{ border:1px solid #fff; transition:.3s}
.serlist li .secd p a:hover{ color:#fff;transition:.3s}
/*=============================*/
.i-case{ background:#f5f5f5;padding:70px 0 70px; position:relative}
.titbox_1{ border-bottom:1px solid #d8d8d8;color:#333; text-align:center; margin-bottom:30px;}
.titbox_1 .en{font-size:42px; font-family:"Bebas"; line-height:45px;}
.titbox_1 h3{font-size:30px;}
.titbox_1 h3 span{ border-bottom:1px solid #bf3532; padding-bottom:10px; display:inline-block}
.i-case-con .slogan{ text-align:center; font-size:16px;color:#999}
.i-case-cl{ text-align:center; margin-bottom:40px}
.i-case-cl ul{ text-align:center; display:inline-block; vertical-align:middle;font-size: 0;}
.i-case-cl li{ font-size:16px; margin:0 6px 10px; display:inline-block}
.i-case-cl li a{ display:block;padding:8px 40px;color:#333; background:#e6e6e6;-webkit-border-radius:25px;-moz-border-radius:25px; border-radius:25px;}
.i-case-cl li a.cur,.i-case-cl li a:hover{ background:#bf3532; color:#fff}
.i-case-list{ padding-left:5%; padding-right:5%}
.i-case-list ul{width:101.5%}
.i-case-list li{ float:left; width:23.5%; margin-right:1.5%; position:relative; margin-bottom:30px; background:#fff}
.i-case-list li .pic{ position:relative; overflow:hidden}
.i-case-list li .bg{ width:100%; height:100%; background:#000; opacity:0;filter:alpha(opacity=0); position:absolute;left:0;top:0;}
.i-case-list li img{ width:100%; height:auto; display:block}
.i-case-list li .cover{ position:absolute; top:0; left:0; width:100%; height:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border:0; opacity:0}
.i-case-list li .tit{ color:#000; font-size:18px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:35px; border-bottom:1px solid #ebebeb}
.i-case-list li .bc{ font-size:14px; color:#999; padding-top:5px}
.i-case-list li .more{ float:right;}
.i-case-list li .text{ padding:15px}
.i-case-list li,.i-case-list li img,.i-case-list li .text,.i-case-list li .tit,.i-case-list li .bc{ -webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
.i-case-list li .cover{-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.i-case-list li:hover{background: #bf3532;}
.i-case-list li:hover .cover{ border:5px solid #bf3532; opacity:1}
.i-case-list li:hover img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);}
.i-case-list li:hover .tit{ border-bottom:1px solid #f5f5f5}
.i-case-list li:hover .tit,.i-case-list li:hover .bc{ color:#fff}
.i-case-list li:hover .text{bottom:-46px}
/*============================*/
.i-about{ background:url(aboutbg.jpg?v=1) no-repeat center; background-size:cover; padding:150px 0 100px; color:#f5f5f5; position:relative}
.i-about .left{ width:60%}
.i-about .titbox{ color:#f5f5f5; padding-top:0}
.i-about .titbox .line{ background:#f5f5f5}
.i-about .intro{ font-size:16px; line-height:35px; margin-top:50px;}
.i-about .intro .tel{ font-weight:bold; margin-top:30px;}
.i-about .intro .tel span{ font-weight:normal; font-size:24px}
.i-about .intro .more{ width:40px; height:40px; background:url(arrow_1.png) no-repeat center; display:block; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; margin-top:50px; border:1px solid #fff}
.i-about .pic{ position:relative}
.i-about .pic img{ display:block; position:relative}
.i-about .pic:before{ content:""; width:100%; height:100%; border:1px solid rgba(255,255,255,0.35); position:absolute; right:-10px; top:-10px}
.i-news{ background:#f5f5f5;padding:70px 0 70px;}

.i-news-cl{ text-align:center; margin-bottom:40px}
.i-news-cl ul{ text-align:center; display:inline-block; vertical-align:middle}
.i-news-cl li{ display:inline-block;font-size:16px; margin:0 6px 10px}
.i-news-cl li a{ display:block;padding:8px 40px;color:#333; background:#e6e6e6;-webkit-border-radius:25px;-moz-border-radius:25px; border-radius:25px;}
.i-news-cl li a.cur,.i-news-cl li a:hover{ background:#bf3532; color:#fff}

.i-news-list ul{ margin-right:-1%}
.i-news-list li{ width:49%; margin-right:1%; margin-bottom:1%; background:#fff; float:left}
.i-news-list li a{ display:block; padding:15px}
.i-news-list li .pic{ width:30%}
.i-news-list li .pic img{ width:100%; display:block}
.i-news-list li .time{ font-size:14px; margin-top:25px; color:#999; background: url(time.png) no-repeat 0 center; padding-left:20px; background-size:15px 15px;}

.i-news-list li .text{ width:67%;}
.i-news-list li .text .tit{ color:#333; font-size:18px; line-height:26px; margin-bottom:10px}
.i-news-list li .text .intro{ font-size:14px; color:#999; line-height:20px; min-height:40px}

.i-news-list li,.i-news-list li .text,.i-news-list .text span{-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.i-news-list li:hover{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.1);-moz-box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:0 5px 15px rgba(0,0,0,.1);}

/*===============================*/
.nbanner{ position:relative; margin-top:60px; overflow:hidden}.nbanner_1,.nbanner_2{ height:500px}
.nbanner>img{ width:100%; display:block}
.nbanner .text{ position:absolute; width:100%; top:40%; color:#fff; font-size:40px;margin:0 auto}
.nbanner .text .line{ width:35px; height:2px; background:#fff; display:block; margin-top:15px; opacity:0.9}

.main{ background:#f5f5f5;padding:50px 0;line-height:32px;}
.topnav{ text-align:center}
.topnav ul{ text-align:center; display:inline-block; vertical-align:middle; font-size:0; }
.topnav li{ display:inline-block;font-size:16px; margin:0 10px 10px;}
.topnav li a{ display:block;padding:5px 40px;color:#333; background:#e6e6e6;-webkit-border-radius:25px;-moz-border-radius:25px; border-radius:25px; }
.topnav li a.cur,.topnav li a:hover{ background:#bf3532; color:#fff;}

.main_a{padding:60px 0; line-height:32px;}
.main_a .db,.main .db,.main_2 .db{ font-size:30px; color:#333; line-height:45px; text-align:center; font-weight:bold; margin-bottom:40px}
.main_a .xb,.main .xb,.main_2 .xb{ text-align:center; margin:-20px 5% 40px; font-size:18px}
.about_con .left{ width:40%; float:left; margin-top:30px; text-align: left}
.about_con .left h3{ font-size:18px;line-height:60px; text-align:left}
.about_con .left h4{ font-size:30px;color:#333;margin-top:20px; line-height:45px}
.about_con .left .more{ display:block; margin-top:60px; background:#bf3532; color:#fff; font-size:18px; width:160px; line-height:45px;}
.about_con .left .more span{ display:inline-block; vertical-align:middle; margin-left:30px}
.about_con .left .more i{ width:16px; height:13px; background:url(arrow_n.gif) no-repeat; background-size:contain;display:inline-block; vertical-align:middle; margin-left:10px;-webkit-transition:.3s;-moz-transition:.3s; transition:.3s}
.about_con .left .more:hover i{ margin-left:15px}
.about_con .text{ width:50%; font-size:16px; padding-top:30px; padding-bottom:30px;margin-top:23px;}
.about_con .text p{ padding-bottom:20px;}
.horlists{ width: 850px; margin:0 auto; text-align: center}
.horlists img{ width: 90%; height: auto;}
.horlist{ position:relative; overflow:hidden;}
.horlist .slick-prev,.horlist .slick-next{ display:block; width:50px; height:50px; -webkit-border-radius:50%;border-radius:50%; position:absolute;top:50%; margin-top:-12px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s; opacity:0;z-index:2}
.horlist .slick-prev{ background:url(../images/arrow_p.gif) no-repeat #bf3532 center;left:-50px}
.horlist .slick-next{ background:url(../images/arrow_n.gif) no-repeat #bf3532 center;right:-50px}

.horlist:hover .slick-prev{left:20px;opacity:1;}
.horlist:hover .slick-next{right:20px;opacity:1;}
.horlist .slick-slide{}
.horlist .slick-slide .pic{border: 1px solid #d8d8d8;background: #f5f5f5; text-align:center;height:450px; margin:10px}
.horlist .slick-slide img{ max-width:100%; max-height:100%;display:inline-block; vertical-align:middle}
.horlist .slick-slide i{width:0; height:100%; display:inline-block; vertical-align:middle}

.teamlist ul{width:102%}
.teamlist li{ float:left; width:31.33%; margin-right:2%;margin-bottom:2%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.1);-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.teamlist li .pic{ position:relative; overflow:hidden}
.teamlist li .pic img{ width:100%; display:block}
.teamlist li .text{ text-align:center; padding:3%; color:#999}
.teamlist li .text .tit{ font-size:16px; color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.teamlist li .text .line{ width:5%; height:2px; display:block; margin:5px auto;background: #bf3532; -webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.teamlist li:hover{ box-shadow:0 0 25px rgba(0,0,0,0.2)}
.teamlist li:hover .text .line{ width:80%}
.teamlist .more{ text-align: center; margin-top:40px}
.teamlist .more a{ display:inline-block; padding:3px 35px;border:1px solid #d8d8d8;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;}
.teamlist .more a:hover{background: #bf3532; color:#fff; }
.about_con .ntit{ font-size:25px; color:#333; padding-bottom:10px; text-align:center}
.about_con .time{ color:#999; display:block; border-bottom:1px solid #e8e8e8; padding-bottom:10px;text-align:center}
.about_con_d{padding-top:30px}.about_con_d img{ max-width:100%; height:auto}
.hrlist{ margin-top:40px; border-left:1px solid #e8e8e8;}
.hrlist li{ width:33.33%; padding:5% 3%; border:1px solid #e8e8e8; border-left:none; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative}
.hrlist li .icon{ width:55px; height:60px; margin:0 auto;display:block;}.hrlist li .icon img{ display:block; width:100%;}
.hrlist li .icon1{ display:none}
.hrlist li .tit{ font-size:22px; text-align:center; color:#333; padding:30px 0 20px; border-bottom:1px dashed #d8d8d8}
.hrlist li .intro{ font-size:16px; line-height:26px; padding-top:30px; height:52px; overflow:hidden}
.hrlist li .more{ width:35px; height:35px; background:url(../images/arrow.png) no-repeat center; display:block; margin-top:30px}
.hrlist li,.hrlist li:hover .tit,.hrlist li:hover .intro{ -webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s;}
.hrlist li:hover{background: #bf3532; cursor:pointer}
.hrlist li:hover .icon{ display:none}
.hrlist li:hover .icon1{ display:block}
.hrlist li:hover .tit{ color:#fff}
.hrlist li:hover .intro{ color:#f9f9f9}
.hrlist li .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#666; display:none; z-index:99}
.hrlist li .hd .bg{ position:absolute; top:0;left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:98}
.hrlist li .hd .closed{ width:37px; height:37px; display:block; background:url(../images/close.png) no-repeat center; position:absolute; right:3%; top:3%; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 99;}
.hrlist li .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.hrlist li .hd .hr_con{ background:#fff; width:640px; height:70%; position:absolute;top:15%;left:50%; margin-left:-350px; padding:30px; font-size:16px; line-height:38px; cursor:default; overflow-y:auto; z-index:99}
.hrlist li .hd .hr_con .tit_hd{ font-size:25px; color:#333; border-bottom:1px solid #e8e8e8; line-height:35px; padding-bottom:20px; margin-bottom:25px}
/*=====================*/
.newslist{ margin-top:30px}
.newslist ul{ width:102%}
.newslist li{ background:#fff; width:48%; float:left; margin-right:2%; margin-bottom:20px}


.news_con{ width:63%; background:#fff; padding:3%;}
.news_con .ntit{ font-size:25px; color:#333; padding-bottom:10px}
.news_con .time{ color:#999; display:block; border-bottom:1px solid #e8e8e8; padding-bottom:10px}
.news_con_d{ padding:30px 0}
.news_con_d img{ max-width:100%; height:auto}
.newslist-r{ width:24%; padding:3% 2%; background:#fff}
.newslist-r h3{ font-size:22px; color:#333; margin-bottom:15px}
.newslist-r ul li{ border-bottom:1px dashed #d8d8d8; padding-bottom:20px; margin-bottom:20px}
.newslist-r ul li .tit{ font-size:17px;}
.newslist-r ul li .time{ color:#999}
/*===============================*/
.nbanner .text1{top:25%}.nbanner .text2{top:45%}
.nbanner .text .tit1{ text-align:center;font-size:45px; padding-bottom:20px;font-weight:normal}
.nbanner .text .tit2{ text-align:center;font-size:25px; font-weight:normal}
.nbanner .text .tit2 span{ padding-left:15px; padding-right:15px}
.nbanner_tg .text .tit1,.nbanner_tg .text .tit2{ text-align:left}
.nbanner_tg1 .text .tit1,.nbanner_tg1 .text .tit2{ text-align:right}
.nbanner .num_list{ margin:0 auto; width:800px; margin-top:80px}
.nbanner .num_list li{ float:left; font-weight:normal; font-size:18px; width:28.33%; padding-left:5%; position:relative}
.nbanner .num_list li .num{font-family:"Bebas"; display:block;font-size: 60px; margin-top:15px}
.nbanner .num_list li .line{ width:1px; height:80px; display:inline-block; position:absolute; right:0;top:0; opacity:0.35; filter:alpha(opacity=35)}
.al-nbanner{ background:#222}
.al-nbanner .img{ position:absolute; right:15%; top:0}
.al-nbanner .text .tit1,.al-nbanner .text .tit2,.tx-nbanner .text .tit1,.tx-nbanner .text .tit2,.wy-nbanner .text .tit1,.wy-nbanner .text .tit2{ text-align:left;}
.tx-nbanner{ background:url(bg5.jpg) no-repeat center; background-size:cover}
.tx-nbanner .img,.wy-nbanner .img{ position:absolute; right:20%; top:50px}
.wy-nbanner{ background: url(bg4.jpg) no-repeat center; background-size:cover}

.caselist{ margin-top:50px; padding:0}
.caselist ul{width:102%}
.caselist li{ float:left; width:31.33%; margin-right:2%;margin-bottom:2%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.1); font-size:15px}
.caselist li .pic{ position:relative; overflow:hidden}
.caselist li .pic img{ width:100%; display:block}

.nbanner .text .p1{ font-weight:normal; font-size:18px; margin-top:30px}
.nbanner .text .weblink{ width:43px; height:45px; border:1px solid #fff; border-radius:50%; background:url(Link.png) no-repeat center; background-size:20px; display:block; margin-top:50px; position:relative; overflow:hidden;z-index:2}
.nbanner .text .weblink:hover{ background: url(Link_hover.png) no-repeat #fff center;}

.item-top{ background:#fff; margin-bottom:20px;display:table;width: 100%;height: 100%;}
.item-top .left{ width:45%; padding:0 2% ;
	text-align: center;
	
	display: flex;
    /*实现垂直居中*/
    align-items: center;
    /*实现水平居中*/
    justify-content: center;
	height: 100%;

}
.item-top .left .c-tit{ font-size:23px; color:#333}
.item-top .left .c-tit .line{ width:18px; height:0px; background:#333; display:block; margin-top:10px; margin-bottom:15px}
.item-top .left .c-tit p{ font-size:16px;}
.item-top .left .c-con{ color:#999; line-height:28px; margin-top:20px}
.item-top .left .weblink{ display:inline-block; padding:0 20px; margin-top:30px; border-radius:25px; border:1px solid #bf3532; background:#bf3532; color:#fff; font-size:12px}
.item-top .left .weblink:hover{ background:rgba(191,53,50,.8);}

.item-top .right{ width:46%; padding-top:2%;padding-bottom:2%; padding-right:2%;background: #e5e5e5;padding-left:2%;min-height: 200px;}
.item-top .right .c-tit{ font-size:23px; color:#333}
.item-top .right .c-tit .line{ width:18px; height:0px; background:#333; display:block; margin-top:10px; margin-bottom:15px}
.item-top .right .ser-box{ margin-top:20px; color:#666;}



.item-top .right .ser-box p{ position:relative; }
.item-top .right .ser-box p:before{ content:""; width:5px; height:5px;position:absolute; left:0;top:13px}

/*


.item-top .right .ser-box p{ position:relative; padding-left:15px}
.item-top .right .ser-box p:before{ content:""; width:5px; height:5px;-webkit-border-radius:50%;border-radius:50%; background:#999; position:absolute; left:0;top:13px}

*/

.item-d{ background:#fff; padding:2% 5%}
.item-d img{ max-width:80%; height:auto}
.c-related h3{ text-align:center; font-size:30px; color:#333; margin-top:80px}
.n_serlist li{ background:#fff; margin-bottom:30px}
.n_serlist li .text{ width:30%; padding:5%}
.n_serlist li .tit{ font-size:26px; color:#333; margin-bottom:20px}
.n_serlist li .tit:after{ content:""; width:15px; height:2px; background:#666; display:block; margin-top:15px}
.n_serlist li .ltit{ font-size:16px; line-height:30px}
.n_serlist li .ser_fl{ margin-top:30px}
.n_serlist li .ser_fl li{margin-bottom: 13px;}
.n_serlist li .ser_fl a{text-align: center;border: 1px dotted #bfbfbf;width: 120px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; display:block}
.n_serlist li .ser_fl a:hover{ background:#bf3532; color:#fff;}
.n_serlist li .pic{ width:60%}
.n_serlist li .pic img{ display:block; width:100%; height:auto}
.n_serlist li:nth-child(2n) .pic{ float:left}
.n_serlist li:nth-child(2n) .text{ float:right}

.advantage ul{ width:102%;cursor: pointer;}
.advantage li{ float:left; width:31.33%; box-shadow:0 0 15px rgba(0,0,0,0.1); margin:0 2% 2% 0; padding:20px 0; background:#fff;}
.advantage li .pic{ float:left; width:30%}
.advantage li .pic img{ display:block; max-width:100%; height:auto}
.advantage li .text{ float:right; width:65%; padding-right:3%}
.advantage li .text h4{ font-size:20px; color:#333;padding-top:10px}
.advantage li .text p{color:#999}
.advantage_1 ul{ width:102%}
.advantage_1 li{ float:left; width:31.33%; margin-right:2%; text-align:center; margin-bottom:3%; }
.advantage_1 li .icon img{ display:block; margin:0 auto}
.advantage_1 h4{font-size: 20px;color: #000;line-height: 30px; padding-bottom:5px}
.advantage_1 p{ color:#777;line-height:26px}
.process{ background:url(bg2.jpg) no-repeat center; background-size:cover}
.process .db{ color:#fff}
.process ul{ margin-top:40px}
.process li{ width:25%; padding:30px 0; float:left; color:#fff; font-size:18px; text-align:center; border-right:1px solid rgba(255,255,255,0.2);-webkit- box-sizing:border-box;-moz- box-sizing:border-box;box-sizing:border-box; color:#e5e5e5}
.process .li4,.process .li8{ border-right:none}
.process .li1,.process .li2,.process .li3,.process .li4{border-bottom:1px solid rgba(255,255,255,0.2);}
.process li .num{ width:80px; height:54px; display:block; margin:0 auto 10px; opacity:0.85; filter:alpha(opacity=85);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8); transform:scale(0.8)}
.process .li1 .num{ background:url(num.png) no-repeat 0 0}
.process .li2 .num{ background:url(num.png) no-repeat 0 -71px}
.process .li3 .num{ background:url(num.png) no-repeat 0 -144px}
.process .li4 .num{ background:url(num.png) no-repeat 0 -216px}
.process .li5 .num{ background:url(num.png) no-repeat 0 -289px}
.process .li6 .num{ background:url(num.png) no-repeat 0 -359px}
.process .li7 .num{ background:url(num.png) no-repeat 0 -433px}
.process .li8 .num{ background:url(num.png) no-repeat 0 -504px}
.process li,.process li .num{ -webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.process li:hover{ background:#bf3532}
.process li:hover .num{ opacity:1;filter:alpha(opacity=100);}
.ser_container{ margin-top:40px}
.ser_container .ser_tit{ text-align:center}
.ser_container .ser_tit a{ display:inline-block; font-size:20px;padding:5px 0;margin:0 10px; position:relative}
.ser_container .ser_tit a i{ position:absolute; width:0; height:3px;left:50%;bottom:0; background:#bf3532;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.ser_container .ser_tit a.active{ color:#bf3532}
.ser_container .ser_tit a.active i,.ser_container .ser_tit a:hover i{ width:100%;left:0}
.ser_container .ser_content{margin-top:30px; font-size:16px}
.ser_container .ser_content_hd{height:0; overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.ser_container .ser_content_hd.active{ height:auto; animation:fadeInUp1 1s ease}
.ser_container .ser_content_hd table td{ border:1px solid #e0e0e0; padding:5px 3px;}
.ser_container .ser_content_hd table th{padding:8px 3px; background:#bf3532; color:#fff}
.ser_container .ser_content_hd table tr:nth-child(2n){ background:#fcfcfc}

@-webkit-keyframes fadeInUp1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.Response .intro{ font-size:18px; margin-top:20px}
.Response ul{ margin:50px 0 30px; }
.Response li{ float:left; width:25%;text-align:center; font-size:20px; color:#333}
.Response li .icon{ width:160px; height:160px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; display:block; margin:0 auto 15px}
.Response .li1 .icon{ background:url(res_icon1.png) no-repeat center #109ae9}
.Response .li2 .icon{ background:url(res_icon2.png) no-repeat center #e95d10}
.Response .li3 .icon{ background:url(res_icon3.png) no-repeat center #10cde9}
.Response .li4 .icon{ background:url(res_icon4.png) no-repeat center #e99a10; background-size:auto 90px}
.Response_1 .reason td{ border:1px solid #e8e8e8; padding:10px}
.Response_1 .reason .tit1{font-size: 30px; color:#bf3532;background:url(web_icon3.png) no-repeat; line-height:100px;padding-left:150px; display:inline-block}
.Response_1 .reason .tit2{font-size: 30px; color:#333;background:url(web_icon4.png) no-repeat; line-height:100px;padding-left:150px; display:inline-block}
.Response_1 .reason td:nth-child(1){ background:#bf3532; color:#fff; font-weight:bold; text-align:center; font-size:18px; border:1px solid #e46d6a}
.Response_1 .reason td:nth-child(3){ background:#f5f5f5}
.Response_1 .reason .smile{ width:60px; height:60px; background:url(web_icon_smile.png) no-repeat; display:inline-block;vertical-align: middle; margin-left:10%}
.Response_1 .reason .sad{ width:60px; height:60px; background:url(web_icon_sad.png) no-repeat; display:inline-block;vertical-align: middle; margin-left:10%}
.Response_1 .reason span{display:inline-block;vertical-align: middle; padding-left:15px; line-height:28px}

.topnav_model li a{ padding:5px 25px; background:#f5f5f5; border:1px solid #e5e5e5; -webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px; }
.topnav_model li a.cur{ background:#bf3532;color: #fff;}
.modelType{ margin-bottom:30px; margin-top:20px; padding:15px; border:1px solid #e8e8e8;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.modelType ul{ margin-right:-2%}
.modelType li{ float:left; width:8%; margin-right:2%;position:relative}
.modelType li:before{ content:""; width:4px; height:4px; display:inline-block; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; background:#333; position:absolute; left:0;top:14px}
.modelType li a{ padding-left:10px}
.modelList ul{width:102%}
.modelList li{ float:left; width:31.33%; margin-right:2%;margin-bottom:2%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.1)}
.modelList li .pic{ position:relative; overflow:hidden}
.modelList li .pic img{ width:100%; display:block; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s;}
.modelList li:hover .pic img{ -webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03); box-shadow:0 5px 10px rgba(0,0,0,0.1)}
.modelList li .tit{ padding:15px}
.modelList .more{ text-align: center; margin-top:40px}
.modelList .more a{ display:inline-block; padding:3px 35px;border:1px solid #d8d8d8;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;}
.modelList .more a:hover{background: #bf3532; color:#fff; }

.wexin ul{ width:102%}
.wexin li{ float:left; width:23%; background:#fff; margin-right:2%; text-align:center;}
.wexin li img{ max-width:94%; display:block; padding:5% 3%; margin:0 auto}
.wxcase ul{ width:103%}
.wxcase li{ width:22%; margin-right:3%; float:left; position:relative; cursor:pointer; overflow:hidden}
.wxcase li>img{ width:100%; display:block; height:auto}
.wxcase li .hd{ position:absolute; top:50%;width:50%; padding:3%; left:18%;margin-top:-65px;background:#bf3532; color:#fff; text-align:center;font-size:12px; color:#fff; opacity:0; filter:alpha(opacity=0);}
.wxcase li .hd img{ width:100%; height:auto; display:block;}
.wxcase li .hd{-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.wxcase li:hover .hd{ opacity:1; filter:alpha(opacity=100)}
.wxcase li:hover>img{ opacity:0.5;filter:alpha(opacity=50)}
.wxcase li .hd p{ line-height:35px}

.email ul{ width:102%}
.email li{ float:left; background:#fff; width:27.33%;padding:2%; margin-right:2%; margin-bottom:2%;}
.email li .pic{ float:left; width:15%;}
.email li .pic img{ display:block; max-width:100%; height:auto}
.email li .text{ float:right; width:82%}
.email li .text h4{ font-size:18px; color:#333; padding-bottom:5px}
.email_2 li{ background:#f5f5f5}
.email_3 ul{ background:#fff;}
.email_3 li{ float:left; width:20%; text-align:center; height:120px;}
.email_3 li img{ display:inline-block; vertical-align:middle; max-width:100%; max-height:100%}
.email_3 li i{ display:inline-block; width:0; height:100%; vertical-align:middle}
.emailTX li{ width:50%;float:left; padding-bottom:20px;text-align: center; border-bottom:1px dotted #ccc; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.emailTX li h4{ font-size:20px; color:#333; text-align:center; padding-bottom:10px;}
.emailTX li .text{ padding:0 15px}
.emailTX li.li3,.emailTX li.li4{ border-bottom:none}
.emailTX .li1,.emailTX .li3{ position:relative}
.emailTX .li1:after,.emailTX .li3:after{ content:""; width:1px; height:100%;position:absolute; right:0;top:0; border-left:1px dotted #ccc}
.emailAL li{ width:33.333%;height:240px; float:left; text-align:center; border-bottom:1px dotted #ccc; border-right:1px dotted #ccc; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.emailAL li:nth-child(3n){ border-right:none}
.emailAL li:nth-child(7),.emailAL li:nth-child(8),.emailAL li:nth-child(9){ border-bottom:none}
.emailAL li img{ width:65px; height:auto; display:block; margin:60px auto 20px}
.emailAL li h4{ font-size:22px; color:#333}
.emailAL li .intro{ padding:10px 12% 0; line-height:24px;opacity:0; filter:alpha(opacity=0); color:#888}
.emailAL li,.emailAL li img,.emailAL li .intro{ -webkit-transition:.5s ease;-moz-transition:.5s ease;transition:.5s ease;}
.emailAL li:hover{ background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.1)}
.emailAL li:hover img{ margin-top:30px; margin-bottom:10px}
.emailAL li:hover .intro{opacity:1; filter:alpha(opacity=100);}
.emailAL_2 li{ width:33.333%; float:left; text-align:center}
.emailAL_2 li img{ width:80px; height:auto}.emailAL_2 li h4{font-size:22px; color:#333; padding-top:10px}.emailAL_2 li .intro{line-height:24px; padding:15px 10px 0}
.emailAL_3{ margin-top:30px}.emailAL_3 ul{ border:1px solid #e8e8e8}
.emailAL_3 li{ float:left; width:30.33%; background:#fff; padding:1.5%; height:120px; overflow:hidden}
.emailAL_3 li:nth-child(2n){ background:#f0f0f0; box-shadow:inset 3px 3px 6px rgba(0,0,0,0.1)}
.emailAL_3 li .tit{color:#21cce6; font-weight:bold; font-size:18px}
.emailAL_4 li{width:49%;background:#fff}
.emailAL_4 li .pic{ border:1px solid #e8e8e8; text-align:center; padding-bottom:35px; position:relative}
.emailAL_4 li .pic:before{content: "";height: 20px;width: 20px;border: 1px solid #e0e0e0;border-top: 0;border-right: 0;position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%) rotate(-45deg);background-color: #fff;}
.emailAL_4 li .pic img{ width:450px; max-width:100%}
.emailAL_4 li .pic p{ font-size:22px; color:#333}
.emailAL_4 li .text{ border:1px solid #e8e8e8; border-top:none;padding:5%}
.emailAL_4 li .text .item{ margin-bottom:20px;}
.emailAL_4 li .text .item .item-tit{ font-size:18px; color:#333; margin-bottom:10px}
.emailAL_4 li .item-con>div{ width:48%;background:#f5f5f5; padding:15px; min-height:120px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.emailAL_4 li .item-con .old{ color:#999}
.emailAL_4 li .item-con .now{ background:url(icon_6.png) #f5f5f5 no-repeat 15px 20px; background-size:23px 23px;}
.emailAL_4 li .item-con .now p{ padding-left:28px}

.table td{ border:1px solid #e0e0e0; padding:5px 3px;}
.table th{padding:8px 3px; background:#bf3532; color:#fff}
.table tr:nth-child(2n){ background:#fcfcfc}
.topnav_3{text-align:center; width:100%;font-size:0; margin-top:-46px;}
.topnav_3 ul{ display:inline-block; }
.topnav_3 li{ float:left; margin:0 5px}
.topnav_3 li a{ display:block; color:#666; background:#fff; font-size:20px; font-weight:normal;padding: 0 55px;height: 46px;line-height: 46px;position:relative}
.topnav_3 li a.cur,.topnav_3 li a:hover{color:#fff; background:#bf3532;}
.topnav_3 li a.cur::after{ content:""; width:0; height:0; border-top:5px solid #bf3532; border-left:5px solid transparent;border-right:5px solid transparent; position:absolute;bottom:-5px; left:50%; margin-left:-2px}

.tuoguan{ position:relative;min-height:450px; font-size:16px; padding-top:30px; padding-bottom:30px}
.tuoguan .jingjia li{ width:30%}
.tuoguan .jingjia p{border-bottom:1px dotted #d8d8d8;font-size:20px; margin-top:30px; padding-bottom:15px;}
.tuoguan .jingjia .num{ font-family:BEBAS; color:#fff; background:#bf3532; padding:10px 5px 5px; margin-right:10px; border-radius:5px}
.tuoguan .pic{ position:absolute; left:50%; top:50%; margin-top:-225px; margin-left:-225px; width:450px; height:450px;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%; overflow:hidden; box-shadow:0 0 35px rgba(0,0,0,0.1)}
.tuoguan .pic img{ display:block; width:100%}
.tuoguan_2{}
.tuoguan_2 li{ float:left; width:21%; text-align:center; padding:0 2%; font-size:16px}
.tuoguan_2 li .yst{ width:120px; height:120px; line-height:120px;font-size:22px; border-radius:50%; background:#bf3532;box-shadow:5px 5px 20px rgba(191,53,50,0.3);color:#fff; text-align:center; margin:0 auto 15px;}
.seo-intro{ text-align:center; font-size:18px;line-height:40px}
.seo-intro .p1 span{ font-size:26px; padding:0 5px}
.seo-intro-1{ margin:30px 0}
.seo-intro-1 li{width:16.66%; float:left; text-align:center}
.seo-intro-1 li h4{ font-size:18px; color:#333;padding-top:30px}
.seo-intro-1 li h5{ font-size:14px; padding:0 5px}
.seo-intro-1 li .icon{ width:100px; height:100px;background:#bf3532;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%; margin:0 auto; border:1px solid #e2e2e2}
.seo-intro-1 li .icon img{ width:100%; height:auto; display:block}
.seo-intro-1 li .line{height: 1px;background: #ccc;margin-top: -10px;}
.seo-intro-1 li .vline{ width:1px; height:35px; background:#bf3532; margin:0 auto}
.seo-intro-1 li .dot{ width:12px; height:12px; background:#fff; border:3px solid #bf3532;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%; margin:0 auto; position:relative;}
.seo li{ float:left; width:31.33%; padding:0 1%; text-align:center; color:#999}
.seo li h3{ font-size:22px; color:#333; padding-bottom:10px}

.seo-2 .p1{ text-align:center; font-size:22px;}
.seo-2 .p1 span{ font-size:28px; padding:0 10px; text-decoration:underline}
.seo-2 img,.seo-3 img,.ssl img{ max-width:100%; height:auto}
.seo-3 .seo-3-tab{ position:relative}
.seo-3 .seo-3-tab li{float:left; width:16.66%;text-align:center; position:relative}
.seo-3 .seo-3-tab li h4{color: #333; font-size:18px;}
.seo-3 .seo-3-tab li h5{ font-size:15px; line-height:24px;color:#999;padding:5px 2% 15px;}
.seo-3 .seo-3-tab li .icn{ width:100px; height:100%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; margin:0 auto 20px}
.seo-3 .seo-3-tab li .icn img{ display:block}
.seo-3 .seo-3-tab li.li1 .icn{ background:#3ad87b;}
.seo-3 .seo-3-tab li.li2 .icn{ background:#ff6b61;}
.seo-3 .seo-3-tab li.li3 .icn{ background:#8dd318;}
.seo-3 .seo-3-tab li.li4 .icn{ background:#ffc561;}
.seo-3 .seo-3-tab li.li5 .icn{ background:#01c5c4;}
.seo-3 .seo-3-tab li.li6 .icn{ background:#4ebefe;}
.seo-3 .seo-3-tab li.active h4{ font-weight:bold}
.seo-3 .arrow{ position:absolute;left:0; bottom:0; width:16.66%; text-align:center;}
.seo-3 .arrow:after{ content:""; width:0; height:0; border-bottom:8px solid #f5f5f5; border-left:8px solid transparent;border-right:8px solid transparent; display:inline-block; bottom:0; position:absolute; margin-left:-4px;}
.seo-3-content{ background:#f5f5f5}
.seo-3-content .seo-3-hd{display:none;overflow:hidden;position: relative;}
.seo-3-content .seo-3-hd.active{ display:block}

.slick-seo .textbox{ background:#fff; margin:100px auto; width:900px; padding:30px; font-size:24px; color:#333;height:340px}
.slick-seo .textbox .banner-bin-o{ float:left; text-align:right}
.slick-seo .textbox .banner-bin-o span{ display:block}
.slick-seo .textbox .banner-bin-o .p1{
	font-size: 38px;
    color: rgba(0,0,0,.95);
    font-family: Times;
    text-transform: uppercase;
	float:right;
}
.slick-seo .textbox .banner-bin-o .p1 span:nth-child(2){
    font-size: 30px;
    margin: 0 0 10px 0;
	color:#666
}
.slick-seo .textbox .banner-bin-o .p1 span:nth-child(3){
	font-size: 55px;
    padding-bottom: 20px;
	margin-bottom:20px;
    border-bottom: 1px solid #ccc;
    white-space: nowrap;
    max-width: 460px;
    overflow: hidden;
}
.slick-seo .textbox .banner-bin-o .p2{ float:left; margin-right:30px}
.slick-seo .textbox .banner-bin-o .p2 span {
    font-size: 130px;
    margin-top: 20px;
    line-height: 170px;
    letter-spacing: -10px;
    padding-right: 30px;
    color: #00c0ff;
    white-space: nowrap;
    max-width: 520px;
    overflow: hidden;
}
.slick-seo .textbox .banner-bin-o .p3 span:nth-child(1){font-size: 34px;}
.slick-seo .textbox .banner-bin-o .p3 span:nth-child(2){font-family: Times; font-size:20px}
.slick-seo .textbox .banner-bin-o .p4{ float:right; padding-top:35px;}
.slick-seo .textbox .banner-bin-o .p4 span{ float:left; line-height:22px}
.slick-seo .textbox .banner-bin-o .p4 span:nth-child(2n-1) {
    border: 1px solid #00c0ff;
    color: #00c0ff;
    margin: 0 14px 0 34px;
    text-align: center;
    line-height: 8px;
    height: 24px;
    width: 24px;
    font-size: 36px;
}
.slick-seo .textbox .banner-bin-p{ float:right;display: table; border:1px solid #d8d8d8; border-top:3px solid #00c0ff;border-bottom:3px solid #00c0ff; text-align:center; vertical-align:middle; height:330px}
.slick-seo .textbox .banner-bin-p p{ display:table-cell; height:100%; vertical-align:middle; font-size:30px;width:30px;padding:0 15px}
.slick-seo .banner-bin-h{ text-align:center; font-size:65px; margin-bottom:30px}
.slick-seo .banner-bin-h span:first-child{color: #00c0ff;}
.slick-seo .banner-bin-h span:nth-child(2){color: #333;}
.slick-seo .banner-bin-i{ text-align: center; margin:0 15%; position:relative; overflow:hidden;}
.slick-seo .banner-bin-i:before{content:""; width:1px; height:42px; background:#ccc; position:absolute; top:16px; left:0; z-index:1}
.slick-seo .banner-bin-i:after{content:""; width:1px; height:42px; background:#ccc; position:absolute; top:16px; right:0; z-index:1}
.slick-seo .banner-bin-i .p1{font-family: Times; font-size:30px; position:relative; height:32px;}
.slick-seo .banner-bin-i .p1:before{ content:""; width:100%; height:1px; background:#ccc; position:absolute; top:50%; left:0; z-index:1}
.slick-seo .banner-bin-i .p1 span{ padding:0 25px; background:#fff; position:relative; z-index:2}
.slick-seo .banner-bin-i .p2{ margin-top:10px; position:relative; height:32px;}
.slick-seo .banner-bin-i .p2:before{content:""; width:100%; height:1px; background:#ccc; position:absolute; top:50%; left:0; z-index:1}
.slick-seo .banner-bin-i .p2 span{ padding:0 25px; background:#fff; position:relative; z-index:2}
.slick-seo .banner-bin-j{ text-align:center; margin-top:30px}
.slick-seo .banner-bin-j p{float: left; width: 33.33%;font-size: 17px;padding: 0 15px;position: relative;border-right: 1px solid #ccc; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.slick-seo .banner-bin-j p:last-child{ border-right:0}
.slick-seo .banner-bin-j span{ display:block}
.slick-seo .banner-bin-j span:first-child{color: #00c0ff; font-size:28px; padding-bottom:15px}

.renzheng ul{ width:102%;}
.renzheng li{ float:left; width:23%; background:#fff; margin-right:2%; margin-top:60px; margin-bottom:40px; padding-top:65px; padding-bottom:20px; text-align:center; position:relative;-webkit-border-radius:8px;-moz-border-radius:8px; border-radius:8px; box-shadow:0 0 1px rgba(0,0,0,0.25)}
.renzheng li .ico{ width:100px; height:100px; background:#fff; border:1px solid #e2e2e2;position:absolute; left:50%; margin-left:-51px; top:-50px;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%;}
.renzheng li .ico img{ display:block; width:100%}
.renzheng li h4{ font-size:18px; color:#333;}
.renzheng li h4,.renzheng li p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding:0 10px}
.renzheng_2{ background:url(bg3.jpg) no-repeat center;background-size:cover;}
.renzheng_2 ul{ width:102%;}
.renzheng_2 li{ background:#fff; float:left; width:27.33%; padding:2%; margin-right:2%; margin-bottom:2%; -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.renzheng_2 li .icon{ width:120px; height:120px; background:#f0f0f0; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; margin-right:20px}
.renzheng_2 li .icon img{width:100%; display:block}
.renzheng_2 li .text{ line-height:22px; }
.renzheng_2 li .text h4{font-size: 18px;color: #333;font-weight: bold; margin-bottom:12px}
.renzheng_3{ padding:30px 0}
.renzheng_3 ul{ position:relative}
.renzheng_3 li{ width:16.66%; float:left; text-align:center}
.renzheng_3 li h4{ font-size:18px; color:#333; padding-top:40px}
.renzheng_3 li .num{ width:20px; height:20px; line-height:20px; text-align:center; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; margin:25px auto 0; background:#333; color:#fff;box-shadow:0 0 15px rgba(0,0,0,0.5); position:relative; z-index:2}
.renzheng_3 li .icon{ width:100px; height:100px;background:#bf3532;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%; margin:0 auto; border:1px solid #e2e2e2}
.renzheng_3 li .icon img{ width:100%; height:auto; display:block}
.renzheng_3 li .line{height: 1px;background: #ccc;margin-top: -11px;}
.renzheng_3 li .vline{ width:1px; height:25px; background:#bf3532; margin:10px auto 0}

.zixun{ background:#bf3532; color:#fff; border-radius:3px; padding:3px 6px;white-space:nowrap}
.zixun:hover{ color:#fff;}
.table1 td{ border:1px solid #e0e0e0; padding:5px 3px; font-size:14px; background:#fff}
.table1 th{padding:10px 3px; background:#dedede; color:#333; font-weight:normal; font-size:18px}
.table1 td strong{ padding-left:8%; width:60px; display:inline-block}
.table1 .bc{ color:#999;}
.ssl{ font-size:18px; text-align:center}
.ssl-2 ul{ width:103%;}
.ssl-2 li{ float:left; width:22%; margin-right:3%}
.ssl-2 li .pic{ text-align: center}
.ssl-2 li h3{font-size: 22px;color: #333;padding-bottom: 10px; text-align:center}
.ssl-3 ul{width:103%;}
.ssl-3 li{ float:left; width:30.33%; height:280px; margin-right:3%;position:relative; color:#fff; text-align:center; cursor:pointer; position:relative;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s}
.ssl-3 li.active:after{ content:"";position: absolute;bottom:-30px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 8px solid #333;}
.ssl-3 li:nth-child(1){ background:url(DV_Cover.png) no-repeat center top}
.ssl-3 li:nth-child(2){ background:url(OV_Cover.png) no-repeat center top}
.ssl-3 li:nth-child(3){ background:url(EV_Cover.png) no-repeat center top}
.ssl-3 li:hover,.ssl-3 li.active{ box-shadow:0 5px 35px rgba(0,0,0,0.25);}
.ssl-3 li .p1{ font-size:35px; margin-top:45px; line-height:35px;}
.ssl-3 li .p2{ font-size:25px; margin-top:60px}
.ssl-3 li .p3{ margin-top:10px; font-size:18px}
.ssl_table td{ padding:5px 10px; border:1px solid #e8e8e8; line-height:24px}
.ssl_table th.bgcolor{ background:#bf3532; color:#fff; font-size:16px; padding:8px 10px;}
.ssl_table td.bgcolor{ background:#f5f5f5; color:#333}
.ssl_table .graycolor{ color:#999}
.ssl_table .price_inline{ display:inline-block}
.ssl_table .price_inline b{ color:#bf3532; font-size:18px}
.ssl_table .price_inline .delstyle{ text-decoration:line-through}
.ssl_table .text_center{ text-align:center}
.ssl-price-content{ background:#fff; padding:3% 0; margin-top:30px;background:url(bg2.jpg) no-repeat center top; background-size:cover; overflow:hidden}
.ssl-price-content .ssl-price-hd{ background:#fff;overflow:hidden; display:none;}

.xnzj ul{ margin-bottom:20px}
.xnzj li{ float:left; width:33.33%; padding:2% 2% 3%; text-align:center; border:1px solid #e8e8e8; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.xnzj li .zjtit{ font-size:22px; color:#333}
.xnzj li .zjinfor{ font-size:13px; color:#999; border-bottom:1px dashed #e8e8e8; margin-bottom:10px; padding-bottom:8px; padding-top:5px; line-height:22px}
.xnzj li .price{ color:#bf3532; font-size:20px; margin-top:20px;}
.xnzj li .price span{ font-size:32px}
.design li{ background:#fff; padding:50px; margin-bottom:20px}
.design li .text{ width:55%;}
.design li .tit{font-size:26px; color:#333; margin-bottom:20px}
.design li .tit .line{ display:block;width: 15px;height: 2px;background: #666; margin-top:15px}
.design li .pic{ width:40%}
.design li .pic img{ width:100%; height:auto; display:block}
.design2 .kuai {background: #fff;position: relative;margin-bottom: 20px;padding: 50px;font-size: 16px;}

.ppt ul{width:103%}
.ppt li{ float:left; width:22%; margin-right:3%; margin-bottom:2%; text-align:center;position:relative}
.ppt li img{display:block; margin:0 auto;max-width: 100%;}
.ppt li h4{font-size:25px; color:#333;padding-bottom:15px}
.ppt li p{ color:#666; line-height:26px}
.ppt-2 ul{ width:102%}
.ppt-2 li{ float:left; width:31.33%; margin-right:2%;margin-bottom:2%; text-align:center}
.ppt-2 li img{ width:100%; height:auto; display:block}
.ppt-2 li h4{ font-size:20px; padding-top:10px; color:#333}
.video li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%;text-align:center; background:#fff;}
.video li .pic{ position:relative; overflow:hidden}
.video li .pic img{ width:100%; height:auto; display:block}
.video li .pic .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.15)}
.video li .pic .icon{ width:63px; height:64px; background:url(ico_vid.png) no-repeat; position:absolute; left:50%; margin-left:-31px;top:50%; margin-top:-32px;}
.video li p{ font-size:16px; padding:10px 5px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;}
.video li .pic img,.video li .pic .bg{ -webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;}
.video li:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.video li:hover .pic .bg{background:rgba(0,0,0,0)}
.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 99;background-color: rgba(0, 0, 0, 0.85);}
.show-video{ display:block}
.video-show {position: relative;z-index: 9999999;margin: 0 auto;top: 13%;display: table;width: 65%;}
.video-close{ width:37px; height:37px; background:url(../images/close.png) no-repeat; position:absolute; top:3%; right:3%; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-close:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
/*====================*/
.contact_con ul{}
.contact_con li{ float:left; width:25%; padding:1%;min-height:280px; text-align:center; color:#888; font-size:18px; line-height:26px; border-right:1px solid #e8e8e8; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.contact_con li:last-child{ border-right:none}
.contact_con li .pic{ width:120px; height:120px; border:1px solid #d8d8d8; border-radius:50%; margin:0 auto 20px}
.contact_con li:nth-child(1) .pic{ background:url(../images/contact_pic1.png) no-repeat center}
.contact_con li:nth-child(2) .pic{ background:url(../images/contact_pic2.png) no-repeat center}
.contact_con li:nth-child(3) .pic{ background:url(../images/contact_pic3.png) no-repeat center}
.contact_con li:nth-child(4) .pic{ background:url(../images/contact_pic4.png) no-repeat center}
.contact_con li .tit{ color:#333; font-size:20px}
.contact_con li .tit:after{ content:""; width:15px; height:2px; background:#bf3532; display:block; margin:10px auto 15px}
.main_2{ padding:50px 0;line-height:32px;}
.main_2 .content{ margin-top:40px;}
.traffic_con{ font-size:16px;}
.traffic_con ul{ width:103%}
.traffic_con li{ float:left; width:47%; margin-right:3%; text-align:center; background:#f5f5f5; border-radius:15px}
.traffic_con li .pic{ width:150px; height:150px; border-radius:50%; overflow:hidden; margin:30px auto 20px; background:#bf3532}
.traffic_con li .pic img{ width:100%; height:auto; display:block}
.traffic_con .tit{ font-size:20px; font-weight:bold; color:#555}
.traffic_con .text{ padding:20px 30px 30px; min-height:65px}

/*===============================*/
.footer .top{ background:#292929; padding-top:70px; padding-bottom:50px; color:#999; line-height:28px; font-size:15px}
.f_contact{ width:42%}
.f_contact li{ float:left;}
.f_contact .pic{text-align:center; margin-right:10px}
.f_contact .pic img{ width:130px; height:auto; display:block; padding-top:6px}
.f_contact .pic p{ padding-top:10px}
.f_contact li:nth-child(3){ margin-left:20px;}
.f_contact li:nth-child(3) h3{ font-size:17px; color:#f2f2f2; margin-bottom:13px;}
.f_nav{ max-width:58%;}
.f_nav ul{ float:left}
.f_nav li{ float:left; margin-left:35px}
.f_nav li h3{font-size:17px; color:#f2f2f2; margin-bottom:13px;}
.f_nav li a{ color:#999}
.f_nav li a:hover{color:#bf3532}
.footer .mid{ background:#292929; border-top:1px solid #333; padding:30px 0}
.friendlink{ font-size:13px; color:#737373; line-height:26px}
.friendlink span{ color:#ccc; font-size:14px;}
.friendlink a{color:#737373;}
.friendlink a:hover{color:#bf3532}
.footer .bot{ color:#808080;line-height:26px; padding:15px 0 15px; font-size:15px}
.footer .bot a{color:#808080}.footer .bot a:hover{color:#bf3532}
.footer .bot .left{ text-align:center}
.float_kf{ position:fixed;right:10px; bottom:30%; background:#fff; z-index:99}
.float_kf li{ width:70px; text-align:center;border:1px solid #e8e8e8; border-bottom:none; padding:12px 0;color:#535353; position:relative; font-size:14px}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li:hover{ background:#bf3532;border:1px solid #bf3532;border-bottom:none; color:#fff}.float_kf li:hover a{ color:#fff}
.float_kf li .hd{ display:none}

.float_kf .qq i{ width:24px; height:25px; background:url(right_pic5.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .qq:hover i{background:url(right_pic5_h.png) no-repeat;}
.float_kf .fwh i{ width:29px; height:25px; background:url(right_pic2.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .fwh:hover i{background:url(right_pic2_h.png) no-repeat;}
.float_kf .fwh .hd{ position:absolute; right:70px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:25px;color:#535353}
.float_kf .fwh .hd img{ width:120px; display:block;}
.float_kf .mes i{ width:24px; height:25px; background:url(right_pic3.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .mes:hover i{background:url(right_pic3_h.png) no-repeat;}

.float_kf .tel i{ width:25px; height:25px; background:url(right_pic1.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .tel:hover i{background:url(right_pic1_h.png) no-repeat;}
.float_kf .tel .hd{ background:#bf3532; color:#fff; font-size:18px; position:absolute;right:70px;top:0;text-align:left;padding:16px 30px; width:200px}
.float_kf .tel .hd span{ float:left}
.float_kf .tel .hd p{ float:left; margin-left:20px}
.float_kf .backtop{background:#bf3532;border:1px solid #bf3532; border-bottom:none}
.float_kf .backtop i{ width:24px; height:25px; background:url(right_pic6.png) no-repeat; margin:0 auto 3px; display:block}
.float_kf .backtop a{ color:#fff}
.back{ text-align:right; margin-top:30px}
.back a{ display:inline-block; padding:3px 40px; border:1px solid #e8e8e8; -webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
.back a:hover{ border:1px solid #bf3532; background:#bf3532; color:#fff}
#map {width: 100%;height: 400px;background: #ccc;margin-top:30px; border:1px solid #ddd}
.BMap_bubble_title{ white-space:normal !important}
.iwTitle {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
	line-height:22px;
	display:block;
	padding-bottom:8px;
}
.BMap_bubble_content{ color:#666; font-size:14px; line-height:22px;}
.page1{ border-top:1px solid #d8d8d8; margin-top:50px; padding-top:20px}
.col{color:#bf3532}
.col2{color:#fff !important}
@font-face{font-family:'Bebas';src:url("bebas.eot");src:url("bebas.eot") format("embedded-opentype"),url("bebas.woff2") format("woff2"),url("bebas.woff") format("woff"),url("bebas.ttf") format("truetype"),url("bebas.svg#BEBAS") format("svg");}


.mains{padding: 40px 0 0 0;line-height: 32px;font-family: "Microsoft Yahei";}
.service-area-wrap{background: #ffffff; padding-bottom:50px;}
.site-mod02-wrap, .site-mod05-wrap, .site-mod07-wrap{padding-top: 0px;padding-bottom: 30px;}
.site-title{text-align: center;font-size: 36px;font-weight: bold;color: #3e3e3e;height: 70px;line-height: 70px;background: url(site-line.png) no-repeat center;}
.service-area-wrap,.classic-case-mod-wrap,.famous-mod-wrap,.news-mod,.news_mod_wrap{ padding:30px 0 60px 0;}
.site-mod05-wrap .site-orange{width: 440px;}
.site-orange{display: block;width: 290px;height: 34px;border: 1px solid #ff7707;line-height: 30px;color: #ff7707;font-size: 20px;text-align: center;border-radius: 17px;margin: 12px auto 20px;}
.description{color: #555555;font-size: 16px;line-height: 30px;text-align: center;width: 100%; margin: 0 auto 15px;padding: 0 15px;}
.koplp{width: 33.33333333%;float: left;margin-top: 0%;}
.item2{width: 100%;text-align: center;color: #fff;border-bottom: 1px solid rgba(255,255,255,.1);border-bottom-color: rgba(255, 255, 255, 0.1);border-right: 1px solid rgba(255,255,255,.1);border-right-color: rgba(255, 255, 255, 0.1); padding: 30px 20px;}
.item2 .images{width: 100%;}
.item2 .images img{max-width: 100%;width: auto;display: block;margin: 0 auto;}
.item2 .title{font-size: 20px;font-weight: bold;line-height: 40px;white-space: nowrap;text-overflow: ellipsis;margin-top: 5%;color: #000;overflow: hidden;}
.item2 .description{height: auto;font-size: 16px;color: #000;opacity: .8;display: block;height: 20px;line-height: 20px;overflow: hidden;}

.wsale{width: 100%;height: 120px;background: url(wslae.png) no-repeat center/cover;}
.wsale p{font-size: 18px;color: #000; margin-lefT: 328px}
.wsale p.p1{padding-top: 32px;}
.wsale p span{font-size: 22px;color: #f95146;text-decoration: underline;font-style: italic;}
.wsale p.p2{margin-top: 10px;}
.site-mod0201-wrap{ background-color:#f7f7f7;text-align: center;padding-bottom: 0%;}
.w{padding: 55px 0 0;padding-bottom: 50px;overflow: hidden;height: auto;margin: auto;}
.site-mod02-wrap, .site-mod05-wrap, .site-mod07-wrap{padding-top: 0px;padding-bottom: 20px;margin-bottom: 20px;}
div.span-1{width: 31.3333%;margin-right: 24px;padding-bottom: 15px;opacity: 0;margin-top: 200px;float: left;margin-top: 0px;opacity: 1;}
.span-1 .block-1{border-radius: 6px;background-color: #fff;height: 320px;text-align: center;box-shadow: #eef4f9 7px 5px 17px;}
.block-1 .btit{display: block;color: #fff;line-height: 25px;font-weight: bold;background: #c31105;position: relative;height: 150px;border-radius: 6px 6px 0 0;}
.block-1 .btit i{display: block;width: 84px;height: 84px;border: 1px solid #c31105;margin: -25px auto 0;border-radius: 88px;background-color: #c31105;position: absolute;left: 0;right: 0;background-position: center center;background-repeat: no-repeat;}
.block-1 .btit span{display: block;font-size: 30px;font-weight: bold;padding: 75px 0 0;color: #fff;}
.block-1 .bkc{padding: 0px 0 0;}
.bcat{color: #666;font-size: 16px;padding: 20px;line-height: 35px;}
.fullwidth{clear: both;overflow: hidden;width: 100%;padding-top: 25px;}
.btitle{display: block;text-align: center;line-height: 50px;font-size: 34px;color: #000;margin: 10px auto;position: relative;padding: 10px 0;}
.btitle:after{content: "";width: 50px;height: 2px;background: #000;position: absolute;bottom: 0;left: 50%;margin-left: -25px;}
.padt2{background-color:#C30;padding-top:2%;padding-bottom:3%;}
.advantage-cont{overflow: hidden;width: 100%;margin: 20px auto;text-align: center;}
.advantage-cont img{max-width: 100%;}
.main2{padding: 30px 0;}
.bggray{background: #fff;}
.core ul{width: 100%;overflow: hidden;padding: 40px 0;text-align: center;cursor: pointer}
.core ul li{float: left;overflow: hidden; width: 18%; margin: 0 1%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.core ul li a{display: block;padding: 20px 10px;border: 1px solid #d41416;border-radius: 3px;position: relative;overflow: hidden;}
.core ul li a:before{content: "";display: block;position: absolute;width: 0;height: 0;top: 0;left: 0;border-width: 24px 24px 0 0;
    border-style: solid;border-color: #d41416 transparent transparent transparent;opacity: 0;-webkit-transition: all .5s; -moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.core ul li a:after{content: "";display: block;position: absolute;width: 0;height: 0;bottom: 0;right: 0; border-width: 0 0 24px 24px;border-style: solid;border-color: transparent transparent #d41416 transparent;opacity: 0;}
.core ul li a h4{font-size: 16px;display: block;text-align: center;color: #186dbf;}
.core ul li a i{display: block; width: 91px;height: 91px;line-height: 80px;border-radius: 50%;color: #fff;font-size: 50px;text-align: center; margin: 40px auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);}

.bgo{background: #ff7200 url(1.png)no-repeat;}
.core ul li a span{display: block;text-align: center;line-height: 24px;font-size: 14px;color: #000;}
.bgdb{background: #e89312 url(2.png) no-repeat;width: 89px;height: 87px;}
.bgb{background: #f66163 url(3.png)no-repeat;}
.bgg{background: #fac63b url(4.png)no-repeat}
.bgp{background: #fc6666 url(5.png)no-repeat;}

.core ul li:hover a:before{opacity: 1;}
.core ul li:hover a:after{opacity: 1;}
.core ul li:hover a i{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}
.core ul li:hover a span{color: #bf3532}
.core ul li:hover{-o-transform: translateY(-10px);-webkit-transform: translateY(-10px);-mos-transform: translateY(-10px);transform: translateY(-10px);}

.advantage-cont{overflow: hidden;width: 100%; margin: 15px auto;}
.advantage-cont li{width: 30%;min-height: 226px;float: left;margin: 20px 1.5%;border: 1px solid #e6e6e6;border-left: 3px solid #d61518;padding: 30px 0 20px 0;position: relative;cursor: pointer;background: none;box-shadow: none;}

.advantage-cont li:before{content: "";position: absolute;display: block;top: 0;left: 0;width: 0;height: 100%; background: #d61518;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.advantage-cont li a{color: #000;}
.advantage-cont li span{display: block;float: left;width: 40%;text-align: center;}
.advantage-cont li h2{display: block;width: 50%;float: left;padding: 5%;line-height: 30px;font-size: 24px;text-align: left;color: #000;font-weight: normal;-webkit-transition: all 0.5s;font-weight: bold; -moz-transition: all 0.5s; -ms-transition: all 0.5s;-o-transition: all 0.5s; transition: all 0.5s;}

.advantage-cont li h3{font-weight: normal;font-size: 15px;padding: 5%;line-height: 25px;color: #333;text-align: left;}
.advantage-cont li a{position: relative;z-index: 1}
.advantage-cont li span i{display: inline-block;font-size: 50px;margin-top: 15px;}
.fcolorb{background: url(a1.png)no-repeat;background-size: 100% 100%;width: 59px;height: 50px;}
.fcoloro{background: url(a2.png)no-repeat;background-size: 100% 100%;width: 75px;height: 55px;}
.fcolorg{background: url(a3.png)no-repeat;background-size: 100% 100%;width: 65px;height: 57px;}
.fcolorpp{background: url(a4.png)no-repeat;background-size: 100% 100%;width: 76px;height: 54px;}
.fcolordb{background: url(a5.png)no-repeat;background-size: 100% 100%;width: 78px;height: 60px;}
.fcolorp{background: url(a6.png)no-repeat;background-size: 100% 100%;width: 60px;height: 56px;}


.advantage-cont li:hover span i{ color:#fff!important;}
.advantage .advantage-cont li:hover h2{ color:#fff;}
.advantage .advantage-cont li:hover h3{ color:#fff;}
.advantage-cont li:hover:before{width: 100%;}
.advantage-cont li:hover .fcolorb{background: url(a1-1.png)no-repeat; }
.advantage-cont li:hover .fcoloro{background: url(a2-2.png)no-repeat; }
.advantage-cont li:hover .fcolorg{background: url(a3-3.png)no-repeat; }
.advantage-cont li:hover .fcolorpp{background: url(a4-4.png)no-repeat; }
.advantage-cont li:hover .fcolordb{background: url(a5-5.png)no-repeat; }
.advantage-cont li:hover .fcolorp{background: url(a6-6.png)no-repeat; }

#lopop li{min-height: auto;}

.njkj8{width:100%;margin-bottom:2.5%;margin-top:3%;}
.njkj8 ul li{float:left;width:25%;background: none;box-shadow: none;margin: 0;padding: 0;}
.ghj{padding:10%;margin:2%;border:solid 1px  #e6e6e6; background-color:#fff;overflow:hidden;height:215px;/*border-left:solid 3px #F00;*/}
.njkj8 ul li .njkj8-1{width:100%;float:left;}
.njkj8 ul li .njkj8-1 span{display:none;width:100%;float:left;border-bottom:solid 2px #F00; font-size:50px; font-weight:bold; text-align:center; color:#F00;}
.njkj8 ul li .njkj8-1 p{width:100%;float:left;border-bottom:solid 3px #F00; margin-bottom:5%; text-align:center; font-size:18px;line-height:60px;font-weight:bold;color: #333;}

.njkj8 ul li .njkj8-2{width:100%;float:left;line-height:25px;font-size: 14px;color: #333;}

.ghj:hover{ background-color:#d51516;}
.ghj:hover .njkj8-1 p{ color:#fff;border-bottom:solid 3px #fff;}
.ghj:hover span{ border-bottom:solid 2px #fff;}
.ghj:hover .njkj8-2{ color:#fff;}

 @media only screen and (max-width:1200px) { 
 .ghj{height:320px;}
 .njkj8 ul li .njkj8-1 p{line-height:20px;padding-bottom:10px;}
  div.span-1{width: 30.5%;}
}


 @media only screen and (max-width:640px) {
	 .njkj8 ul li .njkj8-1 p{ font-size:14px;}
	.njkj8 ul li{float:left;width:50%;} 
	 .ghj{height:320px;}
	 .pcpc{ display:none}
	 }



 @media only screen and (max-width:600px) {

	 .advantage-cont li.klop{margin:5px 5%;}
	.mkud ul li{float:left;width:50%;height:200px; text-align:center;padding-top:2%;}
}


 @media only screen and (max-width:400px) {
	 	.njkj8 ul li{float:left;width:100%;} 
			 .ghj{height:auto;}
}


.icon-respond{background: url(wa1.png)no-repeat;background-size: 100% 100%;width: 66px;height: 51px;}
.icon-zuanshi{background: url(wa2.png)no-repeat;background-size: 100% 100%;width: 50px;height: 48px;}
.icon-network{background: url(wa3.png)no-repeat;background-size: 100% 100%;width: 51px;height: 54px;}
.icon-earth{background: url(wa4.png)no-repeat;background-size: 100% 100%;width: 57px;height: 55px;}
.icon-rank{background: url(wa5.png)no-repeat;background-size: 100% 100%;width: 50px;height: 49px;}
.icon-mima{background: url(wa6.png)no-repeat;background-size: 100% 100%;width: 50px;height: 56px;}
.advantage-cont li:hover .icon-respond{background: url(wa1-1.png)no-repeat;}
.advantage-cont li:hover .icon-zuanshi{background: url(wa2-2.png)no-repeat;}
.advantage-cont li:hover .icon-network{background: url(wa3-3.png)no-repeat;}
.advantage-cont li:hover .icon-earth{background: url(wa4-4.png)no-repeat;}
.advantage-cont li:hover .icon-rank{background: url(wa5-5.png)no-repeat;}
.advantage-cont li:hover .icon-mima{background: url.wa6-6.png)no-repeat;}

.bg1{ background: url(bg1.jpg) center center; padding:30px 0;}
.agling{text-align: center;margin-left: 50px;margin-right: 50px;}
.agling img{max-width: 100%;}
.nebox{margin-top: 19px;}
.nebox .swiper-button-prev, .swiper-button-next{width: 75px;height: 77px;border: none;border-collapse: collapse;cursor: pointer;}
.nebox .swiper-button-prev{background: url(left_ar.png)no-repeat;margin-left: 110px;}
.nebox .swiper-button-next{background: url(right_ar.png)no-repeat;margin-right: 110px;}
.nebox .swiper-pagination-bullet{background:url(num_grey.png)no-repeat;width: 15px;height: 15px;opacity: 1;}
.nebox .swiper-pagination-bullet-active{background: url(num_red.png)no-repeat;}
.nebox .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 30px;}


.vsbox {
    padding: 50px 0 100px 0;color: #333;text-align: center;
}.container {
   /* width: 1000px;*/margin:auto;
}.vsbox  h1 {
    font-size: 30px;
}.vsbox  h1, .vsbox  h2, .vsbox  h3 {
    font-weight: normal;
    text-align: center;
}.vsbox h1 {
    color: #333;
    line-height: 125%;
    padding-bottom: 50px;
}.vsbox .box1 {
    background: #e74b3b none repeat scroll 0 0;
    color: #fff;
    text-align: right;
}.vsbox .box {
    height: 400px;
    margin: 20px 0;padding:20px;
}.col-md-4 {
    width: 33.3333%;float:left;
}
.vsbox .box1 h3 {
    color: #fff;
    padding: 50px 0 10px;
    text-align: right;
}

.vsbox .box p {
    font-size: 14px;
    height: 55px;
    line-height: 20px;
}.vsbox .box1 {
    background: #0082ff none repeat scroll 0 0;
    color: #fff;
    text-align: right;
}
.vsbox .box1 h3 {
    color: #fff;
    padding: 50px 0 10px;
    text-align: right; font-size:30px;
}
.vsbox .box.box2 {
    background: #272727 none repeat scroll 0 0;
    height: 440px;
    margin: 0;
}
.vsbox .box2 h3 {
    color: #e64b3a;
    font-family: Arial;
    font-size: 80px;
    line-height: 80px;
    text-align: center;
}
.vsbox .box2 span {
    background: #333 none repeat scroll 0 0;
    border: 1px solid #888;
    color: #fff;
    display: block;
    height: 40px;
    line-height: 40px;
    margin: 24px auto;
    text-align: center;
    width: 50%;
}
.vsbox .box2 span:hover {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #333;
}
.vsbox .box3 {
    background: #bbb none repeat scroll 0 0;
    color: #333;
}
.vsbox .box3 h3 {
    color: #333;
    text-align: left; font-size:30px;padding: 50px 0 10px;
}

.btn-custom {
    background-color: #d51516;
    border: 1px solid #d51516;
    color: #fff;
    font-size: 14px;
    margin-right: 20px;
    padding: 10px 30px;
    text-transform: uppercase;
}
.btn-custom:hover{background-color: #e99412;border: 1px solid #e99412;color: #fff;}


.bg-toryblue {background-color: #e7140d !important;color: #fff;padding-bottom:5%;padding-top:2%;text-align: center;}
.color-white{color: #fff !important;margin-top: 39px !important;height: 24px;line-height: 24px;}

.mt-40{margin-top: 52px !important;}
.hover-white:hover{border: solid 1px #000;background-color: #000;}
.box-button a:hover{color: #fff;}
.h2{margin-top: 20px;margin-bottom: 10px;}

.hover-white{border: solid 1px #fff;color: #fff;font-size: 18px;padding-left:4%;padding-right:4%;padding-top: 0.6%;padding-bottom: 0.6%;line-height: 30px;}
.dg-btn-2{border: solid 1px #000;background-color: #000;color: #fff;}