html,body{width:100%;height:100%;background-color: #f5f6f8;}
body{font-family:"Microsoft YaHei";font-size:16px;}
ul{list-style: none;}
ul,li,p{margin:0;padding:0;}
a,a:hover,a:active,a:focus{text-decoration: none;}
input,button{outline: none;border:0;}
.mt16{margin-top:16px;}
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}
.mt140{margin-top:140px;}
.mb30{margin-bottom:30px;}
.mb90{margin-bottom: 90px;}
.pt10{padding-top:10px;}
.pb30{padding-bottom:30px;}
.pb60{padding-bottom:60px;}
.has-error .form-control:focus{box-shadow:none;}
.mheight160{min-height:160px;}
.linkHide{display:none;}
/* header */
.header{position:relative;width:100%;text-align: center;}
.navbar-bg{position:absolute;top:0;left:0;right:0;z-index:4;width:auto;border-radius:0;min-height:100px;margin:0 auto;}
.logo{max-width:150px;float:left;margin-top:16px;}
.navbar-bg .navbar-nav{margin-top:16px;margin-left:40px;}
.navbar-bg .navbar-nav>li.active{position: relative;}
.navbar-bg .navbar-nav>li>a{color:#fff;font-size:18px;margin:20px 20px;padding:0;}
.navbar-bg .navbar-nav>li.active>a{border-bottom:1px solid #fff;padding-bottom:6px;}
.navbar-bg .nav>li>a:focus, .nav>li>a:hover{background-color:transparent;outline:0;}
.navbar-bg .navbar-header button.navbar-toggle{margin:6px 6px 0;padding:9px 4px;}
.navbar-bg .navbar-header button.navbar-toggle>img{margin-top:-4px;}
.navbar-bg .navbar-header button.navbar-toggle .icon-bar{width:34px;height:3px;background:#fff;border-radius:4px;}
.navbar-bg .navbar-header button.navbar-toggle .icon-bar+.icon-bar{margin-top:6px;}
.search-box{width:auto;line-height:30px;float:right;margin-top:-52px;overflow: hidden;}
.search-box input[type=text]{width:178px;height:30px;float:left;background-color:#fff;font-size:14px;color:#bfbfbf;padding:0 12px;border:0;font-weight:lighter;line-height:38px;margin-right:6px;}
.search-box form#formsearch{float:left;}
.search-box img{max-width:20px;height:auto;margin-top:6px;cursor: pointer;}
.search-box a{float:left;background-color: #fcce01;margin-left:20px;border-radius: 4px;color:#3983dd;padding:0 6px;}
.carousel{width:100%;height:100%;}
.carousel-control .carousel-common{display:block;width:37px;height:74px;margin-left:auto;margin-right:auto;position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.carousel-control .carousel-left{background:url(../img/banner_left.png) no-repeat center center;}
.carousel-control .carousel-right{background:url(../img/banner_right.png) no-repeat center center;}
.carousel-box{font-size:0;}
.carousel-box li{width:6px;height:6px;background:rgba(255,255,255,.5);border:0;border-radius: 50%;margin:1px 5px;}
.carousel-box .active{width:8px;height:8px;background-color:#fff;margin:0 5px;}
.banner-link{position:absolute;bottom:33%;left:15%;z-index: 10;}
.banner-link>a{color: #fff;padding:6px 16px;border:1px solid #fff;border-radius:4px;}
.banner-link1{bottom:28%;}
.free-btn{bottom:26%;}
.free-btn>a{background-color: #fcce01;border:0;color:#11226c;margin-top:30px;}
/* bodyer */
.body-box{width:100%;margin-top:20px;}
.col-icon{display:block;position:relative;width:auto;height:160px;background-color: #e1e1e1;text-align: center;}
.col-icon .icon-common,.col-active .icon-common{display:block;margin:0 auto;background-size: 54% 54%;}
.icon-one{width:162px;height:155px;background:url(../img/icon1.png) no-repeat center 20px;}
.icon-two{width:162px;height:162px;background:url(../img/icon2.png) no-repeat center 20px;}
.icon-three{width:162px;height:150px;background:url(../img/icon3.png) no-repeat center 20px;}
.icon-four{width:150px;height:124px;background:url(../img/icon4.png) no-repeat center 30px;}
.icon-five{width:132px;height:148px;background:url(../img/icon5.png) no-repeat center 20px;}
.icon-six{width:129px;height:136px;background:url(../img/icon6.png) no-repeat center 30px;}
.col-icon .col-text{position:absolute;bottom:20px;left:0;right:0;display:block;color: #595961;font-size: 14px;margin-top:10px;}
.col-icon:hover,.col-active{background-color:#315191;cursor:pointer;}
.col-icon:hover .icon-one,.col-active .icon-one{background-image: url(../img/icon1_select.png);}
.col-icon:hover .icon-two,.col-active .icon-two{background-image: url(../img/icon2_select.png);}
.col-icon:hover .icon-three,.col-active .icon-three{background-image: url(../img/icon3_select.png);}
.col-icon:hover .icon-four,.col-active .icon-four{background-image: url(../img/icon4_select.png);}
.col-icon:hover .icon-five,.col-active .icon-five{background-image: url(../img/icon5_select.png);}
.col-icon:hover .icon-six,.col-active .icon-six{background-image: url(../img/icon6_select.png);}
.col-icon:hover .col-text,.col-active .col-text{color:#fff;}
.features-box{width:100%;margin-top:50px;margin-bottom:80px;}
.features-box>h3{position:relative;text-align:center;font-size:30px;color:#000;}
.features-box>h3>.title{width: auto;position: relative;z-index:2;background-color:#f5f6f8;padding:0 20px;}
.features-box>h3:before{content:'';position:absolute;left:0;top:16px;z-index:1;width:100%;height:2px;background-color:#afafaf;}
.features-content{width:100%;margin-top:40px;}
.features-content li{background-color:#fff;width:100%;padding:40px 60px;overflow: hidden;}
.features-content li:not(:last-of-type){margin-bottom:8px;}
.img-left{float:left;max-width:40%;height: auto;margin-right:60px;}
.img-content{float:left;max-width:54%;margin-top: 40px;}
.img-content-width{max-width:70%;}
.img-content-width1{max-width:60%;}
.img-content>strong{display:block;font-size: 24px;color:#315191;}
.img-content>p{color: #707070;font-size: 16px;line-height: 24px;margin-top: 14px;}
.img-right{float:right;max-width:44%;height:auto;margin-left:20px;}
.img-width{max-width:22%;}
.img-width1{max-width:30%;}
.features-content li:nth-of-type(3) .img-content{margin-top:40px;}
.img-content1{margin-top:80px !important;}
.product-content{width:100%;margin-top:60px;position:relative;min-height:600px;overflow: hidden;}
.product-img{max-width:40%;height:auto;position:absolute;left:50%;top:50%;z-index:2;background-color:#fff;border-radius:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50);transform:translate(-50%,-50%);}
.product-img>img{width:100%;}
.product-content li{position:relative;z-index:1;float:left;width:45%;height:240px;background-color:#e3e3e3;border-radius: 10px;}
.product-content li:nth-of-type(2n){float:right;}
.product-content li:nth-of-type(1),.product-content li:nth-of-type(2){margin-bottom: 24%;}
.product-content li:after{content:'';position:absolute;bottom:-38px;left:15%;width:230px;height:70px;}
.product-content li:nth-of-type(1):after{background:url(../img/anti_left.png) no-repeat left top;}
.product-content li:nth-of-type(2):after{background:url(../img/anti_right.png) no-repeat left top;left:40%;}
.product-content li:nth-of-type(3):after{background:url(../img/anti_bottom.png) no-repeat left top;top:-38px;}
.product-content li:nth-of-type(4):after{background:url(../img/anti_top.png) no-repeat left top;top:-38px;left:40%;}
.product-li{float:none;max-width:none;margin:40px;}
.demo-box{width:100%;position: relative;overflow: hidden;}
.demo-box>img{max-width: 100%;height:auto;}
.link-info{position:absolute;left:70px;top:76px;}
.link-info>a{color:#fff;font-size: 20px;border:1px solid #fff;padding:10px 15px;margin-right:16px;}
.bg-info{width:100%;background-color:#00549f;margin-top:50px;min-height:130px;text-align:center;overflow: hidden;}
.bg-info h4{color:#fff;padding-top:20px;font-size:20px;letter-spacing: 2px;}
.input-box{width:410px;margin:0 auto;position: relative;}
.input-box>input[type=text]{width:100%;height:35px;background-color: #fff;outline:none;border:0;padding-left:16px;color:#a3a4a5;}
.input-box>button{position:absolute;right:0;top:0;border:0;outline: none;background-color:#01b4ef;color:#fff;height:35px;padding:0 20px;}
.tracing-box{margin-bottom:20px;}
.tracing-content{width:100%;margin-top:80px;}
.tracing-li{position:relative;z-index:1;background-color: #04c4e1;color:#fff;padding:40px 20px;}
.tracing-li strong{font-size: 16px;}
.tracing-li p{font-size: 14px;margin-top:14px;}
.tracing-li:before{content:'';position:absolute;right:0;top:-45px;z-index:2;width:100px;height:100px;background-color:#04c4e1;border-radius:50%;}
.tracing-li .tracing-img{position:absolute;right:10px;top:-35px;z-index:3;width:80px;height:80px;background-color:#fff;border-radius:50%;}
.tracing-li .tracing-img img{max-width:70%;height:auto;margin:10px auto 0;}
.ip-content li{background-color:transparent;padding-left: }
.ip-content li:after{background:none !important;}
.ip-one{max-width:30%;position: absolute;left:0;top:20px;}
.ip-two{max-width:30%;position: absolute;right:0;top:0;}
.ip-three{max-width:30%;position: absolute;left:0;bottom:40px;}
.ip-four{max-width:30%;position: absolute;right:0;bottom:20px;}
.incentive-content{width:100%;margin-top:50px;}
.incentive-img{margin-left: 10px;}
.incentive-img>img{max-width:160px;height:120px;}
.incentive-li{width:100%;height:180px;border:4px solid #6055a2;border-top:0;border-radius:0 0 20px 20px;margin-top:-2px;margin-bottom:30px;}
.incentive-li strong{position:relative;display:block;width:100%;font-size:20px;font-weight: bold;color:#fff;background-color:#6055a2;padding:5px 0 5px 16px;height:40px;border-bottom:1px solid #786fb0;}
.incentive-li p{color:#707070;font-size:14px;padding:20px;overflow:hidden;}
.incentive-li strong .search-icon{position:absolute;right:4px;top:6px;display:block;width:23px;height:25px;}
.incentive-li strong:after{content:'';position:absolute;right:36px;top:0;width:2px;height:34px;background-color:#fff;}
.incentive-box{margin-bottom: 40px;}
.header-about{min-height: 600px;}
.header-about .navbar-bg{background-color:rgba(17,34,108,.9);}
.com-desc{width:100%;padding-top: 40px;padding-bottom:60px;overflow: hidden;}
.about-img{max-width:100%;height:auto;}
.about-title{width:100%;color:#595961;font-size: 26px;font-weight: lighter;}
.about-title span{display:block;font-size: 20px;}
.com-desc p{width:90%;color:#595961;font-size: 14px;line-height:24px;}
.com-desc p:first-of-type{margin-top:20px;}
.com-desc p:last-of-type{margin-top:24px;}
.addr-info{width:100%;background-color:#fff;padding:60px 0;overflow: hidden;}
.contact-title{width:100%;}
.contact-title b{display:block;color:#7e7e92;font-size:20px;font-weight: 800;}
.contact-title span{display:block;color:#7e7e92;font-size:20px;font-weight:lighter;}
.contact-service{width:100%;margin-top:40px;color: #595961;font-size: 16px;}
.contact-service .service img{max-width:18px;height:auto;margin-right: 10px;vertical-align: bottom;}
.contact-service .tel{width:100%;margin-top:2px;color:#595961;font-size:20px;font-weight:bold;margin-bottom: 10px;}
.contact-service>a{color:#595961;font-size:18px;border:1px solid #595961;padding:2px 20px;}
.addr-one p,.addr-two p,.addr-three p{width:100%;line-height:24px;}
.addr-one p b{display:inline-block;width:90px;}
.addr-two{margin-top:40px;}
.news-info{width:100%;padding:40px 0 40px;overflow: hidden;}
.news-content{width:100%;margin-bottom:45px;overflow: hidden;}
.news-content .media-body .media-heading>a{color:#595961;font-size:16px;}
.news-content .media-body p{color:#595961;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-content .news-time{width:160px;display:inline-block;vertical-align:middle;}
.news-content .news-li{width:60%;display:inline-block;vertical-align:middle;}
.news-content .li-bottom{margin-bottom:15px;}
.join-info{width:100%;background-color:#fff;padding-top:60px;overflow:hidden;}
.cooper-box{width:100%;padding-bottom: 40px;overflow: hidden;}
.join-ccn{width:100%;overflow: hidden;}
.ccn-title{color:#595961;text-align: center;}
.ccn-title>strong{display:block;font-size:20px;}
.ccn-title>b{display:block;font-size: 18px;}
.join-ccn>ul{width:100%;margin-top:20px;overflow:hidden;}
.join-ccn li{width:18.5%;float: left;text-align: center;position: relative;}
.join-ccn li:not(:last-of-type){margin-right:21px;}
.ccn-content{width:100%;}
.ccn-content>img{max-width:100%;height:auto;}
.ccn-show{position:absolute;left:0;top:0;width:100%;height: 100%;background-color:rgba(15,32,104,.6);color:#fff;text-align: center;}
.ccn-show-title{width:100%;padding-top:60px;}
.ccn-show-title>strong{display:block;font-size:20px;}
.ccn-show-title>b{display:block;font-size:14px;}
.ccn-show-info{font-size:14px;margin-top:30px;}
.support-box{width:100%;}
.support-ul{width:100%;margin-top:30px;margin-bottom:60px;overflow:hidden;}
.support-ul li{width:18.5%;float: left;}
.support-ul li:not(:nth-of-type(5n)){margin-right:21px;}
.support-ul li:not(:nth-of-type(n+5)){margin-bottom:21px;}
.support-ul li>img{max-width:100%;height:auto;border-radius:50%;}
.support-ul .support-info{width:100%;height:210px;border-radius: 50%;color:#fff;text-align:center;}
.support-ul li:nth-of-type(1) .support-info{background-color: #e7a1a1;}
.support-ul li:nth-of-type(3) .support-info{background-color: #dbe000;}
.support-ul li:nth-of-type(5) .support-info{background-color: #c6a3cd;}
.support-ul li:nth-of-type(7) .support-info{background-color: #a0d7e6;}
.support-ul li:nth-of-type(9) .support-info{background-color: #facb66;}
.support-ul li:nth-of-type(10) .support-info{background-color: #cdc8a3;}
.support-ul .support-info .ccn-show-title{padding-top:40px;}
.support-ul .support-info .ccn-show-info{padding:0 20px;font-size:12px;}
.contact-inforation{width:100%;padding:60px 0;margin-bottom: 40px;background:#fff;overflow: hidden;}
.inforation-img{width:80%;margin:40px auto 0;}
.contact-form{width:100%;margin-top:20px;overflow: hidden;}
.contact-form .form-group{background-color: #f7f7fb;padding:6px 16px;overflow: hidden;border-radius: 6px;}
.contact-form .form-group>label{font-size:14px;font-weight: normal;margin-bottom:0;}
.contact-form .form-group>input,.contact-form .form-group>textarea{background-color: transparent;border:0;box-shadow: none;padding-left:0;}
.contact-box{background-color: transparent;padding-top:40px;}
.cooper-info{padding-top:40px;}
.cooper-title{color:#595961;text-align: center;margin-bottom:20px;}
.cooper-title>strong{display:block;font-size:24px;}
.cooper-title>b{display:block;font-size: 18px;}
.cooper-join-title{position:relative;color:#595961;text-align: center;margin-bottom:20px;}
.cooper-join-title>strong{display:block;font-size:24px;}
.cooper-join-title>b{position:relative;z-index:2;display:inline-block;font-size: 18px;background-color:#fff;padding:0 30px;}
.cooper-join-title:before{content:'';position:absolute;left:0;top:46px;z-index:1;width:100%;height:1px;background-color:#9998a1;}
.cooper-ul{width:100%;overflow: hidden;}
.cooper-ul ul{width:100%;margin-top:30px;overflow: hidden;}
.cooper-ul li{float:left;width:20%;text-align: center;}
.cooper-ul li>img{max-width:98px;height:84px;margin-left:auto;margin-right:auto;}
.cooper-ul .ccn-show-title{padding-top:20px;}
.cooper-ul .ccn-show-info{margin-top:10px;color:#8e8e92;}
.btn-commit{width:140px;border-radius: 10px;}
.btn-commit.focus,.btn-commit:focus{outline:none;}
.news-list{width:100%;padding-bottom: 30px;margin-bottom: 30px;border-bottom:1px solid #9998a1;overflow: hidden;}
.news-list .media-left a img{max-width:240px;height:auto;}
.news-list .media-body .media-heading a{color:#595961;font-size:16px;}
.news-list .media-body p,.news-list .media-body p a{color:#b2b2b6;font-size:12px;}
.news-list .media-body p a{color:#595961;}
.news-list .media-body p .news-desc{line-height:20px;}
.search-list{border-bottom:0;padding-bottom:0;margin-bottom:0;}
.navigation-box .pagination>.active>a,.navigation-box .pagination>.active>a:focus,.navigation-box .pagination>.active>a:hover,.navigation-box .pagination>.active>span,.navigation-box .pagination>.active>span:focus,.navigation-box .pagination>.active>span:hover{background-color:#434444;border-color:#434444;color:#fff;}
.navigation-box .pagination>li>a,.navigation-box .pagination>li>span{color:#434444}
.ccn-product{width:100%;overflow: hidden;padding-top:50px;}
.product-title{text-align: center;}
.product-title>span{color:#595961;font-size: 30px;}
.product-title>p{width:80%;margin:0 auto;color:#595961;font-size:16px;margin-top:20px;}
.product-tab{width:100%;margin-top: 40px;overflow:hidden;}
.product-tab .nav-tabs{border-bottom: 4px solid #cdcdcd;}
.product-tab .nav-tabs>li{margin-bottom:-4px;width:16.66%;}
.product-tab .nav-tabs>li>a{border-radius:0;border:0;text-align: center;color:#595961;padding-bottom:30px;}
.product-tab .nav-tabs>li>a>span.icon-common{display:block;background-position:center top;background-size:cover;}
.product-tab .nav-tabs>li>a>span.col-text{font-size: 16px;margin-top:20px;}
.product-tab .nav-tabs>li.active>a,.product-tab .nav-tabs>li.active>a:focus,.product-tab .nav-tabs>li.active>a:hover{background-color: transparent;border:0;border-bottom:4px solid #11226c;color:#11226c;}
.product-tab .nav-tabs>li.active>a .icon-one,.product-tab .nav-tabs>li.active>a:focus .icon-one,.product-tab .nav-tabs>li.active>a:hover .icon-one{background-image: url(../img/icon1_select1.png);}
.product-tab .nav-tabs>li.active>a .icon-two,.product-tab .nav-tabs>li.active>a:focus .icon-two,.product-tab .nav-tabs>li.active>a:hover .icon-two{background-image: url(../img/icon2_select1.png);}
.product-tab .nav-tabs>li.active>a .icon-three,.product-tab .nav-tabs>li.active>a:focus .icon-three,.product-tab .nav-tabs>li.active>a:hover .icon-three{background-image: url(../img/icon3_select1.png);}
.product-tab .nav-tabs>li.active>a .icon-four,.product-tab .nav-tabs>li.active>a:focus .icon-four,.product-tab .nav-tabs>li.active>a:hover .icon-four{background-image: url(../img/icon4_select1.png);}
.product-tab .nav-tabs>li.active>a .icon-five,.product-tab .nav-tabs>li.active>a:focus .icon-five,.product-tab .nav-tabs>li.active>a:hover .icon-five{background-image: url(../img/icon5_select1.png);}
.product-tab .nav-tabs>li.active>a .icon-six,.product-tab .nav-tabs>li.active>a:focus .icon-six,.product-tab .nav-tabs>li.active>a:hover .icon-six{background-image: url(../img/icon6_select1.png);}
.product-tab .nav-tabs>li>a>span.icon-one{width:97px;height:93px;margin:0 auto 19px;}
.product-tab .nav-tabs>li>a>span.icon-two{width:97px;height:97px;margin:0 auto 14px;}
.product-tab .nav-tabs>li>a>span.icon-three{width:97px;height:90px;margin:0 auto 22px;}
.product-tab .nav-tabs>li>a>span.icon-four{width:90px;height:74px;margin:0 auto 38px;}
.product-tab .nav-tabs>li>a>span.icon-five{width:79px;height:89px;margin:0 auto 22px;}
.product-tab .nav-tabs>li>a>span.icon-six{width:77px;height:82px;margin:0 auto 30px;}
.product-tab .tab-content{width:100%;overflow: hidden;}
.product-tab .tab-active{position:relative;width:100%;min-height:296px;background-color: #fff;padding:4px 0 0 40px;}
.tab-active strong{color:#595961;font-size:26px;font-weight: normal;}
.tab-active b{display:block;color:#595961;font-size:18px;}
.tab-active .info-tip{display:inline-block;color:#fff;padding:4px 20px;margin-top:5px;background-color:#203baf;position: relative;}
.tab-active .info-tip:after{content:'';position: absolute;right:7px;bottom:-12px;width: 0;height: 0;border-left: 2px solid transparent;border-right: 11px solid transparent;border-top:12px solid #203baf;font-size:0;}
.tab-active .img-content{margin-top:10px;}
.tab-active .img-content>p{margin-top:10px;}
.tab-active .btn-more{border-radius:0;background-color:#595961;padding:4px 24px;border:0;}
.tab-active .btn-free{border-radius:0;background-color:#fcce01;padding:4px 24px;margin-left:4px;border:0;}
.tab-active .btn-more.active.focus,.tab-active .btn-more:active,.tab-active .btn-more:focus{background-color:#595961;border-color:#595961;outline: none;}
.tab-active .btn-free.active.focus,.tab-active .btn-free:active,.tab-active .btn-free:focus{background-color:#fcce01;border-color:#fcce01;outline: none;}
.tab-active .img-right{position: absolute;bottom:0;right:0;}
.scroll-slide{position:relative;width:100%;margin-top:20px;}
.scroll-slide>a{display: block;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.prev{left:-4%;}
.next{right:-4%;}
.scroll-slide>a>img{width:20px;height:auto;}
.slide-box{width:100%;height:250px;overflow:hidden;}
.slide-box li{float: left;width:32.7%;min-height:256px;margin-right:10px;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;}
.slide-box li .img-top{position: relative;color:#fff;}
.slide-box li .img-top img{max-width:100%;height: auto;}
.slide-box li .img-top .img-top-title{position: absolute;top:8px;left:20px;}
.slide-box li .img-top .img-top-title>span{font-size:14px;}
.slide-box li .img-top .img-top-title>span.vline{display: block;width:20px;height:1px;background-color:#fff;margin-top:4px;}
.slide-box li .img-bottom{width:100%;padding:20px;overflow: hidden;}
.slide-box li .img-bottom>p{color:#70747d;font-size:14px;}
.slide-box li .img-bottom>p .btn-more{border-radius:0;background-color:#a8a8a8;padding:6px 20px;border:0;}
.slide-box li .img-bottom>p .btn-free{border-radius:0;background-color:#fcce01;padding:6px 20px;margin-left:4px;border:0;}
.slide-box li .img-bottom>p .btn-more.active.focus,.slide-box li .img-bottom>p .btn-more:active,.slide-box li .img-bottom>p .btn-more:focus{background-color:#a8a8a8;border-color:#a8a8a8;outline: none;}
.slide-box li .img-bottom>p .btn-free.active.focus,.slide-box li .img-bottom>p .btn-free:active,.slide-box li .img-bottom>p .btn-free:focus{background-color:#fcce01;border-color:#fcce01;outline: none;}
.tab-slide{position:relative;width:100%;margin-top:40px;}
.tab-slide .nav-tabs{display:inline-block;border-bottom:0;text-align:center;padding:0 33px;overflow: hidden;}
.tab-slide .nav-tabs>li>a{background-color:#a8a8a8;font-size:14px;color:#fff;padding:7px 39px;border-radius:0;border:0;margin-bottom:10px;}
.tab-slide .nav-tabs>li.active>a,.tab-slide .nav-tabs>li.active>a:focus,.tab-slide .nav-tabs>li.active>a:hover{border-radius:0;border:0;background-color:#00549f;color:#fff;}
.tab-slide .nav-tabs>li:not(:last-of-type)>a{margin-right:3px;}
.tab-slide .nav-tabs>li>a:hover{border-color:transparent;}
.tab-slide .tab-content{margin-top:20px;text-align:left;}
.pic-scroll{padding:0 33px;position:relative;height:146px;overflow:hidden;}
.pic-scroll .tempWrap{ width:auto !important }
.pic-scroll ul{width:100%;overflow:hidden;zoom:1;}
.pic-scroll ul li{position:relative;float:left;width:150px;height:146px;margin:0 2px;overflow:hidden;cursor: pointer;}
.pic-scroll .prev,.pic-scroll .next{position:absolute;left:0;top:60px;display:block;text-align:center;overflow:hidden;cursor:pointer;padding-top:10px;}
.pic-scroll .prev span,.pic-scroll .next span{font-size:20px;color:#fff;}
.pic-scroll .next{left:auto;right:0;}
.pic-scroll ul li .img-show{opacity:1;filter:alpha(opacity=100);position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,84,159,.8);-webkit-transition:opacity .8s;-moz-transition:opacity .8s;-o-transition:opacity .8s;transition:opacity .8s;}
.pic-scroll ul li .img-show>img{max-width:88%;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.pic-scroll ul li:hover .img-show{opacity:0;filter:alpha(opacity=0);text-align: center;}
.cooper-brand{width:100%;margin-top:30px;overflow: hidden;}
.cooper-brand ul{width:100%;overflow:hidden;}
.cooper-brand ul:not(:last-of-type){margin-bottom:40px;}
.cooper-brand li{float:left;width:12.5%;margin-bottom:60px;height:50px;line-height:68px;text-align:center;}
.cooper-brand li img{max-width: 80%;height:auto;}
.customer-evaluation{width:100%;margin-top:30px;overflow: hidden;}
.customer-evaluation .thumbnail{border:0;border-radius: 0;background-color: transparent;}
.customer-evaluation .thumbnail .caption{padding:0;}
.customer-evaluation .thumbnail .caption h3{font-size:14px;font-weight:bold;}
.customer-evaluation .thumbnail .caption p{font-size:14px;}
.evaluation-box{padding-top:30px;}
.company-news{width:100%;margin-top:40px;}
.com-news-content{padding:0;border:0;border-radius:0;background-color:transparent;}
.news-content-title{width:100%;position:relative;}
.news-content-title strong{display:block;position:absolute;bottom:0;left:0;z-index:2;width:100%;height:50px;line-height:50px;font-size:16px;color:#fff;background-color:rgba(10,42,133,.6);font-weight:normal;text-align:center;letter-spacing: 2px;}
.news-content-title img{max-width:100%;height:auto;}
.news-content-title strong i{font-weight:bold;font-style: normal;}
.news-content-link h3{font-size:18px;font-weight:bold;color:#000;margin:25px 0;}
.news-content-link h3 a{font-size:12px;padding-left:8px;text-decoration:underline;color:#000;font-weight:normal;}
.news-content-link h3 a .caret-right{position:relative;margin-left:5px;}
.news-content-link h3 a .caret-right:after{content:'';display: inline-block;width: 0;height: 0;vertical-align: middle;margin-bottom: 2px;border-left: 4px dashed;border-top: 3px solid transparent;border-bottom: 3px solid transparent;}
.news-content-link p{width:100%;overflow: hidden;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;}
.news-content-link p a{color:#000;font-size:16px;}
.dairy-link{bottom:18%;}
.dairy-box{width:100%;overflow: hidden;}
.dairy-box li{float:left;width:10.48%;text-align: center;overflow: hidden;}
.dairy-box li>a{display:block;padding:10px;background-color:#a8a8a8;color:#fff;}
.dairy-box li>a:hover,.dairy-box li>a.active{background-color:#00549f;}
.dairy-box li:not(:last-of-type){margin-right:8px;}
.dairy-box li>a>span.dairy-common{display:block;margin:0 auto;background-repeat:no-repeat;background-position:center center;background-size:80%;}
.dairy-box li>a>span.dairy-one{width:56px;height:90px;background-image:url(../img/solution_icon.png);}
.dairy-box li>a>span.dairy-two{width:60px;height:90px;background-image:url(../img/solution_icon1.png);}
.dairy-box li>a>span.dairy-three{width:38px;height:90px;background-image:url(../img/solution_icon2.png);}
.dairy-box li>a>span.dairy-four{width:48px;height:90px;background-image:url(../img/solution_icon3.png);}
.dairy-box li>a>span.dairy-five{width:43px;height:90px;background-image:url(../img/solution_icon4.png);}
.dairy-box li>a>span.dairy-six{width:80px;height:90px;background-image:url(../img/solution_icon5.png);}
.dairy-box li>a>span.dairy-seven{width:84px;height:90px;background-image:url(../img/solution_icon6.png);}
.dairy-box li>a>span.dairy-eight{width:56px;height:90px;background-image:url(../img/solution_icon7.png);}
.dairy-box li>a>span.dairy-nine{width:68px;height:90px;background-image:url(../img/solution_icon8.png);}
.dairy-box li>a>span.dairy-text{display:block;margin-top:6px;}
.solution-box{margin-bottom:0;}
.dairy-scroll{width:100%;overflow: hidden;}
.dairy-scroll .scroll-common{position:relative;background-color:#fff;border-radius:50%;text-align:center;overflow:hidden;}
.dairy-scroll .scroll-common img{max-width:80%;height:auto;margin:0 auto;position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.dairy-scroll .scroll-common img.img-width{max-width:50%;}
.dairy-scroll .pic-scroll{padding:0 100px;height:180px;}
.dairy-scroll .pic-scroll .tempWrap{width:auto !important;}
.dairy-scroll .pic-scroll li{width:auto !important;height:auto;margin:0 23px;}
.dairy-scroll .dairy-img-one{width:120px;height:120px;margin-top:30px;}
.dairy-scroll .dairy-img-two{width:150px;height:150px;margin-top:20px;}
.dairy-scroll .dairy-img-three{width:180px;height:180px;}
.dairy-scroll .dairy-img-four{width:150px;height:150px;margin-top:20px;}
.dairy-scroll .dairy-img-five{width:120px;height:120px;margin-top:30px;}
.dairy-scroll .pic-scroll .prev,.dairy-scroll .pic-scroll .next{top:84px;}
.dairy-scroll .pic-scroll .prev{left:4%;}
.dairy-scroll .pic-scroll .next{right:4%;}
.advantage-box{margin-bottom:0;}
.advantage-box>strong{display:block;text-align:center;font-size:30px;color:#000;}
.advantage-box>h3{margin-top:0;}
.advantage-box>h3>.title{color:#595961;font-size:18px;}
.advantage-box>h3:before{top:20px;}
.advantage-content{background-color:#fff;padding:20px 30px;margin-bottom:20px;height:140px;overflow: hidden;}
.advantage-content>.media>.media-left{padding-right:20px;}
.advantage-content>.media>.media-left>img{width:80px;vertical-align: middle;}
.advantage-content>.media>.media-body>.media-heading{color:#595961;font-weight:bold;}
.advantage-content>.media>.media-left,.advantage-content>.media>.media-body{vertical-align: middle;}
.advantage-content>.media>.media-body>p{color:#595961;}
.details-content{width:100%;min-height: 800px;}
.news-details{position:relative;width:100%;margin-top:20px;background-color:#fff;padding:60px 40px;overflow: hidden;}
.news-details h4{color:#595961;font-size: 30px;line-height:40px;}
.news-details .details-times{margin-top:40px;color:#595961;font-size: 24px;font-weight:normal;border-bottom:2px solid #595961;padding-bottom:2px;margin-bottom:40px;}
.details-content p{line-height: 30px;}
.details-content img{max-width:100%;height:auto;}
.news-details:after{content:"";position:absolute;right:34%;top:70px;border-right:1px solid #595961;height:93%;}
.details-title{color:#11226c;font-size:24px;border:1px solid #11226c;padding:4px 20px;margin-top:50%;overflow:hidden;}
.details-ul{width:100%;margin-top:30px;overflow:hidden;}
.details-ul li{line-height:30px;width:100%;margin-bottom:20px;}
.details-ul li>a,.details-ul li>span{color:#11226c;font-size:15px;padding-right:10px;}
/* footer */
.footer{width:100%;min-height:400px;background-color:#a3a4a5;padding-top:30px;overflow: hidden;}
.footer-left{width:100%;margin-left:14%;}
.footer-left .service{font-size:20px;color:#fff;line-height:22px;}
.footer-left .service>img{max-width:16px;height:auto;vertical-align: bottom;margin-right: 10px;}
.footer-left .tel{color:#fff;font-weight:bolder;font-size:24px;}
.footer-left>a{border:1px solid #fff;padding:3px 20px;color:#fff;font-size:14px;}
.footer-left .code{width:100%;margin-top:24px;}
.footer-left .code img{max-width: 50%;height:auto;}
.nav-link{width:100%;overflow: hidden;}
.nav-link li{width:25%;float:left;padding:0 2% 0 0;position: relative;}
.nav-link li:not(:last-of-type):after{content:'';position:absolute;height:100%;top:0;right:45px;border-right:1px solid #757575;}
.nav-link li:nth-of-type(2):after{right:69px;}
.nav-link li:nth-of-type(3):after{right:0;}
.nav-link li:last-of-type{padding-left:40px;}
.nav-link li>strong{display:block;font-size:16px;color:#fff;}
.nav-link li a{width:100%;display:block;font-size: 14px;color:#fff;line-height:20px;padding-top:10px;}
.nav-link li p{display:inline-block;width:48%;vertical-align: top;}
.com-info{width:100%;overflow: hidden;margin-top:20px;}
.com-info li{width:30%;float:left;color:#fff;font-size:14px;}
.com-info li:not(:last-of-type){margin-right:20px;}
.toolbar{position:fixed;right:10px;bottom:30px;z-index:99;width:80px;background-color:#fff;text-align:center;padding:20px 4px;border-radius:10px;box-shadow: 0 2px 4px rgba(0,0,0,.4);}
.toolbar-left{left:10px;right:0;}
.toolbar .logo-img{display: block;max-width:42px;height:auto;margin:0 auto 10px;}
.toolbar a{display: block;color:#8c91a7;font-size:12px;padding:4px;}
.toolbar a:not(:last-of-type):focus,.toolbar a:not(:last-of-type):hover{color:#fff;outline:none;background-color:#fcce01;border-radius:10px;}
.toolbar a:not(:last-of-type){margin-bottom:2px;}
.toolbar a>span{display:block;margin:0 auto;background-repeat:no-repeat;background-position:center center;background-size:70%;}
.toolbar a>span.toolbar-item-tel{width:43px;height:49px;background-image:url(../img/index_tel.png);}
.toolbar a:focus>span.toolbar-item-tel,.toolbar a:hover>span.toolbar-item-tel{background-image:url(../img/index_tel_active.png);}
.toolbar a>span.toolbar-item-service{width:47px;height:47px;background-image:url(../img/index_service.png);}
.toolbar a:focus>span.toolbar-item-service,.toolbar a:hover>span.toolbar-item-service{background-image:url(../img/index_service_active.png);}
.toolbar a>span.toolbar-item-pc{width:50px;height:43px;background-image:url(../img/index_pic.png);}
.toolbar a:focus>span.toolbar-item-pc,.toolbar a:hover>span.toolbar-item-pc{background-image:url(../img/index_pic_active.png);}
.toolbar a>span.toolbar-item-wechat{width:55px;height:34px;background-image:url(../img/index_wechat.png);}
.toolbar a:focus>span.toolbar-item-wechat,.toolbar a:hover>span.toolbar-item-wechat{background-image:url(../img/index_wechat_active.png);}
.toolbar a>span.toolbar-item-top{width:46px;height:34px;background-image:url(../img/index_tip.png);}
.toolbar a.follow-wechat{position: relative;}
.toolbar a.follow-wechat img{position:absolute;top:0;z-index:999;width:0;height:0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.toolbar a.follow-wechat img.left{left:80px;}
.toolbar a.follow-wechat img.right{right:80px;}
.toolbar a.follow-wechat:hover img{width:140px;height:140px;}
@media (max-width: 1200px) and (min-width: 768px){
    .navbar-bg .navbar-nav{margin-left:10px;}
    .navbar-bg .navbar-nav>li>a{margin:20px;}
    .header-about{min-height:auto;}
    .join-ccn li:not(:last-of-type){margin-right:13px;}
    .ccn-show-title{padding-top:6px;}
    .ccn-show-title>strong{font-size: 16px;}
    .ccn-show-title>b{font-size:12px;}
    .ccn-show-info{margin-top:10px;}
    .support-ul li:not(:nth-of-type(5n)){margin-right:13px;}
    .support-ul li:nth-of-type(5n+1){clear:both;}
    .support-ul .support-info{height:176px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .support-ul .support-info .ccn-show-title{padding-top:10px;}
    .link-info{top:60px;left:30px;}
    .ccn-show{display:flex;flex-direction: column;justify-content: center;align-items:center;}
}
@media (max-width: 768px){
    .search-box{margin-top:-40px;display:none;}
    .search-box input[type=text]{width:120px;font-size:12px;}
    .search-box>button{font-size:12px;margin-left:10px;}
    .carousel-control .carousel-common{width:36px;height:34px;}
    #bs-example-navbar-collapse-1{position:absolute;right:0;top: 60px;z-index: 999;background: #f5ce05;overflow-x:hidden;}
    #bs-example-navbar-collapse-1 ul{margin:0;}
    .carousel-indicators{bottom:0;}
    .navbar-bg{min-height:60px;}
    .logo{max-width:100px;margin-top:8px;}
    .ccn-product{padding-top:20px;}
    .free-btn{bottom:20%;}
    .banner-link>a{padding:4px 10px;font-size:12px;}
    .nav>li>a{padding:10px 4px;}
    .product-tab .nav-tabs>li:first-of-type>a,.product-tab .nav-tabs>li:nth-of-type(3)>a,.product-tab .nav-tabs>li:nth-of-type(4)>a,.product-tab .nav-tabs>li:nth-of-type(5)>a{padding-bottom:50px;}
    .product-tab .nav-tabs>li>a>span.icon-one{width:39px;height:39px;margin-bottom:14px;}    
    .product-tab .nav-tabs>li>a>span.icon-two{width:39px;height:40px;margin-bottom:14px;}
    .product-tab .nav-tabs>li>a>span.icon-three{width:39px;height:40px;margin-bottom:14px;}
    .product-tab .nav-tabs>li>a>span.icon-four{width:39px;height:34px;margin-bottom:20px;}
    .product-tab .nav-tabs>li>a>span.icon-five{width:39px;height:44px;margin-bottom:9px;}
    .product-tab .nav-tabs>li>a>span.icon-six{width:39px;height:43px;margin-bottom:10px;}
    .product-tab .nav-tabs>li>a>span.col-text{font-size:14px;}
    .product-tab .tab-active{padding:10px;}
    .tab-active .img-right,.img-content{float:none;max-width:100%;}
    .tab-active .img-right{position: relative;margin-left:0;}
    .slide-box{height:auto;}
    .slide-box .tempWrap{ width:auto !important;}
    .slide-box li .img-bottom{padding:10px;}
    .slide-box li .img-bottom>p,.slide-box li .img-top .img-top-title{font-size:12px;}
    .slide-box li .img-top{display:none;}
    .slide-box li .img-top .img-top-title{left:10px;top:0;}
    .slide-box li .img-bottom>p .btn-more,.slide-box li .img-bottom>p .btn-free{padding:2px;font-size:12px;}
    .slide-box li .img-bottom>p.text-right{margin-top:10px !important;}
    .scroll-slide>a>img{width:10px;}
    .tab-slide .nav-tabs{padding:0;}
    .tab-slide .nav-tabs>li>a{padding:6px 10px;}
    .product-title>p{width:100%;}
    .cooper-brand li{margin-bottom:10px;}
    .footer-left{width:auto;margin-left:0;position: relative;min-height:130px;}
    .footer-left .code{width:auto;position:absolute;right:-100px;top:0;margin-top:0;}
    .footer-left .code img{max-width:40%;}
    .nav-link li:not(:last-of-type):after{border-right:0;}
    .nav-link li:last-of-type{padding-left:10px;width:22%;}
    .nav-link li:nth-of-type(2){width:22%;}
    .nav-link li:nth-of-type(3){width:31%;}
    .nav-link li>strong{font-size:14px;}
    .com-info li{width:100%;float:none;line-height:24px;padding:10px 0;}
    .com-info li:not(:last-of-type){border-bottom:1px dashed #fff;}
    .banner-link{bottom:20%;}
    .features-box>h3{font-size:24px;}
    .features-content li{padding:20px;}
    .img-content{margin-top:0;}
    .img-content>strong{font-size:18px;}
    .features-box{margin-bottom:20px;}
    .link-info{left:10px;top:14px;}
    .link-info>a{font-size:12px;padding:4px 10px;margin-right:4px;}
    .col-icon{height:120px;width:100%;margin-bottom:10px;}
    .icon-one,.icon-two,.icon-three,.icon-four,.icon-five,.icon-six{width:90px;height:90px;}
    .col-icon .col-text{font-size:12px;}
    .product-li{margin:10px;}
    .product-content li:after{display:none;}
    .product-content li{height:auto;width:100%;}
    .product-content li:not(:last-of-type){margin-bottom:10px;}
    .incentive-content .row div:nth-of-type(3) .incentive-li,.incentive-content .row div:nth-of-type(4) .incentive-li{height:340px;}
    .incentive-li{height:240px;}
    .incentive-li strong{font-size:12px;padding:10px 0 0 5px;}
    .incentive-li p{padding:5px;font-size:12px;line-height:20px;}
    .ip-content .ip-one,.ip-content .ip-two,.ip-content .ip-three,.ip-content .ip-four{max-width:100%;position: relative;left:0;top:0;margin-bottom:10px;}
    .ip-content .ip-one>strong,.ip-content .ip-two>strong,.ip-content .ip-three>strong,.ip-content .ip-four>strong{font-size:14px;}
    .ip-content .ip-one>p,.ip-content .ip-two>p,.ip-content .ip-three>p,.ip-content .ip-four>p{font-size:14px;}
    .product-content{min-height:400px;margin-top:40px;}
    .ip-content .ip-three,.ip-content .ip-four{bottom:-100px;}
    .tracing-li{height:220px;}
    .tracing-li .tracing-img img{max-width:50%;}
    .tracing-li .tracing-img{width:60px;height:60px;}
    .tracing-li:before{width:80px;height:80px;}
    .dairy-link{bottom:8%;left:10%;}
    .dairy-link>a{color:#fff;border-color: #fff;}
    .dairy-box{width:100%;}
    .dairy-box ul{width:100%;display:flex;justify-content:space-between;align-items: center;flex-wrap: wrap;}
    .dairy-box li{width:31.5%;margin-bottom:10px;float:none;}
    .dairy-box li:not(:last-of-type){margin-right:0;}
    .header-about{min-height:auto;}
    .com-desc{padding-top:0;}
    .contact-service{margin-bottom:30px;}
    .ccn-show-title{font-size:14px;padding-top:0;}
    .ccn-show-title>strong{font-size:14px;}
    .ccn-show-title>b{display: none;}
    .join-ccn{width:100%;}
    .join-ccn ul{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
    .join-ccn li{width:32%;float:none;margin-bottom:10px;}
    .join-ccn li:not(:last-of-type){margin-right:0;}
    .ccn-show{display:flex;flex-direction:column;justify-content:center;align-items:center;}
    .ccn-show-info{margin-top:10px;}
    .support-ul{width:100%;}
    .support-ul ul{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
    .support-ul li{width:32%;float:none;margin-bottom:10px;}
    .support-ul .support-info{height:150px;display:flex;flex-direction:column;justify-content:center;align-items: center;}
    .support-ul li:not(:nth-of-type(5n)){margin-right:0;}
    .support-ul .support-info .ccn-show-title{padding-top:0;}
    .cooper-ul li>img{max-width:70px;height:60px;}
    .cooper-ul .ccn-show-title{padding-top:10px;}
    .pic-scroll ul li>img,.pic-scroll ul li .img-show{max-width:90%;}
    .pic-scroll ul li{height:120px;}
    .bg-info h4{font-size:15px;}
    .input-box{width:100%;}
    .features-box>h3>.title{font-size:18px;}
    .advantage-box>strong{font-size:24px;}
    .advantage-box>h3:before{top:14px;}
    .advantage-content{height:auto;}
    .advantage-content>.media>.media-body>.media-heading{font-size:16px;}
    .advantage-content>.media>.media-body>p{font-size:14px;}
    .dairy-scroll .pic-scroll{padding:0 40px;height:140px;}
    .dairy-scroll .dairy-img-one{width:90px;height:90px;}
    .dairy-scroll .dairy-img-two{width:110px;height:110px;}
    .dairy-scroll .dairy-img-three{width:140px;height:140px;}
    .dairy-scroll .dairy-img-four{width:90px;height:90px;}
    .dairy-scroll .dairy-img-five{width:110px;height:110px;}
    .dairy-scroll .pic-scroll li{margin:0 7px;}
    .dairy-scroll .pic-scroll .prev, .dairy-scroll .pic-scroll .next{top:64px;}
    .dairy-scroll .pic-scroll .prev{left:0;}
    .dairy-scroll .pic-scroll .next{right:0;}
    .product-img{display:none;}
    .tracing-li{padding:40px 10px 10px;}
    .tracing-li strong{font-size:14px;}
    .incentive-li strong:after{display:none;}
    .tracing-li p{font-size: 12px;}
    .incentive-img>img{max-width:100px;height:70px;}
    .incentive-li strong .search-icon{display:none;}
    .news-list .media-body,.news-list .media-left,.news-list .media-right{display:table;}
    .news-list .media-left a img{max-width:100%;}
    .news-list .media-body{margin-top:10px;width:auto;margin-bottom:10px;}
    .news-info{padding:20px 0;}
    .news-content{width:auto;}
    .news-content .news-li{display:block;width:70%;}
    .news-content .news-time{display:block;}
    .news-content .media-body p{width:85%;}
    .com-desc p{width:100%;}
    .news-details{padding:20px;}
    .news-details:after{display: none;}  
    .details-title{margin-top:10%;}  
    .news-details h4{font-size:20px;}
    .news-details .details-times{font-size:16px;}
}