@charset "utf-8";
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tfoot, thead,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:none;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}

blockquote, q{quotes:none;  }
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; cursor:pointer;}
table{border-collapse:collapse; border-spacing:0;}
hr{display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select{vertical-align:middle;font:12px/1.5  "Helvetica Neue", "Hiragino Sans GB", Helvetica, "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif; }
p {word-wrap: break-word;}em{ font-style:normal;}
*{margin:0; padding:0; list-style:none; }
html, body {margin: 0;color: #666;font:12px/1.5  "Helvetica Neue", "Hiragino Sans GB", Helvetica, "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif; width:100%;height:100%;padding:0;margin:0; }
a{ color:#555;text-decoration:none; }
a:hover{ text-decoration:none;  color:#b3782d;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
 input:focus, input:hover,select:focus{outline: 0;}
 /*样式*/
/*样式*/
@charset "utf-8";

.clearBoth{ clear:both;}

DIV.msdn {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; text-align:right;
	}
DIV.msdn A {
	BORDER-RIGHT: #0090cf 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #0090cf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #0090cf 1px solid; COLOR: #0090cf; PADDING-TOP: 5px; BORDER-BOTTOM: #0090cf 1px solid; TEXT-DECORATION: none
}
DIV.msdn A:hover {
	BORDER-RIGHT: #0090cf 1px solid; BORDER-TOP: #0090cf 1px solid; BORDER-LEFT: #0090cf 1px solid; COLOR: #FFF; BORDER-BOTTOM: #0090cf 1px solid; BACKGROUND-COLOR: #0090cf
}
DIV.pagination A:active {
	BORDER-RIGHT: #0090cf 1px solid; BORDER-TOP: #0090cf 1px solid; BORDER-LEFT: #0090cf 1px solid; COLOR: #0090cf; BORDER-BOTTOM: #0090cf 1px solid; BACKGROUND-COLOR: #0090cf
}
DIV.msdn SPAN.current {
	BORDER-RIGHT: #0090cf 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #0090cf 1px solid; PADDING-LEFT: 5px;  PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #0090cf 1px solid; COLOR: #444444; PADDING-TOP: 5px; BORDER-BOTTOM: #0090cf 1px solid;
}
DIV.msdn SPAN.disabled {
	BORDER-RIGHT: #0090cf 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #0090cf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #0090cf 1px solid; COLOR: #0090cf; PADDING-TOP: 5px; BORDER-BOTTOM: #0090cf 1px solid; TEXT-DECORATION: none
}
/*  css animation  */

.trans{



    -webkit-transition: all .2s ease;

    -moz-transition:all .2s ease;

    -o-transition:all .2s ease;

    -ms-transition:all .2s ease;

    transition:all .2s ease;

}



/* page animation  */



.ani-view {

    -webkit-animation-duration:2s;

    -moz-animation-duration:2s;

    -o-animation-duration:2s;

    animation-duration:2s;

    -webkit-animation-fill-mode:forwards;

    -moz-animation-fill-mode:forwards;

    -o-animation-fill-mode:forwards;

    animation-fill-mode:forwards;

}


@-webkit-keyframes fadeInDown {

    0% {

        opacity:0;

        -webkit-transform:translateY(30px)

    }

    100% {

        opacity:1;

        -webkit-transform:translateY(0)

    }

}

@-moz-keyframes fadeInDown {

    0% {

        opacity:0;

        -moz-transform:translateY(30px)

    }

    100% {

        opacity:1;

        -moz-transform:translateY(0)

    }

}

@-o-keyframes fadeInDown {

    0% {

        opacity:0;

        -o-transform:translateY(30px)

    }

    100% {

        opacity:1;

        -o-transform:translateY(0)

    }

}

@keyframes fadeInDown {

    0% {

        opacity:0;

        transform:translateY(30px)

    }

    100% {

        opacity:1;

        transform:translateY(0)

    }

}



.ani-view.fade-in-down{

    opacity:0;

    opacity:1\0/IE9;

    

    -webkit-transform:translateY(20px);

    -moz-transform:translateY(20px);

    -o-transform:translateY(20px);

    transform:translateY(20px);

    -ms-transform:translateY(0)\0/IE9;

}

.ani-view.fadeInDown {

    -webkit-animation-name:fadeInDown;

    -moz-animation-name:fadeInDown;

    -o-animation-name:fadeInDown;

    animation-name:fadeInDown;



}





@-webkit-keyframes fadeInLeft {

    0% {

        opacity:0;

        -webkit-transform:translateX(-200px)

    }

    100% {

        opacity:1;

        -webkit-transform:translateX(0)

    }

}

@-moz-keyframes fadeInLeft {

    0% {

        opacity:0;

        -moz-transform:translateX(-200px)

    }

    100% {

        opacity:1;

        -moz-transform:translateX(0)

    }

}

@-o-keyframes fadeInLeft {

    0% {

    opacity:0;

    -o-transform:translateX(-200px)

    }

    100% {

    opacity:1;

    -o-transform:translateX(0)

    }

}

@keyframes fadeInLeft {

    0% {

    opacity:0;

    transform:translateX(-200px)

    }

    100% {

    opacity:1;

    transform:translateX(0)

    }

}

.ani-view.fade-in-left{



    opacity:0;

    opacity:1\0/IE9;

    



    -webkit-transform:translateX(-200px);

    -moz-transform:translateX(-200px);

    -o-transform:translateX(-200px);

    transform:translateX(-200px);

    -ms-transform:translateX(0)\0/IE9;

}

.ani-view.fadeInLeft {

    -webkit-animation-name:fadeInLeft;

    -moz-animation-name:fadeInLeft;

    -o-animation-name:fadeInLeft;

    animation-name:fadeInLeft;

}





@-webkit-keyframes fadeInRight {

    0% {

    opacity:0;

    -webkit-transform:translateX(200px)

    }

    100% {

    opacity:1;

    -webkit-transform:translateX(0)

    }

}

@-moz-keyframes fadeInRight {

    0% {

    opacity:0;

    -moz-transform:translateX(200px)

    }

    100% {

    opacity:1;

    -moz-transform:translateX(0)

    }

}

@-ms-keyframes fadeInRight {

    0% {

    opacity:0;

    -ms-transform:translateX(200px)

    }

    100% {

    opacity:1;

    -ms-transform:translateX(0)

    }

}

@-o-keyframes fadeInRight {

    0% {

    opacity:0;

    -o-transform:translateX(200px)

    }

    100% {

    opacity:1;

    -o-transform:translateX(0)

    }

}

@keyframes fadeInRight {

    0% {

    opacity:0;

    transform:translateX(200px)

    }

    100% {

    opacity:1;

    transform:translateX(0)

    }

}

.ani-view.fade-in-right{

    opacity:0;

    opacity:1\0/IE9;

    

    -webkit-transform:translateX(200px);

    -moz-transform:translateX(200px);

    -o-transform:translateX(200px);

    transform:translateX(200px);

    -ms-transform:translateX(0)\0/IE9;

}

.ani-view.fadeInRight {

    -webkit-animation-name:fadeInRight;

    -moz-animation-name:fadeInRight;

    -o-animation-name:fadeInRight;

    animation-name:fadeInRight;

}
/************************/
.protfolio {
    padding-bottom: 0 !important;
    min-height: 295px;
    overflow-x: hidden;
}
.section-padding {
    padding: 100px 0;
}
@media (min-width: 1200px)
.containers {
    width: 1170px;
}
@media (min-width: 992px)
.containers {
    width: 970px;
}
@media (min-width: 768px)
.containers {
    width: 750px;
}
.containers {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	padding-top:100px;
	padding-bottom:50px;
}
.containers .row {
    margin-right: -15px;
    margin-left: -15px;
	margin-top:40px;

}
.containers .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
.containers .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.containers h1 {
    font-size: 24px;
	text-align:center;
    color: #5c5c5c;
	margin-top:50px;
	width:300px;
	margin:auto;
	padding-bottom:50px;
	background:url(../images/red-box.png) no-repeat 60px 40px;
}
.containers .rowa{
margin:auto;
padding-left:316px;
padding-top:10px;
}
.containers .rowa .ptitle a{
 
    text-decoration: none;
    display: block;
	padding-top:6px;
	padding-bottom:6px;
    padding-left: 35px;
	padding-right: 35px;
    float: left;
	text-align:center;
    margin-left: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    color: #000;
}
.containers .rowa .ptitle a:hover {
 
    text-decoration: none;
	padding-top:6px;
	padding-bottom:6px;
    padding-left: 35px;
	padding-right: 35px;
    float: left;
	text-align:center;
    margin-left: 10px;
    font-size: 16px;
	background:#003a34;
    border: 1px solid #ccc;
    color: #FFFFFF;
}
.containers .rowa .ptitle a:hover {
color:#FFFFFF;

}
/***********************/
.containers .rowapro{
margin:auto;
padding-top:10px;
padding-left:70px;
width:450px;
}
.containers .rowapro .ptitle a{
 
    text-decoration: none;
    display: block;
	padding-top:6px;
	padding-bottom:6px;
    padding-left: 35px;
	padding-right: 35px;
    float: left;
	text-align:center;
    margin-left: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    color: #000;
}
.containers .rowapro .ptitle a:hover {
 
    text-decoration: none;
	padding-top:6px;
	padding-bottom:6px;
    padding-left: 35px;
	padding-right: 35px;
    float: left;
	text-align:center;
    margin-left: 10px;
    font-size: 16px;
	background:#003a34;
    border: 1px solid #ccc;
    color: #FFFFFF;
}
/*****************/

/**********rowanews***********/
.containers .rowanews{
margin:auto;
padding-top:10px;
padding-left:460px;
}
.containers .rowanews .ptitle a{
 
    text-decoration: none;
    display: block;
	padding-top:6px;
	padding-bottom:6px;
    padding-left: 35px;
	padding-right: 35px;
    float: left;
	text-align:center;
    margin-left: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    color: #000;
}
.containers .rowanews .ptitle a:hover {
 
    text-decoration: none;
	padding-top:6px;
	padding-bottom:6px;
    padding-left: 35px;
	padding-right: 35px;
    float: left;
	text-align:center;
    margin-left: 10px;
    font-size: 16px;
	background:#003a34;
    border: 1px solid #ccc;
    color: #FFFFFF;
}
/*****************/
.containers{
width:1200px;
height: auto;
font-size:13px;

line-height:22px;
font-family:"微软雅黑";}
.containers .neirong{
width:100%;
height:auto;
font-size:12px;
margin-top:60px;
line-height:22px;
text-align:left;
font-family:"微软雅黑";}

.neirong .miaosu{
width:1100px;
padding:5px;
margin-top:20px;
margin-bottom:20px;
background-color: #FAFAFA;
border: 1px solid #EAEAEA;}
.neirong h4{
text-align:center;
margin: auto;
font-weight:100;
font-family:"微软雅黑";
font-size:16px;
margin-bottom:20px;
}
.neirong .content_list{
width:1100px;
margin:auto;
height:auto;

}
.cont_left{
width:700px;
height:400px;
float:left;}
.cont_right{
width:400px;
height:400px;
float:left;
padding-left:30px;
line-height:35px;
padding-top:20px;}
.neirong .content_list img{
max-width:650px;
height:auto;
text-align:center;

}
.neirong .img_prod{
width:650px;
height:auto;
text-align:center;
margin:auto;}
.neirong .img_prod img{
max-width:650px;
height: auto;
text-align:center;}
.containers .neirong img{
max-width:1200px;
width:100%;
height:auto;
}
.containt{
width:100%;
padding-bottom:20px;
background: #FDFDFD;}
/*********prolist**************/
.prolist{
width:1210px;}
.prolist li{
float: left;
width:280px;
height:290px;
text-align:center;
margin-right:20px;
border:1px solid #fff;}
.prolist li img{

width:280px;
height:250px;
}
.prolist .strongtitle a{
text-align:center;
width:100%;

}
/*页数选择*/
.select-list{
	position: absolute;
	width: 1000px;
	height: 30px;
	margin:auto;
	bottom: -20px;
	right: 180px;
	list-style: none;
	z-index: 9;
}
.select-list>span {
    float: left;
    font-size: 14px;
    text-align: center;
    margin-right: 10px;
    width: 25px;
    height: 22px;
    border: 1px solid darkgray;
    padding:4px;
}
.select-list>a {
    float: left;
    font-size: 14px;
    text-align: center;
    margin-right: 10px;
    width: 25px;
    height: 22px;
    border: 1px solid darkgray;
    padding: 4px;
}
.select-list>li{
	float: left;
	font-size:14px ;
	text-align: center;
	margin-right: 10px;
	width: 25px;
	height: 25px;
	border: 1px solid darkgray;
	line-height:22px ;
	padding: 2px;
}
.select-list>li>a{
	text-decoration: none;
	color: #8a8888;
	
}
.select-list>li:hover{
color:#000000;
	/*border: 1px solid #2878f0;*/
}
.select-list>li:hover a{
	color: #000000;
}
.select-list .next{
	width: 60px;
	height: 26px;
	line-height: 22px;
}
/**************新闻分页*************/
.pageJumpapp{width:500px; margin:auto;padding-top:20px; margin-top:20px; padding-left:80px;}

.pageJumpapp>span {
    float: left;
	margin-top:20px;
    font-size: 14px;
    text-align: center;
    margin-right: 10px;
    width: 25px;
    height: 22px;
    border: 1px solid darkgray;
    padding:4px;
}
.pageJumpapp>a {
    float: left;
	margin-top:20px;
    font-size: 14px;
    text-align: center;
    margin-right: 10px;
    width: 25px;
    height: 22px;
    border: 1px solid darkgray;
    padding: 4px;
}
.pageJumpapp>li{
	float: left;
	margin-top:20px;
	font-size:14px ;
	text-align: center;
	margin-right: 10px;
	width: 25px;
	height: 25px;
	border: 1px solid darkgray;
	line-height:22px ;
	padding: 2px;
}
.pageJumpapp>li>a{
	text-decoration: none;
	color: #8a8888;
	margin-top:20px;
	
}
.pageJumpapp>li:hover{
color:#000000;
margin-top:20px;
	/*border: 1px solid #2878f0;*/
}
.pageJumpapp>li:hover a{
	color: #000000;
	margin-top:20px;
}
.pageJumpapp .next{
	width: 60px;
	height: 26px;
	margin-top:20px;
	line-height: 22px;}

/*******dfs***************/
.neirong h3{
text-align:center;
margin: auto;
font-size:16px;
margin-bottom:20px;
border-bottom:1px dashed #000000;}
.neirong h3 span{
text-align:center;
margin: auto;
font-size:12px;}
.detail-word{
padding-top:15px;
line-height:22px;
font-size:12px;
width:100%;
height: auto;
margin-bottom:20px;}
.netpang{
text-align:left;}