*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 12px/1.5 Microsoft YaHei, arial, 宋体, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
@font-face { font-family: 'impact'; src: url('../fonts/impact.ttf'); src: url('../fonts/impact.ttf'); format('embedded-opentype'), url('../fonts/impact.ttf'); format('woff'), url('../fonts/impact.ttf'); format('truetype'), url('../fonts/impact.ttf'); format('svg'); font-weight: normal; font-style: normal;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more-titlebg{ margin: 60px 0 0; background: url(../images/titlebg.png)no-repeat center 0; background: url(../images/titlebg.png)\9 no-repeat center 0;}
.more-title{ width: 1200px; margin: 0 auto 30px; text-align: center;}
.more-title p{ font-size: 32px; color: #333; line-height: 45px; padding: 10px 0 0;}
.more-title p i{ font-family: 华文中宋; font-size: 44px; color: #333;}
.more-title b{ font-size: 18px; color: #666;}

/*header*/

.header{ width: 100%;background: #fff;}

/*header h_nr_1*/

.header .h_nr_1{ width: inherit; background: #eee;}
.header .header_top{ height: 40px; line-height: 40px;position: relative;}
.header .header_top .header_left,.header .header_top .header_right a,.header .header_top .header_right i{ font-size: 14px; color: #666;}
.header .header_top .header_right i{ margin: 0 7px 0 10px;}
.header .header_top .header_right a+a+a{ margin-right: 0;}
.header .header_top .header_right a:hover{ color: #4caaf5;}

/*header h-nr-2*/

.header .h_nr_2{ width: inherit;}
.header .h_nr_2 .zb{ position: relative; padding: 40px 0; height: 149px;}
.header .h_nr_2 .zb .logo{ position: absolute; left: 510px; top: 0px; z-index: 15;}
.header .h_nr_2 .zb .wb{ display: inline-block; vertical-align: middle; letter-spacing: 1px; position: relative; text-align: left; margin: 0 0 0 0;}
.header .h_nr_2 .zb .wb p{ font-size: 26px; line-height: 30px;color: #333;}
.header .h_nr_2 .zb .wb p b{ font-weight: bold;}
.header .h_nr_2 .zb .wb p i{ font-size: 18px;color: #333;}
.header .h_nr_2 .right{ float: right;}
.header .h_nr_2 .right .lx-ph{ position: relative; width: 60px; height: 60px; margin-top: 10px; animation: msClock 1.2s linear infinite; animation: msClock 1.2s linear infinite;}
@keyframes msClock{ 0%,90%,100%{ transform: rotate(0) scale(1);}
	20%,40%{ transform: rotate(-15deg) scale(1.1);}
	30%,50%{ transform: rotate(15deg) scale(1.1);}
	}
.header .h_nr_2 .right .lx-ph img{ width: 60px; height: 60px;}
.header .h_nr_2 .right>div{ display: inline-block; vertical-align: top; text-align: left;}
.header .h_nr_2 .right>div p{ font-size: 14px;color: #666;}
.header .h_nr_2 .right .dz-rx{ margin: -5px 12px 0 15px; line-height: 26px;}
.header .h_nr_2 .right>div p+p{ font-size: 26px; color: #4caaf5; font-family: impact;}

/*header nav*/

.header .nav{ width: 100%; background: #4caaf5; height: 66px; line-height: 66px; overflow: hidden;}
.header .nav ul li{ float: left;position: relative;text-align: center;margin-right: 10px;}
.header .nav .nav-content ul li a{ color: #fff; font-size: 16px; position: relative; display: block; padding: 0 30px;}
.header .nav .nav-content ul li a i{ display: inline-block;}
.header .nav .nav-content ul li:before{ content: ""; background: url(../images/navtab.png)no-repeat; width: 16px; height: 16px; position: absolute; left: 10px; top: 25px; z-index: 15; display: inline-block; vertical-align: middle; transform: scale(0)}
.header .nav .nav-content ul .tsli{ margin: 0;}
.header .nav .nav-content ul li.on,.header .nav .nav-content ul li:hover{ background: #a9cf4c;}
.header .nav .nav-content ul li.on a i,.header .nav .nav-content ul li:hover a i{ transform: translate(5px, 0); transition-duration: 400ms;}
.header .nav .nav-content ul li.on:before,.header .nav .nav-content ul li:hover:before{ transform: scale(1); transition-duration: 400ms;}

/*首页banner*/

.banner-index{ font-size: 0;}
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 47%; bottom: 40px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 50px; height: 6px; background: none;border: 1px solid #fff; margin-right: 10px; cursor: pointer;}
.slideBox .hd ul li.on{ background: #51b2ff;border: 1px solid #51b2ff;}
.banner-index .slideBox .bd img{ width: 100%;}

/*search*/

.search{ width: 100%; position: relative; background: #eee;}
.search-content{height: 66px; line-height: 66px;}
.search-keywords{ display: inline-block;}
.search-keywords span img{ vertical-align: middle; margin: -5px 10px 0 0;}
.search-keywords span{color: #333; font-size: 15px; margin-right: 7px;}
.search-keywords a{ color: #666; font-size: 14px;margin-right: 25px;}
.search-keywords a:hover{ color: #4caaf5; text-decoration: underline;}
#searchForm{ background: url(../images/search.png)no-repeat; background: url(../images/search.png)\9 no-repeat; width: 320px; height: 40px; vertical-align: top; display: inline-block; margin: 15px 0 0;}
.search-form{ display: inline-block; float: right;}
#searchForm .search-input{ vertical-align: top; line-height: 40px; background: none; border: none; height: 40px; margin: 0 0 0 0; color: #999; outline: none; width: 85%; text-indent: 20px;}
.search-form #s_btn{margin-right: 18px; background: none; width: 25px; height: 40px; text-align: center; color: #fff; outline: none; border: none; cursor: pointer; display: inline-block; vertical-align: top; float: right;}
#searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */
	color: #999;}
#searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #999;}
#searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #999;}
#searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #999;}

/*con1*/

.con1{ padding: 30px 0 0;}
.con1 ul li+li+li+li{ margin-right: 0;}
.con1 ul li{ float: left; width: 260px; position: relative; margin-right: 53px;}
.con1 ul li .top{ text-align: center;}
.con1 ul li .js{ background: url(../images/fourkk.png)no-repeat; width: 260px; height: 308px; text-align: center; margin-top: -17px; padding: 35px 0 0;}
.con1 ul li .js dl dt{ font-size: 32px; color: #333; line-height: 33px; margin-bottom: 30px;}
.con1 ul li .js dl dd{ font-size: 14px; color: #666; line-height: 24px; width: 215px; margin: 0 auto 5px;}
.con1 ul li .js dl dt b{ font-weight: bold;}
.con1 ul li .icon{ position: relative; width: 60px; height: 60px; margin: 0 auto;}
.con1 ul li .icon img{ position: absolute; left: 0;top: 0;}
.con1 ul li .icon .img1{ visibility: visible;}
.con1 ul li .icon .img2{ visibility: hidden;}
.con1 ul li.on .icon .img1{ visibility: hidden;}
.con1 ul li.on .icon .img2{ visibility: visible;}
.con1 ul li.on .js{ background: url(../images/fourkk2.png)no-repeat;}
.con1 ul li .js dl{ height: 190px;}

/*product*/

.product{ padding: 60px 0 0; background: url(../images/productbg.png)no-repeat; background: url(../images/productbg.png)\9 no-repeat; width: 100%; height: 966px; margin: 60px 0 0;}
.product .pro-left{ width: 280px; margin-right: 30px;}
.product .pro-left .top{ background: url(../images/proltop.png)no-repeat; width: 280px; height: 128px; text-align: center; padding: 15px 0 0; position: relative;}
.product .pro-left .top>div{ display: inline-block; vertical-align: top;}
.product .pro-left .top .by{ font-size: 44px; color: #fff; line-height: 45px; font-family: 华文中宋; width: 90px;}

/*product sideMenu*/

.product .pro-left .sideMenu{ border: 2px solid #dcdcdc; width: 280px; padding: 11px 0 5px 0; border-top: none; border-bottom: none; background: #fff;}
.product .pro-left .sideMenu h6{ background: url(../images/prolzbg.png)no-repeat; width: 240px; height: 44px; line-height: 44px; margin: 0 auto 10px; padding: 0 25px 0 25px;}
.product .pro-left .sideMenu h6 a{ font-size: 18px; color: #fff;}
.product .pro-left .sideMenu h6 i{ float: right;}
.product .pro-left .sideMenu ul li{ position: relative; padding-left: 40px; margin-bottom: 15px;line-height: 16px;}
.product .pro-left .sideMenu ul li a{ font-size: 16px; color: #333; position: relative;}
.product .pro-left .sideMenu ul li a:before{ content: ""; width: 12px; height: 11px; background: url(../images/proicon1.png)no-repeat; display: inline-block; vertical-align: middle; margin: -3px 15px 0 0; visibility: visible;}
.product .pro-left .sideMenu ul li a:hover{ color: #4caaf5;}
.product .pro-left .sideMenu ul li a:hover:before{ background: url(../images/proicon2.png)no-repeat; visibility: visible;}
.product .pro-left .sideMenu ul{ margin: 13px 0;}

/*product bottom*/

.product .pro-left .bottom{ background: url(../images/prod.png)no-repeat; height: 124px; padding: 15px 0 0 15px;}
.product .pro-left .bottom p{ font-size: 14px; color: #fff; margin-bottom: 5px;}
.product .pro-left .bottom>div{ display: inline-block; vertical-align: middle;}
.product .pro-left .bottom dd{ font-size: 26px; color: #fff; font-family: impact; line-height: 30px;}
.product .pro-left .bottom .icon{ margin: 5px 5px 0 0;}

/*product right*/

.product .right{ width: 890px;}
.product .right ul li{ background: url(../images/prorbg.png)no-repeat; width: 280px; height: 260px; text-align: center; float: left; padding: 1px 0 0 0; margin: 0 20px 20px 0;}
.product .right ul li:first-child+li+li,.product .right ul li:first-child+li+li+li+li+li,.product .right ul li:first-child+li+li+li+li+li+li+li+li{ margin-right: 0;}
.product .right ul li .pic{ width: 278px; height: 218px; overflow: hidden; margin: 0 auto; background: url(../images/propicbgc.png)no-repeat;}
.product .right ul li .mc{ font-size: 14px; color: #333; width: 100%; height: 40px; line-height: 40px;}
.product .right ul li:hover{ background: url(../images/prorbg2.png)no-repeat;}
.product .right ul li:hover .mc{ color: #fff;}
.product .right ul li:hover .pic img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}

/*solution*/

.solution .solution_con{height: 518px;}
.solution .solution_con .conleft{width: 390px;background: #eee;height: 500px;position: relative;overflow: hidden;}
.solution .solution_con .conleft .left_con{position: absolute;left: 0;top: 0;height: 500px;}
.solution .solution_con .conleft .leftcase{padding: 40px 35px;float: left;height: 500px;width: 390px;}
.solution .solution_con .conleft .leftcase h6{font-size: 24px;color: #333;font-weight: bold;line-height: 25px;}
.solution .solution_con .conleft .leftcase .hr{ width: 50px; height: 4px; background: #999; margin: 25px 0;}
.solution .solution_con .conleft .leftcase .js{ height: 296px;}
.solution .solution_con .conleft .leftcase .text{font-size: 14px; margin-top: 15px; color: #666; line-height: 24px;}
.solution .solution_con .conleft .leftcase .text i{ font-weight: bold; color: #333;}
.solution .solution_con .conleft .leftcase .morea{ margin: 30px 0 0;}
.solution .solution_con .conleft .leftcase .morea a{ display: block;width: 120px;height: 45px;line-height: 45px;text-align: center;font-size: 14px;color: #fff; background: url(../images/solutionmore.png)no-repeat;font-weight: bold; border-radius: 21px;}
.solution .solution_con .conleft .leftcase .morea a:hover{ box-shadow: 0 0 10px 1px #888;}
.solution .solution_con .conright{width: 810px;height: 500px;position: relative;overflow: hidden;}
.solution .solution_con .conright .r_ul1{position: absolute;left: 0;top: 0;}
.solution .solution_con .conright .r_ul1 li{float: left;width: 810px;height: 500px;}
.solution .solution_con .conright .r_ul2{ height: 66px; position: absolute;left: 0;bottom: 0; background-color: rgba(0, 0, 0, 0.302);}
.solution .solution_con .conright .r_ul2 li{float: left; width: 270px; height: 67px; line-height: 67px; text-align: center;}
.solution .solution_con .conright .r_ul2 li a{ font-size: 16px;color: #fff; display: block;width: 100%;height: 100%;}
.solution .solution_con .conright .r_ul2 li a b{ font-weight: bold; font-size: 18px;}
.solution .solution_con .conright .r_ul2 li a span{ width: 15px; height: 1px; display: inline-block; vertical-align: middle; background: #fff; margin: 0 5px 0;}
.solution .solution_con .conright .r_ul2 li.cur{ background: url(../images/solutiontab.png)no-repeat;}

/*four_ys*/

.four_ys{ height: 479px;}
.four_ys .nr{ background: url(../images/ysbg.png)no-repeat; height: 439px; position: relative;}
.four_ys .nr .bd{ height: 412px; overflow: hidden;}
.four_ys .nr .bd ul li .pic{ width: 580px; height: 370px; text-align: center;}
.four_ys .nr .bd ul li .pic .img{ width: 568px; height: 357px; overflow: hidden; margin: 7px auto;}
.four_ys .nr .bd ul li .pic:hover img,.case .nr .bd ul li .album .photos .pic:hover img,.case .nr .bd ul li .right:hover .pic img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.four_ys .nr .bd ul li .js{ width: 540px;margin-right: 30px;}
.four_ys .nr .bd ul li .js dt>div{ display: inline-block; vertical-align: top;}
.four_ys .nr .bd ul li .js dt .icon{ margin-bottom: 10px;}
.four_ys .nr .bd ul li .js dt .by{ margin: 30px 0 0;}
.four_ys .nr .bd ul li .js dt .by b{ display: block; font-family: 华文中宋; font-size: 40px; color: #333; line-height: 40px; margin-bottom: 5px;}
.four_ys .nr .bd ul li .js dt .by i{ display: block; font-family: 华文中宋; font-size: 12px; color: #ccc; text-transform: uppercase; letter-spacing: 1px;}
.four_ys .nr .bd ul li .js dd p{ font-size: 16px; color: #333; line-height: 26px; margin-bottom: 15px;}
.four_ys .nr .hd ul li{ float: left; background: url(../images/casetab1.png)no-repeat; width: 190px; height: 62px; text-align: center; cursor: pointer; color: #fff; padding: 8px 0 0; margin-right: 60px;}
.four_ys .nr .hd ul li+li+li+li{ margin-right: 0;}
.four_ys .nr .hd ul li p{ font-size: 22px; line-height: 26px;}
.four_ys .nr .hd ul li i{ text-transform: uppercase; font-size: 14px; color: rgba(255, 255, 255, 0.4); font-family: Arial;}
.four_ys .nr .hd ul{ margin: -5px 130px 0;}
.four_ys .nr .hd ul li.on{ background: url(../images/casetab2.png)no-repeat;}

/*case*/

.case{ height: 514px;}
.case .nr{ position: relative; padding-right: 60px; height: 514px;}
.case .nr .bd ul li dt{ margin-bottom: 15px;}
.case .nr .bd ul li dt>div{ display: inline-block; vertical-align: top;}
.case .nr .bd ul li dt .icon{ width: 100px; height: 100px; overflow: hidden; border-radius: 50%; margin-right: 37px;}
.case .nr .bd ul li dt .by h6{ font-size: 16px; color: #333;}
.case .nr .bd ul li dt .by p{ font-size: 26px; color: #333; margin: 25px 0 15px;}
.case .nr .bd ul li dt .by hr{ background-color: rgb(232, 232, 232); width: 50px; height: 4px; outline: none; border: none;}
.case .nr .bd ul li dd{ text-indent: 20px; font-size: 14px; color: #666; line-height: 28px; width: 490px; text-align: justify; height: 128px;}
.case .nr .bd ul li .album>div{ display: inline-block; vertical-align: top; background: url(../images/casepicbg1.png)no-repeat; width: 238px; height: 162px;}
.case .nr .bd ul li .album .photos .pic{ width: 216px; height: 140px; overflow: hidden; margin: 11px auto; border-radius: 10px;}
.case .nr .bd ul li .album .photos .pic img{ width: 100%;}
.case .nr .bd ul li .album .photos+.photos{ margin-left: 15px;}
.case .nr .bd ul li .casejs{ width: 495px;}
.case .nr .bd ul li .right{ background: url(../images/casepicbg2.png)no-repeat; width: 612px; height: 412px; overflow: hidden;}
.case .nr .bd ul li .right .pic{ width: 590px; height: 390px; overflow: hidden; margin: 11px auto; border-radius: 10px;}
.case .nr .hd ul li{ float: left; background: url(../images/casetab1.png)no-repeat; width: 190px; height: 62px; text-align: center; cursor: pointer; color: #fff; padding: 8px 0 0; margin-right: 62px;}
.case .nr .hd ul li+li+li+li+li{ margin-right: 0;}
.case .nr .hd ul li p{ font-size: 22px; line-height: 26px;}
.case .nr .hd ul li i{ text-transform: uppercase; font-size: 12px; color: rgba(255, 255, 255, 0.4); font-family: Arial;}
.case .nr .hd ul{ margin: 40px 0 0;}
.case .nr .hd ul li.on{ background: url(../images/casetab2.png)no-repeat;}
.case .nr .btnbox{ position: absolute; right: 0; top: 0; width: 30px; height: 412px; text-align: center;}
.case .nr .btnbox .btn{ position: absolute; left: 0; width: 30px; height: 50px; cursor: pointer; z-index: 15;}
.case .nr .btnbox .prev{ top: 155px;}
.case .nr .btnbox .next{ top: 240px;}
.case .nr .btnbox .hr{ width: 1px; height: 412px; background: #dcdcdc; display: inline-block;vertical-align: top;}

/*smallbanner1*/

.smallbanner1{ background: url(../images/smbanner.png)no-repeat center; background: url(../images/smbanner.png)\9 no-repeat center; height: 320px; background-size: cover; width: 100%; margin-top: 60px;}
.smallbanner1 .nr{ position: relative; padding: 50px 145px 0 145px;}
.smallbanner1 .nr .pic{ position: absolute; right: 235px; top: 0px;}
.smallbanner1 .nr .left{ width: 416px;}
.smallbanner1 .nr .left p{ text-align: center; font-size: 18px; color: #fff;}
.smallbanner1 .nr .left h6{ width: 416px; height: 60px; text-align: center; line-height: 60px; background: #a9cf4c; font-size: 34px; color: #fff; margin: 20px 0;}
.smallbanner1 .nr .left dl>dd{ display: inline-block; vertical-align: top; text-align: center;}
.smallbanner1 .nr .left dl dd .by{ font-size: 24px; color: #fff;}
.smallbanner1 .nr .left dl dd .text i,.smallbanner1 .nr .left dl dd .text b{ display: inline-block; vertical-align: baseline;}
.smallbanner1 .nr .left dl dd .text i{ font-size: 80px; color: #fff; font-family: 方正黑体_GBK; line-height: 80px;}
.smallbanner1 .nr .left dl dd .text b{ font-size: 20px; color: #fff;}
.smallbanner1 .nr .right{ padding: 20px 0 0; text-align: right;}
.smallbanner1 .nr .right p{ font-size: 14px; color: #fff; margin-bottom: 10px;}
.smallbanner1 .nr .right b{ font-size: 30px; color: #fff; font-family: impact; line-height: 35px; text-align: left; display: block;}
.smallbanner1 .nr .right .more{ position: relative; z-index: 15; display: block; font-size: 16px; color: #fff; font-weight: bold; margin: 40px 0 0; background: url(../images/more.png)no-repeat; width: 190px; height: 48px; text-align: center; line-height: 48px;}

/*smallbanner2*/

.smallbanner2{ background: url(../images/smbanner2.png)no-repeat; background: url(../images/smbanner2.png)\9 no-repeat; width: 100%; height: 381px; background-size: cover; margin: 60px 0 0 0;}
.smallbanner2 .nr{ padding: 40px 110px 0 0;}
.smallbanner2 .nr .wa{ padding: 50px 0 0;}
.smallbanner2 .nr .wa dt{ font-size: 54px; color: #fff; font-family: 华文中宋; line-height: 54px;}
.smallbanner2 .nr .wa dd>div{ display: inline-block; vertical-align: middle;}
.smallbanner2 .nr .wa dd .by{ font-size: 28px; color: #fff; font-family: 华文中宋;}
.smallbanner2 .nr .wa dd .hr{ width: 136px; height: 8px; background: #fff; margin: 0 0 0 22px;}
.smallbanner2 .nr .wa dd{ margin: 25px 0 30px;}
.smallbanner2 .nr .wa .js>div{ display: inline-block; vertical-align: top;}
.smallbanner2 .nr .wa .js .rx{ margin: 20px 0 0 17px;}
.smallbanner2 .nr .wa .js .rx i,.smallbanner2 .nr .wa .js .rx b{ display: inline-block; vertical-align: top;}
.smallbanner2 .nr .wa .js .rx i{ font-size: 18px; color: #fff; font-family: 华文中宋;}
.smallbanner2 .nr .wa .js .rx b{ font-size: 36px; color: #fff; font-family: impact; line-height: 40px;}
.smallbanner2 .nr .formback form{ background: #fff; padding: 25px; width: 490px; height: 298px;}
.smallbanner2 .nr .formback form .lyb{ width: 440px; height: 105px; font-family: "微软雅黑"; font-size: 14px; text-indent: 10px; padding-top: 15px; resize: none; margin-bottom: 20px; outline: none; border: 1px solid rgb(220, 220, 220);}
.smallbanner2 .nr .formback form .lxr{ margin-right: 16px;}
.smallbanner2 .nr .formback form input{ width: 210px; height: 44px; line-height: 44px; color: #999; font-size: 14px; text-indent: 15px; margin-bottom: 25px; outline: none; border: 1px solid rgb(220, 220, 220);}
.smallbanner2 .nr .formback .sub{ color: #fff; font-size: 18px; width: 440px; height: 48px; text-align: center; outline: none; border: none; line-height: 48px; display: inline-block; vertical-align: top;}
.smallbanner2 .nr .formback .sub:hover{ box-shadow: 0px 2px 10px 0px rgba(82, 82, 82, 0.4); background: #4caaf5;}
.smallbanner2 .nr .formback .subtn{ background: #a9cf4c;}

/*qyxc*/

.qyxc{ height: 522px; overflow: hidden;}
.qyxc .bigbox{ background: url(../images/qyxcbbg.png)no-repeat; width: 387px; height: 522px; overflow: hidden; text-align: center;}
.qyxc .smallbox dd{ margin: 0 19px 17px; background: url(../images/qyxcsbg.png)no-repeat; width: 387px; height: 252px; overflow: hidden; text-align: center;float: left;}
.qyxc .smallbox dd .pic{ position: relative; width: 365px; height: 230px; overflow: hidden; margin: 11px auto; border-radius: 10px;}
.qyxc .smallbox dd:first-child+dd,.qyxc .smallbox dd:first-child+dd+dd+dd{ margin: 0 0 0;}
.qyxc .bigbox .pic{ position: relative; width: 365px; height: 500px; overflow: hidden; margin: 11px auto; border-radius: 10px;}
.qyxc .bigbox .pic .img{ width: 365px; height: 500px;}
.qyxc .bigbox .pic .img img,.qyxc .smallbox dd .pic .img img{ width: 100%;}
.qyxc .bigbox:hover .img img,.qyxc .smallbox dd:hover .img img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.qyxc .yyc{ position: absolute; left: 0; bottom: 0; width: 100%; height: 41px; color: #fff; font-size: 16px; background: rgba(0, 0, 0, 0.4); line-height: 41px;}

/*about*/

.aboutbg{ background: url(../images/aboutbg.png)no-repeat center 0; background: url(../images/aboutbg.png)\9 no-repeat center 0; background-size: cover; width: 100%; height: 992px; padding: 60px 0 0; margin: 60px 0 0;}
.aboutbg .more-title{ background: url(../images/abouttitle.png)no-repeat center 0; background: url(../images/abouttitle.png)\9 no-repeat center 0;}
.aboutbg .about{ background: url(../images/aboutwabg.png)no-repeat center 0; background: url(../images/aboutwabg.png)\9 no-repeat center 0; height: 399px;}
.about .left{ overflow: hidden; width: 610px; height: 399px;}
.about .left .pic{ overflow: hidden; width: 594px; height: 383px; margin: 8px auto;}
.about .left:hover .pic img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.about .left .pic img{ width: 100%;}
.about .nr .right{ margin-right: 30px; width: 525px; padding: 70px 0 0;}
.about .nr .right .bt{ color: #333; font-size: 24px; line-height: 24px;}
.about .nr .right .wb {}

.about .nr .right .hr{ width: 60px; height: 4px; background: #4caaf5; display: inline-block; vertical-align: top; margin: 30px 0 20px;}
.about .nr .right p{ color: #666; font-size: 14px; width: 520px; overflow: hidden; text-align: justify; line-height: 30px; height: 165px;}
.about .nr .right .more{ width: 130px; height: 42px; text-align: center; line-height: 43px; background: url(../images/aboutmore.png)no-repeat; border-radius: 21px; color: #fff; font-size: 14px; font-weight: bold; display: block;}
.about .nr .right .more:hover{box-shadow: 0 0 10px 1px #888;}

/*honor*/

.honor{ padding: 35px 0 0;}
.honor .nr{ position: relative;}
.honor .nr .bd{ margin: 0 60px;}
.honor .nr .bd ul li{ float: left; width: 240px; margin-right: 40px;}
.honor .nr .bd ul li .pic{ width: 240px; height: 313px; overflow: hidden;}
.honor .nr .bd ul li .pic img{ width: 100%; vertical-align: middle;}
.honor .nr .btn{ position: absolute; width: 30px; height: 50px; z-index: 12; top: 125px; cursor: pointer;}
.honor .nr .prev{ left: 0;}
.honor .nr .next{ right: 0;}

/*new*/

.new{ margin: 60px auto 0;}
.new .newlist{ display: inline-block; vertical-align: top; width: 386px; border: 1px solid #d8d8d8; height: 450px; overflow: hidden; margin-right: 16px;}
.new .newlist .top{ background: #eee; text-align: center; height: 82px; padding: 15px 0 0 0;}
.new .newlist .top p{ font-size: 20px; color: #333;}
.new .newlist .top i{ font-size: 14px; color: #c8c8c8; text-transform: uppercase; line-height: 10px;}
.new .newlist .top i:before,.new .newlist .top i:after{ content: ""; width: 80px; background: #DCDCDC; height: 1px; display: inline-block; vertical-align: middle;}
.new .newlist .top i:before{ margin-right: 21px;}
.new .newlist .top i:after{ margin-left: 21px;}
.new .newlist .img{ width: 350px; height: 180px; overflow: hidden; margin-bottom: 10px;}
.new .newlist .img img{ width: 100%;}
.new .newlist .img:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.new .newlist1 ul li{ margin-bottom: 15px; line-height: 14px;}
.new .newlist2 ul li{ margin-bottom: 20px; line-height: 10px;}
.new .newlist ul li a{ font-size: 14px; color: #333;}
.new .newlist1 ul li a:before,.new .newlist2 ul li a:before{ content: "●"; margin-right: 2px;color: #666;}
.new .newlist ul li a:hover{ color: #4caaf5;}
.new .newlist1 ul li a:hover:before, .new .newlist2 ul li a:hover:before{ content: "●"; color: #4caaf5;}
.new .newlist .nr{ padding: 15px 17px 0;}
.new .newlist3 ul li .wen a{ font-size: 16px; color: #333;}
.new .newlist3{ margin-right: 0;}
.new .newlist3 ul li .da a{ font-size: 14px; color: #888;}
.new .newlist3 ul li{ height: 76px!important; border-bottom: 1px dashed #d8d8d8; margin-bottom: 10px;}
.new .newlist3 ul li .wen:before,.new .newlist3 ul li .da:before{ text-align: center; width: 20px; height: 20px; border-radius: 50%; font-size: 14px; color: #fff; margin-right: 5px; display: inline-block; line-height: 20px; margin: 1px 6px 0 0;}
.new .newlist3 ul li .wen:before{ content: "问"; background: #4caaf5;}
.new .newlist3 ul li .da:before{ content: "答"; background: #a9cf4c;}
.new .newlist3 ul li .wen{ margin-bottom: 5px;}
.new .newlist3 ul li a{ display: inline-block; vertical-align: top; width: 310px;}
.new .newlist3 ul li a:hover{ color: #4caaf5; text-decoration: underline;}
.new .newlist3 ul li .da a:hover{ text-decoration: underline; color: #888;}

/*friklist*/

.friklist .top{ margin: 40px 0 30px;}
.friklist ul li{ display: inline-block; vertical-align: top; margin-right: 30px; position: relative;}
.friklist ul li a{ color: #666; font-size: 16px;}
.friklist ul li a:hover{ color: #4caaf5;}
.friklist ul li:first-child+li+li+li+li+li+li+li+li+li{ margin-right: 0;}

/*foot*/

.foot{ width: 100%;margin: 50px 0 0;background: #4CAAF5;}

/*foot nav*/

.foot .content{ padding: 60px 0;}
.foot .content>div{ float: left;}
.foot .content .left{ width: 320px; height: 107px;}
.foot .content .left dt>div{ display: inline-block; vertical-align: middle;}
.foot .content .left dt{ margin-bottom: 10px;}
.foot .content .left dt .by{ color: #fff; font-size: 20px;}
.foot .content .left dt .hr{ width: 100px; height: 4px; background: #fff; margin: 0 0 0 12px;}
.foot .content .left dl{ width: 30%; display: inline-block; vertical-align: top;}
.foot .content .left dl dd{ line-height: 32px;}
.foot .content .left dl dd a{ color: #fff; font-size: 16px;}
.foot .content .left dl dd a:hover{ font-weight: bold;}
.foot .content .right {}

.foot .content .right dd{ color: #e0f1ff; font-size: 14px; line-height: 28px;}
.foot .content .zb{ width: 570px;}
.foot .footdb{ width: 100%; background: #309cf3; height: 60px; line-height: 60px;}
.foot .footdb .bottom,.foot .footdb .bottom a{ text-align: center; font-size: 14px; color: #addafe;}
.foot .footdb .bottom a:hover{ color: #000;}

/*btn_top*/

#btn_top ul{ overflow: hidden;}
#btn_top li{ float: left; margin-left: 10px;}
#btn_top li img{ display: block;}
#btn_top{ width: 43px; height: 43px; overflow: hidden; position: fixed; top: 85%; right: 51%; margin-right: -675px; cursor: pointer; display: none;}
#btn_top h4{ width: 43px; height: 43px; overflow: hidden; position: relative;}
#btn_top img{ display: block; position: absolute; top: 0; left: 0;}

/*separate_pages*/


/*separate_pages product_ys*/

.separate_pages .product_ys{ position: relative; padding: 35px 0 0; height: 382px;}
.separate_pages .product_ys ul{ position: relative; z-index: 15;}
.separate_pages .product_ys ul li>div{ display: inline-block; vertical-align: top;}
.separate_pages .product_ys ul li{ margin-bottom: 60px;}
.separate_pages .product_ys ul li .icon{ width: 50px; height: 73px; margin-right: 32px;}
.separate_pages .product_ys ul li .text p{ color: #666; font-size: 20px; line-height: 20px;}
.separate_pages .product_ys ul li .text .hr{ width: 48px; height: 4px; background: #4caaf5; display: inline-block; vertical-align: top; margin: 20px 0;}
.separate_pages .product_ys ul li .text .js{ width: 270px; color: #666; font-size: 14px; line-height: 24px;}
.separate_pages .product_ys .pic{ position: absolute; left: 390px; top: 0;}

/*separate_pages dz_served*/

.separate_pages .dz_served{ width: 100%; height: 667px; padding: 60px 0 0; background: #4caaf5; margin: 60px 0 0;}
.separate_pages .dz_served .nr .bigbox{ background: url(../images/dzfwcpbbg.png)no-repeat; width: 612px; height: 422px; overflow: hidden; margin-right: 30px;}
.separate_pages .dz_served .nr .bigbox .pic{ width: 590px; height: 400px; overflow: hidden; border-radius: 10px; margin: 11px auto;}
.separate_pages .dz_served .nr .js{ width: 558px;}
.separate_pages .dz_served .nr .js .text p{ color: #fff; font-size: 14px; line-height: 22px; margin-bottom: 25px;}
.separate_pages .dz_served .nr .js .text{ height: 260px;}
.separate_pages .dz_served .nr .js .cplist{ position: relative;}
.separate_pages .dz_served .nr .js .cplist .bd dl dd{ background: url(../images/dzfwcpsbg.png)no-repeat; width: 238px; height: 162px; line-height: 162px; text-align: center; float: left; margin-right: 22px;}
.separate_pages .dz_served .nr .js .cplist .bd dl dd .img{ width: 216px; height: 140px; display: inline-block; vertical-align: middle; overflow: hidden; border-radius: 10px;}
.separate_pages .dz_served .nr .js .cplist .bd dl dd .img img{ width: 100%;}
.separate_pages .dz_served .nr .js .cplist .bd{ padding: 0 30px; overflow: hidden;}
.separate_pages .dz_served .nr .js .cplist .btn{ position: absolute; width: 30px; height: 50px; z-index: 12; top: 50px; cursor: pointer;}
.separate_pages .dz_served .nr .js .cplist .prev{ left: 0;}
.separate_pages .dz_served .nr .js .cplist .next{ right: 0;}

/*separate_pages product_function*/

.product_functionqn{ height: 500px;}
.product_function .bigboxjs{ margin-bottom: 20px;}
.product_function .left{ width: 550px;}
.product_function .left dl{ margin: 0 0 25px;}
.product_function .left p{ color: #333; font-size: 18px; font-weight: bold; line-height: 22px; margin: 0 0 20px;}
.product_function .left dd{ text-indent: 30px;color: #333; font-size: 14px; line-height: 22px;}
.product_function .right{ background: url(../images/gncpbbg.png)no-repeat; width: 612px; height: 422px; overflow: hidden;}
.product_function .right .pic{ width: 590px; height: 400px; overflow: hidden; border-radius: 10px; margin: 11px auto;}
.product_function .left dl:first-child+dl>dd{ text-indent: initial;}
.product_function .smallboxlist{ position: relative;}
.product_function .smallboxlist ul li{ background: url(../images/gncpsbg.png)no-repeat; width: 238px; height: 162px; line-height: 162px; text-align: center; float: left; margin-right: 34px;}
.product_function .smallboxlist ul li .img{ width: 216px; height: 140px; display: inline-block; vertical-align: middle; overflow: hidden; border-radius: 10px;}
.product_function .smallboxlist ul li .img img{ width: 100%;}
.product_function .smallboxlist .bd{ padding: 0 65px;overflow: hidden;}
.product_function .smallboxlist .btn{ position: absolute; width: 30px; height: 50px; z-index: 12; top: 50px; cursor: pointer;}
.product_function .smallboxlist .prev{ left: 0;}
.product_function .smallboxlist .next{ right: 0;}
.product_functionqxbg{ background: url(../images/qxtmjbg.png)no-repeat; background: url(../images/qxtmjbg.png)\9 no-repeat; width: 100%; height: 700px; background-size: cover; padding: 60px 0 0;}

/*separate_pages product_train*/

.separate_pages .product_train{ height: 714px; overflow: hidden;}
.separate_pages .product_train ul li{ float: left; width: 370px; margin: 0 20px 40px 0; text-align: center;}
.separate_pages .product_train ul li .pic{ width: 370px; height: 267px; background: url(../images/productztcbg.png)no-repeat; overflow: hidden;}
.separate_pages .product_train ul li .pic img{ width: 100%;}
.separate_pages .product_train ul li .mc{ width: 100%; height: 50px; line-height: 50px; color: #fff; font-size: 20px; background: #4caaf5;}

/*separate_pages smallbanner3*/

.separate_pages .smallbanner3{ padding: 60px 0 0; width: 100%; height: 395px; background: #4caaf5;margin: 20px 0 0;}
.separate_pages .smallbanner3 ul li{ background: url(../images/pagelctybg.png)no-repeat; width: 150px; height: 150px; text-align: center; float: left; padding: 35px 0 0;}
.separate_pages .smallbanner3 ul li .icon{ height: 50px; line-height: 50px; margin-bottom: 10px;}
.separate_pages .smallbanner3 ul li .icon img{ vertical-align: middle;}
.separate_pages .smallbanner3 ul li p{ color: #333; font-size: 20px; line-height: 22px;}
.separate_pages .smallbanner3 ul dd{ float: left; background: url(../images/pagelcjt.png)no-repeat; width: 15px; height: 30px; margin: 65px 22px 0;}