/* CSS Document */
.location{display:block; width:100%; margin:0 auto;  height:45px; line-height:45px; font-size:15px;}
.location a{color:#0099cc; font-size:15px;line-height:45px;}
.location a:hover{font-weight:bold;}
.ny{display:block; width:100%;}
.ny .fr .blue{display:block; width:71px; height:150px; position:absolute; left:-71px; top:300px; background:#0099cc;}
.ny .fr .blue2{display:block; width:71px; height:71px; position:absolute; left:0px; top:229px; background:#0099cc;}



.a_banner{display:block; width:100%;background:#f0f0f0;height:500px;}
.a_banner .fl{width:39.2%;}
.a_banner .fl .f_in{float:right; width:410px;padding-right:60px; padding-top:100px;}
.a_banner .fr{width:60%; background:url(../images/a_ny.jpg) no-repeat left top; background-size:100% auto; height:500px; position:relative; z-index:3; left:0; top:0;}





.a_banner .fl .f_in h4{display:block;  line-height:50px; font-size:42px; color:#0099cc; font-weight:normal;}
.a_banner .fl .f_in .tip{display:block; line-height:28px; font-size:18px; padding-top:50px;}
.a_banner .fl .f_in .shouquan{display:block; height:40px; line-height:40px; font-size:24px; color:#0099cc;font-style:italic; padding-top:30px;}


.p_banner{display:block; width:100%;background:#f0f0f0;height:500px;}
.p_banner .fl{width:39.2%;}
.p_banner .fl .f_in h4{display:block;  line-height:50px; font-size:42px; color:#0099cc; font-weight:normal;}
.p_banner .fl .f_in .tip{display:block; line-height:28px; font-size:18px; padding-top:50px;}

.p_banner .fl .f_in{float:right; width:410px;padding-right:60px; padding-top:100px;}
.p_banner .fr{width:60%; background:url(../images/p_ny.jpg) no-repeat left top; background-size:auto 100%; height:500px; position:relative; z-index:3; left:0; top:0;}


.n_banner{display:block; width:100%;background:#f0f0f0;height:500px;}
.n_banner .fl{width:39.2%;}
.n_banner .fl .f_in h4{display:block;  line-height:50px; font-size:42px; color:#0099cc; font-weight:normal;}
.n_banner .fl .f_in .tip{display:block; line-height:28px; font-size:18px; padding-top:50px;}

.n_banner .fl .f_in{float:right; width:410px;padding-right:60px; padding-top:100px;}
.n_banner .fr{width:60%; background:url(../images/n_ny.jpg) no-repeat left top; background-size:auto 100%; height:500px; position:relative; z-index:3; left:0; top:0;}


.ly_banner{display:block; width:100%;background:#f0f0f0;height:360px;}
.ly_banner .fl{width:39.2%;}
.ly_banner .fl .f_in h4{display:block;  line-height:50px; font-size:42px; color:#0099cc; font-weight:normal;}
.ly_banner .fl .f_in .tip{display:block; line-height:28px; font-size:18px; padding-top:50px;}

.ly_banner .fl .f_in{float:right; width:410px;padding-right:60px; padding-top:100px;}
.ly_banner .fr{width:60%; background:url(../images/ly.jpg) no-repeat left top; background-size:100% auto; height:360px; position:relative; z-index:3; left:0; top:0;}
.ly_banner .fr .blue{display:block; width:71px; height:150px; position:absolute; left:-71px; top:210px; background:#0099cc;}
.ly_banner .fr .blue2{display:block; width:71px; height:71px; position:absolute; left:0px; top:129px; background:#0099cc;}



.pro_banner{display:block; width:100%;background:#fff;}
.pro_banner .fl{width:49.2%;}




.pro_banner .fl .flex-container{
display: -webkit-flex;
    display: flex;
	flex-direction: column;
}


.pro_banner .fl  li{ width:100%; background:#0099cc; overflow:hidden;}
.pro_banner .fl  li.pro1{background:#0099cc;}
.pro_banner .fl  li.pro1 .l_in{padding-right:20px;}
.pro_banner .fl  li.pro2{background:#f0f0f0;font-size:18px;line-height:40px;}
.pro_banner .fl  li.pro2 .l_in{overflow-y:scroll;}

.pro_banner .fl .item1 {
    -webkit-flex: 2;
    flex: 2;
}
.pro_banner .fl .item2 {
    -webkit-flex: 3;
    flex: 3;
}


.pro_banner .fl  li .l_in{float:right; width:580px;}
.pro_banner .fl  li.pro1 .l_in{background:#0099cc;}
.pro_banner .fl  li.pro1 h4{display:block;  line-height:50px; font-size:34px;  font-style:italic; padding-top:30px; color:#fff; padding-bottom:25px; background:url(../images/line2.jpg) no-repeat left bottom;}
.pro_banner .fl  li.pro1 .tip{display:block; font-size:22px; color:#fff; line-height:34px;  padding-top:20px;}
.pro_banner .fl  li.pro2{margin-top:10px;}

.pro_banner .fr{width:50%;}
.pro_banner .fr img{display:block; width:100%;}


.c_banner{display:block; width:100%; margin:0 auto; padding:20px 0px; background:#0099cc;}
.c_banner .inner{display:block;}
.c_banner .inner h4{display:block; height:50px; line-height:50px; font-size:32px;  font-style:italic; color:#fff; font-weight:normal;}



.pagelink{display:block; margin-top:30px; font-size:15px;}
.pagelink span{float:left;padding:4px 7px; border:1px solid #e1e1e1; margin-right:10px;}
.pagelink  a{float:left;padding:4px 7px; border:1px solid #e1e1e1; margin-right:10px;}

.content{display:block; width:1200px;  margin:0 auto; margin-top:80px; overflow:hidden;}
.content .about{display:block; width:1200px; }
.content .about .title{display:block;}
.content .about .title h4{display:block; height:50px; line-height:50px; font-size:32px; font-weight:normal; color:#222; text-align:center;}
.content .about .con{display:block; padding-top:20px; font-size:14px; line-height:32px;}

.content .Atlas{display:block; width:1200px; margin-top:80px;}
.content .Atlas .con{display:block; padding-top:20px; font-size:14px; line-height:32px;}
.content .Atlas  .a_pic{display:block; width:1200px; position:relative; z-index:2; left:0; top:0;}
.content .Atlas  .a_pic .blue{display:block; position:absolute; right:-71px; top:49px; z-index:3; background:#0099cc; width:71px; height:71px;}
.content .Atlas  .a_pic .a_gs{float:left; width:700px;}
.content .Atlas  .a_pic .a_wz{display:block; position:absolute; z-index:9; left:600px; top:120px; width:520px; padding:50px 40px;background:#0099CC;}
.content .Atlas  .a_pic .a_gs img{display:block; width:100%;}

.content .Atlas  .a_pic .a_wz .title{display:block;height:50px; text-align:left; }
.content .Atlas  .a_pic .a_wz .title h4{display:Block; height:50px; line-height:50px; font-size:42px;  text-align:left;color:#fff; font-weight:normal;}
.content .Atlas  .a_pic .a_wz .tip{display:block; height:40px; line-height:40px; color:#fff; font-size:28px; padding-top:8px; padding-bottom:25px; background:url(../images/line2.jpg) no-repeat left bottom;}

.content .Atlas  .a_pic .a_wz .detail{display:block; width:500px;padding-top:30px; font-size:18px; color:#fff; line-height:28px; font-style:italic;}




.newslist{display:block; width:1200px; margin:0 auto; overflow:hidden;}
.newslist .dl_out{display:block; width:1290px;}
.newslist dl{float:left;width:340px; padding-bottom:18px; border-bottom:1px solid #e1e1e1; margin-right:90px; margin-bottom:25px;}
.newslist dl dt .time{display:block; font-size:13px; line-height:22px; font-style:italic; color:#999; padding-left:20px; background:url(../images/time.jpg) no-repeat left center;}
.newslist dl dt a{display:block; font-size:22px; color:#0099cc; line-height:28px;   padding:10px 0px; height:28px; overflow:hidden;}
.newslist dl dt a:hover{font-weight:bold; }
.newslist dl dt{display:block; background:url(../images/line.jpg) no-repeat left bottom;}
.newslist dl dd a.detail{display:Block; font-size:13px; line-height:22px;  padding-top:15px; height:88px; overflow:hidden;}
.newslist dl dd a.detail:hover{text-decoration:underline;}

.newslist dl dd a.moret{display:block;font-size:13px; line-height:30px; font-style:italic; margin-top:10px;}
.newslist dl dd a.moret:hover{font-weight:bold;}


.searchlist{display:block;width:1200px; margin:0 auto;}
.searchlist dd{padding-bottom:70px;border-bottom:1px solid #e1e1e1; position:relative; z-index:2; left:0; top:0; margin-bottom:50px; font-size:15px; line-height:28px;}
.searchlist  dt{display:block; height:50px;}
.searchlist  dt span{line-height:50px; color:#999; margin-right:10px;}
.searchlist  dt .tit{ height:50px; line-height:50px; color:#0099cc; font-size:22px;}
.searchlist dd .moret{display:block; position:absolute; z-index:9; right:0px; bottom:30px; width:120px; height:35px;  line-height:35px; font-size:14px; color:#666;border:1px solid #dbdbdb; text-align:center; }
.searchlist dd .moret:hover{background:#0099cc; color:#fff;}

.newsdetails{display:block; width:1200px; margin:0 auto;}
.newsdetails h2{display:block; height:50px; line-height:50px; font-size:32px; color:#444; font-weight:normal;}
.newsdetails .tip{display:block; height:40px; line-height:40px; font-size:14px; color:#999;  margin-bottom:30px; margin-top:20px;}
.newsdetails .tip a{font-size:14px;}
.newsdetails .n_con{display:block; font-size:16px; line-height:32px;}
.newsdetails  p strong{font-size:17px;}
.newsdetails  p a{font-size:16px;}

.proright{ float:right; width:640px; height:245px;}
.proright h2{ text-align:left; font-size:24px; color:#FB4402;font-weight:normal; height:45px; line-height:45px; margin-bottom:10px; font-family:"΢ÈíÑźÚ";}
.prodetails{margin-top:10px;font-size:12px; line-height:26px; color:#666;}
.proright .summary{ line-height:24px;}
.proright .zx{display:block; background:#f0f0f0; width:640px; margin-top:10px;padding:15px; font-size:15px;}
.proright .zx .red{font-size:22px; color:#FB4402;}
.proright .consultation{display:block;width:120px; height:34px;line-height:34px; background:#4b84cc; font-size:18px; color:#fff;  text-align:center; margin-top:10px;}
.prodetails h3{ font-family:"΢ÈíÑźÚ"; font-size:24px;  font-weight:normal;color:#222; height:45px; line-height:45px; background:#e7e8e9; text-indent:15px; margin-bottom:15px; border:none; margin-top:30px;}
.prodetails p{ padding:0 10px; font-size:15px; line-height:32px;}
.prodetails p img{margin:0 auto; display:block;}
.prodetails h6{ font-size:12px; font-weight:normal; margin-left:15px;}
.prodetails h6 strong{ color:#ed1c22;}

.prorelated{ margin-top:20px;}
.prorelated h3{ font-family:"΢ÈíÑźÚ"; font-size:24px;  color:#222; height:50px; line-height:50px; background:#f0f0f0; text-indent:15px; margin-bottom:15px; border:none; font-weight:normal;}
.prorelated li{ float:left; width:240px;text-align:center;}
.prorelated li a{font-size:15px; line-height:40px; text-align:center;}
.prorelated li img{ margin:0 auto; width:230px; height:173px;}




.pro_list{display:block; width:1200px;}
.pro_list .mtitle{display:Block; margin-top:30px;}
.pro_list .mtitle dl{float:left; width:214px;height:240px; margin-bottom:30px; padding-left:25px; border-right:1px solid #e1e1e1;}
.pro_list .mtitle dl dt a{display:block; height:50px; line-height:50px; font-size:20px; color:#0099cc;}
.pro_list .mtitle dl dt a:hover{font-weight:bold;font-style:italic; }
.pro_list .mtitle dl dd{display:block; height:26px; line-height:26px;overflow:hidden;}
.pro_list .mtitle dl dd a{display:block;font-size:14px;}
.pro_list .mtitle dl dd a:hover{text-decoration:underline;}

.pro_list .mcon{display:block; width:1200px; overflow:hidden;}
.pro_list .mcon ul{display:block; width:1220px; }
.pro_list .mcon  li{float:left; width:285px; margin-left:18px; font-size:15px; color:#666; height:430px; margin-bottom:20px; box-shadow:0px 0px 3px 1px #ddd; border-top:1px solid #eee;}
.pro_list .mcon  li img{display:block; width:285px; height:285px; }
.pro_list .mcon  li .tit{display:block; width:265px; height:40px; line-height:40px; color:#0099cc; font-size:17px; margin:0 auto; text-align:left; padding:0px 10px;}
.pro_list .mcon   li .tit:hover{font-weight:bold; font-style:italic;}
.pro_list .mcon  li .detail{display:block; width:265px; margin:0 auto; font-size:14px; line-height:24px; height:48px; overflow:hidden;padding:0px 10px; text-align:left;}
.pro_list .mcon   li .detail:hover{font-style:italic;}
.pro_list .mcon   li .c_btn{display:block;width:265px; padding:0px 10px;margin-top:15px;}
.pro_list .mcon   li .c_btn .c_feilei{float:left; height:40px; background:url(../images/jia.jpg) no-repeat left center; font-size:16px; color:#0099cc; font-weight:bold; font-style:italic; padding-left:18px;width:140px; line-height:40px; }
.pro_list .mcon   li .c_btn .c_feilei:hover{text-decoration:underline;}

.pro_list .mcon   li .c_btn .moret{float:right; width:100px; height:34px; background:#0099cc; line-height:34px; font-size:14px; color:#fff; text-align:center;}
.pro_list .mcon   li .c_btn .moret:hover{font-weight:bold;}




.excellent{display:block;width:540px; padding-top:30px;}
.excellent dl{display:block; margin-bottom:25px; padding-left:40px; background:url(../images/rt.png) no-repeat left top;}
.excellent dl dt{display:block; line-height:30px; color:#0099cc; font-size:28px; font-style:italic;padding-bottom:5px;}
.excellent dl dd{display:block;font-size:18px; line-height:26px;}


.content .pro_con{display:block; font-size:18px; line-height:32px;}


.message{display:block; width:1070px; border:5px solid #f4f3f3; margin:0 auto; padding:60px;}
.message .fl{width:310px; }
.message .fl h4{display:block; height:70px; line-height:70px; font-size:34px; color:#0099cc; font-weight:normal; font-style:italic;}
.message .fl .tip{display:block; height:40px; line-height:40px; font-size:22px; color:#444;}
.message .fl .detail{display:block; font-size:17px; line-height:24px; padding-top:20px;}
.message .fl .ww{display:block; padding-top:50px; font-size:19px; color:#999; font-weight:normal;}

.message .fr{width:600px; font-size:15px;border-left:1px solid #e1e1e1; padding-left:90px;}
.message .fr .m_button{display:block; width:420px; height:50px; background:none; border:none;background:#0099cc; line-height:50px; font-size:17px; color:#fff; text-align:center;font-family:"΢ÈíÑźÚ","Microsoft Yahei";}

.contact_con{display:block; }
.contact_con .fl{width:48%;}
.contact_con .fl .slogan{display:block; width:520px; height:340px; background:#0099cc url(../images/ct.jpg) no-repeat left top; background-size:100% auto; position:relative; z-index:2; left:0; top:0;}

.contact_con .fr{width:50%; font-size:17px; line-height:44px;}


.case_con{display:block; width:1200px; font-size:16px; line-height:34px; margin:0 auto;}
.case_con .c_pic{display:block; width:100%; background:#f0f0f0; margin-bottom:40px;}
.case_con .c_pic .c_p{float:left; width:70%;}
.case_con .c_pic .c_wz{float:right; width:20%;padding:50px; font-size:32px; line-height:50px; color:#0099cc;}



.case_list{display:block; width:1290px;}
.case_list  ul{display:block; width:1200px;}
.case_list  ul li{float:left; width:280px;height:405px; margin-right:20px; margin-bottom:25px; }
.case_list ul li a{display:block; width:280px; height:400px; border-bottom:1px solid #e1e1e1; }
.case_list  ul li a .tit{display:block; line-height:30px; font-size:20px; color:#0099cc; padding:10px 0px;}
.case_list  ul li a .detail{display:block;font-size:14px; color:#999;  line-height:20px;height:60px;overflow:hidden;}
.case_list  ul li img{display:block; width:280px; height:210px; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s;-moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s;}
.case_list  ul li a:hover{display:block; width:280px;  height:400px; border-bottom:5px solid #0099cc;}
.case_list  ul li a:hover .tit{display:block; line-height:30px; font-size:20px; color:#0285cf;}
.case_list  ul li a:hover .detail{color:#0285cf;}







@keyframes fadeInM
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(0,100%,0);
   transform:translate3d(0,100%,0)}
100%{visibility:visible;
    -webkit-transform:none;
	transform:none;}
}

-webkit-@keyframes fadeInM
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(0,100%,0);
   transform:translate3d(0,100%,0)}
100%{visibility:visible;;
    -webkit-transform:none;
	transform:none;}
}

-o-@keyframes fadeInM
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(0,100%,0);
   transform:translate3d(0,100%,0)}
100%{opacity:1;
    -webkit-transform:none;
	transform:none;}
}


@keyframes fadeInD
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(0,-100%,0);
   transform:translate3d(0,-100%,0)}
100%{visibility:visible;
    -webkit-transform:none;
	transform:none;}
}

-webkit-@keyframes fadeInD
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(0,-100%,0);
   transform:translate3d(0,-100%,0)}
100%{visibility:visible;;
    -webkit-transform:none;
	transform:none;}
}

-o-@keyframes fadeInD
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(0,-100%,0);
   transform:translate3d(0,-100%,0)}
100%{opacity:1;
    -webkit-transform:none;
	transform:none;}
}





@keyframes fadeInL
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(100%,0,0);
   transform:translate3d(100%,0,0)}
100%{visibility:visible;
    -webkit-transform:none;
	transform:none;}
}

-webkit-@keyframes fadeInL
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(100%,0,0);
   transform:translate3d(100%,0,0)}
100%{visibility:visible;;
    -webkit-transform:none;
	transform:none;}
}

-o-@keyframes fadeInL
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(100%,0,0);
   transform:translate3d(100%,0,0)}
100%{opacity:1;
    -webkit-transform:none;
	transform:none;}
}







@keyframes fadeInR
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(-100%,0,0);
   transform:translate3d(-100%,0,0)}
100%{visibility:visible;
    -webkit-transform:none;
	transform:none;}
}

-webkit-@keyframes fadeInR
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(0,0,0);
   transform:translate3d(-100%,0,0)}
100%{visibility:visible;;
    -webkit-transform:none;
	transform:none;}
}

-o-@keyframes fadeInR
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(-100%,0,0);
   transform:translate3d(-100%,0,0)}
100%{opacity:1;
    -webkit-transform:none;
	transform:none;}
}



.fadeInUp{overflow:hidden; transition:all .7s linear 0s;visibility:hidden;animation-fill-mode : forwards; animation-name: none;animation-duration:1s;}

.fadeInD{overflow:hidden; transition:all .7s linear 0s;visibility:hidden;animation-fill-mode : forwards; animation-name: none;animation-duration:1s;}

.fadeInR{overflow:hidden; transition:all .7s linear 0s;visibility:hidden;animation-fill-mode : forwards; animation-name: none;animation-duration:1s;}

.fadeInL{overflow:hidden; transition:all .7s linear 0s;visibility:hidden;animation-fill-mode : forwards; animation-name: none;animation-duration:1s;}


.content .business .con .revealed{
-webkit-transform:rotatex(0) translateZ(0);
-ms-transform:rotatex(0) translateZ(0);
transform:rotatex(0) translateZ(0);
opacity:1;}