﻿/*maintitle*/
.maintitle{
	display: block;
    text-align: center;
    background: url(../images/line.png) center 61px no-repeat;
    font-size: 20px;
    color: #666666;
    line-height: 50px;
	}
.maintitle p{ font-size:35px; color:#333; line-height:55px; margin-bottom:10px; font-weight:bold}
.maintitle span{ font-size:30px; color:#015aaa; font-weight:bold; line-height:45px}


.maintitlecp2 span{
    
    font-size: 35px;
    line-height: 60px; font-weight:bold
	}
.maintitlecp2{ font-size:30px; line-height:60px;text-align: center;}



/*首页产品*/
.in_news{width:100%; height:auto; margin:0 auto; background:url(../images/bg_cp.jpg) center top no-repeat; padding-top:30px; padding-bottom:50px}
.in_news .content{ width:1200px; height:auto; margin:20px auto 0}

.in_news .news_top {text-align: center; margin-top:5px }
.in_news .news_top ul{ width:1212px; margin:0 auto}
.in_news .news_top li{
	display: block;
    height: 45px;
    line-height: 45px;
	width:228px;
    /* margin: 10px; */
    color: #666666;
    font-size: 16px;
    background: #fff; border:1px solid #bfbfbf; margin:9px 7px 0 4px; float:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
	}
.in_news .news_top li:nth-child(0){ margin-right:0}
.in_news .news_top li a{color:#666666;font-size: 16px; line-height:45px}
.in_news .news_top li:hover,.in_news .news_top li.on{background:#004fc0;}
.in_news .news_top li:hover a,.in_news .news_top li.on a{color: #fff; line-height:45px;}

.in_news .news_box{ width:1200px; height:auto; margin:24px auto 0}
.in_news .news_box ul{display: none;}
.in_news .news_box ul.on{display: block;}

.in_news .news_box li {
	float: left;
    margin-right:16px;
    margin-bottom:16px;
	}
.in_news .news_box li:nth-child(4n){
	margin-right: 0;
} 


.in_news .news_box li .topimg{
	width:284px;
    height:213px; border:1px solid #c0c0c0;
    overflow: hidden; background:#fff;
	display: table-cell;vertical-align: middle;text-align: center;
	}
.in_news .news_box li .topimg img{
	transform: scale(1);
	transition: all 1s ease-out;
	width: 100%;
    height: 100%;
	}
.in_news .news_box li:hover .topimg img{
	transform: scale(1.2);
	}

.in_news .news_box li p{
	width:100%; margin:0 auto;
	line-height:45px;
	font-size:16px;
	color:#333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; text-align:center
	}	
.in_news .news_box li p a{
	line-height:45px;
	font-size:16px;
	color:#333333;
	}
.in_news .news_box li:hover p{ background:#015aaa}
.in_news .news_box li:hover p a{
	line-height:45px;
	font-size:16px;
	color:#fff;
	}	


/*六大优势*/
.in_youshi{ width:100%; height:auto; margin:0 auto; background:url(../images/bg_ys.jpg) center top no-repeat; padding-top:55px; padding-bottom:85px}
.in_youshi .main{ width:1200px; height:auto; margin:0 auto}
.in_youshi .main .title{ background:url(../images/bg_ys_title.png) center 35px no-repeat; display:block; text-align:center; font-size:20px; color:#015aaa; height:139px; margin-bottom:55px}
.in_youshi .main .title h1{ font-weight:bold; font-size:38px; color:#fff; line-height:65px}
.in_youshi .main .title h1 span{ font-weight:bold; font-size:52px; color:#fff; line-height:65px}
.in_youshi .main .title h2{ font-family:"Times New Roman", Times, serif; color:#fff; font-weight:bold; font-size:16px; line-height:30px; margin-bottom:12px;text-transform:uppercase}
.in_youshi .main .content{ width:1200px; height:430px; margin:0 auto; position:relative}
.in_youshi .main .content .picimg{ position:absolute; left:416px; top:0; width:369px; height:369px; z-index:999}
.in_youshi .main .content .line{ position:absolute; left:102px; top:20px;}

.ysa{ position:absolute; left:0; top:35px}
.ysb{position:absolute; left:0; top:175px}
.ysc{position:absolute; left:0; top:255px}
.ysd{position:absolute; right:0; top:35px}
.yse{position:absolute; right:0; top:175px}
.ysf{position:absolute; right:0; top:255px}



.in_youshi .main .content .ystxt{ width:369px; height:auto; display:block}
.in_youshi .main .content .ystxt .circle{ width:85px; height:85px; display:block; text-align:center; background:#fff;border-radius: 50%;}
.in_youshi .main .content .ystxt .circle img{ padding-top:23px; transition: all linear 1s;}

.in_youshi .main .content .ystxt .txta{ width:265px; height:auto; display: block; text-align: left; font-size:15px; line-height:26px; color:#dee4ee; text-align:justify}
.in_youshi .main .content .ystxt .txta p{ font-size:20px; color:#fff; font-weight:bold; line-height:35px;}

.in_youshi .main .content .ystxt .txtb{ width:265px; height:auto; display: block; text-align: right; font-size:15px; line-height:26px; color:#dee4ee; text-align:right}
.in_youshi .main .content .ystxt .txtb p{ font-size:20px; color:#fff; font-weight:bold; line-height:35px;}

.in_youshi .main .content .ystxt:hover .circle img{transform: rotateY(360deg);}


/*工艺流程*/
.in_gylc{ width:1200px; height:auto; margin:40px auto}

.mr_frbox2e {HEIGHT: 270px; width:1200px;  margin:0 auto; position:relative; margin-top:35px }
/*.mr_frbox2e .leftprole{ position:absolute; left:0; top:8px;CURSOR: pointer}
.mr_frbox2e .rightprore{ position:absolute; right:0; top:8px;CURSOR: pointer}*/

.imgboxcpe{ width:1300px; height:270px; margin:0px auto 0; overflow:hidden}
.imgboxcpe ul li{ margin:0 10px 0 10px; display: inline; float:left; overflow:hidden;}
.imgboxcpe ul li a{ display:block; width:282px; height:267px;line-height:55px; text-align:center; font-size:16px; color:#333}
.imgboxcpe ul li a .imgali{ width:280px; height:210px; border:1px solid #a8a6a7; 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:280px; height:210px; 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);}

/*公司简介*/
.in_about{ width:100%; height:545px; margin:0 auto; background:url(../images/bg_gsjj.jpg) center top no-repeat; padding-top:90px;}
.in_about .main{ width:1200px; height:auto; margin:0 auto}

.in_about .main .lefttxt{ width:572px; height:auto; display:block; float:left}
.in_about .main .lefttxt h1{
	font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 45px;
    margin-bottom: 5px;
	}
.in_about .main .lefttxt h2{ font-weight:100; font-size:20px; color:#666666; line-height:30px}
.in_about .main .lefttxt .txt{
	font-size: 16px;
    line-height: 32px;
    color: #666666;
    height: 288px;
    display: block;
    overflow: hidden;
    text-align: justify;
    margin-top: 5px;
	}
.in_about .main .lefttxt .txt *{font-size:16px; line-height:32px; color:#666666;}
.in_about .main .lefttxt .more{ margin-top:25px;}
.in_about .main .lefttxt .more ul li{ float: left; margin-right:30px}
.in_about .main .lefttxt .more ul li a{ width:180px; height:40px; display: block; text-align:center; line-height:40px; background:#666666; color:#fff; font-size:16px;border-radius:20px}


.in_about .main .rightimg{ display:block; float:right; width:548px; height:429px; border:5px solid #fff; margin-right:34px}







/*新闻动态*/
.newContBox{width:100%; height:auto; margin:50px auto;}
.newContBox .newCont{width:1200px;margin:0 auto;overflow: hidden;}

.newCont .newtop .listnew{float: right;}
.newCont .newtop .listnew li{float: left;margin-right:30px;color:#fff;font-size:16px;padding-bottom:10px;cursor: pointer;}
.newCont .newtop .listnew li:last-child{margin-right:0;}
.newCont .newtop .listnew li:hover{border-bottom: 2px solid #fff;}

.newCont .newctext{width:100%;overflow:hidden;display: none;}

.newCont .newctext.newshown{display: block; margin-top:30px}
.newCont .newctext .ncontl{width:506px; height:533px; display:block;overflow:hidden;float: left;background: #eeeeee;padding:12px; padding-bottom:0}
.newCont .newctext .ncontl .ncimg{width:506px;height:380px; display:block; overflow:hidden; text-align:center; background:#eeeeee}
.newCont .newctext .ncontl .ncimg img{max-width:100%; height:380px;transform: scale(1);transition: all 1s ease-out;}
.newCont .newctext .ncontl:hover .ncimg img{transform: scale(1.2);}
.newCont .newctext .ncontl .nctit{ width:80%; line-height:45px; float:left;font-size:20px;display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#333}
.newCont .newctext .ncontl .nctit:hover{ color:#015aaa !important}
.newCont .newctext .ncontl span{ float:right; font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#999; line-height:45px;}
.newCont .newctext .ncontl .ncdate{ background:url(../images/date.png) 0 center no-repeat; text-indent:25px;color:#1f5db0;font-size:15px;margin-bottom:10px;}
.newCont .newctext .ncontl .nctext{font-size:15px !important;line-height:24px !important; height:48px; display:block; overflow:hidden}
.newCont .newctext .ncontl .ncnexta{width:95px;height:30px;display: block; text-align:center; line-height:30px; background:#af001d; color:#fff; font-size:15px;float: right;border-radius:15px; margin-top:10px}

.newCont .newctext .ncontr{width:620px; height:auto; display:block;overflow:hidden;float: right;}
.newCont .newctext .ncontr ul{width:100%;overflow:hidden;}
.newCont .newctext .ncontr ul li{width:100%;overflow:hidden; padding-top:24px; padding-bottom:24px; border-bottom:1px dotted #bababa}
.newCont .newctext .ncontr ul li:first-child{ padding-top:0}
/*.newCont .newctext .ncontr ul li:last-child{ padding-bottom:0}*/

.newCont .newctext .ncontr ul li a{width:100%;overflow:hidden;display: block;background: url(../images/mnarr.png) right bottom no-repeat;}
.newCont .newctext .ncontr ul li a .nrtit{width:100%;color:#222;font-size:18px;margin-bottom:15px;overflow: hidden;height:30px;}
.newCont .newctext .ncontr ul li a .nrtit .stit{width:80%;float: left;line-height: 30px;}
.newCont .newctext .ncontr ul li:hover a .nrtit .stit{color:#015aaa;}
.newCont .newctext .ncontr ul li a .nrtit .date{width:18%;float: right;text-align: right;color:#aaaaaa;font-size:15px;line-height: 30px;}
.newCont .newctext .ncontr ul li a .nrtext{width:80%;color:#5e5e5e;font-size:15px;line-height:24px; height:48px; display:block; overflow:hidden}

.clear{clear:both; height:0; line-height:0; overflow:hidden; display:block}


.cooperate{ width:1200px; height:auto; margin:50px auto 80px;}
.cooperate .content{ margin-top:25px}
.proimg_cc{ width:228px; height:128px;display:block;float:left; margin:0 6px;display: block;border: 1px solid #ccc;}
.proimg_cc img{width:228px; height:128px;}