@charset "utf-8";

body{ min-width: 1200px;}

/*header*/

input, select, option, textarea {
    border: none;
    outline: none;
}
/*header*/
.pc_header .top{height:36px;line-height:36px;background:#333333;}
.pc_header .top a{font-size:14px;color:#fff;}
.pc_header .top a:hover{color:#ea5404;}
.top_link{height:36px;}
.top_link a{margin-right:20px;}
.top_other .map{margin-right:40px;}
.top_other .language{padding-left:25px;background:url(../images/icon_earth.png) no-repeat left center;transition:all 0.2s;}
.top_other .language:hover{background:url(../images/icon_earth_over.png) no-repeat left center;}
.pc_header .header{height:102px;background:#fff;transition:all 0.5s;}
.pc_header .header a{ display:block;}
h1.logo{width:auto;padding-right:10px;margin-right:15px;background:url(../images/logo_x.jpg) no-repeat right 40px;height:102px;line-height:102px;}
h1.logo img{ height:65px;vertical-align:middle;transition:all 0.3s;}
.logo_txt{height:100px;width:250px;padding-top:30px;line-height:30px;transition:all 0.3s;}
.logo_txt h2{color:#666666;font-size:25px; font-weight:bold;}
.logo_txt p{color:#666;}
.top_menu{ display:inline-block;}
.pc_nav .nav_li{float:left;position:relative;margin:0 15px;transition:all 0.3s;height:102px;line-height:102px;}
.pc_nav .nav_li:before{display:block;content:'';position:absolute;width:76px;height:3px;bottom:15px;left:50%;margin-left:-38px;background:#339cff;transform:scale(0,1);transition:transform 0.3s cubic-bezier(0.6,0,0.3,1),opacity 0.2s;}
.pc_nav .nav_li:hover:before,.pc_nav .nav_li.on:before{transform:scale(1,1);}
.pc_nav .nav_li .nav_a{display:block;width:100%;height:100%;font-size:18px;color:#444444;}
.pc_nav .nav_li:hover .nav_a{font-weight:bold;}
.pc_nav .nav_li ol{position:absolute;left:50%;margin-left:-100px;top:100%;z-index:10;width:200px;background: rgb(2, 50, 227,0.55);padding:15px 25px 30px;display:none;}
.pc_nav .nav_li ol li a{display:block;padding:;color:#fff;font-size:16px;line-height:30px;padding:5px 5px;border-bottom:1px solid rgba(255,255,255,0.27);}
.pc_nav .nav_li ol li a:hover{font-weight:bold;}
.head_search{position:relative;height:30px;margin-top:38px;transition:all 0.3s;}
.head_search .search_btn{height:30px;width:18px;background:url(../images/search.png) no-repeat right center;cursor:pointer;transition:all 0.3s;}
.head_search .search_inpt{position:absolute;right:100%;top:0;background-color:#fff;height:30px;line-height:30px;width:0px;transition:width 500ms;-moz-transition:width 500ms;-webkit-transition:width 500ms;-o-transition:width 500ms;}
.head_search:hover .search_btn{width:30px;background:url(../images/search.png) no-repeat center;}
.head_search:hover .search_inpt{width:170px;padding:0 10px;border:1px solid #ccc;}
.head_search:hover .search_inpt:focus{border-color:#1e9199;}
.header.fixed{position:fixed;top:0;left:0;right:0;z-index:9999999;height:70px;box-shadow:0px 0px 10px #ccc;}
.header.fixed h1.logo{width:180px;height:70px;line-height:55px;background:url(../images/logo_x.jpg) no-repeat right center;}
.header.fixed h1.logo img{ height:50px;}
.header.fixed .logo_txt{height:70px;padding-top:10px;}
.header.fixed .logo_txt h2{font-size:18px;line-height:26px;}
.header.fixed .pc_nav .nav_li{height:70px;line-height:70px;}
.header.fixed .head_search{margin-top:20px;}

@keyframes rotate{0%{transform:rotate(0deg) scale(1,1);}
50%{transform:rotate(-180deg) scale(1,1);}
100%{transform:rotate(-360deg) scale(1,1);}
}

.top_box{    height: 10px;
    width: 100%;
    line-height: 10px;
    background: linear-gradient(to right, #7ab82f,#449d59);}


.xbanner { width:100%; min-width:1200px; height:auto; }
.xbanner img { width:100%; min-width:1200px; height:auto; border-bottom:1px solid #dadbd6; text-align:center; margin:0 auto; }


.contact{padding-top:50px; padding-bottom:100px;}


/*内页导航*/
.navlist {width: 100%;height:65px;background: #f6f6f6;margin: 20px 0px 40px;}
.navlist ul { text-align:center; }
.navlist ul li { height: 65px;line-height: 65px;text-align: center;margin-right:60px; display:inline-block;}
.navlist ul li a {display: block;color: #666;font-size: 16px;}
.navlist ul li:hover a, .navlist ul li.cur a {color: #333; border-bottom:3px solid #ed2025;}

/*导航菜单*/
.h_nav { height: 60px;background: rgba(51,51,51,0.5);width:100%;z-index: 200;position: absolute; bottom:-60px;}
.h_nav li { position: relative; display:inline-block; min-width:120px;}
.h_nav li:last-child>a:after{display: none;}
.h_nav li>a:before { position: absolute; content: ""; width: 100%; height: 0; background: #0c894f;left: 0; bottom: 0; transition: .3s ease; -o-transition: .3s ease; z-index: -1; }
.h_nav li>a { position: relative; display: block; font-size: 18px; color: #fff; text-align: center; line-height: 60px; height:60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 35px; z-index: 2;transition: .3s ease; -o-transition: .3s ease; }
.h_nav li:hover>a:before, .h_nav li.cur>a:before { height: 100%; }
.h_nav li:hover>a:after, .h_nav li.cur>a:after { display: none; }
 .h_nav li p{display: none;position: absolute;width: 100%;text-align: center;left: 0;top: 60px;z-index:10; background:#52ad8a; border-radius:0 0 7px 7px;}
.h_nav  li p>a{display: block;height: 46px;line-height: 46px;font-size: 14px;color: #fff;border-top:1px solid rgba(255,255,255,0.1);background:none;}
.h_nav  li p>a:first-child{border-top:0;}
.h_nav  li p>a:last-child{}
.h_nav  li p>a:hover{font-weight:bold;}

/*内页导航*/
.page_nav{height:65px;line-height:65px;border-bottom: 1px solid #ededed;background: #fff;}
.page_nav ul {float:left;}
.page_nav ul li{float:left;position:relative;margin-right:30px; padding:0 15px;}
.page_nav ul li:before{display:block;content:'';position:absolute;width:100%;height:3px;bottom:0;left:0;background:#339cff;transform:scale(0,1);transition:transform 0.3s cubic-bezier(0.6,0,0.3,1),opacity 0.2s;}
.page_nav ul li.on:before,.page_nav ul li:hover:before{transform:scale(1,1);}
.page_nav ul li a{display:block;color:#333333;font-size:16px;}
.page_nav ul li.on a,.page_nav ul li:hover a{color:#339cff;}
.page_nav .pos{padding-left:22px;background:url(../images/add.jpg) no-repeat left center;color:#333333;font-size:14px; float:right;}
.page_nav .pos a{color:#333333;}
.page_nav .pos a:hover{color:#339cff;}

/*内页标题*/
.page_title{margin-bottom:80px;text-align:center; padding-top:80px;}
.page_title span{display:inline-block;position:relative;font-size:30px;font-weight: bold;line-height:30px;color:#333333;}
.page_title span::before{content:"";position:absolute;bottom:-20px;right:-160px;width:242px;height:15px;background:url(../images/tit_bg1.png) no-repeat center;}
.page_title span::after{content:"";position:absolute;top:-20px;left:-140px;width:226px;height:18px;background:url(../images/tit_bg2.png) no-repeat center;}

.index-ad1{float:left;width:100%;height:151px;background:url(../images/index-ad1.jpg) center top no-repeat;margin-top:45px}


/* 横幅 */
.banner{ overflow: hidden; background:#eee}
.banner-box{ min-width:1100px; height:600px; position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:600px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn{ width: 100%; position: absolute; top: 0; left: 0; margin-left: 0; height: 600px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:230px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../images/sbtn.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/sbtn.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:30px; width: 100%; display: block; }
.banner-box .hd ul { width: 1300px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:35px; height:12px; border-radius:20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{    background: rgb(227,2,36);
    background: -moz-linear-gradient(left, rgba(227,2,36,1) 0%, rgba(238,133,14,1) 100%);
    background: -webkit-linear-gradient(left, rgba(227,2,36,1) 0%,rgba(238,133,14,1) 100%);
    background: linear-gradient(to right, rgba(227,2,36,1) 0%,rgba(238,133,14,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#339cff', endColorstr='#ee850e',GradientType=1 );width: 70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=10); -moz-opacity:.1; -khtml-opacity:.1; opacity:.1; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=10); -moz-opacity:.1; -khtml-opacity:.1; opacity:.1; }
.banner-box .banner-btn a.prev:hover,.banner-box .banner-btn a.next:hover{ filter:alpha(opacity=20); -moz-opacity:.2; -khtml-opacity:.2; opacity:.2; }

/*动态按钮*/
.rotation_btn{position:absolute;bottom:10px;text-align: center;right: 0;left: 0;}
.rotation_btn a{float:inherit;display:inline-block;vertical-align: bottom;font-size:18px;font-weight:300;}
.rotation_btn {margin-top:0px;}
.rotation_btn a {transition:all .3s;}
.rotation_btn .buy_now {position:relative;float:left;width:211px;height:46px;line-height:46px;    background: linear-gradient(to right, rgb(27, 46, 122) 0%, rgb(51, 156, 255) 100%);border-radius:5px;text-align:center;color:rgba(255,255,255,1);overflow:hidden;}
.rotation_btn .buy_now::before {display:inline-block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background:#FFF;opacity:.5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;filter:alpha(opacity=50);-webkit-animation:enlarge 1.3s infinite;-o-animation:enlarge 1.3s infinite;animation:enlarge 1.3s infinite;}
@keyframes enlarge {0% {width:0;height:0}
100% {width:122px;height:122px;background:0}
}
.rotation_btn .sign_in {float:left;width:211px;height:46px;line-height:46px;border-radius:5px;border:1px solid rgba(255,255,255,1);text-align:center;;margin-left:20px;font-weight:300;color:#fff;box-shadow:0px 3px 8px 1px rgba(7,100,178,0.39);}
.rotation_btn .sign_in:hover {border:1px solid rgba(0,138,255,1);background:rgba(0,138,255,1);}


/*通用标题*/
.ptitle {text-align:center;padding-top:50px;padding-bottom:20px;}
.ptitle h3 {color: #2b2b2b;font-size: 32px;margin-bottom:5px;} 
.ptitle p {color: #666;font-size: 18px;line-height: 2;} 

/*标题*/
.htitle{text-align:center;width:100%;padding-bottom:30px;background:url(../images/t2bg.gif) no-repeat center; padding-top:30px;margin-bottom:30px;}
.htitle h2{ color:#339cff;font-size:46px;font-weight:300;display:block;line-height:50px;letter-spacing:0px;}
.htitle h3{ color:#0063e5;font-size:40px;font-weight:300;display:block;line-height:50px;letter-spacing:0px;}
.htitle p{color:#666;font-size:16px;text-transform:uppercase;font-weight:normal;padding-top:20px;}
.htitle h2 b{display:inline-block;font-weight:normal;color:#0d77e5;}
.htitle h3 b{display:inline-block;font-weight:normal;color:#0d77e5;}


/*更多*/
a.amore {display: block;width: 123px;height: 38px;line-height: 38px;text-align: center;border:1px solid #ccc;background: #fff;color: #666;margin:20px auto 0;border-radius:2px;transition: all 0.3s ease;}
a.amore:hover {background: #ed2025;border-color: #ed2025;color: #fff;}


/*首页产品*/
.pro{padding-top:50px;padding-bottom:50px;}
.pro .hd{width:100%;height:auto;padding:30px;}
.pro .hd ul{text-align:center;}
.pro .hd li{text-align:center; line-height:35px; margin-bottom:5px;cursor:pointer;margin-right:10px;display:inline-block;}
.pro .hd li a{ padding:0 25px;color:#fff;font-size:18px;display:block;background: linear-gradient(to right, rgb(27, 46, 122) 0%, rgb(51, 156, 255) 100%);border-radius: 18px;}
.pro .hd li.on a,.pro .hd li a:hover{ color:#fff;background: #339cff;}
.pro .bd li .box { height:13vw; overflow:hidden;border:1px solid #103770; margin:3px;}
.pro .bd li .col-sm-3 { padding-bottom:15px; }
.pro .bd li .box img{ width:100%; height:100%;}
.pro .bd li .thumbnail a>img,.pro .bd li .thumbnail>img{display:block;max-width:90%;height:auto;padding:15px 0;}
.pro .pro_con{ margin:0 auto;  }
.pro .bd li h3{font-size:18px;color:#333;width:100%;height:40px;line-height:40px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.pro .col-sm-3{width:25%;float:left;}
.pro .row{margin-right:-15px;margin-left:-15px;}
.pro .stitle{padding-top:80px;text-align:center;}
.pro .stitle h2{font-size:42px;font-weight:bold;color:#333;line-height:44px;}
.view_more{text-align:center;padding:26px 0 30px}
.view_more a{ display: inline-block; vertical-align: top; border: 1px solid transparent;background: linear-gradient(to right, rgb(27, 46, 122) 0%, rgb(51, 156, 255) 100%);padding: 6px 32px; border-radius:58px; color: #fff;font-size: 14px;}
.view_more a:hover{background:#fff;color:#333;border:1px solid #ccc;}

/*首页-标题*/
.index_title { padding:15px 0 15px; text-align:center; position:relative;}
.index_title h3{background:url(../images/t1bg.png) no-repeat center 25px; text-align:center; font-size:40px; color:#222; font-weight:bold; display:block;}
.index_title h4{background:url(../images/t2bg.png) no-repeat center 25px; text-align:center; font-size:40px; color:#222; font-weight:bold; display:block;}
.index_title a span { display:block; font-size:20px; color:#222; }
.index_title p { display:block; font-size:18px; color:#666; padding:10px 0 0;}

@keyframes yuan{0%{transform:scale(1);}
60%{transform:scale(1.5);}
}
@keyframes click{0%{transform:scale(1);}
60%{transform:scale(1.1);}
}
.index_serv{ padding:70px 0 50px;background:#fff; clear:both; }
.index_serv_row2{width:100%;height:580px;position:relative;}
.index_serv_row2 > .index_serv_in{width:650px;margin:0 auto; padding-top:5px;}
.index_serv_row2 > .index_serv_in img{ width:100%;}
.index_serv_in p{text-align:center;color:#fff;font-size:22px;font-weight:lighter;line-height:40px;}
.index_serv_in .big{font-family:AVGARDN2;display:block;color:#fff;font-size:95px;letter-spacing:-3px;line-height:90px;height:90px;}
.index_serv_in .big i{font-size:30px;font-style:normal;color:#fff;display:inline-block;vertical-align:middle;padding-left:5px;}

.index_serv_item{position:absolute;text-align:right;width:330px;top:135px;cursor:pointer;}
.index_serv_item:after{transition:.3s all ease;content:'';display:block;width:12px;height:12px;background:#555555;border-radius:50%;box-shadow:0 0 0 8px rgba(0,0,0,.1);position:absolute;right:-40px;top:12px;animation:yuan 1s infinite ease-in-out;}
.index_serv_item3:after,.index_serv_item4:after{left:-40px;}
.index_serv_item:hover:after{background:#339cff;box-shadow:0 0 0 8px rgba(51, 156, 255,.2);}
.index_serv_item strong{font-size:22px;color:#666;display:block;font-weight:normal;line-height:35px;transition:.3s all ease;padding-bottom:10px;}
.index_serv_item:hover strong{color:#339cff}
.index_serv_item p{color:#aaa;font-size:13px;display:block;line-height:22px;}
.index_serv_item1,.index_serv_item2{text-align:right;}
.index_serv_item3,.index_serv_item4{text-align:left;right:0;}
.index_serv_item2,.index_serv_item4{top:335px;}

/*首页-优势*/
.index-ys { padding-top:80px;}
.index-ys .content { height:1200px;position: relative;}
.index-ys .pic01 { position: absolute;top:0; right:0px;}
.index-ys .pic02 { position: absolute;top:550px; left:0px;}
.index-ys .con01 { position:absolute; top:80px; left:25px;}
.index-ys .con01 i { display:block; float:left; margin-right:15px;}
.index-ys .con01 p { width:500px; margin-bottom:10px; float:left;}
.index-ys .con01 p a { color:#222; font-size:26px; font-weight:bold; line-height:42px;}
.index-ys .con01 p a:hover { color:#339cff; }
.index-ys .con01 p span { display:block; font-size:16px; color:#222; line-height:30px;}
.index-ys .con02 { top:250px; left:25px;}
.index-ys .con03 { top:750px; left:770px;}
.index-ys .con04 { top:875px; left:770px;}

/*首页新闻*/
.index-news{padding:40px 0 50px;background:#fefefe url(../images/news_bg.jpg) no-repeat left top;background-size:cover; overflow:hidden;}
.index-news .main{margin-top:0px;}
.index-news .main ul li{float:left;width:24.2%;margin-left:1%;border:1px solid #f1f1f1;background:#fff;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.index-news .main ul li:first-child{margin-left:0;}
.index-news .main ul li:hover{-moz-box-shadow:10px 10px 25px rgba(225,225,225,0.4);-webkit-box-shadow:10px 10px 25px rgba(225,225,225,0.4);box-shadow:10px 10px 25px rgba(225,225,225,0.4);}
.index-news .main ul li .pic img{display:block;width:100%; height:250px;}
.index-news .main ul li .tbox{padding:30px;position:relative;}
.index-news .main ul li .tbox:before{content:"";position:absolute;left:30px;top:30px;width:35px;height:2px;background:#ef4122;}
.index-news .main ul li .tbox .t1{font-size:18px;color:#333333;margin-top:15px;line-height:28px;height:56px;}
.index-news .main ul li .tbox .t2{margin-top:5px;font-size:14px;color:#999999;line-height:24px;height:72px;}
.index-news .main ul li .more{display:inline-block;margin-top:45px;font-size:12px;color:#333333;padding-right:35px;background:url(../images/link_more.png) no-repeat right center;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.index-news .main ul li:hover .more{background-image:url(../images/link_more_over.png);}


/*框架*/
.main_left{width:250px;padding:0;margin:0;float:left;}
.main_right{width:1020px;padding:0;margin:0;float:right;padding:0 0 30px 0;}
.main_content{width:1200px;padding:0;margin:0px auto;color:#000;font-size:15px; position:relative; }

/*首页-关于我们*/
.index-about{ margin-bottom:25px;background:#f2f2f2; padding-top:50px; position:relative;}
.about-nav{ height:64px; overflow:hidden; position:relative; padding-left:308px;}
.about-nav li{ float:left;  font:16px "Microsoft Yahei"; }
.about-nav li a{ display:block; color:#666; width: 118px; text-align: center; height: 33px; line-height: 33px; border: 1px solid #bfbfbf; margin-right: 36px;}
.about-nav li.on a{ color:#fff; background: linear-gradient(to right, rgb(27, 46, 122) 0%, rgb(51, 156, 255) 100%); border: 0;}
.about-pp{ height:350px; position:relative;}
.about-pic{ overflow:hidden;}
.about-pic ul li{ width:320px; height:260px; float:left; margin-right:10px; position:relative;}
.about-pic ul  li img{width:320px; height:230px;}
.about-pic ul li span{ display:block; position: absolute; left: 0; bottom: 0; width: 100%; height: 35px; line-height: 35px;text-align: center;}
.about-pic ul li span a{ color: #333; font-size: 14px;}
.about-row2{ width:1300px; margin:0 auto; padding-top:30px;}
.about-row2 .arr1 a{ display:block; width:45px; height:45px; background:url(../images/link_prev.gif) no-repeat; overflow:hidden; position:absolute; top:80px; left:-70px;}
.about-row2 .arr1 a:hover{background:url(../images/link_prev_over.gif) no-repeat;}
.about-row2 .arr2 a{ display:block; background:url(../images/link_next.gif) no-repeat; width:45px; height:45px; overflow:hidden; position:absolute; top:80px; right:-70px;}
.about-row2 .arr2 a:hover{background:url(../images/link_next_over.gif) no-repeat;}
.about-box{background:#fff;position:absolute;z-index:1;top:0px;}
.about-box .content{padding:2.875% 0 2%;text-align:center;width:80%;margin:0 auto;}
.about-box .a-desc{color:#828282;font-size:16px;line-height:30px;margin-top:20px;}
.about-box .dis{display:inline-block;width:20.86%;margin-top:3%;margin-bottom:2.375%;vertical-align:top;}
.about-box .number,.about-box .number .counter{color:#339cff;font-size:50px; line-height:50px;font-family:'DINCond_Black';}
.about-box .number .size{display:inline-block;color:#333333;font-size:14px; vertical-align:bottom;}
.about-box .desc{margin-top:10px;color:#666666;font-size:14px;}

/*关于我们*/
.abut_tt{margin-top:5px;text-align:left;font-size:28px;color:#333;font-weight:bold;}
.abut_tt i{display:block;height:3px;background: linear-gradient(to right, rgb(27, 46, 122) 0%, rgb(51, 156, 255) 100%);width:65px;margin:auto;margin-top:20px;margin-bottom:25px}
.abut_tt.jl i{margin-left:0px}
.about{ background:url(../images/a_bg.jpg) no-repeat center bottom; margin-bottom:55px;}
.about .neirong{ font-size:18px; line-height:33px;}
.about .neirong p{text-indent: 2em;}
.about .neirong img{ width:500px; float:left; padding:0 35px 35px;}

.wenhua{background:url(../images/fg_bg.png) repeat;padding-bottom:100px;}
.wenhua ul li{width:49%;float:left;height:270px;margin-right:2%;margin-bottom:25px;border:1px solid #ddd;box-sizing:border-box;padding-top:20px;padding-left:20px;background:#fff;}
.wenhua ul li:nth-child(2n){margin-right:0px}
.wenhua ul li:hover{border:1px solid #0191da;}
.wenhua ul li b{background:url(../images/tb1.png) no-repeat;display:block;width:61px;height:214px;color:#fff;float:left;margin-right:20px;background-size:90px;font-size:32px;font-weight:normal;line-height:85px;padding-left:16px;}
.wenhua ul li:hover b{background:url(../images/tb2.png) no-repeat;background-size:90px;}
.wenhua ul li em{font-weight:bold;font-style:normal;font-size:20px;display:block;padding-bottom:10px;color:#333;}


/*产品详情*/
.chanpin .htitle2{width: 100%;line-height:80px;text-align: center;background:#ebebeb;background: url(../images/tbg.jpg) repeat;color: #333;font-size:42px;padding-bottom:30px; margin-top:0px;}
.chanpin .htitle{width: 100%;line-height:80px;text-align: center;background: url(../images/t1bg.png) no-repeat center 70px;
    font-size: 40px;
    color: #222;
    font-weight: bold;
    display: block;}
.chanpin .row img { width:100%; }
.chanpin .row_img {float: left;width:600px;height:460px;border:1px solid #eee;overflow: hidden;transition:all 0.3s ease;}
.chanpin .row_img:hover {border-color: #e5e5e5;box-shadow: 1px 3px 20px #c4c4c4;}
.chanpin .row_img img {width: 100%;}
.chanpin .row_info ul {float: right;width:680px;height:460px;position: relative;}
.chanpin .row_info ul li {font-size: 15px;margin:30px 0;}
.chanpin .row_info ul li.h2 {color: #333;font-size: 20px;margin-bottom: 10px;}
.chanpin .row_info ul li span, .chanpin .row_info ul li>p {display: inline-block;vertical-align: top;color: #333;}
.chanpin .row_info ul li span {width: 85px;}
.chanpin .row_info ul li>p {width: 490px;text-align: justify;}
.chanpin .row_info ul li a.btn {display: block;width: 150px;height: 50px;line-height: 50px;text-align: center;background: #ed2025;color: #fff;font-size: 16px;margin-top:10px;border-radius:5px;}
.chanpin .row td { border:1px solid #f1f1f1;text-align: center; }


/*案例*/
.cases { padding-bottom:10px;}
.cases li{float:left;width:33.333%;padding:0 7px;margin-top:20px; margin-bottom:10px;}
.cases li a{display:block;padding:20px;padding-top:0;-webkit-transition:all 334ms ease-in;transition:all 334ms ease-in;border:solid 1px #ebebeb;}
.cases li .pic{position:relative;}

.cases li .pic:after{content:"";display:block;padding-bottom:75%;}
.cases li p{color:#333;font-size:18px;height:26px;overflow:hidden;}
.cases li .more{color:#666;margin-top:15px;padding-top:10px;display:block;border-top:solid 1px #ebebeb;}
.cases li .more img{margin:10px 0 0 5px;}
.cases li:hover .more{ color:#ed2025;}
.cases li .pic img{position:absolute;top:0;bottom:0;left:0;right:0;max-width:100%;max-height:100%;display:block;vertical-align:middle;text-align:center;margin:auto;}
/* -- 产品中心-- */
.fenlei{ height:120px;}
.fenlei ul li {float: left;width:190px;height: 90px;margin-right: 10px;background:#fff;border:1px solid #d2d2d2;text-align: center;border-radius:0px;cursor: pointer;transition: all 0.3s ease;box-sizing:border-box;}
.fenlei ul li:last-child {margin-right:0px;}
.fenlei ul li:hover, .fenlei ul li.on, .fenlei ul li.cur {border-color: #ed2025;box-shadow:0 3px 10px #b2b2b2;}
.fenlei ul li .iconfont { margin: 12px auto 0px; font-size:36px; }
.fenlei ul li p {color: #333;font-size: 14px;transition: all 0.3s ease;}
.fenlei ul li:hover p, .fenlei ul li:hover i, .fenlei ul li.cur .iconfont, .fenlei ul li.cur p {color: #ed2025;}

/*图片列表*/
.gallery {margin-top: 0px; padding-bottom:55px;}
.gallery ul:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.gallery ul {margin-right: -20px;}
.gallery ul li {float: left;width:24.2%;margin:0px 10px 20px 0px;}
.gallery ul li a {display: block;width: 100%;height: 100%;}
.gallery ul li a .img {width: 100%;height: 230px;border:1px solid #dcdcdc;border-radius:1px;overflow: hidden;transition:all 0.3s ease;}
.gallery ul li a .img img{display: block;width: 100%;height: 100%;}
.gallery ul li:hover a .img {box-shadow:2px 3px 15px #b2b2b2;}
.gallery ul li a .name {color: #333;font-size: 14px;text-align: center;margin-top: 10px;}
.gallery ul li a:hover .name {color: #ed2025;}

/*位置*/
.position { height:55px;line-height:55px; padding-bottom:10px;border-bottom: 1px solid #e0e0e0;background: url(../images/xbg.png) repeat-x;}
.position span {color: #333;display: block;float: left;padding-left:28px;background: url(../images/ico_location.png) no-repeat 0 18px;margin-right: 3px;}
.position a {color: #333;font-size: 14px;display: inline-block;}
.position a:hover {color: #ed2025;}
.position font {color: #333;font-size: 14px;font-family:"Sunsim";display: inline-block;margin:0px 5px 0px 10px;}
.position .search {width: 298px;height:28px;border:1px solid #999;position: relative;border-radius:15px;overflow: hidden; margin-top:13px;}
.position .search input {width: 260px;height: 28px;line-height: 28px;padding: 0px 15px;float: left;color:#666;font-size: 12px;font-family:'Microsoft Yahei';border:0;}
.position .search .search-btn {width:25px;height: 28px;background:url(../images/search.png) no-repeat 0 5px;cursor: pointer;float: right;outline: none; border:0;}


/*新闻*/
.news .item{width:24.06%;position:relative;margin-left:1.25%;padding-bottom:2%;border-bottom:3px solid transparent;margin-bottom:30px; float:left;}
.news .item .img{height:200px;overflow: hidden;}
.news .item .img img{ max-width: 100%;-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s;outline:none;}
.news .item.f4{margin-left:0;}
.news .item:after{width:100%;content:"";position:absolute;left:0;bottom:0;height:3px;background:#e7e7e7;}
.news .item:hover::after{background:#339cff;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.news .item .info .title { text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}
.news .item .info .title a{display:block;margin:20px 0 20px;height:24px;line-height:24px;font-size:18px;color:#353535;font-weight:bold;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal !important;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.news .item .info .date{color:#757575;font-size:14px;float:left;}
.news .item .info .brief{margin-bottom:22px;font-size:14px;color:#8c8c8c;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:38px;line-height:19px;overflow: hidden;}
.news .item .info .video{width:26px;height:26px;background:url(../images/more.png) no-repeat center center;}
.news .item:hover img{transform:scale(1.1);}
.news .item:hover .info .title a{color:#339cff;}
.news .item:hover .info .video{background:url(../images/more_over.png) no-repeat center center; float:right; display:block;}
.news .item:nth-child(4n+1){margin-left:0;}

/*优势*/
.ysbg{background:url(../images/ysbg.jpg) no-repeat center 0;height:2000px;padding:38px 0 0;overflow:hidden;}
.ysbg .ys01{height:440px;overflow:hidden;}
.ysbg .ys02{height:410px;overflow:hidden;}
.ysbg .ys03{height:448px;overflow:hidden;}
.ysbg .ys04{height:400px;overflow:hidden;}
.ysbg .ys05{height:387px;overflow:hidden;}
.ysbg dl{width:510px;display:inline-block;}
.ysbg dl dt{width:80px;height:80px;text-align:center;line-height:80px;font-size:50px;color:#fff;font-weight:bold;background:#0063e5;font-family:"Times New Roman",Times,serif;float:left;}
.ysbg dl dd{padding:0 0 0 30px;width:400px;float:left;}
.ysbg dl dd h5{font-size:28px;color:#0063e5;line-height:32px;height:100px;}
.ysbg dl dd h5 em{display:block;font-size:14px;color:#d9d9d9;font-weight:normal;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;width:236px;text-align:center;height:32px;line-height:32px;background:#fff;border:#e0e0e0 2px solid;margin:12px 0 0;}
.ysbg dl dd p{font-size:18px;color:#333;line-height:32px;background:url(../images/ys_ico01.png) no-repeat 0 14px;padding:0 0 0 5px;}
.ysbg dl dd span{display:block;width:144px;padding:20px 0 0;}
.ysbg dl dd span a{background:url(../images/ys_btn.png) no-repeat;color:#f97b47;}
.ysbg dl dd span a{display:block;font-size:16px;color:#f97b47;font-weight:bold;width:144px;height:46px;text-align:center;line-height:46px;overflow:hidden;}


/* -- 产品中心-- */
.fuwu { height:480px;background:url(../images/bg.png) repeat;}
.fuwu ul li {float: left;width:20%;height:240px;text-align: center;border-radius:0px;cursor: pointer;}
.fuwu ul li:nth-child(4n+0) {margin-right:0px;}
.fuwu ul li:hover, .fuwu ul li.on, .fuwu ul li.cur {}
.fuwu ul li img { width:190px;height:190px; border:5px solid #0072d3;border-radius:100px;box-shadow:0 1px 30px #b2b2b2;}

.fuwu ul li p {color: #333;font-size:22px;transition: all 0.3s ease;}
.fuwu ul li:hover p, .fuwu ul li:hover i, .fuwu ul li:hover .iconfont, .fuwu ul li.cur p {color: #d81e06;}

.ys_bg {height:900px;background:url(../images/case_bg.jpg) no-repeat center;}
.ys_bg .container {padding-top:50px;}
.ys_bg ul:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.ys_bg ul {margin-right: -10px;}
.ys_bg ul li {float: left;width: 290px;margin:0px 10px 20px 0px;}
.ys_bg ul li a {display: block;width: 100%;height: 100%;}
.ys_bg ul li a .img {width: 100%;height: 218px;border:1px solid #dcdcdc;border-radius:5px;overflow: hidden;transition:all 0.3s ease;}
.ys_bg ul li a .img img{display: block;width: 100%;height: 100%;}
.ys_bg ul li:hover a .img {box-shadow:2px 3px 15px #b2b2b2;}
.ys_bg ul li a .name {color: #333;font-size: 14px;text-align: center;margin-top: 10px;}
.ys_bg ul li a:hover .name {color: #ed2025;}
.ys_bg a.more {display: block;width: 123px;height: 38px;line-height: 38px;text-align: center;border:1px solid #ccc;background: #fff;color: #666;margin:20px auto 0;border-radius:2px;transition: all 0.3s ease;}
.ys_bg a.more:hover {background: #ed2025;border-color: #ed2025;color: #fff;}

/*内页底部按钮*/
.try-btn{text-align:center;margin-top:50px}
.try-btn .one{ display: inline-block;width:240px;height:45px;line-height:45px;background:#1898ed;border:1px solid #1898ed;text-align:center;border-radius:4px;color:#fff;display:inline-block;vertical-align:middle;margin-left:33px; margin-top:22px;}
.try-btn .two{display: inline-block;width:150px;height:45px;line-height:45px;background-color:#fff;border:1px solid #ddd;text-align:center;border-radius:4px;color:#666;display:inline-block;vertical-align:middle;margin-left:20px;margin-top:22px;}
.try-btn.one:hover,.try-btn .two:hover{background-color:#25a2ff;color:#fff;border-color:#1898ed;text-decoration:none;box-shadow:0 0 8px #eee;}

/*服务网点*/
.city_bg { }
#city{float:left;width:100%;margin-bottom:23px;padding:15px;}
#city .box{float:left;position:relative;z-index:1;border-bottom:solid 1px #eee;}
#city .t{float:left;height:auto;padding-left:16px;color:#333;font-size:16px; padding-top:10px; font-weight:bold;}
#city .cities{float:left;width:100%;padding:10px;overflow:hidden;border:solid 1px #eee; }
#city .cities a{display:inline-block;color:#333;font-size:16px;margin:0 6px 2px 6px}

/*联系我们*/
#contact{margin-top:40px;padding:40px;background:#f8f9fa;border: 1px solid #e0e0e0;}
#contact h2{line-height:22px;margin-bottom:30px;font-size:32px;font-weight:bold;}
#contact .fl i{ border-radius: 50%;font-size:18px; border:1px solid #666; padding:5px; }
#contact .fl p{height:32px;line-height:32px;margin-top:18px;padding-left:0px;background-repeat:no-repeat;background-position:left center;font-size:14px;overflow:hidden;}
#contact .fl p:first-child{margin-top:0;}
#contact .fl p.c-icon1{background-image:url(../images/c-icon1.png);}
#contact .fl p.c-icon2{background-image:url(../images/c-icon2.png);}
#contact .fl p.c-icon3{background-image:url(../images/c-icon3.png);}
#contact .fr img{width:150px;height:150px;border:1px solid #e1e1e1;}
#contact .fr h3{height:16px;line-height:16px;margin-top:10px;font-size:14px;text-align:center;overflow:hidden;}
#map{height:500px;margin-top:20px;background:#f8f9fa;overflow:hidden;border: 1px solid #e0e0e0;}
#map img{max-width:none;}

/*首页底部link*/
.foot_link{ height:54px; overflow:hidden;line-height:54px;text-align:center; vertical-align:middle;font-size:12px; color:#fff; background:#339cff; margin:0 auto;background: rgb(227,2,36);
    background: -moz-linear-gradient(left, rgba(227,2,36,1) 0%, rgba(238,133,14,1) 100%);
    background: -webkit-linear-gradient(left, rgba(227,2,36,1) 0%,rgba(238,133,14,1) 100%);
    background: linear-gradient(to right, rgba(227,2,36,1) 0%,rgba(238,133,14,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#339cff', endColorstr='#ee850e',GradientType=1 );}
.foot_link a{ display:inline-block; font-size:14px; color:#fff; padding:0 22px;}
.foot_link a:hover{ color:#00ce99;}

/*网页底部*/
.footer{width:100%;background:#2d3136 url(../images/foot_bg.jpg) no-repeat center bottom;overflow:hidden;background-size: cover;}
.footer .container{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding:40px 0;
    width: 1440px;
}
.footer .right-layout{
    flex:1;
    display: flex;
}
.footer .right-layout .center-layout{
    padding: 0 30px;
    flex:1;
}
.footer .right-layout .footer_r{
    display:flex;
}
.footer_l > ul{
    display: flex;
}

.foot_logo{width:250px;  text-align:center;}
.foot_logo img{width:190px;}
.footer_l{height:350px;overflow:hidden; padding-left:20px;}
.footer_l ul{margin:0;padding:0;padding-top:40px;float:left;overflow:hidden;list-style:none; }
.footer_l ul li{width:33%;height:240px;float:left;}
.footer_l li h2{width:100%;height:36px;color:#fff;font-size:16px;}
.footer_l .left_li{width:100%;overflow:hidden;}
.footer_l .left_li ul{margin:0;padding:0;list-style:none;}
.footer_l .left_li ul li{width:100%;float:left;padding:0;height:30px;line-height:30px;}
.footer_l .left_li ul li a{font-size:14px;text-decoration:none;color:#838486;}
.footer_l .left_li ul li a:hover{color:#0dadf8;}
.footer_r{width:460px;float:right;padding-top:30px;overflow:hidden;}
.footer_r .fr_wx{width:200px;float:left;padding-top:10px;overflow:hidden;}
.footer_r .t1{width:154px;height:36px;color:#fff;font-size:16px;text-align:center;}
.footer_r .ewm{width:154px;color:#838486;font-size:14px;line-height:24px;overflow:hidden;text-align:center;}
.footer_r .fr_dh{width:250px;float:right;padding-top:10px;overflow:hidden;}
.footer_r .t2{width:192px;height:36px;color:#fff;font-size:16px;}
.footer_r .hotline{width:250px;overflow:hidden;color:#bebfc0;}
.footer_r .hotline span{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:32px;font-weight:bold;}
.footer_r .live{padding-top:15px;}
.footer_r .live a{width:150px;height:34px;display:block;background:url(../images/foot_live.png) no-repeat;}
.footer_r .live a:hover{background:url(../images/foot_live.png) no-repeat;}
.footer_r .live a{transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;}
.boot{width:100%;height:60px;padding-top:15px;background:#333;}
.boot .trust{width:228px;float:right;padding-top:0px;overflow:hidden;}
.copyright{width:800px;float:left;color:#818284;}
.copyright a{color:#818284;text-decoration:none;}
.copyright a:hover{text-decoration:underline;}


/*分页*/
.page{margin:60px 0 40px 0;padding:14px 0 15px;text-align:center;}
.page a{margin-right:5px;padding:16px 35px;background:#fff;color:#000000;font-size:15px;border:1px #e9e9e9 solid;}
.page a{margin-right:5px;padding:16px 35px;background:#fff;color:#000000;}
.page a.page-num-current{background:#339cff;border:none;color:#ffffff;font-size:15px;}


/*地图*/
.sitemap-xml{height:30px;line-height:30px;text-align:right;}
.sitemap-tit{font-size:16px;color:#fff;clear:both;}
.sitemap-tit p{display:inline-block;padding:0 30px;text-align:center;background:#de0011;}
.sitemap-tit a{color:#fff;}
.sitemap ul{padding-top:10px;display:inline-block;width:100%;border-bottom:1px solid #d2d2d2;margin-bottom:10px;}
.sitemap li{height:60px;line-height:60px;border-bottom:1px solid #d2d2d2;text-align:left;width:16.66%;float:left;overflow:hidden;position:relative;top:1px;}

/* 右侧悬浮*/
.client-2{width:45px;position:fixed;right:10px;top:70%;z-index:990;color:#fff;}
.client-2 li a{text-decoration:none;color:#fff;}
.client-2 li{margin-bottom:5px;width:45px;height:45px;border-radius:50%;cursor:pointer;position:relative;}
.client-2 li.my-kefu-qq{background:#339cff url(../images/cimg23.png) center no-repeat;}
.client-2 li.my-kefu-dd{background:#339cff url(../images/pf_ico1.png) center no-repeat;}
.client-2 li.my-kefu-weixin{background:#339cff url(../images/cimg24.png) center no-repeat;}
.client-2 li.my-kefu-tel{background:#339cff url(../images/cimg25.png) center no-repeat;}
.client-2 li.my-kefu-shouye{background:#339cff url(../images/tohome.png) center no-repeat;background-size:26px;}
.client-2 li.my-kefu-shouye a{width:45px;height:45px;display:block;}
.client-2 li.my-kefu-ftop{background:#339cff url(../images/returntop.png) center no-repeat;}
.client-2 li p{height:20px;font-size:12px;line-height:20px;overflow:hidden;text-align:center;color:#fff;}
.client-2 li.my-kefu-qq .cont{margin:0;background:#339cff url(../images/cimg23.png) 15px center no-repeat;border-radius:50px;padding-left:45px;height:45px;line-height:45px;color:#fff;font-size:16px;width:130px;position:absolute;top:0;right:0;z-index:999;}
.client-2 li.my-kefu-dd .cont{margin:0;background:#339cff url(../images/pf_ico1.png) 15px center no-repeat;border-radius:50px;padding-left:55px;height:45px;line-height:45px;color:#fff;font-size:16px;width:130px;position:absolute;top:0;right:0;z-index:999;}
.client-2 li.my-kefu-tel .cont{margin:0;background:#339cff url(../images/cimg25.png) 15px center no-repeat;border-radius:50px;padding-left:45px;height:45px;line-height:45px;color:#fff;font-size:18px;width:200px;position:absolute;top:0;right:0;z-index:999;}
.client-2 .my-kefu-ftop{display:none;}
.client-2 .my-kefu-ftop .my-kefu-main{padding-top:6px;}
.client-2 li.my-kefu-weixin .cont{margin:0;width:128px;padding:5px;border:solid 1px #ccc;position:absolute;left:-150px;top:-44px;background-color:#fff;}
.client-2 li.my-kefu-weixin .cont span{display:block;line-height:20px;font-size:12px;text-align:center;color:#1a1a1a;}
.client-2 li.my-kefu-weixin .cont img{width:115px;height:115px;}
.client-2 li:hover .cont{display:block!important;}

/*首页底部waves*/
#waves{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-color:#018fff;display:inline-block;}
.index-waves{position:relative;width:100%;height:169px;min-width:1200px;background-color:#018fff;}
.index-waves-warp{position:absolute;top:66px;left:50%;margin-right:auto;margin-left:-450px;width:900px;height:38px;color:#fff;font-size:26px;text-align: center!important;}
.index-waves-btn{width:176px;height:100%;border-radius:5px;background-color:#fff;color:#018fff;font-size:20px;line-height:38px;cursor:pointer;float: right;}


/* 弹层 */
.popup{position:fixed;top:0;bottom:0;left:0;right:0;z-index:99999999;display:none;}
.popup p{margin:0 auto;position:relative;top:50%;transform:translateY(-50%);width:350px;height:390px;-moz-box-shadow:0px 0px 5px rgba(238,241,245,0.74);-webkit-box-shadow:0px 0px 5px rgba(238,241,245,0.74);box-shadow:0px 0px 5px rgba(238,241,245,0.74);}
.popup img{width:100%;height:100%;border:5px solid #339cff;}

/* 弹窗 (background) */
.popwin{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);}
.pop-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:500px;}
.pop-content .box.success{ background: url(../images/ico_success.png) no-repeat; }
.pop-content .box.warn{ background: url(../images/ico_alert.png) no-repeat; }
.pop-content .box span{ padding-left:50px; }
.popclose{color:#aaa;float:right;font-size:28px;font-weight:bold;}
.popclose:hover,.popclose:focus{color:black;text-decoration:none;cursor:pointer;}