/* #region 默认样式*/

*
{
    padding:0;
    margin:0 auto;
}

html
{
      width: 100%;
      height: 100%;
      overflow:auto;
}
        
body
{
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    height: 100%;
}

div
{
    width:auto;
    overflow:hidden;
    zoom:1;
}

img, ul, li
{
    margin:0px;
    padding:0px;
    border-style:none;    
    list-style-type:none;
}


p img
{
    text-indent:0px;    
    margin-left:-24px; 
    max-width:100%;
}


a
{
    text-decoration:none;
}

a:link, a:visited
{
    color: #000000;
    cursor:pointer;
    text-decoration:none;
}

a:hover
{
    color: #FF0000;
    font-weight:bold;
    cursor:pointer;
    text-decoration:none !important;
}

a:active
{
    color: #034af3;
    text-decoration: none;
}

select
{
    border:1px solid rgb(204, 204, 204);
    height:20px;
}


h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    font-variant: small-caps;
    text-transform: none;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size:14px;
    line-height:30px;
    font-weight:bold;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

p
{
    line-height: 22px;
    text-indent: 24px;
    margin: 0px 0px;
    padding: 0px;
    color: #555;    
}
table
{
	/*text-align:center;*/
}

input[type="text"],input[type="password"] 
{
    border:1px solid #CCCCCC;
    width:160px;    
    border-radius: 3px;
    height:18px;
    padding:5px;
    box-sizing : border-box; 
    -moz-box-sizing : border-box;
    -webkit-appearance:none;
    -webkit-border-radius:3px;
}

input[type="text"]:focus,input[type="password"]:focus
{ 
    border:1px solid red;
}


input[type="button"],input[type="submit"]
{
    -webkit-appearance:none;
    box-sizing : content-box; 
    -moz-box-sizing : content-box;
}

textarea
{
   border:1px solid #CCCCCC;
   padding:5px;
   border-radius: 3px;
   width:160px;    
   font-size:12px;
   font-family:微软雅黑;
   -webkit-appearance:none;
}

select
{
    border:1px solid #CCCCCC;
    width:160px;    
    border-radius: 3px;
    height:28px;
    padding:0px 5px;
    box-sizing : content-box; 
    -moz-box-sizing : content-box;
    -webkit-border-radius:3px;
}

/* #endregion  */

/* #region 一般样式*/

.border1
{
    border: 1px solid #3399FF;
    border:1px solid #cccccc;
}

.borderU
{
    border-width: 0px 1px 1px;
    border-style: none solid solid;
    border-color: -moz-use-text-color #DBDBDB #DBDBDB;
}

.borderL
{
    border-style: none none none solid;
    border-width: 1px;
    border-color: #7698BE;
}

.borderT
{
    border-style: solid none none none;
    border-width: 1px;
    border-color: #7698BE;
}

.xline
{
	
    height: 1px;
    border-bottom: 1px dashed #CCC;
    margin: 10px 0px;
    clear:both;
}

.table
{
    border-style: none;
    border-width: 0px;
    padding: 0px;
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;
    table-layout: auto;
    font-size: 10pt;
}

.middle
{
    display:table-cell;
    vertical-align:middle;
}

.center
{
    position: absolute;
    top: 50%;
}

.lineSeparator
{
    border-bottom:1px solid rgb(230, 230, 230);
    height:1px;
    margin:10px 0px 10px 0px;
}

.gap
{
    height:8px;   
    clear:both; 
}

     .footer
    {
        background-color:#03A248;
        width:100%;
        border-top:0px solid rgb(190, 0, 0);
        text-align: center;
        line-height:20px;
        padding:10px 0px 10px 0px;
        font-size:9pt;
        color:White;
    }
    
     .pager
    {
        height:30px;
        line-height:30px;
        margin: 0px 10px 0px 10px;

    }

    .pager-l
    {
        float:left;
        width: auto;
        color:rgb(51, 51, 51);
    }

    .pager-r
    {
        float:right;
        width: auto;
    }

/* #endregion  */

/* #region Portalet相关 */

    .portaletBar
    {
        background: url('../images/h3zx.gif') no-repeat scroll left top transparent;
        height:38px; 
        line-height:38px; 
        padding-left:5px;
        font-size:14px;
        font-weight:bold;
        
    }
    
    .portaletBar2
    {
        color: #0E7734;
        font-family: "Microsoft YaHei","微软雅黑","SimHei","黑体";
        font-size: 14px;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
        text-indent: 20px;
        background: url('../images/h301.gif') no-repeat scroll 0% 0% transparent;
        width: 100%;
        height: 34px;
        line-height: 34px;
        position: relative;
    }
    
     .portaletBar3
    {
        color: #0E7734;
        font-family: "Microsoft YaHei","微软雅黑","SimHei","黑体";
        font-size: 14px;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
        text-indent: 10px;
        background: url('../images/bgtab02.gif') repeat-x scroll left top transparent;
        width: 100%;
        height: 34px;
        line-height: 34px;
        position: relative;
        border-bottom:1px solid #CCCCCC
    }
     .portaletBarOnline
    {
        color: #0E7734;
        font-family: "Microsoft YaHei","微软雅黑","SimHei","黑体";
        font-size: 14px;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
        text-indent: 20px;
        background: url('../images/bgtab02.gif') repeat-x scroll left top transparent;
        width: 735px;
        height: 34px;
        line-height: 34px;
        position: relative;
        border-bottom:1px solid #CCCCCC
    }
    
    .portalet-t
    {
        border:1px solid #CCCCCC;
        border-top:3px solid #04883C;
    }

    .portaletMore
    {
        background:url("../images/line-v.jpg") no-repeat scroll 0 center;
        line-height:38px;
        float:right;
        text-indent:10px;
        width:60px;
        font-size:12px;
        font-weight:lighter;
        color:#cccccc;
    }
    
    .portaletMore a
    {
        color:#666666;
    }

    .portaletContent
    {
        padding: 5px; 
        overflow:hidden;
        zoom:1;
    }

    .portaletText
    {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow:ellipsis;      /*兼容IE*/
        float:left;
        text-align:left;
        font-size:14px;
        line-height:25px;
        text-indent:10px;
    }

    .portaletImg
    {
        float:left;
        width:200px;
        height:150px;
        font-size:12px;
        font-weight:lighter;
        margin:0px 30px 0px 0px;
        color:#cccccc;
        text-align:center;
        line-height:200px;
        vertical-align:middle;
    }

    .portaletList
    {
        float:left;
        width:470px;
    }

    .portaletContent li
    {
        line-height:20px;    
    }
  

/* #endregion */

/* #region 新闻相关 */

     .newsList
    {
        border-bottom: 1px dotted rgb(204, 204, 204);
        height:24px;
        line-height:24px;
        margin-top:4px;
    }
    
    .newsList a
    {
        background:url("../images/dot.gif") no-repeat scroll 0% 0% transparent;
        text-indent : 15px;
        float:left;
    }
        
    .newsListTitle
    {
        background:url("../images/dot.gif") no-repeat scroll 0% 0% transparent;
        text-indent : 15px;
        float:left;
    }
    
    .newsListTime
    {
         float: right; 
         width: auto;
         text-align: right;
    }
    
    .newsList2
    {
        border-bottom: 1px dotted rgb(204, 204, 204);
        height:24px;
        line-height:24px;
        margin-top:4px;
    }
    
    .newsList2 a
    {
        background:url("../images/dot.gif") no-repeat scroll 0% 0% transparent;
        text-indent : 15px;
        float:left;
    }
        
    .newsListTitle2
    {
        font-size:14px;
        font-weight:bold;
        line-height:30px;
    }
    
     .newsListSummary2
    {
        line-height:25px;
    }
    
    .newsListTime2
    {
    	float:right;
    	clear:both;
        line-height:20px;
        margin-bottom:5px;
    }

    .newsTitle
    {
        vertical-align: middle;
        padding: 5px 10px 5px 10px;
        text-align:center;
        font-size:16px;
        font-weight:bold;
    }

    .newsTime
    {
        vertical-align: middle;
        padding: 0px;
        text-align:center;
        font-size:12px;
        color:Silver;
        height:30px;
    }

    .newsContent
    {
        padding: 0px 5px 5px 5px;
        border:0px solid #cccccc;
        min-height:560px;
        line-height:24px;
        font-size:14px;
        word-spacing:normal;    
    }

    .newsAttach
    {
        background:url("../images/Attachment.png") no-repeat scroll 0 center;
        text-indent:20px;
        font-size:12px;
        font-weight:lighter;
        color:#cccccc;
        margin-left:20px;
    }

    .newsAttachTitle
    {
        font-size:14px;
        font-weight:bold;
        color:rgb(36, 114, 178);
    }
    
    .picNewsPortaletWrap
   {
       background-color:#ffffff;
       padding:0px 0px 0px 11px;
   }
   
   .picNewsPortaletWrap li
   {
       padding:10px 10px 10px 0px;
       margin:0px 0px 0px 0px;
       width:134px;
       height:110px;
       float:left;
   }
   
    .picNewsPortaletWrap img
   {
       width:100%;
       height:90px;
       border:1px solid #cccccc;
       margin:auto;
   }
   
   .picNewsPortaletImg
   {

   }
   
    .picNewsPortaletTitle
   {
       line-height:25px;
       text-align:center;
   }

   .picNewsThumbView
   {
       background:url("../images/iphone/uniteBg.gif") repeat scroll 0% 0% transparent;
       float:left;
       display:inline;
       margin: 10px 27px 10px 0px;
       width:194px;
       height:240px;
       text-align:center;   
   }
   
    .picNewsThumbView .container
    {
        width:170px;
        height:130px;
        margin:0px auto 6px;
        display:block;
        vertical-align:middle;
        padding:40px 0px 0px 0px;
    }
        
     .picNewsThumbView .des
    {
        width:170px;
        margin:auto;
     }
        
    .picNewsThumbView .container img
    {
        vertical-align:middle;
        display:inline;
    }
    
    .gallery
    {
        padding:0px 0px 0px 0px;
        margin:auto;
        border:1px solid #cccccc
    }
    
    .galleryCatalog
    {
        background: url("../images/title-b.jpg") no-repeat scroll 0px 0px transparent;
        font-size:14px;
        text-indent:50px;
        height:32px;
        line-height:32px;
        font-weight:bold;
        clear:both;
    }
    
    .galleryMore
    {
        background:url("../images/line-v.jpg") no-repeat scroll 0 center;
        line-height:28px;
        float:right;
        text-indent:10px;
        width:60px;
        font-size:12px;
        font-weight:lighter;
        color:#cccccc;
    }
    
    .galleryMore a
    {
        color:#666666;
    }
    
    .galleryContent
    {
        padding:10px 10px 10px 50px;
        margin:auto;
    }
    
    .sliderView
    {
        width:800px;
        overflow:visible;
        margin:auto;
        text-align:center;
        padding:10px 10px 10px 10px;
    }
    
     .comment
    {
        border:1px solid rgb(221, 232, 240);
        background:none repeat scroll 0% 0% rgb(239, 244, 248);
        padding:13px 16px 8px 14px;
    }
    
    .comment .head
    {
        height:23px;
        color: rgb(51, 51, 51);    
    }
    
    .comment .txt
    {
        border:1px solid rgb(101, 154, 199);
        padding:6px;
        height:100px;
        width:98.5%;   
        color:rgb(51, 51, 51);
        font-size:12px;
        line-height:20px;     
        overflow:auto;
        resize:none;
    }
    
    .comment .btn
    {
        margin:10px auto;
        float:right;
        width:85px;
        height:29px;
        border:0pt none;
        padding:0px;
        color:White;
        cursor:pointer;
        background: url("../images/btn_com.gif") no-repeat scroll 0% 0% transparent;    
    }
    
    .comment .btn:hover
    {
        background-position: 0pt -40px;   
    }
    
    .commentList
    {
        border:1px solid #cccccc;
        padding: 5px 10px 10px 10px;
    }
    
    .commentList .content
    {
        font-size:14px;
        line-height:24px;
        margin-bottom:10px;
    }
    
    
     .commentList .date
    {
        text-align:right;
        color: rgb(184, 184, 184);
    }

    .summary
    {
        border:1px dotted #CCCCCC;
        font-size:12px;
        background-color:#EEEEEE;
        padding:5px;
    }

/* #endregion */

/* #endregion  */

/* #region 导航相关 */

	.menu
	{
		height:38px;
	    font-family:"Microsoft Yahei",Tahoma, Geneva, sans-serif;
	    text-align:center;
	    overflow:visible;
	    width:100%;
	    background:url(../images/menu.gif) repeat-y; 
	    background-position:center; 
	    background-color:#17a958;
	}
	
	.menu a
	{
		font-size:14px;
		float:left;
		position:relative;
		width:20%;
		text-align:center;
		line-height:38px;
	    color:White;
	}
			
	.menu a:hover
	{
		background-color:#f4b60d;
	}


.navTitle
{
    height:60px;
    line-height:60px;
    font-size:26px;
}

.navItem-b
{
    background:url(../images/mobile/nav1.png) 0 0 no-repeat;
    width:120px;
    height:120px;
    background-color:#4198FF;
    float:left;
    margin:3px;
}

.navItem-o
{
    background:url(../images/mobile/nav2.png) 0 0 no-repeat;
    width:120px;
    height:120px;
    background-color:#DE4C01;
    float:left;
    margin:3px;
}

.navItem-y
{
    width:120px;
    height:120px;
    background-color:#E0C200;
    float:left;
    margin:3px;
}
    
    .navItemText
{
    margin-top:90px;
    height:30px;
    line-height:30px;
    text-align:left;
    text-indent:10px;
    color:White;
    font-size:14px;
}

/* #endregion */

/* #region 布局相关 */

.bodyWrap
{
    width:100%;
    margin:auto;
}

contentWrap
{
        width:100%;
    margin:auto;
    padding:0px 20px 0px 20px;
    }

.title
{
    height:50px;
    line-height:50px;
    font-size:26px;
    border-bottom:3px solid #ffffff;
}

.infoItem
{
    
}

.infoItem li
{
    height:30px;
    line-height:30px;
    font-size:14px;
    float:left;
    width:160px;
}
/* #endregion */

    .msgBar-err
    {
        background: url("../images/smallerror.gif") no-repeat scroll 5px 4px transparent;
        text-indent:30px;
        color:Black;
        background-color:#ffd5d5;
        border:1px solid red;
        height:25px;
        line-height:25px;
        border-radius:3px;
    }
    
    .msgBar-ok
    {
        background: url("../images/smallsuccess.gif") no-repeat scroll 8px 5px transparent;
        text-indent:30px;
        color:Black;
        background-color:#DDF7D6;
        border:1px solid Green;
        height:25px;
        line-height:25px;
        border-radius:3px;
    }
    
    
    .searchBar
    {
        background-color: #F1F1F1;
        text-align: center;
        float: none;
        margin: auto;
        vertical-align: middle;
        padding-top: 20px;
        padding-bottom: 20px;
        border-style:solid;
        border-width: 1px;
        border-color:Silver;
    }

    .searchBtn
    {
        background:url("../images/bg_search.png") repeat scroll 0% 0% rgb(221, 221, 221);
        width:95px;
        height:32px;
        font-size:14px;
        border-style:none;
        cursor:pointer;
    }
    
     .searchTxt
    {
        width:95px;
        height:29px;
        font-size:14px;
        border:1px solid rgb(204, 204, 204);
    }


        .loginBtn input[type=button]
        {
            height: 35px;
            width: 100%;
            display: inline-block;
            font-size: 16px;
            color: #fff;
            font-weight: bold;
            border: 1px solid #3e6983;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            text-shadow: 0 -1px 1px rgba(0,32,75,0.33);
            -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.5);
            box-shadow: 0 1px 1px rgba(255,255,255,0.5);
            background: #64a2cc;
            background-image: -webkit-gradient(linear,left top,left bottom,from(#68a6ce),to(#2478b0));
            background-image: -webkit-linear-gradient(top,#68a6ce,#2478b0);
            background-image: -moz-linear-gradient(top,#68a6ce,#2478b0);
        }
        
                .loginWrap
        {
            padding: 0 20px;
            clear: both;
        }
        
                .inputArea
        {
            background: #fff;
            border: 1px solid #628aa5;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 0 1px 5px #acaeaf inset,0px 1px 1px rgba(255,255,255,0.5);
            box-shadow: 0 1px 5px #acaeaf inset,0px 1px 1px rgba(255,255,255,0.5);
        }
        .inputLine
        {
            color: #000;
            padding: 12px 10px;
            clear: both;
        }
        .inputLine:first-of-type
        {
            border-bottom: 1px solid #cfcfcf;
        }
        .il
        {
            float: left;
            padding-top: 1px;
        }
        .ir
        {
            overflow: hidden;
            text-align: left;
            padding: 0;
            padding: 0;
        }
        .ir input
        {
            -webkit-appearance: none;
            width: 99%;
            border: 0;
            font-size: 14px;
            vertical-align: middle;
            margin: 0;
            padding: 0;
        }
        
        .inputLabel
        {
            font-size:14px;
                        color: #000;
            padding: 10px 0px;
            clear: both;
            }
            
        .inputText
        {
            background: #fff;
            border: 1px solid #cccccc;

                       padding:8px 5px;
        }
            
        .inputText input
        {
            -webkit-appearance: none;
            width: 99%;
            border: 0;
            font-size: 14px;
            vertical-align: middle;
            margin: 0;

        }
        
        .banner
        {
            overflow: hidden;
            width: 100%;
            border-bottom: 1px solid #bdc0c7;
            position: relative;
        }
        .banner a
        {
            display: inline-block;
            width: 24px;
            height: 24px;
            position: absolute;
            top: 9px;
            text-indent: -9999em;
        }
        .banner .return
        {
            font-size: 12px;
            position: absolute;
            top: 12px;
            left: 10px;
            display: inline-block;
            width: 23px;
            height: 20px;
            line-height: 28px;
            background: url(http://u1.sinaimg.cn/upload/h5/img/newreg/return_s.png) center no-repeat;
        }
        .banner div
        {
            background: #4976b0;
            padding:8px 5px;
            font-size: 24px;
            font-weight: bold;
            color: #fff;
            border-bottom: 1px solid #cccccc;
            text-align:center;
        }
        
        
    .searchTxts
    {
        border-width:1px medium 1px 1px;
        border-style:solid none solid solid;
        border-color:rgb(204, 204, 204);
        padding-left:8px;
        float:left;
        height:21px;
        width:320px;
        line-height:21px;
        }
    
     .searchBtns
    {
        background:url("../images/search_btn.jpg") no-repeat scroll 0% 0% transparent;
        float:left;
        height:25px;
        width:91px;
        cursor:pointer;
        border:medium none;
        margin:0px;
        }
        
    .product
    {
        text-align:center;
    }
        
    .product li
    {
        padding:5px 0px;
        float:left;
        width:33.333%;
    }
    
    .link
    {
        text-align:center;
    }
    
     .link li
    {
        padding:5px 0px;
        float:left;
        width:20%;
    }
    
    .branchCatalog
	{
		height:38px;
	    font-family:"Microsoft Yahei",Tahoma, Geneva, sans-serif;
	    text-align:center;
	    overflow:visible;
	    width:100%;
	    background-position:center; 
	    background-color:Gray;
	}
	
	.branchCatalog a
	{
		font-size:14px;
		float:left;
		position:relative;
		width:25%;
		text-align:center;
		line-height:38px;
		height:38px;
	    color:White;
	}
			
	.branchCatalog a:hover
	{
		background-color:#f4b60d;
	}
	
	.branchCatalog a:active 
	{
	    color: #000000;
		background-color:#f4b60d;
	}
	
.btn
{
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center;
    background-color:#fb7403;
    color:White;
    border:0px;
    cursor:hand;
    border-radius:3px;
    cursor:pointer;
    font-size:16px;
}

.ad
{
     background:url("../images/mobile/ad.jpg") center no-repeat;
     width:100%;
     height:122px;
}

    .askCatalog
	{
	    font-family:"Microsoft Yahei",Tahoma, Geneva, sans-serif;
	    text-align:center;
	    overflow:visible;
	    width:100%;
	    background-position:center; 
	}
	
	.askCatalog a
	{
		font-size:14px;
		float:left;
		position:relative;
		width:25%;
		text-align:center;
		line-height:30px;
		height:30px;
	}
	
	.lmkList
	{
	    font-size:14px;
		float:left;
		position:relative;
		width:100%;
		text-align:left;
		text-indent:10px;
		line-height:38px;
		height:38px;
		border-bottom: 1px dashed #CCC;
	}