@charset "utf-8";
/*banner*/
.banner{width:100%;position:relative;z-index:5;overflow:hidden;margin-top:72px;}
.banner .swiper-container {position:relative;width: 1920px;height:630px;left:50%;margin-left:-960px;text-align:center;background:#222;}
.banner .swiper-container-horizontal .swiper-pagination-bullets{bottom: 87px;font-size:0;width: auto;left:50%;right:auto;margin:auto;display:inline-block;transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);}
.banner .swiper-container-horizontal .swiper-pagination-bullet{width:34px;height:2px;display: inline-block;vertical-align: top;background: #ffffff;margin:0 7px;opacity:1;border-radius: 0}
.banner .swiper-container-horizontal .swiper-pagination-bullet-active{width:34px;height:2px;opacity:1;background:#1274e7;}
.banner .swiper-button-prev{left:50%;margin-left:-627px}
.banner .swiper-button-next{right:50%;margin-right:-627px}

.nbanner{position:relative;width:100%;overflow: hidden;margin-top:72px;}
.nbanner img{position:relative;width:1920px;left:50%;margin-left:-960px}
.nbanner .page-title{position: absolute;width:1200px;left:50%;top:70px;margin-left:-600px;color:#ffffff;text-align: center}
.nbanner .page-title h2{font-size:40px;font-weight: 400}
.nbanner .page-title p{font-size:21px;}

.nbanner .search-box{position: absolute;width:600px;left:50%;top:80px;margin-left:-300px;}
.nbanner .search-box .search{width:600px;height:50px;background-color: #ffffff;border-radius: 3px;overflow: hidden}
.nbanner .search-box .search input{float: left;width:480px;margin-left: 20px;margin-top:10px;line-height: 30px;color:#979797;font-size: 15px;background:none;border:0;}
.nbanner .search-box .search button{float: right;width:80px;height: 50px;background:url(../images/search.png) no-repeat center center;background-color:#1274e7;border:0;}
.nbanner .search-box .hot-keyword{margin-top: 10px;color:#bbbbbb;font-size: 14px}
.nbanner .search-box .hot-keyword a{margin-right: 15px;color:#bbbbbb;font-size: 14px}
.nbanner .search-box .hot-keyword a:hover{color:#1274e7;}

/*fast-channel*/
.fast-channel{position:relative;z-index:10;width:1200px;margin:auto;margin-top:-56px;height:110px;border-radius:3px;background-color:#ffffff;box-shadow: 0 0 21px rgba(0,0,0,0.2)}
.fast-channel li{float: left;width:300px;height:56px;padding:27px 0;}
.fast-channel li i.icon{float: left;margin-left:60px;margin-right:10px;width:56px;height:56px;background:url(../images/icon_01.png) no-repeat;background-color: #f9fafc;border-radius: 100%}
.fast-channel li h3{line-height: 30px;font-size: 16px;color:#4d4d4d;font-weight: 400}
.fast-channel li p{line-height: 26px;font-size: 12px;color:#818181;}
.fast-channel li i.icon_01{background-position: 0 0}
.fast-channel li i.icon_02{background-position: -56px 0}
.fast-channel li i.icon_03{background-position: -112px 0}
.fast-channel li i.icon_04{background-position: -168px 0}
.fast-channel li a:hover i.icon{background-image:url(../images/icon_01.gif) }


/*section-title*/
.home-title{padding:70px 0 50px;text-align: center}
.home-title h2{font-size: 32px;color:#4d4d4d;font-weight: 400}
.home-title p{font-size: 16px;color:#818181;margin-top: 5px}



/*goods*/
.home-goods .box dl{float: left;width:300px;}
.home-goods .box .icon{display:inline-block;width:95px;height:95px;margin-right: 18px;vertical-align: top;border-radius: 100%;box-shadow: 0 0 9px rgba(0,0,0,0.3);background:url(../images/icon_08.png);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.home-goods .box .icon_01{background-position: 0 0}
.home-goods .box .icon_02{background-position: -95px 0}
.home-goods .box .icon_03{background-position: -190px 0}
.home-goods .box .icon_04{background-position: -285px 0}
.home-goods .box dl:hover .icon{box-shadow: none;background-color: #1274e7}
.home-goods .box dl:hover .icon_01{background-position: 0 -95px}
.home-goods .box dl:hover .icon_02{background-position: -95px -95px}
.home-goods .box dl:hover .icon_03{background-position: -190px -95px}
.home-goods .box dl:hover .icon_04{background-position: -285px -95px}
.home-goods .box dl dt{display:inline-block;height:95px;line-height:95px;color:#3d3d3d;font-size: 16px;vertical-align: top}

.home-goodslist{padding:50px;background-color: #f6f8fb}
.home-goodslist .box{padding-top:30px;padding-bottom: 60px;background-color: #ffffff;border-radius: 3px;box-shadow: 0 0 20px rgba(0,0,0,0.1)}
.home-goodslist ul li{float: left;width:445px;height:100px;margin-top: 30px;}
.home-goodslist ul .li1{padding:0 65px 0 90px;}
.home-goodslist ul .li2{padding:0 90px 0 65px;}
.home-goodslist ul li .icon{float: left;margin-right:25px;width: 60px;height:60px;background:url(../images/icon_03.png) no-repeat;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.home-goodslist ul li .icon_01{background-position: 0 0}
.home-goodslist ul li .icon_02{background-position: -60px 0}
.home-goodslist ul li .icon_03{background-position: 0 -60px}
.home-goodslist ul li .icon_04{background-position: -60px -60px}
.home-goodslist ul li .icon_05{background-position: 0 -120px}
.home-goodslist ul li .icon_06{background-position: -60px -120px}
.home-goodslist ul li .icon_07{background-position: 0 -180px}
.home-goodslist ul li .icon_08{background-position: -60px -180px}
.home-goodslist ul li h4{font-size: 18px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.home-goodslist ul li p{margin-top:5px;font-size: 15px;color:#818181;}
.home-goodslist ul li:hover .icon{transform: translateY(-3px);-ms-transform: translateY(-3px);-webkit-transform: translateY(-3px);-o-transform: translateY(-3px);-moz-transform: translateY(-3px);}
.home-goodslist ul li:hover h4{color:#1274e7;}
.home-goodslist .readmore{display: block;width:160px;line-height: 38px;margin:auto;margin-top:50px;background-color:#1274e7;color:#ffffff;text-align:center;border-radius: 100px;}


/*solution*/
.home-solution{padding: 115px 0;background:url(../images/bgs.jpg) no-repeat center center;background-size: cover}
.home-solution .lefts{float: left;width:520px;}
.home-solution .lefts h3{margin:40px 0 40px;font-size: 28px;font-weight: 400}
.home-solution .lefts dl{margin-bottom: 30px;}
.home-solution .lefts dl dt{padding-left: 30px;font-size:16px;line-height:20px;background:url(../images/dui.png) no-repeat left center;}
.home-solution .lefts dl dd{padding-left: 30px;font-size:14px;color:#818181;margin-top: 5px}
.home-solution .rights{float: right;width:660px;margin-top: -40px;}
.home-solution .rights dl{float: left;margin-left:35px;margin-top:40px;width:185px;height:100px;overflow: hidden;background-color: #ffffff;border-radius: 5px;box-shadow: 0 8px 20px rgba(0,0,0,0.1)}
.home-solution .rights dl .icon{float: left;margin-top:25px;margin-left:25px;margin-right:10px;width:50px;height:50px;background:url(../images/icon_04.png) no-repeat;}
.home-solution .rights dl .icon_01{background-position: 0 0}
.home-solution .rights dl .icon_02{background-position: -50px 0}
.home-solution .rights dl .icon_03{background-position: -100px 0}
.home-solution .rights dl .icon_04{background-position: 0 -50px}
.home-solution .rights dl .icon_05{background-position: -50px -50px}
.home-solution .rights dl .icon_06{background-position: -100px -50px}
.home-solution .rights dl .icon_07{background-position: 0 -100px}
.home-solution .rights dl .icon_08{background-position: -50px -100px}
.home-solution .rights dl .icon_09{background-position: -100px -100px}
.home-solution .rights dl .icon_10{background-position: 0 -150px}
.home-solution .rights dl .icon_11{background-position: -50px -150px}
.home-solution .rights dl .icon_12{background-position: -100px -150px}
.home-solution .rights dl dt{font-size: 16px;margin-top:25px;line-height: 50px}
.home-solution .rights dl,.home-solution .rights dl .icon{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.home-solution .rights dl:hover{background-color: #1274e7;}
.home-solution .rights dl:hover .icon{background-image:url(../images/icon_04h.png);}
.home-solution .rights dl:hover dt{color: #ffffff}


/*advantage*/
.home-advantage{height:797px;background:url(../images/bgs4.jpg) no-repeat center center;background-size: cover}
.swiper2 .swiper-p3{position: relative;margin:auto;margin-bottom:45px;bottom:0;width:915px;height:56px;background-color: #ffffff;border-radius: 5px;text-align: center}
.swiper2 .swiper-p3 .swiper-pagination-bullet{width: auto;height:53px;line-height:56px;margin:0 25px;font-size:15px;vertical-align: top;border-radius: 0;background:none;opacity: 1;padding:0 15px;}
.swiper2 .swiper-p3 .swiper-pagination-bullet-active{border-bottom:3px solid #1274e7;}
.swiper2 .swiper-p4{position: relative;margin:auto;margin-top:40px;bottom:0;}
.swiper2 .swiper-p4 .swiper-pagination-bullet{width: 5px;height:5px;opacity: 1;overflow: hidden;margin:0 13px;font-size: 0;background-color: #ffffff;border-radius: 100%}
.swiper2 .swiper-p4 .swiper-pagination-bullet-active{background-color: #1274e7}
.swiper2 .swiper-slide{width:915px;height:373px;}
.swiper2 .swiper-slide .box{width:915px;height:373px;background-color: #ffffff;border-radius: 5px;overflow: hidden}
.swiper2 .swiper-slide .box .pic{float: left;width:456px;height:373px}
.swiper2 .swiper-slide .box .pic img{width:456px;height:373px}
.swiper2 .swiper-slide .box .con{float: left;width:345px;height:313px;margin-left:55px;margin-top:60px;}
.swiper2 .swiper-slide .box .con .tit{font-size: 20px;}
.swiper2 .swiper-slide .box .con .txt{color:#818181;margin-top: 20px;line-height:25px;height:150px;overflow: hidden}
.swiper2 .swiper-slide .box .con .readmore{display: block;width:160px;line-height: 38px;margin-top:20px;background-color:#1274e7;color:#ffffff;text-align:center;border-radius: 100px;}
.swiper2 .swiper-button-next,
.swiper2 .swiper-button-prev{width:70px;height:70px;background:url(../images/arrows.png) no-repeat;margin-top:-35px;left:auto;right:auto;}
.swiper2 .swiper-button-next{background-position: -70px 0}
.swiper2 .swiper-button-prev{left:50%;margin-left:-538px;}
.swiper2 .swiper-button-next{right:50%;margin-right:-538px;}
.swiper2 .swiper-button-next:hover{background-position: -70px -70px}
.swiper2 .swiper-button-prev:hover{background-position: 0 -70px}

/*coop*/
.home-coop{height:660px;background:url(../images/bgs.jpg) no-repeat center center;background-size: cover}
.home-coop-box{width:1240px;margin:auto;overflow: hidden}
.swiper11{padding: 20px 0 85px;width:1200px;margin:auto;overflow: visible;}
.swiper11 .box{width:212px;height:115px;text-align: center;vertical-align: middle;background-color: #ffffff;box-shadow: 0 0 20px rgba(0,0,0,0.1);display:table-cell;}
.swiper11 .box img{max-width:200px;max-height:100px;}
.swiper11 .swiper-p11 .swiper-pagination-bullet{width: 5px;height:5px;opacity: 1;overflow: hidden;margin:0 13px;font-size: 0;background-color: #b5b5b5;border-radius: 100%}
.swiper11 .swiper-p11 .swiper-pagination-bullet-active{background-color: #1274e7}

/*home-news*/
.home-news{padding:85px 0;}
.home-news .lefts{width:730px;}
.home-news .lefts .title{line-height: 40px;font-size: 26px}
.home-news .lefts .title .readmore{float: right;display: block;width:110px;line-height: 30px;margin-top:5px;font-size:12px;background-color:#1274e7;color:#ffffff;text-align:center;border-radius: 100px;}
.home-news .lefts .topnews{float:left;margin-top: 30px;width:330px;margin-right: 40px;border:0;}
.home-news .lefts .topnews .pic{border-radius: 5px;overflow: hidden}
.home-news .lefts .topnews .pic img{width:330px;height:246px;}
.home-news .lefts .topnews .tit{width:330px;font-size: 16px;margin-top: 30px;height:20px;line-height: 20px;border:0;padding:0;}
.home-news .lefts .topnews .txt{width:330px;font-size: 14px;color:#818181;margin-top: 10px;height:20px;line-height: 20px}
.home-news .lefts li{float: right;margin-top: 40px;width:360px;border-bottom:1px solid #e5e5e5;padding-bottom:40px;}
.home-news .lefts li .tit{width:346px;font-size: 16px;height:20px;line-height: 20px;border-left:2px solid #1274e7;padding-left:12px;}
.home-news .lefts li .txt{width:360px;font-size: 14px;color:#818181;margin-top: 10px;height:20px;line-height: 20px}
.home-news .lefts li:last-child{padding-bottom:0;border:0;}
.home-news .rights{width:330px;padding-left:75px;border-left:1px solid #e5e5e5;}
.home-news .rights .title{line-height: 40px;font-size: 26px}
.home-news .lefts .clearfix {height: 422px;}
.home-news .lefts .left{width: 460px;float: left;}
.home-news .lefts .right{width: 270px;float: left;}
.pix-margin-bottom-10 {margin-bottom: 10px;}
.pix-black-gray-light {color: #888;}
.big-text {font-size: 16px;line-height: 26px;text-indent: 2em;}

/*free*/
.home-free{height:389px;padding-top:80px;background:url(../images/bgs3.jpg) no-repeat center center;background-size: cover;overflow: hidden}
.home-free .lefts{width:500px;margin-top: 50px}
.home-free .lefts h3{font-size: 36px;font-weight: 400}
.home-free .lefts p{font-size: 14px;color:#818181;margin-top: 5px}
.home-free .readmore{display: block;width:160px;line-height:40px;margin-top:35px;font-size:14px;background-color:#1274e7;color:#ffffff;text-align:center;border-radius: 100px;}
.home-free .rights{box-shadow: 0 0 20px rgba(0,0,0,0.1)}


/*about*/
.about-content{padding:70px 0;}
.about-content h3{text-align: center;color:#4d4d4d;font-size: 32px;font-weight: 400}
.about-content .content{text-align: center;color: #818181;font-size: 14px;margin-top: 35px}

/*cluture*/
.about-cluture{padding:1px 0 70px;background-color: #f6f8fb }
.about-cluture .box{margin-left:-25px;}
.about-cluture .box .lis{float: left;margin-left: 25px;width:220px;height:360px;background-color: #ffffff;overflow: hidden;text-align: center;}
.about-cluture .box .lis .tit{color:#4d4d4d;font-size: 21px;margin-top: 45px}
.about-cluture .box .lis .txt{color:#818181;font-size: 18px;line-height:30px;margin-top: 30px}
.about-cluture .box .lis .ico{margin:auto;margin-top:25px;width:100px;height:100px;overflow: hidden;background-color: #f6f8fb;border-radius: 100%;}
.about-cluture .box .lis .icon{display:block;width:100px;height:100px;overflow: hidden;border-radius: 100%;background:url(../images/icon_05.png) no-repeat;}
.about-cluture .box .lis .icon_01{background-position: 0 0}
.about-cluture .box .lis .icon_02{background-position: -100px 0}
.about-cluture .box .lis .icon_03{background-position: -200px 0}
.about-cluture .box .lis .icon_04{background-position: -300px 0}
.about-cluture .box .lis .icon_05{background-position: -400px 0}


/*history*/
.about-history{height:663px;background:url(../images/bgs4.jpg) no-repeat center center;background-size: cover}
.about-history .swiper3{height:390px;width:1200px;position: relative;}
.about-history .box{position:relative;height:350px;width:204px;padding:40px 30px 0;background:url(../images/bgs5.jpg) no-repeat center bottom;background-color: #ffffff;text-align: center}
.about-history .box .daytime{color:#4d4d4d;font-size: 26px;padding-bottom: 15px;border-bottom: 1px dashed #cecece}
.about-history .box .content{color:#818181;font-size: 18px;margin-top:40px;text-align: center}
.about-history .box:before{content:'';position: absolute;left:50%;bottom:44px;margin-left:-6px;width:12px;height:12px;border-radius:100px;background-color: #1274e7 }
.about-history .box:after{content:'';position: absolute;left:50%;bottom:36px;margin-left:-14px;width:22px;height:22px;border:3px solid #fed5b2;border-radius:100px;}
.about-history .box .lines{position: absolute;z-index:99;width: 0;height:0;bottom:50px;left:50%;}
.about-history .box .lines:before{content:'';position: absolute;right:0;width:156px;border-top:1px solid #1274e7;}
.about-history .box .lines:after{content:'';position: absolute;left:0;width:156px;border-top:1px solid #1274e7;}
.about-history .swiper-slide:first-child .lines:before,.about-history .swiper-slide:last-child .lines:after{border:0;}

/*about-news*/
.about-news{padding-bottom: 70px}
.about-news .tabBar{text-align: center;}
.about-news .tabBar span{display:inline-block;padding:0 35px;line-height: 33px;border-radius: 35px;border:1px solid #dbdbdb;color:#4d4d4d;font-size: 14px;cursor: pointer;margin:0 10px;}
.about-news .tabBar span.current{border-color: #1274e7;background-color: #1274e7;color:#ffffff;}
.about-news .tabCon{width:1200px;overflow: hidden;margin-top: 50px;}
.about-news .tabCon ul{margin-left: -40px;}
.about-news .tabCon ul li{float: left;width:270px;margin-left: 40px;height:330px;}
.about-news .tabCon ul li .pic{width:270px;height:154px;}
.about-news .tabCon ul li .pic img{width:270px;height:154px;}
.about-news .tabCon ul li .tit{width:270px;height:50px;line-height: 25px;overflow: hidden;margin-top: 15px;}
.about-news .tabCon ul li .tit a{color:#4d4d4d;font-size: 18px}
.about-news .tabCon ul li .tit a:hover{color:#1274e7;}
.about-news .tabCon ul li .txt{width:270px;height:50px;line-height: 25px;overflow: hidden;margin-top: 15px;color:#818181;font-size: 14px}
.about-news .tabCon ul li .day{width:270px;height:20px;line-height: 20px;overflow: hidden;margin-top: 20px;color:#818181;font-size: 14px}

.about-news .readmore {display: block;width: 160px;line-height: 38px;margin: auto;margin-top: 50px;background-color: #1274e7;color: #ffffff;text-align: center;border-radius: 100px;}

/*about-contact*/
.about-contact{position:relative;height:690px;/*background:url(../images/bgs6.jpg) no-repeat center center;*/}
.about-contact .a-logo{position: absolute;left:50%;margin-left:-600px;top:86px;}
.about-contact .a-phone{position: absolute;left:50%;margin-left:-150px;top:88px;}
.about-contact .a-address{position: absolute;left:50%;margin-left:270px;top:88px;}
.about-contact .a-phone span{display:block;color:#4d4d4d;font-size: 16px;line-height: 20px}
.about-contact .a-phone strong{display:block;color:#4d4d4d;font-size: 25px;font-weight: 400;line-height: 40px}
.about-contact .a-address span{display:block;color:#333333;font-size: 18px;line-height: 30px}
.about-contact .a-address strong{display:block;color:#868686;font-size: 14px;font-weight: 400;line-height: 30px}

.about-contact .item-column {display: block;margin-right:35px;margin-top:40px;width: 300px;height: 70px;line-height: 70px;float: left;overflow: hidden;background-color: #fff;border-radius: 5px;box-shadow: 0 8px 20px rgba(0,0,0,0.1);}
.about-contact .item-column .icon {float:left;display: block;width: 50px;height: 50px;background: url("../images/foot.png") no-repeat;margin:10px;}
.about-contact .item-column .email {background-position:0 0;}
.about-contact .item-column .tel {background-position:-200px 0;}
.about-contact .item-column .wechat {background-position:-50px 0;}
.about-contact .item-column .plus {background-position:-100px 0;}
.about-contact .item-column .address {background-position:-150px 0;}
.about-contact .item-column .box {float: left;display: block;height: 70px;line-height: 70px;width: 230px;}
.about-contact .item-column .box .title {width: 230px;height: 30px;line-height: 30px;margin-top: 5px;}
.about-contact .item-column .box .content {white-space:normal;overflow:auto;}
.about-contact .w1200 .map {height: 230px;}
/*help-nav*/
.help-nav{height:57px;margin-top: 72px;}
.help-nav a{float: left;padding:0 20px;height:54px;line-height: 57px;margin-right: 60px;font-size: 14px;color:#4d4d4d;}
.help-nav a.current{border-bottom:3px solid #1274e7;color:#1274e7;}

/*help-goodsmanual*/
.help-goodsmanual{padding-bottom: 70px;background-color: #f6f8fb}
.help-goodsmanual .box{margin-left:-22px;}
.help-goodsmanual .lis{float: left;display:block;width:100px;height:100px;margin-left:22px;background-color: #ffffff;overflow: hidden;text-align: center}
.help-goodsmanual .lis .icon{display:block;width:50px;height:50px;margin:auto;margin-top: 15px;background:url(../images/icon_06.png) no-repeat;}
.help-goodsmanual .lis .icon_01{background-position: 0 0}
.help-goodsmanual .lis .icon_02{background-position: -50px 0}
.help-goodsmanual .lis .icon_03{background-position: -100px 0}
.help-goodsmanual .lis .icon_04{background-position: -150px 0}
.help-goodsmanual .lis .icon_05{background-position: -200px 0}
.help-goodsmanual .lis .icon_06{background-position: -250px 0}
.help-goodsmanual .lis .icon_07{background-position: -300px 0}
.help-goodsmanual .lis .icon_08{background-position: -350px 0}
.help-goodsmanual .lis .icon_09{background-position: -400px 0}
.help-goodsmanual .lis .tit{color:#4d4d4d;font-size: 14px;margin-top: 5px}

/*help-lists*/
.help-lists{padding: 70px 0}
.help-lists .box{width:570px;height:410px;}
.help-lists .box .title{margin-bottom: 25px;line-height: 35px;font-size: 26px;color:#4d4d4d;}
.help-lists .box .title .readmore{float: right;display:inline-block;padding:0 35px;line-height: 33px;border-radius: 35px;border:1px solid #dbdbdb;color:#4d4d4d;font-size: 14px;cursor: pointer;margin:0 10px;}
.help-lists .box .title .readmore:hover{border-color: #1274e7;background-color: #1274e7;color:#ffffff;}
.help-lists .box .pic{float: left;width:203px;}
.help-lists .box .pic img{width:203px;}
.help-lists .box ul{float: right;width:355px;}
.help-lists .box ul li{width:355px;height:58px;border:1px solid #e9e9e9;margin-top:-1px;}
.help-lists .box ul li a{position:relative;display:block;width:328px;height:56px;line-height:58px;padding-left: 25px;overflow:hidden;white-space:nowrap;text-overflow:hidden;}
.help-lists .box ul li a:after{content:'';position:absolute;right:28px;top:25px;width:6px;height:6px;border-top:1px solid #979797;border-right:1px solid #979797;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.help-lists .box ul li:hover{border-color:#1274e7;background-color: #1274e7}
.help-lists .box ul li:hover a{color:#ffffff;}
.help-lists .box ul li:hover a:after{border-color:#ffffff;}

/*help-videos*/
.help-videos{padding-bottom: 70px;background-color: #f6f8fb}
.help-videos .box{margin-left:-17px;}
.help-videos .box li{float: left;width:287px;height:290px;margin-left: 17px;margin-top: 17px;background-color: #ffffff}
.help-videos .box li .pic{width:287px;height:185px}
.help-videos .box li .pic img{width:287px;height:185px}
.help-videos .box li .tit{width:240px;height:40px;line-height:40px;margin:auto;margin-top: 10px;overflow: hidden;color:#4d4d4d;font-size: 16px;border-bottom:1px solid #e9e9e9;}
.help-videos .box li .readmore{position:relative;width:240px;height:30px;line-height:30px;margin:auto;margin-top:5px;overflow: hidden;color:#818181;font-size: 13px;}
.help-videos .box li .readmore:after{content:'';position:absolute;right:5px;top:12px;width:6px;height:6px;border-top:1px solid #979797;border-right:1px solid #979797;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.help-videos .box li:hover {background-color:#1274e7;}
.help-videos .box li:hover .tit{border-color:#fff;color:#ffffff;}
.help-videos .box li:hover .readmore{color:#fff;}
.help-videos .box li:hover .readmore:after{border-color:#fff;}


/*help-alllist*/
.help-alllist{padding:30px 0 70px;background-color: #f6f8fb}
.help-alllist .w1200{background-color: #ffffff;overflow: hidden}
.help-alllist .box{position: relative;width:1120px;margin:auto;margin:50px ;background-color: #ffffff}
.help-alllist .box:before{content:'';position: absolute;width:0;height:100%;top:0;left:270px;border-left:1px solid #e9e9e9;}
.help-alllist .navs{float: left;width:240px;}
.help-alllist .navs a{display:block;margin-top:10px;width:240px;height:40px;line-height: 40px;color:#4d4d4d;font-size: 15px;border-bottom:3px solid #ffffff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.help-alllist .navs a.current{border-color:#1274e7;color:#1274e7;}
.help-alllist .lists{float: right;width:800px;}
.help-alllist .lists li{width:775px;position: relative;margin-left: 15px;border-bottom:1px solid #e9e9e9;height:59px;line-height: 59px}
.help-alllist .lists li:after{content:'';position: absolute;left:-15px;top:50%;width:4px;height:4px;margin-top: -2px;background-color: #818181;border-radius: 100%}
.help-alllist .lists li a{display:inline-block;max-width: 660px;overflow: hidden;color:#4d4d4d;font-size: 15px;}
.help-alllist .lists li a:hover{color:#1274e7;}
.help-alllist .lists li .visit{float: right;color:#818181;font-size: 13px}
.help-alllist .main{float: right;width:790px;}
.help-alllist .main .title{font-size:24px;color:#4d4d4d;border-bottom: 1px solid #e9e9e9;padding-bottom: 15px}
.help-alllist .main .content{padding-top: 45px;color:#383838;font-size: 14px;line-height: 25px}
.help-alllist .main .content img{max-width: 100% !important;height:auto !important;cursor: zoom-in;}
.help-alllist .main .content h2{font-size: 24px;}


/*help-update*/
.help-update{padding:30px 0 70px;background-color: #f6f8fb}
.help-update .w1200{background-color: #ffffff;overflow: hidden}
.help-update .box{position: relative;width:1080px;margin:auto;margin:55px 60px;background-color: #ffffff}

/*help-update*/
.help-update .fold .item{ position:relative;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #e9e9e9}
.help-update .fold .item h4{height:57px;font-weight: 400;cursor: pointer;}
.help-update .fold .item h4 .day{float:left;width:57px;height:57px;background-color: #1274e7;border-radius: 3px;margin-right: 13px;text-align: center}
.help-update .fold .item h4 .day .sp1{color:#ffffff;font-size: 16px;font-family: arial;margin-top: 5px;display: block;line-height: 25px}
.help-update .fold .item h4 .day .sp2{color:#ffffff;font-size: 11px;font-family: arial;margin-top: 0;display: block;line-height: 25px}
.help-update .fold .item h4 .tit{color:#818181;font-size: 14px;line-height: 28px}
.help-update .fold .item .info{display:none;padding:15px 25px;background-color: #fdf5eb;color:#818181;line-height: 29px;margin-top: 20px}

.help-update .fold .item h4:after {content: '';position: absolute;right: 0;top: 40px;width: 6px;height: 6px;border-top: 1px solid #979797;border-right: 1px solid #979797;transform: rotate(135deg);-ms-transform: rotate(135deg);-webkit-transform: rotate(135deg);-o-transform: rotate(135deg);-moz-transform: rotate(135deg);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.help-update .fold .item h4.selected:after{transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}

/*news*/
.news-content{background-color: #f6f8fb;padding:30px 0 70px;}
.news-main{padding:40px 50px;width:1200px;margin:auto;background-color: #ffffff}
.news-main .news-list{margin-left: -40px;}
.news-main .news-list li{float: left;width:270px;margin-left: 40px;height:330px;margin-bottom: 60px}
.news-main .news-list li .pic{width:270px;height:154px;}
.news-main .news-list li .pic img{width:270px;height:154px;}
.news-main .news-list li .tit{width:270px;height:50px;line-height: 25px;overflow: hidden;margin-top: 15px;}
.news-main .news-list li .tit a{color:#4d4d4d;font-size: 18px}
.news-main .news-list li .tit a:hover{color:#1274e7;}
.news-main .news-list li .txt{width:270px;height:50px;line-height: 25px;overflow: hidden;margin-top: 15px;color:#818181;font-size: 14px}
.news-main .news-list li .day{width:270px;height:20px;line-height: 20px;overflow: hidden;margin-top: 20px;color:#818181;font-size: 14px}


.news-main .con_left{width:850px;}
.news-main .con_left .content{padding:30px 0;}
.news-main .con_left .content img{max-width:100% !important;height:auto !important;}
.news-main .con_left .content iframe,
.news-main .con_left .content embed,
.news-main .con_left .content video{max-width:800px !important;max-height:500px !important;margin:auto;display:block;}

.news-main .news-title{position:relative;z-index:99;padding-bottom:15px;border-bottom:1px solid #e6e6e6;}
.news-main .news-title .title{width:800px;font-size:24px;color: #4d4d4d;font-weight:400}
.news-main .news-title .date{width:800px;font-size:14px;color: #868686;margin-top:15px}
.news-main .otherxx{padding:20px 0;}


.m-ewm{position:absolute;right:0;bottom:20px;width:20px;height:20px;background:url(../images/ico_qr.png) no-repeat center center;}
.m-ewm .por{width:100%;height:100%;}
.m-ewm .showewm{display:none;position:absolute;right:0;top:0;width:160px;height:210px;padding:10px;text-align:center;background:#fff;border:1px solid #ddd;}
.m-ewm .showewm img{display:block;margin:auto;width:140px;height:140px;}
.m-ewm .showewm p{display:block;margin:auto;margin-top:10px;line-height:1.5;font-size:12px;color:#666666}
.m-ewm .showewm p span{color:#1274e7;font-weight:700}
.m-ewm:hover .showewm{display:block;}

.hot-news{width:270px;}
.hot-news .ptitle{margin-top:42px;color:#4d4d4d;font-size: 20px;border-bottom:1px solid #e6e6e6;padding-bottom: 15px}
.hot-news li{width:270px;height:250px;margin-top:35px;}
.hot-news li .pic{width:270px;height:154px;}
.hot-news li .pic img{width:270px;height:154px;}
.hot-news li .tit{width:270px;height:50px;line-height: 25px;overflow: hidden;margin-top: 15px;}
.hot-news li .tit a{color:#4d4d4d;font-size: 18px}
.hot-news li .tit a:hover{color:#1274e7;}
.hot-news li .day{width:270px;height:20px;line-height: 20px;overflow: hidden;margin-top: 10px;color:#818181;font-size: 14px}



/*********      page      ***************/

#page{ width:1200px;padding:20px 0;overflow:hidden;margin:auto}
#page .page_info{ text-align:center}
#page .page_info select{display:none;}
#page .page_info span,#page .page_info a{padding:8px 14px;font-size:14px;margin:0 5px;border:none;background:#fff;border:1px solid #ddd;border-radius:4px; line-height:30px;color:#666;}
#page .page_info span.nolink {color:#ccc ;background:#fff;border:1px solid #f1f1f1;}
#page .page_info span{background-color:#1274e7;border:1px solid #1274e7;}
#page .page_info span font{ color:#fff; font-weight:normal;*padding:0; *width:8px; *height:10px; font-size:14px;font-weight:bold}
#page .page_info a:hover{ background-color:#1274e7;color:#fff;border:1px solid #1274e7;}



/** prev next button ***/
.pn{ padding-top:25px;margin:auto;overflow:hidden;border-top:1px solid #e6e6e6;color:#868686}
.pn .pn_l{padding:2px 0;font-size:14px;}
.pn .pn_r{padding:2px 0;font-size:14px;}
.pn .pn_l a,.pn .pn_r a{color:#666666}
.pn .pn_l a:hover,.pn .pn_r a:hover{color:#1274e7}
.pn a.back{display: block;float: right;width:140px;height:40px;line-height: 40px;background-color: #1274e7;color:#fff;text-align: center;border-radius: 40px;font-size: 14px;margin-top: 5px}




/*contact*/
.contact{padding-bottom: 70px}
.contact .lis{float: left;width:399px;border-right:1px solid #e6e6e6;padding:15px 0 50px;text-align: center}
.contact .lis .icon{width:100px;height:100px;display: block;margin:auto;}
.contact .lis .icon_01{background:url(../images/ico_tel.jpg) no-repeat center center;}
.contact .lis .icon_02{background:url(../images/ico_adr.png) no-repeat center center;}
.contact .lis .p1{margin-top: 18px;color:#4d4d4d;font-size: 17px}
.contact .lis .p2{margin-top: 10px;color:#818181;font-size: 14px}
.contact .lis .ewm{width:100px;height:100px;margin:auto;}

.feedback {background-color: #f6f8fb;padding:1px 0 80px;}
.feedback .icon{float: left;margin-top:15px;margin-left:15px;width:20px;height:20px;display: block;background:url(../images/icon_07.png) no-repeat;}
.feedback .icon_name{background-position: 0 0 }
.feedback .icon_phone{background-position: -20px 0 }
.feedback .icon_email{background-position: -40px 0 }
.feedback .icon_con{background-position: -60px 0 }
.feedback .lis_h{width:360px;background-color: #ffffff;height:50px;margin-bottom: 25px;}
.feedback .lis_f{width:1200px;background-color: #ffffff;height:170px;margin-bottom: 25px;}
.feedback .lis_h input{margin-left:10px;width:300px;padding: 0 ;height:50px;line-height:50px;background: none;border:0}
.feedback .lis_f textarea{margin-left:10px;width:1150px;margin-top:10px;height:150px;line-height:25px;background: none;border:0;resize:none;}
.feedback .yzm{height:50px;border:0}
.feedback .yzm input{float: left;width:160px;padding:0 20px;height:50px;line-height:50px;background: #ffffff;border:none}
.feedback .yzm img{float: left;width:100px;height:50px;background: #ffffff;}
.feedback .yzm button{float: left;margin-left:30px;width:150px;height:50px;color:#ffffff;background: #1274e7;cursor:pointer;border:none}

.feedback .lis_h ,
.feedback .lis_f ,
.feedback .yzm input{-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s}
.feedback .lis_h:hover,
.feedback .lis_f:hover,
.feedback .yzm input:hover{box-shadow:0 2px 5px rgba(0,0,0,0.1);transform: translateY(-1px);-ms-transform: translateY(-1px);-webkit-transform: translateY(-1px);-o-transform: translateY(-1px);-moz-transform: translateY(-1px);}




/*price*/
.goods-price{padding-bottom: 70px;background-color: #f6f8fb}
.price-list{margin-left: -24px;margin-bottom: 50px;}
.price-list .lis{float: left;margin-left: 24px;width:384px;background-color: #ffffff;border-radius: 5px;overflow: hidden}
.price-list .lis .ver{width:384px;height:156px;line-height:156px;text-align: center;font-size: 30px;color:#ffffff;}
.price-list .lis .tit{width:340px;height:36px;line-height:36px;color:#ffffff;text-align: center;font-size: 16px;border-radius: 360px;margin:auto;margin-top:-18px;margin-bottom: 0px}
.price-list .lis .price{width:320px;height:60px;margin:auto;}
.price-list .lis .price span{float: left;color:#4d4d4d;font-size: 14px;line-height: 20px;margin-top: 25px}
.price-list .lis .price p{float: right;color:#4d4d4d;}
.price-list .lis .price p i{font-size: 15px;font-style: normal;line-height: 20px;margin-top: 25px;float: left;}
.price-list .lis .price p b{font-size: 50px;font-family: arial;font-weight: 400;line-height: 60px;float: left;margin:0 10px;}
.price-list .lis .price p small{font-size: 16px;line-height: 20px;margin-top: 25px;float: left;}
.price-list .lis .support{width:320px;margin:auto;padding:35px;}/*margin-top:30px;border-top:1px solid #e6e6e6;*/
.price-list .lis .support li{height:30px;line-height: 30px;margin-top: 0px;color:#4d4d4d;font-size: 14px}
.price-list .lis .support li span{float: right;}
.price-list .lis .freebtn{border-top:1px solid #e6e6e6;padding:30px 0;}
.price-list .lis .freebtn a{display:block;margin:auto;width:130px;height:50px;line-height:50px;text-align:center;color:#ffffff;font-size: 16px;border-radius:5px;}

.price-list .ver1 .ver{background:url(../images/pbg1.png) no-repeat center center}
.price-list .ver2 .ver{background:url(../images/pbg2.png) no-repeat center center}
.price-list .ver3 .ver{background:url(../images/pbg3.png) no-repeat center center}
.price-list .ver1 .tit{background-color: #09cba4}
.price-list .ver2 .tit{background-color: #3092fe}
.price-list .ver3 .tit{background-color: #fd7200}
.price-list .ver1 .support li span{color: #09cba4}
.price-list .ver2 .support li span{color: #3092fe}
.price-list .ver3 .support li span{color: #fd7200}
.price-list .ver1 .freebtn a{background-color: #09cba4}
.price-list .ver2 .freebtn a{background-color: #3092fe}
.price-list .ver3 .freebtn a{background-color: #fd7200}

.goods-price .remarks{text-align: center;font-size: 16px;color:#818181;}

.goods-price .modal{margin-top:85px;width:495px;}
.goods-price .modal .m-tit{font-size: 32px;color:#4d4d4d;}
.goods-price .modal .box{background-color: #ffffff;border-radius: 5px;height:420px;margin-top: 30px;text-align: center;overflow: hidden}
.goods-price .modal .box .tit{font-size: 28px;color:#4d4d4d;margin-top: 60px;}
.goods-price .modal .box .p{font-size: 16px;color:#818181;margin-top: 5px;}
.goods-price .modal .box .price{color:#1274e7;margin-top: 35px;}
.goods-price .modal .box .price i{font-size: 15px;font-style: normal;line-height: 20px;margin-top: 25px;display: inline-block;vertical-align: top}
.goods-price .modal .box .price b{font-size: 50px;font-family: arial;font-weight: 400;line-height: 60px;display: inline-block;vertical-align: top;margin:0 10px;}
.goods-price .modal .box .price small{font-size: 16px;line-height: 20px;margin-top: 25px;display: inline-block;vertical-align: top;}
.goods-price .modal .box .btn{display:block;margin:30px auto 40px;width:130px;height:50px;line-height:50px;text-align:center;color:#ffffff;background-color: #1274e7;font-size: 16px;border-radius:5px;}
.goods-price .modal .box .lin{margin-bottom: 25px;border-top:1px solid #e6e6e6;width:100%;height:0;}

.goods-price .other-price{margin-top:85px;width:685px;}
.goods-price .other-price .m-tit{font-size: 32px;color:#4d4d4d;}
.goods-price .other-price .box{background-color: #ffffff;border-radius: 5px;margin-top: 30px;padding-top:15px;padding-bottom:30px;overflow: hidden}
.goods-price .other-price .box .lis{width:630px;border:1px solid #e6e6e6;margin:auto;margin-top: 15px;padding:0;}
.goods-price .other-price .box .lis .tit{float: left;line-height: 58px;width:118px;padding-left: 20px;font-size: 16px;color:#4d4d4d;}
.goods-price .other-price .box .lis .txt{float: left;line-height: 28px;width:458px;padding: 15px 0 15px 15px;border-left: 1px solid #e6e6e6;font-size: 14px;color:#818181;}


.free-collection{position: relative;width:100%;height:254px;background:url(../images/bgs7.jpg) no-repeat center center;overflow: hidden}
.free-collection h5{color:#ffffff;font-size:35px;font-weight: 400;margin-top: 65px;text-align: center}
.free-collection .search{position: absolute;width:600px;left:50%;top:140px;margin-left:-300px;height:50px;background-color: #ffffff;border-radius: 3px;overflow: hidden}
.free-collection .search input{float: left;width:450px;margin-left: 20px;margin-top:10px;line-height: 30px;color:#979797;font-size: 15px;background:none;border:0;}
.free-collection .search a{float: right;width:130px;
    
    display: block;
    
    height: 50px;background:#1274e7;color:#ffffff;font-size:15px;border:0;text-align: center;line-height: 50px;cursor: pointer;}




.search_list{width:1200px;}
.search_list h2{height: 48px;line-height: 1;font-size: 18px;border-bottom: 1px solid #e7e7e7;}
.search_list li{padding:20px 0;height:130px;border-bottom:1px solid #dddddd}
.search_list li .tit{width:760px;height:30px;line-height:30px;}
.search_list li .tit a{color:#0000cc;font-size:16px;text-decoration:underline}
.search_list li .tit a .hightlight{color:#cc0087}
.search_list li .con{height:90px;margin-top:10px;}
.search_list li .con .pic{float:left;width:120px;height:90px;margin-right:20px;overflow:hidden}
.search_list li .con .pic a{display: table-cell;width:120px;height:90px;text-align:center;vertical-align:middle}
.search_list li .con .pic img{max-width:120px;max-height:90px;}
.search_list li .con .txt{height:88px;line-height:22px;color:#333;overflow:hidden}
.search_list li .con .txt .hightlight{color:#cc0087}