div {display: block;}
.clearfix:after {content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both}
input,select,textarea{font-size:14px;color:#999;font-family:"Microsoft Yahei",sans-serif;outline:0;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
*{-wekit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.wrap{width: 1200px;margin: 0 auto;}

.product-top{background: url(/templets/default/img/yidongpo-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 4rem;}
.product-top .col-pic{float: left;width: 57%;margin-top: 2rem;}
.col-pic img{display: block;width: 100%;height: auto;border-radius: 6px 60px 6px 6px;}
.product-top .col-text{float: right;width: 41%;margin-top: 3.5rem;}
.col-text h1{font-size: 2.5rem;color: #fff;line-height: 4rem;padding-bottom: 1.6rem;position: relative;margin-bottom: 3rem;}
.col-text h1:after{content:'';width: 8.5rem;height: 0.3rem;background-color: #ffd698;position: absolute;left: 0;bottom: 0;}
.col-text>p{font-size: 1.2rem;color: #fff;line-height: 2.5rem;margin-bottom: 6px;}
.col-text>p span{color: #49a6e4;}

.base-tel{overflow: hidden;margin-top: 30px;height: 80px;}
.base-tel span{display: block;float: left;background:#ff6913;background: -moz-linear-gradient(top, #ff932e 0%, #ff6913 100%);background: -webkit-linear-gradient(top, #ff932e 0%,#ff6913 100%);background: -o-linear-gradient(top, #ff932e 0%,#ff6913 100%);background: -ms-linear-gradient(top, #ff932e 0%,#ff6913 100%);background: linear-gradient(to bottom, #ff932e 0%,#ff6913 100%);font-size: 1.6rem;color: #fff;line-height: 80px;width: 200px;text-align: center;cursor: pointer;text-shadow: 0 3px 4px rgba(43,43,43,0.19);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.base-tel .tel-msg{float: left;padding:12px 54px 12px 18px;background: url(/templets/default/img/tel-msg.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.base-tel .tel-msg p{font-size: 1.2rem;color: #fff;line-height: 28px;}
.base-tel .tel-msg p strong{font-size:1.33rem;color: #ff912d;}
.base-tel span:hover{color: #000;}

.tbaidulxb {width: 1200px;background: #003252;margin: 0 auto;padding: 20px 19px;margin-top: 40px;color: #fff;box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4);font-weight: bold;border-radius: 10px;font-size: 1.1rem;}
.tbaidulxb input {height: 36px;padding: 0 10px;border: 1px solid #ddd;width: 30%;margin-right: 40px;}
.tbaidulxb a {background: #7997DC;display: inline-block;color: #fff;padding: 4px 30px;border-radius: 2px;margin-right: 20px;}
.tbaidulxb a:hover { opacity: 0.9; color: #fff }

.col-text .trait{margin-top: 30px;}
.col-text .trait li{display: inline-block;color: #fff;margin-left: 34px;padding-left: 16px;position: relative;}
.col-text .trait li:first-child{margin-left: 0;}
.col-text .trait li span{display: block;font-size: 1.33rem;line-height: 30px;margin-bottom: 12px;}
.col-text .trait li strong{display: block;font-size:1.7rem;line-height: 36px;}
.col-text .trait li:before{content: '';width: 4px;height: 20px;background-color: #4667aa;position: absolute;left: 0;top: 6px;}
.col-text .trait p{margin-top:0.8rem;}

.cp-content {width: 1200px;margin: 0 auto;}
.cp-content .col-l{float: left;width: 50%;padding-right: 50px;position: relative;}
.cp-content .col-l img{border-radius: 30px;box-shadow: 0 5px 13px rgb(5 5 5);}
.cp-content .col-l:after{content:'';width: 413px;height: 297px;background: url(../images/cp-dot.png) no-repeat;position: absolute;right: 0;bottom: -104px;z-index: -1;}
.cp-content .col-r{float: right;width: 50%;padding-left: 24px;}
.cp-content .col-r h2{font-size: 2rem;color: #333333;line-height: 40px;padding-bottom: 27px;position: relative;margin-bottom: 30px;}
.cp-content .col-r h2:after{content:'';width: 125px;height: 4px;background-color: #4667aa;position: absolute;left: 0;bottom: 0;}
.cp-content .col-r p{line-height: 2em;color: #666666;padding-left: 1rem;position: relative;}
.cp-content .col-r p:before{content:'';width: 4px;height: 18px;background-color: #4667aa;position: absolute;left: 0;top: 8px;}
.play-sp{display: inline-block;font-size: 1.3rem;color: #fff;background-color: #053654;width: 15rem;line-height:4rem;text-align: center;position: relative;margin-top: 1.5rem;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;border-radius: 5px;}
.play-sp:hover{background-color: #4667aa;} 

.product-sort{margin-bottom: 3.5rem;padding-top: 1.5rem;border-bottom: 1px solid #fafafa;}
.product-sort ul{overflow: hidden;}
.product-sort li{float: left;width: 20%;text-align: center;}
.product-sort li a{display: block;font-size: 1.2rem;color: #666666;line-height: 3.5rem;position: relative;}
.product-sort li a:after{content: '';width: 0;height: 3px;background-color: #053654;position: absolute;bottom: 0;left: 50%;margin-left: -42px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.product-sort li.on a,.product-sort li:hover a{color: #043856;}
.product-sort li.on a:after,.product-sort li:hover a:after{width: 84px;}

.cp-trait {margin-top: 5rem;background-color: #fafafa;padding: 3rem 0 2rem;margin-bottom: 2rem;}
.tit-h2{text-align: center;font-size: 2rem;line-height: 40px;margin-bottom: 2.2rem;}
.trait-ul{margin-left: -2%;}
.trait-ul li{float: left;width: 31.3%;margin-left: 2%;position: relative;margin-bottom: 5rem;}
.trait-ul li strong{display: inline-block;width: 60%;height: 60px;background-color: #4667aa;line-height: 60px;border-radius: 4px 30px 0 0;padding-left: 42px;color: #fff;font-size: 1.3rem;}
.trait-ul li p{background-color: #fff;
    -webkit-box-shadow: 0 7px 13px rgb(19 67 84 / 11%);
    -moz-box-shadow: 0 7px 13px rgba(19,67,84,0.11);
    -ms-box-shadow: 0 7px 13px rgba(19,67,84,0.11);
    -o-box-shadow: 0 7px 13px rgba(19,67,84,0.11);
    box-shadow: 0 7px 13px rgb(19 67 84 / 11%);
    border-radius: 0 0 4px 4px;
    height: 193px;
    padding: 25px;
	color: #666666;
    line-height: 2em;}

.cp-parameter{width: 1200px;margin: 0 auto;margin-bottom: 4rem;}
.cp-parameter p{font-size: 1.2rem;line-height: 2em;margin-bottom: 20px;}
.cs-tab li{float: left;margin-bottom: 40px;padding-left: 10px;margin-right: 40px;position: relative;}
.cs-tab li span{display: block;font-size: 1.2rem;color: #666666;padding:0 56px;line-height: 50px;border-radius: 4px;border: 1px dotted #4667aa;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.cs-tab li:before{content:'';width: 24px;height: 30px;background: url(/templets/default/img/cp-arr.png) no-repeat;position: absolute;left: 0;top: 11px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.cs-tab li.on span,.cs-tab li:hover span{border-style: solid;background-color: #4667aa;color: #fff;}
.cs-tab li.on:before,.cs-tab li:hover:before{opacity: 1;filter:alpha(opacity=100);}
.cp-parameter table{text-align:center;}
.cp-parameter table td{padding: 0.7rem 0;word-break: keep-all;}
.cp-parameter table tr td:nth-child(1){background-color: #4667aa;color:#fff;width: 30%;}
.cp-parameter table tr td:nth-child(2){background-color: rgb(245 245 245);width: 35%;}
.cp-parameter table tr td:nth-child(3){background-color: rgb(245 245 245);width:35%;}

.case-gird{padding: 72px 0 40px;}
.case-gird h2{display: block;font-size: 2rem;color: #333333;line-height: 1.25em;padding-left: 78px;background: url(/templets/default/img/yidongpo-icon1.png) no-repeat left center;margin-bottom: 35px;}
.case-list{margin-left: -3%;}
.case-list li{float: left;width: 30.3%;margin-left: 3%;margin-bottom: 30px;}
.case-list li .img{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 79.5%;-webkit-box-shadow: 0 4px 10px rgba(20,52,100,0.1);-moz-box-shadow: 0 4px 10px rgba(20,52,100,0.1);-ms-box-shadow: 0 4px 10px rgba(20,52,100,0.1);-o-box-shadow: 0 4px 10px rgba(20,52,100,0.1);box-shadow: 0 4px 10px rgba(20,52,100,0.1);}
.case-list li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.case-list li .text{width: 77%;background-color: #fff;-webkit-box-shadow: 0 4px 10px rgba(20,52,100,0.1);-moz-box-shadow: 0 4px 10px rgba(20,52,100,0.1);-ms-box-shadow: 0 4px 10px rgba(20,52,100,0.1);-o-box-shadow: 0 4px 10px rgba(20,52,100,0.1);box-shadow: 0 4px 10px rgba(20,52,100,0.1);padding:20px 10px 20px 0;position: relative;margin-top: -46px;}
.case-list li .text .tit{display: block;font-size: 1.3rem;color: #333333;overflow:hidden;text-overflow:ellipsis;line-height: 2rem;margin-bottom: 1rem;position: relative;padding-left: 1.5rem;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.case-list li .text .tit:before{content:'';width: 4px;height: 22px;background-color: #d1b499;position: absolute;top: 5px;left: 14px;}
.case-list li .text p{color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 0.5rem;padding-left: 1.5rem;font-size: 1rem;}
.case-list li:hover .img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.case-list li .text .tit:hover{color: #fda82b;}

.products{background-color: #fafafa;padding: 72px 0 40px;}
.products .wrap>strong{display: block;font-size: 2.5rem;color: #333333;line-height: 1.25em;padding-left: 78px;background: url(/templets/default/img/yidongpo-icon1.png) no-repeat left center;margin-bottom: 35px;}
.products h2{display: block;font-size: 2rem;color: #333333;line-height: 1.25em;padding-left: 78px;background: url(/templets/default/img/yidongpo-icon1.png) no-repeat left center;margin-bottom: 35px;}
.products-list{margin-left: -3%;}
.products-list li{float: left;width: 30.3%;margin-left: 3%;margin-bottom: 30px;padding: 5px;}
.products-list li .img{display: block;overflow: hidden;position: relative;padding-top: 79.5%;box-shadow: 0 4px 10px rgba(20,52,100,0.1);}
.products-list li .img img{display: block;position: absolute;top: 0;left: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.products-list li .text{position: relative;border-radius: 5px;margin-top: -2.2rem;}
.products-list li .text .tit{display: block;font-size: 1.2rem;color: #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;text-align: center;}
.products-list li .text p{font-size: 1.2rem;color: #333333;line-height: 28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 10px;padding-left: 26px;}
.products-list li .text p strong{color: #3281c5;}
.products-list li:hover .img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.products-list li .text .tit:hover{color: #fda82b;}