.center{ width:1230px; margin:0 auto}
.textover{text-overflow:ellipsis;white-space:nowrap;}

.inbox1{ margin:0px auto;}


.titin{ width:980px; height:auto; margin:0 auto}
.titin h3{font-weight: bold; font-size:40px; line-height:60px; text-align:center; margin-bottom:5px; text-transform:uppercase}
.titin p{display:block;font-size:18px;line-height:30px;color: #777777; text-align:center}

.proin{
	display: inherit;
    width: 378px;
    height: 670px;
    margin: 20px 16px 0;
    float: left;
	}
.proin div{ width:378px; height:504px; overflow:hidden}
.proin div img{ width:100%; height:100%;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
.proin div:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.proin p{ display: block;font-size: 18px;font-weight: normal;margin-top: 20px;margin-bottom: 10px;color: #333333; overflow:hidden; padding:0 15px; text-align:center}
.proin:hover p{ font-size:18px;color:#006ccc; font-weight:bold}
.proin span{ display: block;color: #999; width:80%; text-align: justify; line-height:25px; margin:0 auto}

.bghui{ background:#f2f2f2 !important}
.bgbai{ background:#fff !important}
.pad50{ padding:50px 0 70px}

.hei340{ height:340px !important}
.mar20{ margin-top:-20px}

.proin3{ display: inherit; width:558px; height:360px; margin:20px 20px; background:#f5f5f5; float:left; border:1px solid #dfdfdf }
.proin3 div{ width:270px; height:360px; overflow:hidden; float:left; }
.proin3 div img{ width:100%; height:100%;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
.proin3 div:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}

.proin3 .txt{
	width: 44%;
    height: 300px;
    display: block;
    overflow: hidden;
    margin: 30px 20px;
	}
.proin3 .txt p{font-size: 18px; line-height:30px;font-weight: normal;color: #333333; margin-bottom:10px; height:90px; display:block; overflow:hidden}
.proin3:hover .txt p{color:#006ccc; font-weight:bold}
.proin3 .txt span{display: block;color: #999; line-height:25px; font-size:14px; text-align:justify}



.proin4{ display: inherit; width:378px; height:564px; margin:20px 16px 0; float:left; }
.proin4 div{ width:378px; height:504px; overflow:hidden;/* float:left*/}
.proin4 div img{ width:100%; height:100%;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
.proin4 div:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.proin4 p{
	display: block;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    overflow: hidden;
    text-align: center;
    padding: 10px 15px;
    line-height: 30px;
	}
.proin4:hover p{ color:#006ccc; font-weight:bold}


.proin4ny{ display: inherit; width:260px; height:320px; margin:20px 20px; float:left; }
.proin4ny div{ width:260px; height:260px; overflow:hidden;background:#fff;display:table-cell;vertical-align: middle;text-align: center;}
.proin4ny div img{transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;max-width: 100%;max-height: 100%; }
.proin4ny div:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.proin4ny p{ display: block;font-size: 18px;font-weight: normal;color: #333333; overflow:hidden;text-align:center; padding:0 15px; line-height:60px}
.proin4ny p:hover{ color:#006ccc}



.proin5{ display: inherit; width:378px; height:440px; margin:20px 16px 0;  float:left; }
.proin5 div{ width:378px; height:284px; overflow:hidden}
.proin5 div img{ width:100%;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
.proin5 div:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.proin5 p{
	display: block;
    font-size: 18px;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #333333;
    overflow: hidden;
    height: 50px;
	}
.proin5:hover p{ color:#006ccc; font-weight:bold}
.proin5 span{
	display: block;
    color: #777;
    width: 100%;
    text-align: justify;
    line-height: 25px;
    margin: 0 auto; height:50px; display:block; overflow:hidden
	}
.proin5 i{ margin-top:10px; font-style:normal; display: block;color: #999; line-height:25px; background:url(../images/time.png) left center no-repeat; padding-left:28px;}








.inbox7{ margin:50px 0 70px; padding:0 30px}
.inbox7 p{ font-size:22px; line-height:48px; padding-top:5px}



.page_banner img{ width:100%}







/*search*/

.search {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    position: relative;
    margin: 8px auto;
}

.search .hot .keywd {
    color: #444444;
}

.search .keywds {
    float: left;
    line-height: 32px;
}

.search .keywds a {
    margin: 0 5px;
    color: #636364;
}

.search .keywds a:hover {
    color: black;
}

.search form {
    overflow: hidden;
    display: block;
    position: relative;
}

.search .txt {
    width: 252px;
    height: 30px;
    line-height: 30px;
    color: #a1a1a1;
    border: 1px solid #ccc;
    background: none;
    padding-left: 15px;
    border-radius: 15px;
}

.search .btns {
    position: absolute;
    top: 7px;
    right: 11px;
    z-index: 9999;
    background: url(../images/public/btnbg.png) no-repeat 0 0;
    width: 20px;
    height: 22px;
    border: none;
    display: block;
    outline: none;
    cursor: pointer;
}




/*cooperate*/

.cooperate {
    width: 1201px;
    height: 166px;
    background: url(../images/e2.png) no-repeat;
    margin: 45px auto 0;
    position: relative;
}

.cooperate .cope_box {
    width: 1197px;
    margin: 48px auto 0;
}

.cooperate .cope_box .bd ul li {
    width: 147px;
    margin: 0 12px;
    float: left;
}

.cooperate .cope_box .bd ul li img {
    width: 147px;
    height: 80px;
}



.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow: hidden;}/*清除浮动*/
.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.clear{clear:both; height:0; line-height:0; overflow:hidden; display:block}

.textover{text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block;}



.in_cj{ width:100%; height:auto; margin:0 auto; padding-top:45px; padding-bottom:50px; background:url(../images/bg_cj.jpg) center top no-repeat}
.mr_frbox2e {HEIGHT:255px; width:1200px;  margin:0 auto; position:relative;}
/*.mr_frbox2e .leftprole{ position:absolute; left:0; top:162px;CURSOR: pointer}
.mr_frbox2e .rightprore{ position:absolute; right:0; top:162px;CURSOR: pointer}*/

.imgboxcpe{ width:1227px; height:255px; margin:0px auto; overflow:hidden}
.imgboxcpe ul li{ margin:0 12px 0 12px; display: inline; float:left; overflow:hidden;}
.imgboxcpe ul li a{display:block;width:378px;height:252px; border:2px solid #ffffff;/*background: url(../images/dec.jpg) left bottom no-repeat;line-height:76px; text-align:center;font-size:18px;color:#ffffff;*/}
.imgboxcpe ul li a .imgali{width:378px; height:252px; text-align:center; overflow:hidden}
.imgboxcpe ul li a .imgali span{height:100%; display:inline-block; vertical-align:middle}
.imgboxcpe ul li a .imgali img{width:378px; height:252px; vertical-align: middle;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s; }
.imgboxcpe ul li a:hover .imgali img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}

/*.imgboxcpe ul li:last-child{ margin:0 0px 0 13px;}
.imgboxcpe ul li:first-child{ margin:0 13px 0 0px;}*/

.in_cj .more{width:280px; height:50px; margin:45px auto 0; display:block; text-align:center; line-height:50px; font-size:18px; color:#ffffff; background:#d30000}
.in_cj .more:hover{ background:#ffffff; color:#333333}

/*合作伙伴*/
.in_coo{ width:1200px; height:auto; margin:50px auto}

.in_coo .cont{ margin-top:20px}
.in_coo .cont ul li{ float:left; margin-right:25px; margin-bottom:25px}
.in_coo .cont ul li:nth-child(5n){ margin-right:0}
.in_coo .cont ul li .topimg{ width:218px; height:98px; border:1px solid #cfcfcf;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.in_coo .cont ul li .topimg img{max-width:100%;max-height: 100%;transform: scale(1);transition: all 1s ease-out;}
.in_coo .cont ul li:hover .topimg img{transform: scale(1.2);}
.in_coo .cont ul li:hover{box-shadow: 0 0 8px 4px #f3f3f3;}


/* 关于我们 */
.in_about{ width:100%; height:auto; margin:60px auto 80px;}
.in_about .main{ width:1200px; height:auto; margin:0 auto; margin-top:35px;}
.in_about .main .rightpic{
    width: 553px;
    height: 445px;
    overflow: hidden;
    display: block; float:right
	}
.in_about .main .rightpic img{
    transform: scale(1);
    transition: all 1s ease-out;
	}
.in_about .main:hover .rightpic img{transform: scale(1.2);}	
.in_about .main .lefttxt{ display:block; float:left; width:610px; height:auto}
.in_about .main .lefttxt .txt{ height:380px; display:block; overflow:hidden;}
.in_about .main .lefttxt .txt *{ font-size:16px; line-height:32px; color:#333333; text-align:justify}
.in_about .main .lefttxt .more{ margin-top:25px; float:right}
.in_about .main .lefttxt .more ul li{ float:left; margin-left:25px}
.in_about .main .lefttxt .more ul li a{ width:150px; height:42px; display:block; text-align:center; line-height:42px; background:#1152ae; color:#ffffff; font-size:15px; color:#ffffff}