/* CSS Document */

.banner_about{ width:100%; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px;}
.banner_about img{ width:100%;}


/*
* Key Word & Search
*/
.kw-s{ width:100%; height:54px; border-bottom:1px solid #cccccc; background:#f2f2f2;}
.kw-s .keyWord{ width:700px; height:30px; margin-top:12px; line-height:30px; font-size:12px; font-family:"宋体"; color:#666666;}
.kw-s .keyWord span{ font-weight:bold;}
.kw-s .keyWord a{ color:#666;}
.kw-s .search{ width:270px; height:30px; margin-top:12px;}
.kw-s .search .inputText{ width:210px; height:30px;}
.kw-s .search .inputText input{ border:1px solid #e0e0e0; width:208px; height:28px; line-height:28px; text-indent:1em; background:#FFF;}
.kw-s .search .inputText input:focus{ outline:none;}
.kw-s .search .inputBut{ width:60px; height:30px;}
.kw-s .search .inputBut button{ width:60px; height:30px; text-align:center; line-height:30px; background:#c9151e; color:#FFF; font-size:14px; display:block; font-weight:bold; cursor:pointer;}


/*
 *Main Body
*/

.MainBody{ margin-top:25px;}

/*
* Left.asp
*/
.left{ width:200px; height:auto; overflow:hidden;}
.leftList{ width:190px; border:5px solid #39f}
.leftList .leftTitle{ width:100%; height:50px; text-align:center; line-height:50px; color:#FFF; font-size:18px; background:#39f;}
.leftList .list{ width:160px; margin-left:auto; margin-right:auto;}
.leftList .list ul{ margin-top:15px;}
.leftList .list ul li{ margin-bottom:15px; width:100%; height:35px; line-height:35px; background:#39f; text-indent:2em;}
.leftList .list ul li a{ background:url(../images/arrow.png) no-repeat; width:100%; height:100%; display:block; color:#FFF;}

.CC{ width:160px; margin:15px; font-size:12px; color:#555555; line-height:24px;}
.CC p{ font-weight:bold;}
.CC span{ font-size:18px; color:#be2828;}

/*
* right
*/
.rightBox{ width:780px; height:auto !important;}
.loc{ background:url(../images/loc.png) no-repeat; height:35px; width:100%; border-bottom:1px solid #dfdfdf; color:#555555; text-indent:2.5em; line-height:35px;}

.rightBox .contentBox{ margin-top:20px; color:#555555; line-height:24px;}
.rightBox .contentBox img{ margin-bottom:10px; margin-top:10px; max-width:780px;}

.rightContentBox{ width:740px; height:auto;}
.Loc{ width:100%; height:20px; border-left:3px solid #bc2121; margin-bottom:10px; margin-top:10px; text-indent:1em; font-size:14px; color:#555555;}
.Loc span{ color:#015aac; font-weight:bold;}
.MainContent{ width:738px; height:auto; border:1px solid #dddddd;}
.MainContent .contentBox{ width:670px; height:auto; margin-left:auto; margin-right:auto; padding-top:40px; overflow:hidden;}
.MainContent .contentBox p{ text-indent:2em; line-height:24px; color:#555555;}
.MainContent .contentBox img{}

/*
* news
*/
.newsList{ width:780px; overflow:hidden;}
.newsList ul{}
.newsList ul li{ width:100%; height:140px; border-bottom:1px dashed #CCC;}
/*.newsList ul li .newsBox{ width:100%; height:100px; padding-top:0px; display:block;}*/
.newsList ul li .newsBox{ width:100%; height:100px; padding-top:0px; display:block; margin-top:20px;}
.newsList ul li .newsImg{ width:130px; height:100px;overflow: hidden;}
.newsList ul li .newsImg img{ width:128px; height:98px; border:1px solid #CCC;}
.newsList ul li .newsContent{ width:620px; height:100px;}
.newsList ul li .newsContent .nt{ width:100%; height:25px; background:url(../images/newsDian.png) no-repeat; line-height:25px; text-indent:2em;}
.newsList ul li .newsContent .nt a{ color:#555555; font-weight:bold;}
.newsList ul li .newsContent .nd{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:12px; color:#999;}
.newsList ul li .newsContent .r-t{ width:100%; height:25px; line-height:25px;}
.newsList ul li .newsContent .r-t .r,
.newsList ul li .newsContent .r-t .t{ width:130px; height:25px; line-height:25px; font-size:12px; color:#555555;}
.newsList ul li .newsContent .r-t .t{ color:#555555;}
.newsList ul li .newsContent .r-t .r span,a
.newsList ul li .newsContent .r-t .t span{color:#bc2424;}



.showpage{ margin-top:20px; max-width:780px; overflow:hidden; position:relative; left:20%; float:left;}
.showpage a{ color:#555555; margin-left:5px; margin-right:5px; font-size:14px;}
.showpage span{ color:#555555; margin-left:5px; margin-right:5px; font-size:14px;}


/*
* newsview
*/

.newsTitle{ width:100%; height:40px; line-height:40px; margin-top:40px; text-align:center; color:#555555; font-size:22px;}
.a-t{ width:300px; height:30px; margin-left:400px;}
.a-t .a,
.a-t .t{ width:150px; height:30px; line-height:30px; font-size:12px;}
.a-t .a span,
.a-t .t span{ color:#bc2424}
.newsviewContent{ width:100%; height:auto; margin-top:20px; font-size:12px;}
.otherNewsBox{ width:780px; height:120px; background:#f6f6f6; margin-top:20px;}
.otherNewsBox .otherNews{ width:720px; height:60px; padding:30px;}
.otherNewsBox .otherNews .newsStyle{ width:100%; height:30px; line-height:30px; font-weight:bold;}
.otherNewsBox .otherNews .newsStyle span{ color:#bc2424}
.otherNewsBox .otherNews .newsStyle a{ color:#555555;}

.HotProBox{ width:100%; height:490px; margin-top:20px;}
.HotProBox .title{ width:100%; height:34px;border-bottom:1px solid #dfdfdf;}
.HotProBox .title span{ width:100px; height:35px; color:#FFF; line-height:35px; text-align:center; background:#bc2121; display:block;}
.HotProBox .hotProList{ margin-top:20px;}
.HotProBox .hotProList ul{}
.HotProBox .hotProList ul li{ width:246px; height:229px; float:left; margin-left:7px; margin-right:7px;}
.HotProBox .hotProList ul li a{ cursor:pointer;}
.HotProBox .hotProList ul li .proImg{ width:246px; height:184px;}
.HotProBox .hotProList ul li .proImg img{ width:244px; height:182px; border:1px solid #dfdfdf;}
.HotProBox .hotProList ul li .proName{ width:100%; height:45px; text-align:center; line-height:45px; color:#555555;}
.HotProBox .hotProList ul li .proName a{ color:#555555;}


/*
* products
*/

.ny_zb{width:190px;overflow:hidden; border:5px solid #39f; font-family:"微软雅黑";}

.ny_zbbt{background-color:#39f;height:60px;line-height:60px;overflow:hidden; width:190px; text-align:center; color:#FFF; font-weight:bold; font-size:18px;}

.ny_zblb1{padding:10px 10px 20px 0px;}

.ny_zblb1 ul dl{ background:url(../images/columnBG.jpg) no-repeat; width:160px; height:35px; margin-left:15px; line-height:35px; text-indent:2em; color:#FFF;}
.ny_zblb1 li dl{ width:160px; height:35px; background:#ba1b1b;margin-left:auto;margin-right:auto; margin-bottom:10px;}
.ny_zblb1 li dl a{display:block; font-size:12px; color:#FFF; background:url(../images/arrow.png) no-repeat; width:100%; height:100%; text-indent:2em;}



.ny_zblb1 ul .sColumn{ margin-bottom:10px; width:160px; margin-left:15px; margin-top:10px;}
.ny_zblb1 ul .sColumn li{ background:url(../images/arrow_s.jpg) no-repeat left; border-bottom:1px dashed #CCC; width:160px; height:30px; text-indent:2em; line-height:30px;}
.ny_zblb1 ul .sColumn li a{ color:#666;}

.ProList{ margin-top:20px;}
.ProList ul{}
.ProList ul li{ width:246px; height:214px; float:left; margin-left:7px; margin-right:7px; margin-bottom:10px;}
.ProList ul li a{ cursor:pointer;}
.ProList ul li .proImg{ width:246px; height:184px;overflow: hidden;}
.ProList ul li .proImg img{ width:244px; height:182px; border:1px solid #dfdfdf;}
.ProList ul li .proName{ width:100%; height:30px; text-align:center; line-height:45px;}
.ProList ul li .proName a{ color:#555555;}
.ProList ul li .proImg img:hover,.newsList ul li .newsImg img:hover{transform: scale(1.2);transition: 0.8s;}


/*
* proView
*/
.proBuy{ width:100%; height:300px; margin-top:20px; overflow:hidden;}
.proBuy .showImg{ width:400px; height:300px;}
.proBuy .showImg img{ border:1px solid #CCC;}
.proBuy .buy{ width:365px; height:300px;}
.proBuy .buy .proTitle{ width:365px; height:44px; border-bottom:1px solid #bbbbbb; text-align:left; line-height:49px; font-size:22px; color:#333;}
.proBuy .buy .Line{ width:100%; height:33px; line-height:30px; color:#555555;}
.proBuy .buy .Line span{ color:#ba1b1b}
.proBuy .buy .mt{ margin-top:15px;}
.proBuy .buy .buyPhone{ width:360px; height:50px; margin-left:auto; margin-right:auto; margin-top:5px; background:url(../images/buyPhone.jpg) no-repeat; line-height:50px; color:#FFF;
text-indent:165px;
font-size:20px;}
.proBuy .buy .share{ width:365px; height:35px; margin-top:18px; overflow:hidden;}

.proVTitle{ width:100%; height:34px; border-bottom:1px solid #dfdfdf; margin-top:20px;}
.proVTitle span{ width:100px; height:35px; text-align:center; line-height:35px; color:#FFF; background:#39f; display:block;}
.proXX{ /*text-align:center;*/ margin-top:20px;}
.proXX img{ max-width:780px;}
 
.proTD{ width:100%; height:auto; margin-top:20px; line-height:24px; font-size:14px; color:#555555;}
.proTD img{max-width:780px;}
.proYsList{ margin-top:20px;}
.proYsList .left,
.proYsList .middle,
.proYsList .right{ width:218px; height:163px; border:1px solid #dddddd; background:#f8f8f8;}
.proYsList .left:hover,
.proYsList .middle:hover,
.proYsList .right:hover{background:#bc2121;}
.proYsList .middle{ margin-left:60px; margin-right:60px;}
.proYsList .left .lineOne,
.proYsList .middle .lineOne,
.proYsList .right .lineOne{ width:100%; height:80px; line-height:80px; font-size:18px; color:#555555; font-weight:bold; text-align:center;}
.proYsList .left .lineTwo,
.proYsList .middle .lineTwo,
.proYsList .right .lineTwo{ width:160px; height:83px; line-height:30px; font-size:12px; color:#555555; text-align:center; margin-left:auto; margin-right:auto;}

.proYsList .left:hover .lineOne,
.proYsList .middle:hover .lineOne,
.proYsList .right:hover .lineOne,
.proYsList .left:hover .lineTwo,
.proYsList .middle:hover .lineTwo,
.proYsList .right:hover .lineTwo{ color:#FFF;}

.proPhone{ margin-top:20px; background:url(../images/proPhone.jpg) no-repeat; width:780px; height:168px;}
.proPhone .phoneBox{ width:160px; height:30px; overflow:hidden; padding-top:128px; margin-left:400px; line-height:30px; color:#787878; font-size:20px;}

/*
* app-industry
*/
.indList{ width:779px;}
.indList ul{}
.indList ul li{ width:360px; height:125px; float:left; display:block; margin-bottom:20px;}
.indList ul .addLine{ padding-right:25px; border-right:1px solid #CCC; margin-right:29px;}
.indList ul li a{}
.indList ul li a .indImg{ width:168px; height:125px; overflow:hidden;}
.indList ul li a .indDesc{ width:180px; height:125px; overflow:hidden; margin-left:12px;}
.indList ul li a .indDesc .title{ width:100%; height:35px; font-size:16px; color:#555555; font-weight:bold;}
.indList ul li a .indDesc .desc{ width:100%; height:90px; font-size:12px; color:#777777; line-height:20px;}


/*
* web map
*/

.FirstColumn{ width:100%; height:40px; line-height:40px; font-weight:bold; color:#555555; margin-bottom:10px;}
.FirstColumn a{ color:#555555;}
.sColumnBox{ width:778px; height:auto; border:1px solid #dddddd; overflow:auto; margin-bottom:15px;}
.sColumnBox .sColumnList{}
.sColumnBox .sColumnList ul{}
.sColumnBox .sColumnList ul li{ width:auto; height:40px; line-height:40px; margin-right:15px; margin-left:15px; float:left;}
.sColumnBox .sColumnList ul li a{ color:#555555;}


/*
* case
*/
.caseList{ width:750px; margin-left:auto; margin-right:auto;}
.caseList ul{}
.caseList ul li{ width:345px; margin-left:15px; margin-right:15px; height:300px; margin-bottom:20px; float:left; cursor:pointer;}
.caseList ul li .CaseImg{ width:345px; height:250px; overflow:hidden;}
.caseList ul li .CaseImg img{ width:343px; height:238px; border:1px solid #CCC;}
.caseList ul li .CaseName{ background:#CCC; color:#666; text-align:center; line-height:45px; height:45px; display:block;}
.caseList ul li .CaseName a{ width:100%; height:100%; display:block; color:#666;}
.caseList ul li:hover .CaseName{ color:#FFF; background:#666;}
.caseList ul li:hover .CaseName a{ color:#FFF;}
.caseList ul li:hover .CaseImg img{ width:343px; height:238px; border:1px solid #666;}


.Message{ width:100%; height:auto;}
.Message .line{ width:100%; height:35px; margin-bottom:10px;}
.Message .line .title{ width:90px; height:35px; line-height:35px; text-align:right;}
.Message .line .ctent{ width:220px; height:35px;}
.Message .line .ctent input{ width:238px; height:33px; border:1px solid #CCC;}
.Message .line-l .title{ width:90px; height:35px; line-height:35px; text-align:right;}
.Message .line-l .ctent{ width:420px; height:200px;}
.Message .line-l .ctent textarea{ width:418px; height:198px; border:1px solid #CCC;}
.Message .line-but{ width:300px; height:35px; margin-left:60px; margin-top:20px;}
.Message .line-but .sub,
.Message .line-but .res{ width:120px; height:35px;}
.Message .line-but .sub input,
.Message .line-but .res input{ width:120px; height:35px; border:0; background:#bc2121; display:block; line-height:35px; text-align:center; color:#FFF; cursor:pointer; padding-bottom:20px;}





.keybox a{margin:0 2px 0 0;color:#555;}
.keybox a:hover{color:#ff0000;}
#priceul li .newsContent{width:100%;}
#priceul li .newsContent .nt a{text-decoration:underline}

#priceul li .newsContent .nt{background:none;font-size:16px;}
#priceul li .newsContent .nd{text-indent:2em;font-size:14px;}


.ke-zeroborder{border-collapse:collapse;border:none;}
.ke-zeroborder td{border:1px solid #000;}